@progress/kendo-angular-dropdowns 6.0.2 → 7.0.0-next.202204011414

package/{dist/es2015 → esm2015}/common/taglist.component.js

@@ -2,15 +2,15 @@
 * 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 { Component, Input, Output, EventEmitter, HostBinding } from '@angular/core';
 import { getSizeClass, getter, isPresent } from '../common/util';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "./templates/template-context.directive";
 /**
  * @hidden
  */
-let TagListComponent = class TagListComponent {
+export class TagListComponent {
     constructor(renderer, hostElement) {
         this.renderer = renderer;
         this.hostElement = hostElement;
@@ -85,83 +85,69 @@ let TagListComponent = class TagListComponent {
             return prop.find(item => 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: `
+}
+TagListComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TagListComponent, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
+TagListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: TagListComponent, 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-input-values": "this.hostClasses", "class.k-chip-list": "this.hostClasses", "class.k-selection-multiple": "this.hostClasses", "attr.id": "this.hostId" } }, ngImport: i0, template: `
+        <div
+            *ngFor="let tag of tags; let index = index;"
+            [attr.id]="itemId(tag, index)"
+            [attr.aria-hidden]="tagAriaHidden(index)"
+            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">
+                <ng-template *ngIf="isGroupTag(tag); then groupTag else singleTag"></ng-template>
+                <ng-template #groupTag>
+                    <span class="k-chip-label k-text-ellipsis">
+                        <ng-template *ngIf="groupTemplate"
+                            [templateContext]="{
+                            templateRef: groupTemplate.templateRef,
+                            $implicit: tag
+                        }">
+                        </ng-template>
+                        <ng-template [ngIf]="!groupTemplate">{{ tag.length }} {{ tag.length === 1 ? 'item' : 'items' }} selected</ng-template>
+                    </span>
+                </ng-template>
+                <ng-template #singleTag>
+                    <span class="k-chip-label k-text-ellipsis">
+                        <ng-template *ngIf="template"
+                            [templateContext]="{
+                            templateRef: template.templateRef,
+                            $implicit: tag
+                        }">
+                        </ng-template>
+                        <ng-template [ngIf]="!template">{{ tagProp(tag, textField, index) }}</ng-template>
+                    </span>
+                </ng-template>
+            </span>
+
+            <span class="k-chip-actions">
+                <span aria-label="delete" [attr.aria-hidden]="index !== focused" class="k-chip-action k-chip-remove-action">
+                    <span class="k-icon k-i-x-circle" (mousedown)="deleteTag($event, tag, index)">
+                    </span>
+                </span>
+            </span>
+        </div>
+        <ng-content></ng-content>
+  `, isInline: true, directives: [{ type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.TemplateContextDirective, selector: "[templateContext]", inputs: ["templateContext"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TagListComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'kendo-taglist',
+                    template: `
         <div
             *ngFor="let tag of tags; let index = index;"
             [attr.id]="itemId(tag, index)"
@@ -217,8 +203,47 @@ TagListComponent = tslib_1.__decorate([
         </div>
         <ng-content></ng-content>
   `
-    }),
-    tslib_1.__metadata("design:paramtypes", [Renderer2,
-        ElementRef])
-], TagListComponent);
-export { TagListComponent };
+                }]
+        }], ctorParameters: function () { return [{ 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
+            }], hostClasses: [{
+                type: HostBinding,
+                args: ['class.k-input-values']
+            }, {
+                type: HostBinding,
+                args: ['class.k-chip-list']
+            }, {
+                type: HostBinding,
+                args: ['class.k-selection-multiple']
+            }], hostId: [{
+                type: HostBinding,
+                args: ['attr.id']
+            }] } });

package/{dist/es2015 → esm2015}/common/templates/custom-item-template.directive.js

@@ -2,9 +2,8 @@
 * 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';
+import { Directive } 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-customizing-the-item-content)).
@@ -32,15 +31,16 @@ import { Directive, TemplateRef } from '@angular/core';
  * ```
  *
  */
-let CustomItemTemplateDirective = class CustomItemTemplateDirective {
+export class CustomItemTemplateDirective {
     constructor(templateRef) {
         this.templateRef = templateRef;
     }
-};
-CustomItemTemplateDirective = tslib_1.__decorate([
-    Directive({
-        selector: '[kendoMultiSelectCustomItemTemplate]'
-    }),
-    tslib_1.__metadata("design:paramtypes", [TemplateRef])
-], CustomItemTemplateDirective);
-export { CustomItemTemplateDirective };
+}
+CustomItemTemplateDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: CustomItemTemplateDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
+CustomItemTemplateDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: CustomItemTemplateDirective, selector: "[kendoMultiSelectCustomItemTemplate]", ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: CustomItemTemplateDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[kendoMultiSelectCustomItemTemplate]'
+                }]
+        }], ctorParameters: function () { return [{ type: i0.TemplateRef }]; } });

