@progress/kendo-angular-layout 6.5.2 → 7.0.0-next.202203231147

package/{dist/es2015 → esm2015}/drawer/drawer.component.js

@@ -2,17 +2,21 @@
 * 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, ContentChild, ElementRef, EventEmitter, HostBinding, Input, Output } from '@angular/core';
+import { Component, ContentChild, EventEmitter, HostBinding, Input, Output } from '@angular/core';
 import { validatePackage } from '@progress/kendo-licensing';
 import { packageMetadata } from '../package-metadata';
 import { DrawerTemplateDirective, DrawerItemTemplateDirective, DrawerHeaderTemplateDirective, DrawerFooterTemplateDirective } from './template-directives';
+import { DrawerService } from './drawer.service';
 import { isPresent } from '../common/util';
-import { AnimationBuilder } from '@angular/animations';
 import { collapseAnimation, expandAnimation } from './animations';
 import { take } from 'rxjs/operators';
-import { DrawerService } from './drawer.service';
 import { L10N_PREFIX, LocalizationService } from '@progress/kendo-angular-l10n';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/animations";
+import * as i2 from "@progress/kendo-angular-l10n";
+import * as i3 from "./drawer.service";
+import * as i4 from "./list.component";
+import * as i5 from "@angular/common";
 const DEFAULT_ANIMATION = { type: 'slide', duration: 200 };
 /**
  * Represents the [Kendo UI Drawer component for Angular]({% slug overview_drawer %}).
@@ -45,7 +49,7 @@ const DEFAULT_ANIMATION = { type: 'slide', duration: 200 };
  * }
  * ```
  */
