@progress/kendo-angular-dropdowns 6.0.3-dev.202203091003 → 7.0.0-next.202204040550

package/dist/npm/common/selection/selection.service.js

@@ -1,109 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var tslib_1 = require("tslib");
-var core_1 = require("@angular/core");
-var util_1 = require("../util");
-/**
- * @hidden
- */
-var SelectionService = /** @class */ (function () {
-    function SelectionService() {
-        this.onSelect = new core_1.EventEmitter();
-        this.onChange = new core_1.EventEmitter();
-        this.onFocus = new core_1.EventEmitter();
-        this.total = 0;
-        this.selectedIndices = [];
-    }
-    SelectionService.prototype.getTotal = function () {
-        return this.total;
-    };
-    SelectionService.prototype.isSelected = function (index) {
-        return util_1.isPresent(this.selectedIndices.find(function (current) { return current === index; }));
-    };
-    SelectionService.prototype.isFocused = function (index) {
-        return index === this.focused;
-    };
-    SelectionService.prototype.focus = function (index) {
-        if (this.isFocused(index)) {
-            return;
-        }
-        this.focused = index;
-        this.onFocus.emit(index);
-    };
-    SelectionService.prototype.select = function (index) {
-        if (this.isSelected(index)) {
-            return;
-        }
-        this.selectedIndices = [index];
-        this.focused = index;
-        this.onSelect.emit({
-            indices: [index],
-            newSelection: util_1.isPresent(index)
-        });
-    };
-    SelectionService.prototype.add = function (index) {
-        if (this.isSelected(index)) {
-            return;
-        }
-        this.selectedIndices.push(index);
-        this.focused = index;
-        this.onChange.emit({
-            added: index,
-            indices: this.selectedIndices.slice()
-        });
-    };
-    SelectionService.prototype.unselect = function (index) {
-        if (!this.isSelected(index)) {
-            return;
-        }
-        var position = this.selectedIndices.indexOf(index);
-        this.selectedIndices.splice(position, 1);
-        this.focused = index;
-        this.onChange.emit({
-            indices: this.selectedIndices.slice(),
-            removed: index
-        });
-    };
-    SelectionService.prototype.change = function (index) {
-        var newSelection = util_1.isPresent(index) && !this.isSelected(index);
-        this.selectedIndices = [index];
-        this.focused = index;
-        this.onChange.emit({
-            indices: [index],
-            newSelection: newSelection
-        });
-    };
-    SelectionService.prototype.resetSelection = function (index) {
-        this.selectedIndices = index instanceof Array ? index : [index];
-        this.focused = this.selectedIndices[this.selectedIndices.length - 1];
-    };
-    Object.defineProperty(SelectionService.prototype, "selected", {
-        get: function () {
-            return this.selectedIndices.slice();
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(SelectionService.prototype, "focused", {
-        get: function () {
-            return this.focusedIndex;
-        },
-        set: function (index) {
-            if (this.focusedIndex !== index) {
-                this.focusedIndex = index;
-                this.onFocus.emit(index);
-            }
-        },
-        enumerable: true,
-        configurable: true
-    });
-    SelectionService = tslib_1.__decorate([
-        core_1.Injectable()
-    ], SelectionService);
-    return SelectionService;
-}());
-exports.SelectionService = SelectionService;

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

@@ -1,62 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var tslib_1 = require("tslib");
-var core_1 = require("@angular/core");
-var item_template_directive_1 = require("./templates/item-template.directive");
-var group_template_directive_1 = require("./templates/group-template.directive");
-var fixed_group_template_directive_1 = require("./templates/fixed-group-template.directive");
-var header_template_directive_1 = require("./templates/header-template.directive");
-var footer_template_directive_1 = require("./templates/footer-template.directive");
-var no_data_template_directive_1 = require("./templates/no-data-template.directive");
-var value_template_directive_1 = require("./templates/value-template.directive");
-var tag_template_directive_1 = require("./templates/tag-template.directive");
-var group_tag_template_directive_1 = require("./templates/group-tag-template.directive");
-var localized_messages_directive_1 = require("./localization/localized-messages.directive");
-var custom_messages_component_1 = require("./localization/custom-messages.component");
-var filter_directive_1 = require("./filtering/filter.directive");
-var filter_input_directive_1 = require("./filter-input.directive");
-var SHARED_DIRECTIVES = [
-    header_template_directive_1.HeaderTemplateDirective,
-    footer_template_directive_1.FooterTemplateDirective,
-    item_template_directive_1.ItemTemplateDirective,
-    group_template_directive_1.GroupTemplateDirective,
-    fixed_group_template_directive_1.FixedGroupTemplateDirective,
-    no_data_template_directive_1.NoDataTemplateDirective,
-    value_template_directive_1.ValueTemplateDirective,
-    tag_template_directive_1.TagTemplateDirective,
-    group_tag_template_directive_1.GroupTagTemplateDirective,
-    localized_messages_directive_1.LocalizedMessagesDirective,
-    custom_messages_component_1.CustomMessagesComponent,
-    filter_directive_1.FilterDirective,
-    filter_input_directive_1.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([
-        core_1.NgModule({
-            declarations: [SHARED_DIRECTIVES],
-            exports: [SHARED_DIRECTIVES]
-        })
-    ], SharedDirectivesModule);
-    return SharedDirectivesModule;
-}());
-exports.SharedDirectivesModule = SharedDirectivesModule;

package/dist/npm/common/shared.module.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
-*-------------------------------------------------------------------------------------------*/
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var tslib_1 = require("tslib");
-var core_1 = require("@angular/core");
-var common_1 = require("@angular/common");
-var forms_1 = require("@angular/forms");
-var list_component_1 = require("./list.component");
-var searchbar_component_1 = require("./searchbar.component");
-var taglist_component_1 = require("./taglist.component");
-var kendo_angular_popup_1 = require("@progress/kendo-angular-popup");
-var kendo_angular_common_1 = require("@progress/kendo-angular-common");
-var shared_directives_module_1 = require("./shared-directives.module");
-var list_item_directive_1 = require("./list-item.directive");
-var selectable_directive_1 = require("./selection/selectable.directive");
-var template_context_directive_1 = require("./templates/template-context.directive");
-var check_directive_1 = require("../dropdowntrees/checked-state/check.directive");
-var check_all_directive_1 = require("../dropdowntrees/checked-state/check-all.directive");
-var INTERNAL_DIRECTIVES = [
-    list_component_1.ListComponent,
-    list_item_directive_1.ListItemDirective,
-    selectable_directive_1.SelectableDirective,
-    searchbar_component_1.SearchBarComponent,
-    template_context_directive_1.TemplateContextDirective,
-    taglist_component_1.TagListComponent,
-    check_directive_1.CheckDirective,
-    check_all_directive_1.CheckAllDirective
-];
-/**
- * @hidden
- */
-var SharedModule = /** @class */ (function () {
-    function SharedModule() {
-    }
-    SharedModule = tslib_1.__decorate([
-        core_1.NgModule({
-            declarations: [INTERNAL_DIRECTIVES],
-            exports: [INTERNAL_DIRECTIVES, common_1.CommonModule, forms_1.FormsModule, kendo_angular_popup_1.PopupModule, kendo_angular_common_1.ResizeSensorModule, shared_directives_module_1.SharedDirectivesModule, kendo_angular_common_1.EventsModule],
-            imports: [common_1.CommonModule, forms_1.FormsModule, kendo_angular_popup_1.PopupModule, kendo_angular_common_1.ResizeSensorModule, shared_directives_module_1.SharedDirectivesModule, kendo_angular_common_1.EventsModule]
-        })
-    ], SharedModule);
-    return SharedModule;
-}());
-exports.SharedModule = SharedModule;

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

@@ -1,181 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var tslib_1 = require("tslib");
-var core_1 = require("@angular/core");
-var tag_template_directive_1 = require("../common/templates/tag-template.directive");
-var group_tag_template_directive_1 = require("../common/templates/group-tag-template.directive");
-var util_1 = require("../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 core_1.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, util_1.getSizeClass('chip-list', this.size));
-            if (size) {
-                this.renderer.addClass(this.hostElement.nativeElement, util_1.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 util_1.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 util_1.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([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", Array)
-    ], TagListComponent.prototype, "tags", void 0);
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", Object)
-    ], TagListComponent.prototype, "textField", void 0);
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", String)
-    ], TagListComponent.prototype, "valueField", void 0);
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", Array)
-    ], TagListComponent.prototype, "valueDepth", void 0);
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", Number)
-    ], TagListComponent.prototype, "focused", void 0);
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", tag_template_directive_1.TagTemplateDirective)
-    ], TagListComponent.prototype, "template", void 0);
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", group_tag_template_directive_1.GroupTagTemplateDirective)
-    ], TagListComponent.prototype, "groupTemplate", void 0);
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", Boolean)
-    ], TagListComponent.prototype, "disabled", void 0);
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", String)
-    ], TagListComponent.prototype, "tagPrefix", void 0);
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", String)
-    ], TagListComponent.prototype, "id", void 0);
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", String),
-        tslib_1.__metadata("design:paramtypes", [String])
-    ], TagListComponent.prototype, "size", null);
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", String)
-    ], TagListComponent.prototype, "rounded", void 0);
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", String)
-    ], TagListComponent.prototype, "fillMode", void 0);
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", Set)
-    ], TagListComponent.prototype, "disabledIndices", void 0);
-    tslib_1.__decorate([
-        core_1.Output(),
-        tslib_1.__metadata("design:type", core_1.EventEmitter)
-    ], TagListComponent.prototype, "removeTag", void 0);
-    tslib_1.__decorate([
-        core_1.HostBinding('class.k-input-values'),
-        core_1.HostBinding('class.k-chip-list'),
-        core_1.HostBinding('class.k-selection-multiple'),
-        tslib_1.__metadata("design:type", Boolean)
-    ], TagListComponent.prototype, "hostClasses", void 0);
-    tslib_1.__decorate([
-        core_1.HostBinding('attr.id'),
-        tslib_1.__metadata("design:type", String),
-        tslib_1.__metadata("design:paramtypes", [])
-    ], TagListComponent.prototype, "hostId", null);
-    TagListComponent = tslib_1.__decorate([
-        core_1.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", [core_1.Renderer2,
-            core_1.ElementRef])
-    ], TagListComponent);
-    return TagListComponent;
-}());
-exports.TagListComponent = TagListComponent;

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