package/{dist/es2015 → esm2015}/common/templates/fixed-group-template.directive.js

@@ -2,9 +2,8 @@
 * 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';
+import { Directive } 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
@@ -39,15 +38,16 @@ import { Directive, TemplateRef } from '@angular/core';
  * }
  * ```
  */
-let FixedGroupTemplateDirective = class FixedGroupTemplateDirective {
+export class FixedGroupTemplateDirective {
     constructor(templateRef) {
         this.templateRef = templateRef;
     }
-};
-FixedGroupTemplateDirective = tslib_1.__decorate([
-    Directive({
-        selector: '[kendoDropDownListFixedGroupTemplate],[kendoComboBoxFixedGroupTemplate],[kendoMultiColumnComboBoxFixedGroupTemplate],[kendoAutoCompleteFixedGroupTemplate],[kendoMultiSelectFixedGroupTemplate]'
-    }),
-    tslib_1.__metadata("design:paramtypes", [TemplateRef])
-], FixedGroupTemplateDirective);
-export { FixedGroupTemplateDirective };
+}
+FixedGroupTemplateDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: FixedGroupTemplateDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
+FixedGroupTemplateDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: FixedGroupTemplateDirective, selector: "[kendoDropDownListFixedGroupTemplate],[kendoComboBoxFixedGroupTemplate],[kendoMultiColumnComboBoxFixedGroupTemplate],[kendoAutoCompleteFixedGroupTemplate],[kendoMultiSelectFixedGroupTemplate]", ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: FixedGroupTemplateDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[kendoDropDownListFixedGroupTemplate],[kendoComboBoxFixedGroupTemplate],[kendoMultiColumnComboBoxFixedGroupTemplate],[kendoAutoCompleteFixedGroupTemplate],[kendoMultiSelectFixedGroupTemplate]'
+                }]
+        }], ctorParameters: function () { return [{ type: i0.TemplateRef }]; } });

package/{dist/es2015 → esm2015}/common/templates/footer-template.directive.js

@@ -2,8 +2,8 @@
 * 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';
+import { Directive } 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.
@@ -32,15 +32,16 @@ import { Directive, TemplateRef } from '@angular/core';
  * }
  * ```
  */
-let FooterTemplateDirective = class FooterTemplateDirective {
+export class FooterTemplateDirective {
     constructor(templateRef) {
         this.templateRef = templateRef;
     }
-};
-FooterTemplateDirective = tslib_1.__decorate([
-    Directive({
-        selector: '[kendoDropDownListFooterTemplate],[kendoComboBoxFooterTemplate],[kendoDropDownTreeFooterTemplate],[kendoMultiColumnComboBoxFooterTemplate],[kendoAutoCompleteFooterTemplate],[kendoMultiSelectFooterTemplate],[kendoMultiSelectTreeFooterTemplate]'
-    }),
-    tslib_1.__metadata("design:paramtypes", [TemplateRef])
-], FooterTemplateDirective);
-export { FooterTemplateDirective };
+}
+FooterTemplateDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: FooterTemplateDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
+FooterTemplateDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: FooterTemplateDirective, selector: "[kendoDropDownListFooterTemplate],[kendoComboBoxFooterTemplate],[kendoDropDownTreeFooterTemplate],[kendoMultiColumnComboBoxFooterTemplate],[kendoAutoCompleteFooterTemplate],[kendoMultiSelectFooterTemplate],[kendoMultiSelectTreeFooterTemplate]", ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: FooterTemplateDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[kendoDropDownListFooterTemplate],[kendoComboBoxFooterTemplate],[kendoDropDownTreeFooterTemplate],[kendoMultiColumnComboBoxFooterTemplate],[kendoAutoCompleteFooterTemplate],[kendoMultiSelectFooterTemplate],[kendoMultiSelectTreeFooterTemplate]'
+                }]
+        }], ctorParameters: function () { return [{ type: i0.TemplateRef }]; } });

