@progress/kendo-angular-layout 17.0.0-develop.3 → 17.0.0-develop.31

package/{esm2020 → esm2022}/drawer/drawer.component.mjs

@@ -53,101 +53,11 @@ const DEFAULT_ANIMATION = { type: 'slide', duration: 200 };
  * ```
  */
 export class DrawerComponent {
-    constructor(element, builder, localizationService, drawerService) {
-        this.element = element;
-        this.builder = builder;
-        this.localizationService = localizationService;
-        this.drawerService = drawerService;
-        this.hostClasses = true;
-        /**
-         * Specifies the mode in which the Drawer will be displayed.
-         *
-         * The possible values are:
-         * * (Default) `overlay`
-         * * `push`
-         */
-        this.mode = 'overlay';
-        /**
-         * Specifies the position of the Drawer
-         * ([see example]({% slug positioning_drawer %})).
-         *
-         * The possible values are:
-         * * (Default) `start`
-         * * `end`
-         */
-        this.position = 'start';
-        /**
-         * Enables the mini (compact) view of the Drawer which is displayed when the component is collapsed
-         * ([see example]({% slug expandmodespositions_drawer %}#toc-mini-view)).
-         */
-        this.mini = false;
-        /**
-         * Specifies the state of the Drawer.
-         */
-        this.expanded = false;
-        /**
-         * Defines the width of the Drawer when it is expanded.
-         * Defaults to `240`.
-         */
-        this.width = 240;
-        /**
-         * Defines the width of the Drawer when the mini view is enabled
-         * and the component is collapsed. Defaults to `60`.
-         */
-        this.miniWidth = 50;
-        /**
-         * Specifies if the Drawer will be automatically collapsed when an item
-         * or the overlay is clicked. Defaults to `true`.
-         */
-        this.autoCollapse = true;
-        /**
-         * The collection of items that will be rendered in the Drawer.
-         */
-        this.items = [];
-        /**
-         * Specifies the animation settings of the Drawer.
-         * ([see example]({% slug interaction_drawer %}#toc-toggling-between-states)).
-         *
-         * The possible values are:
-         * * Boolean
-         *    * (Default) `true`
-         *    * `false`
-         * * `DrawerAnimation`
-         *    * (Default) `type?: 'slide'`
-         *    * `duration`—Accepts a number in milliseconds. Defaults to `300ms`.
-         */
-        this.animation = DEFAULT_ANIMATION;
-        /**
-         * Fires when the Drawer is expanded and its animation is complete.
-         */
-        this.expand = new EventEmitter();
-        /**
-         * Fires when the Drawer is collapsed and its animation is complete.
-         */
-        this.collapse = new EventEmitter();
-        /**
-         * Fires when a Drawer item is selected. This event is preventable.
-         */
-        this.select = new EventEmitter();
-        /**
-         * Fires when the `expanded` property of the component was updated.
-         * Used to provide a two-way binding for the `expanded` property.
-         */
-        this.expandedChange = new EventEmitter();
-        /**
-         * @hidden
-         */
-        this.showLicenseWatermark = false;
-        this.animationEnd = new EventEmitter();
-        this.rtl = false;
-        const isValid = validatePackage(packageMetadata);
-        this.showLicenseWatermark = shouldShowValidationUI(isValid);
-        this.dynamicRTLSubscription = this.localizationService.changes.subscribe(({ rtl }) => {
-            this.rtl = rtl;
-            this.direction = this.rtl ? 'rtl' : 'ltr';
-        });
-        this.drawerService.owner = this;
-    }
+    element;
+    builder;
+    localizationService;
+    drawerService;
+    hostClasses = true;
     get startPositionClass() {
         return this.position === 'start';
     }
@@ -172,6 +82,51 @@ export class DrawerComponent {
         }
         return this.drawerWidth;
     }
+    /**
+     * Specifies the mode in which the Drawer will be displayed.
+     *
+     * The possible values are:
+     * * (Default) `overlay`
+     * * `push`
+     */
+    mode = 'overlay';
+    /**
+     * Specifies the position of the Drawer
+     * ([see example]({% slug positioning_drawer %})).
+     *
+     * The possible values are:
+     * * (Default) `start`
+     * * `end`
+     */
+    position = 'start';
+    /**
+     * Enables the mini (compact) view of the Drawer which is displayed when the component is collapsed
+     * ([see example]({% slug expandmodespositions_drawer %}#toc-mini-view)).
+     */
+    mini = false;
+    /**
+     * Specifies the state of the Drawer.
+     */
+    expanded = false;
+    /**
+     * Defines the width of the Drawer when it is expanded.
+     * Defaults to `240`.
+     */
+    width = 240;
+    /**
+     * Defines the width of the Drawer when the mini view is enabled
+     * and the component is collapsed. Defaults to `60`.
+     */
+    miniWidth = 50;
+    /**
+     * Specifies if the Drawer will be automatically collapsed when an item
+     * or the overlay is clicked. Defaults to `true`.
+     */
+    autoCollapse = true;
+    /**
+     * The collection of items that will be rendered in the Drawer.
+     */
+    items = [];
     /**
      * Defines a callback function which determines if an item should be expanded.
      */
@@ -184,6 +139,77 @@ export class DrawerComponent {
     get isItemExpanded() {
         return this.drawerService.isItemExpanded;
     }
+    /**
+     * @hidden
+     */
+    direction;
+    /**
+     * Specifies the animation settings of the Drawer.
+     * ([see example]({% slug interaction_drawer %}#toc-toggling-between-states)).
+     *
+     * The possible values are:
+     * * Boolean
+     *    * (Default) `true`
+     *    * `false`
+     * * `DrawerAnimation`
+     *    * (Default) `type?: 'slide'`
+     *    * `duration`—Accepts a number in milliseconds. Defaults to `300ms`.
+     */
+    animation = DEFAULT_ANIMATION;
+    /**
+     * Fires when the Drawer is expanded and its animation is complete.
+     */
+    expand = new EventEmitter();
+    /**
+     * Fires when the Drawer is collapsed and its animation is complete.
+     */
+    collapse = new EventEmitter();
+    /**
+     * Fires when a Drawer item is selected. This event is preventable.
+     */
+    select = new EventEmitter();
+    /**
+     * Fires when the `expanded` property of the component was updated.
+     * Used to provide a two-way binding for the `expanded` property.
+     */
+    expandedChange = new EventEmitter();
+    /**
+     * @hidden
+     */
+    drawerTemplate;
+    /**
+     * @hidden
+     */
+    footerTemplate;
+    /**
+     * @hidden
+     */
+    headerTemplate;
+    /**
+     * @hidden
+     */
+    itemTemplate;
+    /**
+     * @hidden
+     */
+    showLicenseWatermark = false;
+    viewItems;
+    animationEnd = new EventEmitter();
+    dynamicRTLSubscription;
+    rtl = false;
+    constructor(element, builder, localizationService, drawerService) {
+        this.element = element;
+        this.builder = builder;
+        this.localizationService = localizationService;
+        this.drawerService = drawerService;
+        const isValid = validatePackage(packageMetadata);
+        this.showLicenseWatermark = shouldShowValidationUI(isValid);
+        this.dynamicRTLSubscription = this.localizationService.changes.subscribe(({ rtl }) => {
+            this.rtl = rtl;
+            this.direction = this.rtl ? 'rtl' : 'ltr';
+        });
+        this.drawerService.owner = this;
+    }
     ngOnChanges(changes) {
         if (changes && changes['items']) {
             this.drawerService.resetSelection();
@@ -279,16 +305,15 @@ export class DrawerComponent {
         });
         return player;
     }
-}
-DrawerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", 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: "14.0.0", version: "15.2.10", type: DrawerComponent, isStandalone: true, selector: "kendo-drawer", inputs: { mode: "mode", position: "position", mini: "mini", expanded: "expanded", width: "width", miniWidth: "miniWidth", autoCollapse: "autoCollapse", items: "items", isItemExpanded: "isItemExpanded", animation: "animation" }, outputs: { expand: "expand", collapse: "collapse", select: "select", expandedChange: "expandedChange" }, host: { properties: { "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"], usesOnChanges: true, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DrawerComponent, deps: [{ token: i0.ElementRef }, { token: i1.AnimationBuilder }, { token: i2.LocalizationService }, { token: i3.DrawerService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: DrawerComponent, isStandalone: true, selector: "kendo-drawer", inputs: { mode: "mode", position: "position", mini: "mini", expanded: "expanded", width: "width", miniWidth: "miniWidth", autoCollapse: "autoCollapse", items: "items", isItemExpanded: "isItemExpanded", animation: "animation" }, outputs: { expand: "expand", collapse: "collapse", select: "select", expandedChange: "expandedChange" }, host: { properties: { "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"], usesOnChanges: true, ngImport: i0, template: `
         <div class="k-drawer-wrapper" *ngIf="expanded || mini" [style.width.px]="drawerWidth">
             <ng-container *ngIf="!drawerTemplate">
                 <ng-template *ngIf="headerTemplate"