@@ -1,49 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var tslib_1 = require("tslib");
-/* tslint:disable:max-line-length */
-var core_1 = require("@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([
-        core_1.Directive({
-            selector: '[kendoMultiSelectCustomItemTemplate]'
-        }),
-        tslib_1.__metadata("design:paramtypes", [core_1.TemplateRef])
-    ], CustomItemTemplateDirective);
-    return CustomItemTemplateDirective;
-}());
-exports.CustomItemTemplateDirective = CustomItemTemplateDirective;

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

@@ -1,56 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var tslib_1 = require("tslib");
-/* tslint:disable:max-line-length */
-var core_1 = require("@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([
-        core_1.Directive({
-            selector: '[kendoDropDownListFixedGroupTemplate],[kendoComboBoxFixedGroupTemplate],[kendoMultiColumnComboBoxFixedGroupTemplate],[kendoAutoCompleteFixedGroupTemplate],[kendoMultiSelectFixedGroupTemplate]'
-        }),
-        tslib_1.__metadata("design:paramtypes", [core_1.TemplateRef])
-    ], FixedGroupTemplateDirective);
-    return FixedGroupTemplateDirective;
-}());
-exports.FixedGroupTemplateDirective = FixedGroupTemplateDirective;

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

@@ -1,49 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var tslib_1 = require("tslib");
-var core_1 = require("@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([
-        core_1.Directive({
-            selector: '[kendoDropDownListFooterTemplate],[kendoComboBoxFooterTemplate],[kendoDropDownTreeFooterTemplate],[kendoMultiColumnComboBoxFooterTemplate],[kendoAutoCompleteFooterTemplate],[kendoMultiSelectFooterTemplate],[kendoMultiSelectTreeFooterTemplate]'
-        }),
-        tslib_1.__metadata("design:paramtypes", [core_1.TemplateRef])
-    ], FooterTemplateDirective);
-    return FooterTemplateDirective;
-}());
-exports.FooterTemplateDirective = FooterTemplateDirective;

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

@@ -1,48 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var tslib_1 = require("tslib");
-/* tslint:disable:max-line-length */
-var core_1 = require("@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([
-        core_1.Directive({
-            selector: '[kendoMultiSelectGroupTagTemplate],[kendoMultiSelectTreeGroupTagTemplate]'
-        }),
-        tslib_1.__metadata("design:paramtypes", [core_1.TemplateRef])
-    ], GroupTagTemplateDirective);
-    return GroupTagTemplateDirective;
-}());
-exports.GroupTagTemplateDirective = GroupTagTemplateDirective;

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

@@ -1,56 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var tslib_1 = require("tslib");
-/* tslint:disable:max-line-length */
-var core_1 = require("@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([
-        core_1.Directive({
-            selector: '[kendoDropDownListGroupTemplate],[kendoComboBoxGroupTemplate],[kendoMultiColumnComboBoxGroupTemplate],[kendoAutoCompleteGroupTemplate],[kendoMultiSelectGroupTemplate]'
-        }),
-        tslib_1.__metadata("design:paramtypes", [core_1.TemplateRef])
-    ], GroupTemplateDirective);
-    return GroupTemplateDirective;
-}());
-exports.GroupTemplateDirective = GroupTemplateDirective;