package/{dist/es2015 → esm2015}/common/templates/group-tag-template.directive.js

@@ -2,9 +2,8 @@
 * 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';
+import { Directive } from '@angular/core';
+import * as i0 from "@angular/core";
 /**
  * Renders the grouped tag values in the MultiSelect
  * ([see example]({% slug summarytagmode_multiselect %})).
@@ -31,15 +30,16 @@ import { Directive, TemplateRef } from '@angular/core';
  * }
  * ```
  */
-let GroupTagTemplateDirective = class GroupTagTemplateDirective {
+export class GroupTagTemplateDirective {
     constructor(templateRef) {
         this.templateRef = templateRef;
     }
-};
-GroupTagTemplateDirective = tslib_1.__decorate([
-    Directive({
-        selector: '[kendoMultiSelectGroupTagTemplate],[kendoMultiSelectTreeGroupTagTemplate]'
-    }),
-    tslib_1.__metadata("design:paramtypes", [TemplateRef])
-], GroupTagTemplateDirective);
-export { GroupTagTemplateDirective };
+}
+GroupTagTemplateDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: GroupTagTemplateDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
+GroupTagTemplateDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: GroupTagTemplateDirective, selector: "[kendoMultiSelectGroupTagTemplate],[kendoMultiSelectTreeGroupTagTemplate]", ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: GroupTagTemplateDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[kendoMultiSelectGroupTagTemplate],[kendoMultiSelectTreeGroupTagTemplate]'
+                }]
+        }], ctorParameters: function () { return [{ type: i0.TemplateRef }]; } });

package/{dist/es2015 → esm2015}/common/templates/group-template.directive.js

@@ -2,9 +2,8 @@
 * 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';
+import { Directive } 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
@@ -39,15 +38,16 @@ import { Directive, TemplateRef } from '@angular/core';
  * }
  * ```
  */
-let GroupTemplateDirective = class GroupTemplateDirective {
+export class GroupTemplateDirective {
     constructor(templateRef) {
         this.templateRef = templateRef;
     }
-};
-GroupTemplateDirective = tslib_1.__decorate([
-    Directive({
-        selector: '[kendoDropDownListGroupTemplate],[kendoComboBoxGroupTemplate],[kendoMultiColumnComboBoxGroupTemplate],[kendoAutoCompleteGroupTemplate],[kendoMultiSelectGroupTemplate]'
-    }),
-    tslib_1.__metadata("design:paramtypes", [TemplateRef])
-], GroupTemplateDirective);
-export { GroupTemplateDirective };
+}
+GroupTemplateDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: GroupTemplateDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
+GroupTemplateDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: GroupTemplateDirective, selector: "[kendoDropDownListGroupTemplate],[kendoComboBoxGroupTemplate],[kendoMultiColumnComboBoxGroupTemplate],[kendoAutoCompleteGroupTemplate],[kendoMultiSelectGroupTemplate]", ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: GroupTemplateDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[kendoDropDownListGroupTemplate],[kendoComboBoxGroupTemplate],[kendoMultiColumnComboBoxGroupTemplate],[kendoAutoCompleteGroupTemplate],[kendoMultiSelectGroupTemplate]'
+                }]
+        }], ctorParameters: function () { return [{ type: i0.TemplateRef }]; } });

package/{dist/es2015 → esm2015}/common/templates/header-template.directive.js

@@ -2,8 +2,8 @@
 * 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';
+import { Directive } from '@angular/core';
+import * as i0 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.
@@ -32,15 +32,16 @@ import { Directive, TemplateRef } from '@angular/core';
  * }
  * ```
  */