@@ -318,7 +343,8 @@ DrawerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", versio
 
         <div kendoWatermarkOverlay *ngIf="showLicenseWatermark"></div>
     `, isInline: true, dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: DrawerListComponent, selector: "[kendoDrawerList]", inputs: ["itemTemplate", "mini", "expanded", "view"], outputs: ["select"] }, { kind: "component", type: WatermarkOverlayComponent, selector: "div[kendoWatermarkOverlay]" }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DrawerComponent, decorators: [{
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DrawerComponent, decorators: [{
             type: Component,
             args: [{
                     exportAs: 'kendoDrawer',

package/{esm2020 → esm2022}/drawer/drawer.service.mjs

@@ -13,13 +13,12 @@ export const defaultIsItemExpanded = (_item) => false;
  * @hidden
  */
 export class DrawerService {
-    constructor() {
-        this.selectedIndices = [];
-        this.focusIndex = 0;
-        this.originalItems = [];
-        this.idxCounter = 0;
-        this.isItemExpanded = defaultIsItemExpanded;
-    }
+    owner;
+    selectedIndices = [];
+    viewData;
+    focusIndex = 0;
+    originalItems = [];
+    idxCounter = 0;
     init() {
         this.resetViewData();
         this.originalItems = this.owner.items || [];
@@ -82,6 +81,7 @@ export class DrawerService {
             return isPresent(i.parentId) && (i.parentId === item.id);
         });
     }
+    isItemExpanded = defaultIsItemExpanded;
     onSelect(selectedIdx) {
         this.selectedIndices = [selectedIdx];
         const drawer = this.owner;
@@ -97,9 +97,9 @@ export class DrawerService {
     resetSelection() {
         this.selectedIndices = [];
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DrawerService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DrawerService });
 }
-DrawerService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DrawerService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-DrawerService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DrawerService });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DrawerService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DrawerService, decorators: [{
             type: Injectable
         }] });

package/{esm2020 → esm2022}/drawer/events/drawer-list-select.event.mjs

@@ -7,6 +7,18 @@ import { PreventableEvent } from "@progress/kendo-angular-common";
  * @hidden
  */
 export class DrawerListSelectEvent extends PreventableEvent {
+    /**
+     * The index of the selected item in the `items` collection.
+     */
+    index;
+    /**
+     * The selected Drawer item.
+     */
+    item;
+    /**
+     * The DOM event that triggered the selection.
+     */
+    originalEvent;
     /**
      * @hidden
      */

package/{esm2020 → esm2022}/drawer/events/select-event.mjs

@@ -7,6 +7,22 @@ import { PreventableEvent } from '@progress/kendo-angular-common';
  * Arguments for the `select` event of the Drawer.
  */
 export class DrawerSelectEvent extends PreventableEvent {
+    /**
+     * The index of the selected item in the `items` collection.
+     */
+    index;
+    /**
+     * The selected Drawer item.
+     */
+    item;
+    /**
+     * The DOM event that triggered the selection.
+     */
+    originalEvent;
+    /**
+     * The Drawer that triggered the event.
+     */
+    sender;
     /**
      * @hidden
      */

package/{esm2020 → esm2022}/drawer/item.component.mjs

@@ -15,13 +15,17 @@ import * as i1 from "./drawer.service";
  * @hidden
  */
 export class DrawerItemComponent {
-    constructor(drawerService, element, renderer) {
-        this.drawerService = drawerService;
-        this.element = element;
-        this.renderer = renderer;
-        this.arrowUpIcon = chevronUpIcon;
-        this.arrowDownIcon = chevronDownIcon;
-    }
+    drawerService;
+    element;
+    renderer;
+    viewItem;
+    index;
+    itemTemplate;
+    mini;
+    expanded;
+    disabled;
+    cssClass;
+    cssStyle;
     get disabledClass() {
         return this.item.disabled;
     }
@@ -31,6 +35,13 @@ export class DrawerItemComponent {
     get label() {
         return this.item.text ? this.item.text : null;
     }
+    arrowUpIcon = chevronUpIcon;
+    arrowDownIcon = chevronDownIcon;
+    constructor(drawerService, element, renderer) {
+        this.drawerService = drawerService;
+        this.element = element;
+        this.renderer = renderer;
+    }
     ngAfterViewInit() {
         const elem = this.element.nativeElement;
         const link = nestedLink(elem, DRAWER_LINK_SELECTOR);
@@ -57,9 +68,8 @@ export class DrawerItemComponent {
     get item() {
         return this.viewItem.item;
     }
-}
-DrawerItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DrawerItemComponent, deps: [{ token: i1.DrawerService }, { token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
-DrawerItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: DrawerItemComponent, isStandalone: true, selector: "[kendoDrawerItem]", inputs: { viewItem: "viewItem", index: "index", itemTemplate: "itemTemplate", mini: "mini", expanded: "expanded", disabled: "disabled", cssClass: "cssClass", cssStyle: "cssStyle" }, host: { properties: { "attr.aria-disabled": "this.disabledClass", "class.k-disabled": "this.disabledClass", "attr.aria-current": "this.selectedClass", "class.k-selected": "this.selectedClass", "attr.aria-label": "this.label" } }, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DrawerItemComponent, deps: [{ token: i1.DrawerService }, { token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: DrawerItemComponent, isStandalone: true, selector: "[kendoDrawerItem]", inputs: { viewItem: "viewItem", index: "index", itemTemplate: "itemTemplate", mini: "mini", expanded: "expanded", disabled: "disabled", cssClass: "cssClass", cssStyle: "cssStyle" }, host: { properties: { "attr.aria-disabled": "this.disabledClass", "class.k-disabled": "this.disabledClass", "attr.aria-current": "this.selectedClass", "class.k-selected": "this.selectedClass", "attr.aria-label": "this.label" } }, ngImport: i0, template: `
         <ng-template *ngIf="itemTemplate; else defaultTemplate"
             [ngTemplateOutlet]="itemTemplate"
             [ngTemplateOutletContext]="{