-let DrawerComponent = class DrawerComponent {
+export class DrawerComponent {
     constructor(element, builder, localizationService, drawerService) {
         this.element = element;
         this.builder = builder;
@@ -212,6 +216,12 @@ let DrawerComponent = class DrawerComponent {
             this[current ? 'expand' : 'collapse'].emit();
         }
     }
+    /**
+     * @hidden
+     */
+    onSelect(e) {
+        this.select.emit(Object.assign(e, { sender: this }));
+    }
     onAnimationEnd(currentExpanded) {
         if (currentExpanded) {
             this.expand.emit();
@@ -251,118 +261,16 @@ let DrawerComponent = class DrawerComponent {
         });
         return player;
     }
-};
-tslib_1.__decorate([
-    HostBinding('class.k-widget'),
-    HostBinding('class.k-drawer'),
-    tslib_1.__metadata("design:type", Boolean)
-], DrawerComponent.prototype, "hostClasses", void 0);
-tslib_1.__decorate([
-    HostBinding('class.k-drawer-start'),
-    tslib_1.__metadata("design:type", Boolean),
-    tslib_1.__metadata("design:paramtypes", [])
-], DrawerComponent.prototype, "startPositionClass", null);
-tslib_1.__decorate([
-    HostBinding('class.k-drawer-end'),
-    tslib_1.__metadata("design:type", Boolean),
-    tslib_1.__metadata("design:paramtypes", [])
-], DrawerComponent.prototype, "endPositionClass", null);
-tslib_1.__decorate([
-    HostBinding('style.transform'),
-    tslib_1.__metadata("design:type", String),
-    tslib_1.__metadata("design:paramtypes", [])
-], DrawerComponent.prototype, "overlayTransofrmStyles", null);
-tslib_1.__decorate([
-    HostBinding('style.flexBasis.px'),
-    tslib_1.__metadata("design:type", Number),
-    tslib_1.__metadata("design:paramtypes", [])
-], DrawerComponent.prototype, "flexStyles", null);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", String)
-], DrawerComponent.prototype, "mode", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", String)
-], DrawerComponent.prototype, "position", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Boolean)
-], DrawerComponent.prototype, "mini", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Boolean)
-], DrawerComponent.prototype, "expanded", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Number)
-], DrawerComponent.prototype, "width", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Number)
-], DrawerComponent.prototype, "miniWidth", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Boolean)
-], DrawerComponent.prototype, "autoCollapse", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Array),
-    tslib_1.__metadata("design:paramtypes", [Array])
-], DrawerComponent.prototype, "items", null);
-tslib_1.__decorate([
-    HostBinding('attr.dir'),
-    tslib_1.__metadata("design:type", String)
-], DrawerComponent.prototype, "direction", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Object)
-], DrawerComponent.prototype, "animation", void 0);
-tslib_1.__decorate([
-    Output(),
-    tslib_1.__metadata("design:type", EventEmitter)
-], DrawerComponent.prototype, "expand", void 0);
-tslib_1.__decorate([
-    Output(),
-    tslib_1.__metadata("design:type", EventEmitter)
-], DrawerComponent.prototype, "collapse", void 0);
-tslib_1.__decorate([
-    Output(),
-    tslib_1.__metadata("design:type", EventEmitter)
-], DrawerComponent.prototype, "select", void 0);
-tslib_1.__decorate([
-    Output(),
-    tslib_1.__metadata("design:type", EventEmitter)
-], DrawerComponent.prototype, "expandedChange", void 0);
-tslib_1.__decorate([
-    ContentChild(DrawerTemplateDirective, { static: false }),
-    tslib_1.__metadata("design:type", DrawerTemplateDirective)
-], DrawerComponent.prototype, "drawerTemplate", void 0);
-tslib_1.__decorate([
-    ContentChild(DrawerFooterTemplateDirective, { static: false }),
-    tslib_1.__metadata("design:type", DrawerFooterTemplateDirective)
-], DrawerComponent.prototype, "footerTemplate", void 0);
-tslib_1.__decorate([
-    ContentChild(DrawerHeaderTemplateDirective, { static: false }),
-    tslib_1.__metadata("design:type", DrawerHeaderTemplateDirective)
-], DrawerComponent.prototype, "headerTemplate", void 0);
-tslib_1.__decorate([
-    ContentChild(DrawerItemTemplateDirective, { static: false }),
-    tslib_1.__metadata("design:type", DrawerItemTemplateDirective)
-], DrawerComponent.prototype, "itemTemplate", void 0);
-DrawerComponent = tslib_1.__decorate([
-    Component({
-        exportAs: 'kendoDrawer',
-        providers: [
-            LocalizationService,
-            DrawerService,
-            {
-                provide: L10N_PREFIX,
-                useValue: 'kendo.drawer'
-            }
-        ],
-        selector: 'kendo-drawer',
-        template: `
+}
+DrawerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: DrawerComponent, deps: [{ token: i0.ElementRef }, { token: i1.AnimationBuilder }, { token: i2.LocalizationService }, { token: i3.DrawerService }], target: i0.ɵɵFactoryTarget.Component });
+DrawerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: DrawerComponent, selector: "kendo-drawer", inputs: { mode: "mode", position: "position", mini: "mini", expanded: "expanded", width: "width", miniWidth: "miniWidth", autoCollapse: "autoCollapse", items: "items", animation: "animation" }, outputs: { expand: "expand", collapse: "collapse", select: "select", expandedChange: "expandedChange" }, host: { properties: { "class.k-widget": "this.hostClasses", "class.k-drawer": "this.hostClasses", "class.k-drawer-start": "this.startPositionClass", "class.k-drawer-end": "this.endPositionClass", "style.transform": "this.overlayTransofrmStyles", "style.flexBasis.px": "this.flexStyles", "attr.dir": "this.direction" } }, providers: [
+        LocalizationService,
+        DrawerService,
+        {
+            provide: L10N_PREFIX,
+            useValue: 'kendo.drawer'
+        }
+    ], queries: [{ propertyName: "drawerTemplate", first: true, predicate: DrawerTemplateDirective, descendants: true }, { propertyName: "footerTemplate", first: true, predicate: DrawerFooterTemplateDirective, descendants: true }, { propertyName: "headerTemplate", first: true, predicate: DrawerHeaderTemplateDirective, descendants: true }, { propertyName: "itemTemplate", first: true, predicate: DrawerItemTemplateDirective, descendants: true }], exportAs: ["kendoDrawer"], ngImport: i0, template: `
         <div class="k-drawer-wrapper" *ngIf="expanded || mini" [style.width.px]="drawerWidth">
             <ng-container *ngIf="!drawerTemplate">
                 <ng-template *ngIf="headerTemplate"
@@ -370,6 +278,44 @@ DrawerComponent = tslib_1.__decorate([
                 </ng-template>
 
                 <ul kendoDrawerList
+                    (select)="onSelect($event)"
+                    [items]="items" [mini]="mini" [expanded]="expanded"
+                    [itemTemplate]="itemTemplate?.templateRef"
+                    class="k-drawer-items">
+                </ul>
+
+                <ng-template *ngIf="footerTemplate"
+                    [ngTemplateOutlet]="footerTemplate?.templateRef">
+                </ng-template>
+            </ng-container>
+
+            <ng-template *ngIf="drawerTemplate"
+                [ngTemplateOutlet]="drawerTemplate?.templateRef">
+            </ng-template>
+        </div>
+    `, isInline: true, components: [{ type: i4.DrawerListComponent, selector: "[kendoDrawerList]", inputs: ["items", "itemTemplate", "mini", "expanded"], outputs: ["select"] }], directives: [{ type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i5.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: DrawerComponent, decorators: [{
+            type: Component,
+            args: [{
+                    exportAs: 'kendoDrawer',
+                    providers: [
+                        LocalizationService,
+                        DrawerService,
+                        {
+                            provide: L10N_PREFIX,
+                            useValue: 'kendo.drawer'
+                        }
+                    ],
+                    selector: 'kendo-drawer',
+                    template: `
+        <div class="k-drawer-wrapper" *ngIf="expanded || mini" [style.width.px]="drawerWidth">
+            <ng-container *ngIf="!drawerTemplate">
+                <ng-template *ngIf="headerTemplate"
+                    [ngTemplateOutlet]="headerTemplate?.templateRef">
+                </ng-template>
+
+                <ul kendoDrawerList
+                    (select)="onSelect($event)"
                     [items]="items" [mini]="mini" [expanded]="expanded"
                     [itemTemplate]="itemTemplate?.templateRef"
                     class="k-drawer-items">
@@ -385,10 +331,64 @@ DrawerComponent = tslib_1.__decorate([
             </ng-template>
         </div>
     `
-    }),
-    tslib_1.__metadata("design:paramtypes", [ElementRef,
-        AnimationBuilder,
-        LocalizationService,
-        DrawerService])
-], DrawerComponent);
-export { DrawerComponent };
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i1.AnimationBuilder }, { type: i2.LocalizationService }, { type: i3.DrawerService }]; }, propDecorators: { hostClasses: [{
+                type: HostBinding,
+                args: ['class.k-widget']
+            }, {
+                type: HostBinding,
+                args: ['class.k-drawer']
+            }], startPositionClass: [{
+                type: HostBinding,
+                args: ['class.k-drawer-start']
+            }], endPositionClass: [{
+                type: HostBinding,
+                args: ['class.k-drawer-end']
+            }], overlayTransofrmStyles: [{
+                type: HostBinding,
+                args: ['style.transform']
+            }], flexStyles: [{
+                type: HostBinding,
+                args: ['style.flexBasis.px']
+            }], mode: [{
+                type: Input
+            }], position: [{
+                type: Input
+            }], mini: [{
+                type: Input
+            }], expanded: [{
+                type: Input
+            }], width: [{
+                type: Input
+            }], miniWidth: [{
+                type: Input
+            }], autoCollapse: [{
+                type: Input
+            }], items: [{
+                type: Input
+            }], direction: [{
+                type: HostBinding,
+                args: ['attr.dir']
+            }], animation: [{
+                type: Input
+            }], expand: [{
+                type: Output
+            }], collapse: [{
+                type: Output
+            }], select: [{
+                type: Output
+            }], expandedChange: [{
+                type: Output
+            }], drawerTemplate: [{
+                type: ContentChild,
+                args: [DrawerTemplateDirective, { static: false }]
+            }], footerTemplate: [{
+                type: ContentChild,
+                args: [DrawerFooterTemplateDirective, { static: false }]
+            }], headerTemplate: [{
+                type: ContentChild,
+                args: [DrawerHeaderTemplateDirective, { static: false }]
+            }], itemTemplate: [{
+                type: ContentChild,
+                args: [DrawerItemTemplateDirective, { static: false }]
+            }] } });

package/{dist/es2015 → esm2015}/drawer/drawer.service.js

@@ -2,28 +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 { Injectable } from '@angular/core';
-import { hasObservers } from '@progress/kendo-angular-common';
-import { DrawerSelectEvent } from './events/select-event';
+import * as i0 from "@angular/core";
 /**
  * @hidden
  */
-let DrawerService = class DrawerService {
-    /**
-     * @hidden
-     */
+export class DrawerService {
     constructor() {
         this.selectedIndices = [];
     }
-    emit(event, args) {
-        const drawer = this.owner;
-        const eventArgs = new DrawerSelectEvent(Object.assign({}, args, { sender: drawer }));
-        if (hasObservers(drawer[event])) {
-            drawer[event].emit(eventArgs);
-        }
-        return eventArgs.isDefaultPrevented();
-    }
     onSelect(selectedIdx) {
         this.selectedIndices = [selectedIdx];
         const drawer = this.owner;
@@ -40,8 +27,9 @@ let DrawerService = class DrawerService {
             }
         }
     }
-};
-DrawerService = tslib_1.__decorate([
-    Injectable()
-], DrawerService);
-export { DrawerService };
+}
+DrawerService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: DrawerService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+DrawerService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: DrawerService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: DrawerService, decorators: [{
+            type: Injectable
+        }] });

package/esm2015/drawer/events/drawer-list-select.event.js

@@ -0,0 +1,17 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { PreventableEvent } from "@progress/kendo-angular-common";
+/**
+ * @hidden
+ */
+export class DrawerListSelectEvent extends PreventableEvent {
+    /**
+     * @hidden
+     */
+    constructor(args) {
+        super();
+        Object.assign(this, args);
+    }
+}

package/{dist/es2015 → esm2015}/drawer/events/select-event.js

@@ -2,9 +2,16 @@
 * Copyright © 2021 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
-import { PreventableEvent } from '../../common/preventable-event';
+import { PreventableEvent } from '@progress/kendo-angular-common';
 /**
  * Arguments for the `select` event of the Drawer.
  */
 export class DrawerSelectEvent extends PreventableEvent {
+    /**
+     * @hidden
+     */
+    constructor(args) {
+        super();
+        Object.assign(this, args);
+    }
 }

package/esm2015/drawer/item.component.js

@@ -0,0 +1,121 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { Component, Input, HostBinding } from "@angular/core";
+import { nestedLink, DRAWER_LINK_SELECTOR } from './util';
+import * as i0 from "@angular/core";
+import * as i1 from "./drawer.service";
+import * as i2 from "@angular/common";
+/**
+ * @hidden
+ */
+export class DrawerItemComponent {
+    constructor(drawer, element, renderer) {
+        this.drawer = drawer;
+        this.element = element;
+        this.renderer = renderer;
+    }
+    get disabledClass() {
+        return this.item.disabled;
+    }
+    get selectedClass() {
+        return this.drawer.selectedIndices.indexOf(this.index) >= 0;
+    }
+    get label() {
+        return this.item.text ? this.item.text : null;
+    }
+    /**
+     * @hidden
+     */
+    ngAfterViewInit() {
+        const link = nestedLink(this.element.nativeElement, DRAWER_LINK_SELECTOR);
+        if (link) {
+            this.renderer.removeAttribute(link, 'tabindex');
+        }
+    }
+    /**
+     * @hidden
+     */
+    get iconClasses() {
+        const classes = [];
+        if (this.item.icon) {
+            classes.push(`k-icon ${this.item.icon}`);
+        }
+        if (this.item.iconClass) {
+            classes.push(`${this.item.iconClass}`);
+        }
+        return classes;
+    }
+}
+DrawerItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: DrawerItemComponent, deps: [{ token: i1.DrawerService }, { token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
+DrawerItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: DrawerItemComponent, selector: "[kendoDrawerItem]", inputs: { item: "item", index: "index", itemTemplate: "itemTemplate", mini: "mini", expanded: "expanded", disabled: "disabled", cssClass: "cssClass", cssStyle: "cssStyle" }, host: { properties: { "attr.aria-disabled": "this.disabledClass", "class.k-state-disabled": "this.disabledClass", "attr.aria-selected": "this.selectedClass", "class.k-state-selected": "this.selectedClass", "attr.aria-label": "this.label" } }, ngImport: i0, template: `
+        <ng-template *ngIf="itemTemplate; else defaultTemplate"
+            [ngTemplateOutlet]="itemTemplate"
+            [ngTemplateOutletContext]="{ $implicit: item }">
+        </ng-template>
+
+        <ng-template #defaultTemplate>
+            <ng-container *ngIf="expanded">
+                <span [ngClass]="iconClasses"></span>
+                <span class="k-item-text">{{ item.text }}</span>
+            </ng-container>
+            <ng-container *ngIf="mini && !expanded">
+                <span [ngClass]="iconClasses"></span>
+            </ng-container>
+        </ng-template>
+    `, isInline: true, directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: DrawerItemComponent, decorators: [{
+            type: Component,
+            args: [{
+                    // eslint-disable-next-line @angular-eslint/component-selector
+                    selector: '[kendoDrawerItem]',
+                    template: `
+        <ng-template *ngIf="itemTemplate; else defaultTemplate"
+            [ngTemplateOutlet]="itemTemplate"
+            [ngTemplateOutletContext]="{ $implicit: item }">
+        </ng-template>
+
+        <ng-template #defaultTemplate>
+            <ng-container *ngIf="expanded">
+                <span [ngClass]="iconClasses"></span>
+                <span class="k-item-text">{{ item.text }}</span>
+            </ng-container>
+            <ng-container *ngIf="mini && !expanded">
+                <span [ngClass]="iconClasses"></span>
+            </ng-container>
+        </ng-template>
+    `
+                }]
+        }], ctorParameters: function () { return [{ type: i1.DrawerService }, { type: i0.ElementRef }, { type: i0.Renderer2 }]; }, propDecorators: { item: [{
+                type: Input
+            }], index: [{
+                type: Input
+            }], itemTemplate: [{
+                type: Input
+            }], mini: [{
+                type: Input
+            }], expanded: [{
+                type: Input
+            }], disabled: [{
+                type: Input
+            }], cssClass: [{
+                type: Input
+            }], cssStyle: [{
+                type: Input
+            }], disabledClass: [{
+                type: HostBinding,
+                args: ['attr.aria-disabled']
+            }, {
+                type: HostBinding,
+                args: ['class.k-state-disabled']
+            }], selectedClass: [{
+                type: HostBinding,
+                args: ['attr.aria-selected']
+            }, {
+                type: HostBinding,
+                args: ['class.k-state-selected']
+            }], label: [{
+                type: HostBinding,
+                args: ['attr.aria-label']
+            }] } });

package/{dist/es2015 → esm2015}/drawer/list.component.js

@@ -2,24 +2,28 @@
 * 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 { Subscription } from 'rxjs';
-import { Component, ElementRef, Input, NgZone, Renderer2, TemplateRef, ChangeDetectorRef } from "@angular/core";
+import { Component, Input, Output, EventEmitter } from "@angular/core";
 import { closestItem, itemIndex } from '../common/dom-queries';
 import { DRAWER_ITEM_INDEX } from './models/constants';
-import { DrawerService } from './drawer.service';
 import { Keys } from '@progress/kendo-angular-common';
 import { ACTIVE_NESTED_LINK_SELECTOR, nestedLink } from './util';
+import { DrawerListSelectEvent } from './events/drawer-list-select.event';
+import * as i0 from "@angular/core";
+import * as i1 from "./drawer.service";
+import * as i2 from "./item.component";
+import * as i3 from "@angular/common";
 /**
  * @hidden
  */
-let DrawerListComponent = class DrawerListComponent {
+export class DrawerListComponent {
     constructor(drawerService, renderer, ngZone, changeDetector, element) {
         this.drawerService = drawerService;
         this.renderer = renderer;
         this.ngZone = ngZone;
         this.changeDetector = changeDetector;
         this.element = element;
+        this.select = new EventEmitter();
         this.subscriptions = new Subscription();
     }
     ngOnInit() {
@@ -61,7 +65,9 @@ let DrawerListComponent = class DrawerListComponent {
             originalEvent: e
         };
         this.ngZone.run(() => {
-            if (!this.drawerService.emit('select', args)) {
+            const event = new DrawerListSelectEvent(args);
+            this.select.emit(event);
+            if (!event.isDefaultPrevented()) {
                 this.drawerService.onSelect(itemIdx);
                 this.changeDetector.detectChanges();
             }
@@ -85,27 +91,15 @@ let DrawerListComponent = class DrawerListComponent {
             return itemIndex(item, DRAWER_ITEM_INDEX);
         }
     }
-};
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Array)
-], DrawerListComponent.prototype, "items", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", TemplateRef)
-], DrawerListComponent.prototype, "itemTemplate", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Boolean)
-], DrawerListComponent.prototype, "mini", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Boolean)
-], DrawerListComponent.prototype, "expanded", void 0);
-DrawerListComponent = tslib_1.__decorate([
-    Component({
-        selector: '[kendoDrawerList]',
-        template: `
+}
+DrawerListComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: DrawerListComponent, deps: [{ token: i1.DrawerService }, { token: i0.Renderer2 }, { token: i0.NgZone }, { token: i0.ChangeDetectorRef }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
+DrawerListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: DrawerListComponent, selector: "[kendoDrawerList]", inputs: { items: "items", itemTemplate: "itemTemplate", mini: "mini", expanded: "expanded" }, outputs: { select: "select" }, ngImport: i0, template: "\n        <ng-container *ngFor=\"let item of items; let idx = index\">\n            <li *ngIf=\"!item.separator\" kendoDrawerItem\n                class=\"k-drawer-item\"\n                [item]=\"item\"\n                [index]=\"idx\"\n                [mini]=\"mini\"\n                [expanded]=\"expanded\"\n                [itemTemplate]=\"itemTemplate\"\n                [attr.data-kendo-drawer-index]=\"idx\"\n                [ngClass]=\"item.cssClass\"\n                [ngStyle]=\"item.cssStyle\"\n                tabindex=\"0\">\n            </li>\n\n            <li *ngIf=\"item.separator\"\n                class=\"k-drawer-item k-drawer-separator\"\n                [ngClass]=\"item.cssClass\"\n                [ngStyle]=\"item.cssStyle\">\n                &nbsp;\n            </li>\n        </ng-container>\n    ", isInline: true, components: [{ type: i2.DrawerItemComponent, selector: "[kendoDrawerItem]", inputs: ["item", "index", "itemTemplate", "mini", "expanded", "disabled", "cssClass", "cssStyle"] }], directives: [{ type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i3.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: DrawerListComponent, decorators: [{
+            type: Component,
+            args: [{
+                    // eslint-disable-next-line @angular-eslint/component-selector
+                    selector: '[kendoDrawerList]',
+                    template: `
         <ng-container *ngFor="let item of items; let idx = index">
             <li *ngIf="!item.separator" kendoDrawerItem
                 class="k-drawer-item"
@@ -128,11 +122,15 @@ DrawerListComponent = tslib_1.__decorate([
             </li>
         </ng-container>
     `
-    }),
-    tslib_1.__metadata("design:paramtypes", [DrawerService,
-        Renderer2,
-        NgZone,
-        ChangeDetectorRef,
-        ElementRef])
-], DrawerListComponent);
-export { DrawerListComponent };
+                }]
+        }], ctorParameters: function () { return [{ type: i1.DrawerService }, { type: i0.Renderer2 }, { type: i0.NgZone }, { type: i0.ChangeDetectorRef }, { type: i0.ElementRef }]; }, propDecorators: { items: [{
+                type: Input
+            }], itemTemplate: [{
+                type: Input
+            }], mini: [{
+                type: Input
+            }], expanded: [{
+                type: Input
+            }], select: [{
+                type: Output
+            }] } });

package/{dist/es → esm2015}/drawer/models/drawer-animation.interface.js

@@ -2,3 +2,4 @@
 * Copyright © 2021 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
+export {};

package/{dist/es → esm2015}/drawer/models/drawer-item.interface.js

@@ -2,3 +2,4 @@
 * Copyright © 2021 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
+export {};

package/{dist/es → esm2015}/drawer/models/mode.js

@@ -2,3 +2,4 @@
 * Copyright © 2021 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
+export {};

package/{dist/es → esm2015}/drawer/models/position.js

@@ -2,3 +2,4 @@
 * Copyright © 2021 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
+export {};

package/esm2015/drawer/template-directives/drawer-template.directive.js

@@ -0,0 +1,28 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { Directive, Optional } from '@angular/core';
+import * as i0 from "@angular/core";
+/**
+ * Represents a template that defines the content of the Drawer.
+ * To define the template, nest an `<ng-template>` tag
+ * with the `kendoDrawerTemplate` directive inside the `<kendo-drawer>` tag.
+ * Using this template directive will override all other templates,
+ * for example, `kendoDrawerHeaderTemplate` and `kendoDrawerItemTemplate`.
+ */
+export class DrawerTemplateDirective {
+    constructor(templateRef) {
+        this.templateRef = templateRef;
+    }
+}
+DrawerTemplateDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: DrawerTemplateDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
+DrawerTemplateDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: DrawerTemplateDirective, selector: "[kendoDrawerTemplate]", ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: DrawerTemplateDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[kendoDrawerTemplate]'
+                }]
+        }], ctorParameters: function () { return [{ type: i0.TemplateRef, decorators: [{
+                    type: Optional
+                }] }]; } });