-let HeaderTemplateDirective = class HeaderTemplateDirective {
+export class HeaderTemplateDirective {
     constructor(templateRef) {
         this.templateRef = templateRef;
     }
-};
-HeaderTemplateDirective = tslib_1.__decorate([
-    Directive({
-        selector: '[kendoDropDownListHeaderTemplate],[kendoComboBoxHeaderTemplate],[kendoDropDownTreeHeaderTemplate],[kendoMultiColumnComboBoxHeaderTemplate],[kendoAutoCompleteHeaderTemplate],[kendoMultiSelectHeaderTemplate],[kendoMultiSelectTreeHeaderTemplate]'
-    }),
-    tslib_1.__metadata("design:paramtypes", [TemplateRef])
-], HeaderTemplateDirective);
-export { HeaderTemplateDirective };
+}
+HeaderTemplateDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: HeaderTemplateDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
+HeaderTemplateDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: HeaderTemplateDirective, selector: "[kendoDropDownListHeaderTemplate],[kendoComboBoxHeaderTemplate],[kendoDropDownTreeHeaderTemplate],[kendoMultiColumnComboBoxHeaderTemplate],[kendoAutoCompleteHeaderTemplate],[kendoMultiSelectHeaderTemplate],[kendoMultiSelectTreeHeaderTemplate]", ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: HeaderTemplateDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[kendoDropDownListHeaderTemplate],[kendoComboBoxHeaderTemplate],[kendoDropDownTreeHeaderTemplate],[kendoMultiColumnComboBoxHeaderTemplate],[kendoAutoCompleteHeaderTemplate],[kendoMultiSelectHeaderTemplate],[kendoMultiSelectTreeHeaderTemplate]'
+                }]
+        }], ctorParameters: function () { return [{ type: i0.TemplateRef }]; } });

package/{dist/es2015 → esm2015}/common/templates/item-template.directive.js

@@ -2,8 +2,8 @@
 * 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';
+import { Directive } from '@angular/core';
+import * as i0 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
@@ -31,15 +31,16 @@ import { Directive, TemplateRef } from '@angular/core';
  * }
  * ```
  */
-let ItemTemplateDirective = class ItemTemplateDirective {
+export class ItemTemplateDirective {
     constructor(templateRef) {
         this.templateRef = templateRef;
     }
-};
-ItemTemplateDirective = tslib_1.__decorate([
-    Directive({
-        selector: '[kendoDropDownListItemTemplate],[kendoComboBoxItemTemplate],[kendoAutoCompleteItemTemplate],[kendoMultiSelectItemTemplate]'
-    }),
-    tslib_1.__metadata("design:paramtypes", [TemplateRef])
-], ItemTemplateDirective);
-export { ItemTemplateDirective };
+}
+ItemTemplateDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ItemTemplateDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
+ItemTemplateDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: ItemTemplateDirective, selector: "[kendoDropDownListItemTemplate],[kendoComboBoxItemTemplate],[kendoAutoCompleteItemTemplate],[kendoMultiSelectItemTemplate]", ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ItemTemplateDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[kendoDropDownListItemTemplate],[kendoComboBoxItemTemplate],[kendoAutoCompleteItemTemplate],[kendoMultiSelectItemTemplate]'
+                }]
+        }], ctorParameters: function () { return [{ type: i0.TemplateRef }]; } });

package/{dist/es2015 → esm2015}/common/templates/no-data-template.directive.js

@@ -2,9 +2,8 @@
 * 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';
+import { Directive } from '@angular/core';
+import * as i0 from "@angular/core";
 /**
  * Renders content when no data is available. To define the no-data template, nest a `<ng-template>` tag
  * with the `kendo<ComponentName>NoDataTemplate` directive inside the component tag.
@@ -33,15 +32,16 @@ import { Directive, TemplateRef } from '@angular/core';
  * }
  * ```
  */