@@ -103,7 +113,8 @@ DrawerItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", ve
             </ng-container>
         </ng-template>
     `, isInline: true, dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DrawerItemComponent, decorators: [{
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DrawerItemComponent, decorators: [{
             type: Component,
             args: [{
                     // eslint-disable-next-line @angular-eslint/component-selector

package/{esm2020 → esm2022}/drawer/list.component.mjs

@@ -18,14 +18,22 @@ import * as i1 from "./drawer.service";
  * @hidden
  */
 export class DrawerListComponent {
+    drawerService;
+    renderer;
+    ngZone;
+    element;
+    itemTemplate;
+    mini;
+    expanded;
+    view = [];
+    select = new EventEmitter();
+    items;
+    subscriptions = new Subscription();
     constructor(drawerService, renderer, ngZone, element) {
         this.drawerService = drawerService;
         this.renderer = renderer;
         this.ngZone = ngZone;
         this.element = element;
-        this.view = [];
-        this.select = new EventEmitter();
-        this.subscriptions = new Subscription();
     }
     ngOnInit() {
         this.initDomEvents();
@@ -101,10 +109,10 @@ export class DrawerListComponent {
             return itemIndex(item, DRAWER_ITEM_INDEX);
         }
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DrawerListComponent, deps: [{ token: i1.DrawerService }, { token: i0.Renderer2 }, { token: i0.NgZone }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: DrawerListComponent, isStandalone: true, selector: "[kendoDrawerList]", inputs: { itemTemplate: "itemTemplate", mini: "mini", expanded: "expanded", view: "view" }, outputs: { select: "select" }, viewQueries: [{ propertyName: "items", predicate: DrawerItemComponent, descendants: true, read: ElementRef }], ngImport: i0, template: "\n        <ng-container *ngFor=\"let v of view; trackBy:identifyItem; let idx = index\">\n            <li *ngIf=\"!v.item.separator\" kendoDrawerItem\n                class=\"k-drawer-item {{expanded ? ' k-level-' + v.level : ''}}\"\n                role=\"menuitem\"\n                [viewItem]=\"v\"\n                [index]=\"idx\"\n                [mini]=\"mini\"\n                [expanded]=\"expanded\"\n                [itemTemplate]=\"itemTemplate\"\n                [attr.data-kendo-drawer-index]=\"v.index\"\n                [ngClass]=\"v.item.cssClass\"\n                [ngStyle]=\"v.item.cssStyle\"\n                [tabindex]=\"v.index === 0 ? '0' : '-1'\">\n            </li>\n\n            <li *ngIf=\"v.item.separator\"\n                role=\"separator\"\n                class=\"k-drawer-item k-drawer-separator\"\n                [ngClass]=\"v.item.cssClass\"\n                [ngStyle]=\"v.item.cssStyle\">\n                &nbsp;\n            </li>\n        </ng-container>\n    ", isInline: true, dependencies: [{ kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: DrawerItemComponent, selector: "[kendoDrawerItem]", inputs: ["viewItem", "index", "itemTemplate", "mini", "expanded", "disabled", "cssClass", "cssStyle"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] });
 }
-DrawerListComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DrawerListComponent, deps: [{ token: i1.DrawerService }, { token: i0.Renderer2 }, { token: i0.NgZone }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
-DrawerListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: DrawerListComponent, isStandalone: true, selector: "[kendoDrawerList]", inputs: { itemTemplate: "itemTemplate", mini: "mini", expanded: "expanded", view: "view" }, outputs: { select: "select" }, viewQueries: [{ propertyName: "items", predicate: DrawerItemComponent, descendants: true, read: ElementRef }], ngImport: i0, template: "\n        <ng-container *ngFor=\"let v of view; trackBy:identifyItem; let idx = index\">\n            <li *ngIf=\"!v.item.separator\" kendoDrawerItem\n                class=\"k-drawer-item {{expanded ? ' k-level-' + v.level : ''}}\"\n                role=\"menuitem\"\n                [viewItem]=\"v\"\n                [index]=\"idx\"\n                [mini]=\"mini\"\n                [expanded]=\"expanded\"\n                [itemTemplate]=\"itemTemplate\"\n                [attr.data-kendo-drawer-index]=\"v.index\"\n                [ngClass]=\"v.item.cssClass\"\n                [ngStyle]=\"v.item.cssStyle\"\n                [tabindex]=\"v.index === 0 ? '0' : '-1'\">\n            </li>\n\n            <li *ngIf=\"v.item.separator\"\n                role=\"separator\"\n                class=\"k-drawer-item k-drawer-separator\"\n                [ngClass]=\"v.item.cssClass\"\n                [ngStyle]=\"v.item.cssStyle\">\n                &nbsp;\n            </li>\n        </ng-container>\n    ", isInline: true, dependencies: [{ kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: DrawerItemComponent, selector: "[kendoDrawerItem]", inputs: ["viewItem", "index", "itemTemplate", "mini", "expanded", "disabled", "cssClass", "cssStyle"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DrawerListComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DrawerListComponent, decorators: [{
             type: Component,
             args: [{
                     // eslint-disable-next-line @angular-eslint/component-selector

package/{esm2020 → esm2022}/drawer/template-directives/drawer-template.directive.mjs

@@ -12,13 +12,14 @@ import * as i0 from "@angular/core";
  * for example, `kendoDrawerHeaderTemplate` and `kendoDrawerItemTemplate`.
  */
 export class DrawerTemplateDirective {
+    templateRef;
     constructor(templateRef) {
         this.templateRef = templateRef;
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DrawerTemplateDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: DrawerTemplateDirective, isStandalone: true, selector: "[kendoDrawerTemplate]", ngImport: i0 });
 }
-DrawerTemplateDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DrawerTemplateDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
-DrawerTemplateDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: DrawerTemplateDirective, isStandalone: true, selector: "[kendoDrawerTemplate]", ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DrawerTemplateDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DrawerTemplateDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[kendoDrawerTemplate]',

package/{esm2020 → esm2022}/drawer/template-directives/footer-template.directive.mjs

@@ -10,13 +10,14 @@ import * as i0 from "@angular/core";
  * with the `kendoDrawerFooterTemplate` directive inside the `<kendo-drawer>` tag.
  */
 export class DrawerFooterTemplateDirective {
+    templateRef;
     constructor(templateRef) {
         this.templateRef = templateRef;
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DrawerFooterTemplateDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: DrawerFooterTemplateDirective, isStandalone: true, selector: "[kendoDrawerFooterTemplate]", ngImport: i0 });
 }
-DrawerFooterTemplateDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DrawerFooterTemplateDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
-DrawerFooterTemplateDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: DrawerFooterTemplateDirective, isStandalone: true, selector: "[kendoDrawerFooterTemplate]", ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DrawerFooterTemplateDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DrawerFooterTemplateDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[kendoDrawerFooterTemplate]',

package/{esm2020 → esm2022}/drawer/template-directives/header-template.directive.mjs

@@ -10,13 +10,14 @@ import * as i0 from "@angular/core";
  * with the `kendoDrawerHeaderTemplate` directive inside the `<kendo-drawer>` tag.
  */
 export class DrawerHeaderTemplateDirective {
+    templateRef;
     constructor(templateRef) {
         this.templateRef = templateRef;
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DrawerHeaderTemplateDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: DrawerHeaderTemplateDirective, isStandalone: true, selector: "[kendoDrawerHeaderTemplate]", ngImport: i0 });
 }
-DrawerHeaderTemplateDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DrawerHeaderTemplateDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
-DrawerHeaderTemplateDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: DrawerHeaderTemplateDirective, isStandalone: true, selector: "[kendoDrawerHeaderTemplate]", ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DrawerHeaderTemplateDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DrawerHeaderTemplateDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[kendoDrawerHeaderTemplate]',

package/{esm2020 → esm2022}/drawer/template-directives/item-template.directive.mjs

@@ -10,13 +10,14 @@ import * as i0 from "@angular/core";
  * with the `kendoDrawerItemTemplate` directive inside the `<kendo-drawer>` tag.
  */
 export class DrawerItemTemplateDirective {
+    templateRef;
     constructor(templateRef) {
         this.templateRef = templateRef;
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DrawerItemTemplateDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: DrawerItemTemplateDirective, isStandalone: true, selector: "[kendoDrawerItemTemplate]", ngImport: i0 });
 }
-DrawerItemTemplateDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DrawerItemTemplateDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
-DrawerItemTemplateDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: DrawerItemTemplateDirective, isStandalone: true, selector: "[kendoDrawerItemTemplate]", ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DrawerItemTemplateDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DrawerItemTemplateDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[kendoDrawerItemTemplate]',

package/{esm2020 → esm2022}/drawer.module.mjs

@@ -18,11 +18,11 @@ import * as i7 from "./drawer/template-directives/item-template.directive";
  * definition for the Drawer component.
  */
 export class DrawerModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DrawerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: DrawerModule, imports: [i1.DrawerComponent, i2.DrawerContainerComponent, i3.DrawerContentComponent, i4.DrawerTemplateDirective, i5.DrawerFooterTemplateDirective, i6.DrawerHeaderTemplateDirective, i7.DrawerItemTemplateDirective], exports: [i1.DrawerComponent, i2.DrawerContainerComponent, i3.DrawerContentComponent, i4.DrawerTemplateDirective, i5.DrawerFooterTemplateDirective, i6.DrawerHeaderTemplateDirective, i7.DrawerItemTemplateDirective] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DrawerModule, imports: [i1.DrawerComponent] });
 }
-DrawerModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DrawerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-DrawerModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: DrawerModule, imports: [i1.DrawerComponent, i2.DrawerContainerComponent, i3.DrawerContentComponent, i4.DrawerTemplateDirective, i5.DrawerFooterTemplateDirective, i6.DrawerHeaderTemplateDirective, i7.DrawerItemTemplateDirective], exports: [i1.DrawerComponent, i2.DrawerContainerComponent, i3.DrawerContentComponent, i4.DrawerTemplateDirective, i5.DrawerFooterTemplateDirective, i6.DrawerHeaderTemplateDirective, i7.DrawerItemTemplateDirective] });
-DrawerModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DrawerModule, imports: [i1.DrawerComponent, i2.DrawerContainerComponent, i3.DrawerContentComponent] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DrawerModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DrawerModule, decorators: [{
             type: NgModule,
             args: [{
                     exports: [...KENDO_DRAWER],

package/{esm2020 → esm2022}/expansionpanel/events/action-event.mjs

@@ -7,6 +7,10 @@ import { PreventableEvent } from "@progress/kendo-angular-common";
  * Arguments for the `action` event of the ExpansionPanel.
  */
 export class ExpansionPanelActionEvent extends PreventableEvent {
+    /**
+     * The action that will take place upon interaction with the ExpansionPanel.
+     */
+    action;
     /**
      * @hidden
      */

package/{esm2020 → esm2022}/expansionpanel/expansionpanel-title.directive.mjs

@@ -11,13 +11,14 @@ import * as i0 from "@angular/core";
  * ([see example]({% slug title_expansionpanel %}#toc-title-template)).
  */
 export class ExpansionPanelTitleDirective {
+    templateRef;
     constructor(templateRef) {
         this.templateRef = templateRef;
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ExpansionPanelTitleDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: ExpansionPanelTitleDirective, isStandalone: true, selector: "[kendoExpansionPanelTitleDirective]", ngImport: i0 });
 }
-ExpansionPanelTitleDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ExpansionPanelTitleDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
-ExpansionPanelTitleDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: ExpansionPanelTitleDirective, isStandalone: true, selector: "[kendoExpansionPanelTitleDirective]", ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ExpansionPanelTitleDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ExpansionPanelTitleDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[kendoExpansionPanelTitleDirective]',