-let NoDataTemplateDirective = class NoDataTemplateDirective {
+export class NoDataTemplateDirective {
     constructor(templateRef) {
         this.templateRef = templateRef;
     }
-};
-NoDataTemplateDirective = tslib_1.__decorate([
-    Directive({
-        selector: '[kendoDropDownListNoDataTemplate],[kendoDropDownTreeNoDataTemplate],[kendoComboBoxNoDataTemplate],[kendoMultiColumnComboBoxNoDataTemplate],[kendoAutoCompleteNoDataTemplate],[kendoMultiSelectNoDataTemplate],[kendoMultiSelectTreeNoDataTemplate]'
-    }),
-    tslib_1.__metadata("design:paramtypes", [TemplateRef])
-], NoDataTemplateDirective);
-export { NoDataTemplateDirective };
+}
+NoDataTemplateDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: NoDataTemplateDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
+NoDataTemplateDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: NoDataTemplateDirective, selector: "[kendoDropDownListNoDataTemplate],[kendoDropDownTreeNoDataTemplate],[kendoComboBoxNoDataTemplate],[kendoMultiColumnComboBoxNoDataTemplate],[kendoAutoCompleteNoDataTemplate],[kendoMultiSelectNoDataTemplate],[kendoMultiSelectTreeNoDataTemplate]", ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: NoDataTemplateDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[kendoDropDownListNoDataTemplate],[kendoDropDownTreeNoDataTemplate],[kendoComboBoxNoDataTemplate],[kendoMultiColumnComboBoxNoDataTemplate],[kendoAutoCompleteNoDataTemplate],[kendoMultiSelectNoDataTemplate],[kendoMultiSelectTreeNoDataTemplate]'
+                }]
+        }], ctorParameters: function () { return [{ type: i0.TemplateRef }]; } });

package/{dist/es2015 → esm2015}/common/templates/tag-template.directive.js

@@ -2,9 +2,8 @@
 * 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';
+import { Directive } from '@angular/core';
+import * as i0 from "@angular/core";
 /**
  * Renders the selected tag value of the MultiSelect
  * ([see example]({% slug templates_multiselect %}#toc-tag-template)).
@@ -30,15 +29,16 @@ import { Directive, TemplateRef } from '@angular/core';
  * }
  * ```
  */
-let TagTemplateDirective = class TagTemplateDirective {
+export class TagTemplateDirective {
     constructor(templateRef) {
         this.templateRef = templateRef;
     }
-};
-TagTemplateDirective = tslib_1.__decorate([
-    Directive({
-        selector: '[kendoMultiSelectTagTemplate],[kendoMultiSelectTreeTagTemplate]'
-    }),
-    tslib_1.__metadata("design:paramtypes", [TemplateRef])
-], TagTemplateDirective);
-export { TagTemplateDirective };
+}
+TagTemplateDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TagTemplateDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
+TagTemplateDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: TagTemplateDirective, selector: "[kendoMultiSelectTagTemplate],[kendoMultiSelectTreeTagTemplate]", ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TagTemplateDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[kendoMultiSelectTagTemplate],[kendoMultiSelectTreeTagTemplate]'
+                }]
+        }], ctorParameters: function () { return [{ type: i0.TemplateRef }]; } });

package/esm2015/common/templates/template-context.directive.js

@@ -0,0 +1,33 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { Directive, Input } from '@angular/core';
+import * as i0 from "@angular/core";
+/**
+ * @hidden
+ */
+export class TemplateContextDirective {
+    constructor(viewContainerRef) {
+        this.viewContainerRef = viewContainerRef;
+    }
+    set templateContext(context) {
+        if (this.insertedViewRef) {
+            this.viewContainerRef.remove(this.viewContainerRef.indexOf(this.insertedViewRef));
+            this.insertedViewRef = undefined;
+        }
+        if (context.templateRef) {
+            this.insertedViewRef = this.viewContainerRef.createEmbeddedView(context.templateRef, context);
+        }
+    }
+}
+TemplateContextDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TemplateContextDirective, deps: [{ token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Directive });
+TemplateContextDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: TemplateContextDirective, selector: "[templateContext]", inputs: { templateContext: "templateContext" }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TemplateContextDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[templateContext]' // eslint-disable-line
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ViewContainerRef }]; }, propDecorators: { templateContext: [{
+                type: Input
+            }] } });