@progress/kendo-angular-layout 19.1.2-develop.4 → 19.1.2-develop.6

package/directives.d.ts

@@ -47,54 +47,54 @@ import { TimelineCardBodyTemplateDirective } from "./timeline/templates/timeline
 import { TimelineCardHeaderTemplateDirective } from "./timeline/templates/timeline-card-header.directive";
 import { TimelineComponent } from "./timeline/timeline.component";
 /**
- * Utility array that contains all `Avatar` related components and directives.
+ * Use the `KENDO_AVATAR` utility array to add all Avatar-related components and directives to a standalone Angular component.
  */
 export declare const KENDO_AVATAR: readonly [typeof AvatarComponent, typeof AvatarCustomMessagesComponent];
 /**
- * Utility array that contains all `Card` related components and directives.
+ * Use the `KENDO_CARD` utility array to add all Card-related components and directives to a standalone Angular component.
  */
 export declare const KENDO_CARD: readonly [typeof CardComponent, typeof CardActionsComponent, typeof CardBodyComponent, typeof CardFooterComponent, typeof CardHeaderComponent, typeof CardMediaDirective, typeof CardSeparatorDirective, typeof CardSubtitleDirective, typeof CardTitleDirective];
 /**
- * Utility array that contains all `Drawer` related components and directives.
+ * Use the `KENDO_DRAWER` utility array to add all Drawer-related components and directives to a standalone Angular component.
  */
 export declare const KENDO_DRAWER: readonly [typeof DrawerComponent, typeof DrawerContainerComponent, typeof DrawerContentComponent, typeof DrawerTemplateDirective, typeof DrawerFooterTemplateDirective, typeof DrawerHeaderTemplateDirective, typeof DrawerItemTemplateDirective];
 /**
- * Utility array that contains all `ExpansionPanel` related components and directives.
+ * Use the `KENDO_EXPANSIONPANEL` utility array to add all ExpansionPanel-related components and directives to a standalone Angular component.
  */
 export declare const KENDO_EXPANSIONPANEL: readonly [typeof ExpansionPanelComponent, typeof ExpansionPanelTitleDirective];
 /**
- * Utility array that contains all `GridLayout` related components and directives.
+ * Use the `KENDO_GRIDLAYOUT` utility array to add all GridLayout-related components and directives to a standalone Angular component.
  */
 export declare const KENDO_GRIDLAYOUT: readonly [typeof GridLayoutComponent, typeof GridLayoutItemComponent];
 /**
- * Utility array that contains all `PanelBar` related components and directives.
+ * Use the `KENDO_PANELBAR` utility array to add all PanelBar-related components and directives to a standalone Angular component.
  */
 export declare const KENDO_PANELBAR: readonly [typeof PanelBarComponent, typeof PanelBarItemComponent, typeof PanelBarContentDirective, typeof PanelBarItemTemplateDirective, typeof PanelBarItemTitleDirective];
 /**
- * Utility array that contains all `Splitter` related components and directives.
+ * Use the `KENDO_SPLITTER` utility array to add all Splitter-related components and directives to a standalone Angular component.
  */
 export declare const KENDO_SPLITTER: readonly [typeof SplitterComponent, typeof SplitterPaneComponent];
 /**
- * Utility array that contains all `StackLayout` related components and directives.
+ * Use the `KENDO_STACKLAYOUT` utility array to add all StackLayout-related components and directives to a standalone Angular component.
  */
 export declare const KENDO_STACKLAYOUT: readonly [typeof StackLayoutComponent];
 /**
- * Utility array that contains all `Stepper` related components and directives.
+ * Use the `KENDO_STEPPER` utility array to add all Stepper-related components and directives to a standalone Angular component.
  */
 export declare const KENDO_STEPPER: readonly [typeof StepperComponent, typeof StepperCustomMessagesComponent, typeof StepperIndicatorTemplateDirective, typeof StepperLabelTemplateDirective, typeof StepperStepTemplateDirective];
 /**
- * Utility array that contains all `TabStrip` related components and directives.
+ * Use the `KENDO_TABSTRIP` utility array to add all TabStrip-related components and directives to a standalone Angular component.
  */
 export declare const KENDO_TABSTRIP: readonly [typeof TabStripComponent, typeof TabStripTabComponent, typeof TabContentDirective, typeof TabTitleDirective, typeof TabStripCustomMessagesComponent];
 /**
- * Utility array that contains all `TileLayout` related components and directives.
+ * Use the `KENDO_TILELAYOUT` utility array to add all TileLayout-related components and directives to a standalone Angular component.
  */
 export declare const KENDO_TILELAYOUT: readonly [typeof TileLayoutComponent, typeof TileLayoutItemBodyComponent, typeof TileLayoutItemComponent, typeof TileLayoutItemHeaderComponent];
 /**
- * Utility array that contains all `Timeline` related components and directives
+ * Use the `KENDO_TIMELINE` utility array to add all Timeline-related components and directives to a standalone Angular component.
  */
 export declare const KENDO_TIMELINE: readonly [typeof TimelineComponent, typeof TimelineCustomMessagesComponent, typeof TimelineCardActionsTemplateDirective, typeof TimelineCardBodyTemplateDirective, typeof TimelineCardHeaderTemplateDirective];
 /**
- * Utility array that contains all `@progress/kendo-angular-layout` related components and directives.
+ * Use the `KENDO_LAYOUT` utility array to add all `@progress/kendo-angular-layout`-related components and directives to a standalone Angular component.
  */
 export declare const KENDO_LAYOUT: readonly [typeof AvatarComponent, typeof AvatarCustomMessagesComponent, typeof CardComponent, typeof CardActionsComponent, typeof CardBodyComponent, typeof CardFooterComponent, typeof CardHeaderComponent, typeof CardMediaDirective, typeof CardSeparatorDirective, typeof CardSubtitleDirective, typeof CardTitleDirective, typeof DrawerComponent, typeof DrawerContainerComponent, typeof DrawerContentComponent, typeof DrawerTemplateDirective, typeof DrawerFooterTemplateDirective, typeof DrawerHeaderTemplateDirective, typeof DrawerItemTemplateDirective, typeof ExpansionPanelComponent, typeof ExpansionPanelTitleDirective, typeof GridLayoutComponent, typeof GridLayoutItemComponent, typeof PanelBarComponent, typeof PanelBarItemComponent, typeof PanelBarContentDirective, typeof PanelBarItemTemplateDirective, typeof PanelBarItemTitleDirective, typeof SplitterComponent, typeof SplitterPaneComponent, typeof StackLayoutComponent, typeof StepperComponent, typeof StepperCustomMessagesComponent, typeof StepperIndicatorTemplateDirective, typeof StepperLabelTemplateDirective, typeof StepperStepTemplateDirective, typeof TabStripComponent, typeof TabStripTabComponent, typeof TabContentDirective, typeof TabTitleDirective, typeof TabStripCustomMessagesComponent, typeof TileLayoutComponent, typeof TileLayoutItemBodyComponent, typeof TileLayoutItemComponent, typeof TileLayoutItemHeaderComponent, typeof TimelineComponent, typeof TimelineCustomMessagesComponent, typeof TimelineCardActionsTemplateDirective, typeof TimelineCardBodyTemplateDirective, typeof TimelineCardHeaderTemplateDirective];

package/drawer/drawer-container.component.d.ts

@@ -6,7 +6,19 @@ import { LocalizationService } from '@progress/kendo-angular-l10n';
 import { DrawerComponent } from './drawer.component';
 import * as i0 from "@angular/core";
 /**
- * Serves as a container for the [Kendo UI Drawer component for Angular]({% slug overview_drawer %}) and its content.
+ * Serves as a container for the [Drawer component]({% slug overview_drawer %}) and its content.
+ *
+ * @example
+ * ```html
+ * <kendo-drawer-container>
+ *   <kendo-drawer [items]="items"></kendo-drawer>
+ *   <kendo-drawer-content>
+ *     <h1>Main Content</h1>
+ *   </kendo-drawer-content>
+ * </kendo-drawer-container>
+ * ```
+ * @remarks
+ * Supported children components are: {@link DrawerComponent}, {@link DrawerContentComponent}.
  */
 export declare class DrawerContainerComponent {
     private localizationService;

package/drawer/drawer-content.component.d.ts

@@ -4,7 +4,15 @@
 *-------------------------------------------------------------------------------------------*/
 import * as i0 from "@angular/core";
 /**
- * Represents the content of the [Kendo UI Drawer component for Angular]({% slug overview_drawer %}).
+ * Defines the content of the Drawer component.
+ *
+ * @example
+ * ```html
+ * <kendo-drawer-content>
+ *   <h1>Main Content Area</h1>
+ *   <p>Your application content goes here.</p>
+ * </kendo-drawer-content>
+ * ```
  */
 export declare class DrawerContentComponent {
     hostClasses: boolean;

package/drawer/drawer.component.d.ts

@@ -15,32 +15,31 @@ import { DrawerItemExpandedFn } from './models/drawer-item-expand.interface';
 import * as i0 from "@angular/core";
 /**
  * Represents the [Kendo UI Drawer component for Angular]({% slug overview_drawer %}).
+ * Provides a dismissible or permanently visible panel for navigation in responsive web applications.
  *
  * @example
- * ```ts-preview
- * _@Component({
- *    selector: 'my-app',
- *    template: `
- *        <kendo-drawer-container>
- *             <kendo-drawer #drawer
- *                  [items]="items"
- *                  mode="overlay"
- *                  [(expanded)]="expanded">
- *              </kendo-drawer>
- *              <kendo-drawer-content>
- *                  <button class="k-button" (click)="drawer.toggle()">Open the Drawer</button>
- *              </kendo-drawer-content>
- *        </kendo-drawer-container>
- *    `
+ * ```typescript
+ * @Component({
+ *   selector: 'my-app',
+ *   template: `
+ *     <kendo-drawer-container>
+ *       <kendo-drawer #drawer
+ *         [items]="items"
+ *         mode="overlay"
+ *         [(expanded)]="expanded">
+ *       </kendo-drawer>
+ *       <kendo-drawer-content>
+ *         <button class="k-button" (click)="drawer.toggle()">Open the Drawer</button>
+ *       </kendo-drawer-content>
+ *     </kendo-drawer-container>
+ *   `
  * })
  * class AppComponent {
- *    public expanded = false;
- *
- *    public items: any[] = [
- *      { text: 'Inbox', icon: 'k-i-inbox' },
- *      { text: 'Notifications', icon: 'k-i-bell' },
- *      { text: 'Date', icon: 'k-i-calendar' }
- *    ];
+ *   public expanded = false;
+ *   public items = [
+ *     { text: 'Inbox', icon: 'inbox' },
+ *     { text: 'Notifications', icon: 'bell' }
+ *   ];
  * }
  * ```
  */
@@ -55,52 +54,58 @@ export declare class DrawerComponent implements OnDestroy {
     get overlayTransofrmStyles(): string;
     get flexStyles(): number;
     /**
-     * Specifies the mode in which the Drawer will be displayed.
+     * Specifies the mode in which the Drawer displays.
      *
-     * The possible values are:
-     * * (Default) `overlay`
-     * * `push`
+     * @default 'overlay'
      */
     mode: DrawerMode;
     /**
      * Specifies the position of the Drawer
      * ([see example]({% slug positioning_drawer %})).
      *
-     * The possible values are:
-     * * (Default) `start`
-     * * `end`
+     * @default 'start'
      */
     position: DrawerPosition;
     /**
-     * Enables the mini (compact) view of the Drawer which is displayed when the component is collapsed
+     * Enables the mini (compact) view of the Drawer which displays when the component is collapsed
      * ([see example]({% slug expandmodespositions_drawer %}#toc-mini-view)).
+     *
+     * @default false
      */
     mini: boolean;
     /**
      * Specifies the state of the Drawer.
+     *
+     * @default false
      */
     expanded: boolean;
     /**
      * Defines the width of the Drawer when it is expanded.
-     * Defaults to `240`.
+     *
+     * @default 240
      */
     width: number;
     /**
-     * Defines the width of the Drawer when the mini view is enabled
-     * and the component is collapsed. Defaults to `60`.
+     * Defines the width of the Drawer when the mini view is enabled and the component is collapsed.
+     *
+     * @default 50
      */
     miniWidth: number;
     /**
-     * Specifies if the Drawer will be automatically collapsed when an item
-     * or the overlay is clicked. Defaults to `true`.
+     * Specifies if the Drawer automatically collapses when an item or the overlay is clicked.
+     *
+     * @default true
      */
     autoCollapse: boolean;
     /**
-     * The collection of items that will be rendered in the Drawer.
+     * Defines the collection of items that render in the Drawer.
+     *
+     * @default []
      */
     items: any[];
     /**
      * Defines a callback function which determines if an item should be expanded.
+     * This is useful for hierarchical data structures where the expansion state of an item depends on its parent or other items.
      */
     set isItemExpanded(fn: DrawerItemExpandedFn);
     get isItemExpanded(): DrawerItemExpandedFn;
@@ -109,16 +114,10 @@ export declare class DrawerComponent implements OnDestroy {
      */
     direction: string;
     /**
-     * Specifies the animation settings of the Drawer.
+     * 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`&mdash;Accepts a number in milliseconds. Defaults to `300ms`.
+     * @default { type: 'slide', duration: 200 }
      */
     animation?: boolean | DrawerAnimation;
     /**
@@ -130,11 +129,12 @@ export declare class DrawerComponent implements OnDestroy {
      */
     collapse: EventEmitter<any>;
     /**
-     * Fires when a Drawer item is selected. This event is preventable.
+     * Fires when an item in the Drawer is selected.
+     * This event is preventable.
      */
     select: EventEmitter<DrawerSelectEvent>;
     /**
-     * Fires when the `expanded` property of the component was updated.
+     * Fires when the `expanded` property of the component is updated.
      * Used to provide a two-way binding for the `expanded` property.
      */
     expandedChange: EventEmitter<boolean>;
@@ -175,8 +175,9 @@ export declare class DrawerComponent implements OnDestroy {
     get drawerWidth(): number;
     /**
      * Toggles the visibility of the Drawer.
+     * If the `expanded` parameter is not provided, the Drawer will toggle between expanded and collapsed states.
      *
-     * @param expanded? - Boolean. Specifies if the Drawer will be expanded or collapsed.
+     * @param expanded Specifies if the Drawer will be expanded or collapsed.
      */
     toggle(expanded?: boolean): void;
     /**

package/drawer/events/select-event.d.ts

@@ -5,23 +5,23 @@
 import { PreventableEvent } from '@progress/kendo-angular-common';
 import { DrawerComponent } from './../drawer.component';
 /**
- * Arguments for the `select` event of the Drawer.
+ * Defines the arguments for the `select` event of the Drawer.
  */
 export declare class DrawerSelectEvent extends PreventableEvent {
     /**
-     * The index of the selected item in the `items` collection.
+     * Defines the index of the selected item in the `items` collection.
      */
     index: number;
     /**
-     * The selected Drawer item.
+     * Defines the selected Drawer item.
      */
     item: any;
     /**
-     * The DOM event that triggered the selection.
+     * Defines the DOM event that triggered the selection.
      */
     originalEvent: any;
     /**
-     * The Drawer that triggered the event.
+     * Defines the Drawer that triggered the event.
      */
     sender: DrawerComponent;
     /**

package/drawer/models/drawer-animation.interface.d.ts

@@ -3,9 +3,8 @@
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 /**
- * Specifies the animation settings of the Drawer
+ * Defines the animation settings of the Drawer
  * ([see example]({% slug interaction_drawer %}#toc-toggling-between-states)).
- *
  */
 export interface DrawerAnimation {
     /**

package/drawer/models/drawer-item-expand.interface.d.ts

@@ -3,6 +3,6 @@
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 /**
- * Represents the callback that is used by the [isItemExpanded]({% slug api_layout_drawercomponent %}#toc-isItemExpanded) property. ([see example]({% slug hierarchical_drawer %})).
+ * Defines the callback that the [`isItemExpanded`]({% slug api_layout_drawercomponent %}#toc-isItemExpanded) property uses ([see example]({% slug hierarchical_drawer %})).
  */
 export type DrawerItemExpandedFn = (item: any) => boolean;

package/drawer/models/drawer-item.interface.d.ts

@@ -4,45 +4,41 @@
 *-------------------------------------------------------------------------------------------*/
 import { SVGIcon } from "@progress/kendo-svg-icons";
 /**
- * An interface for the Drawer items.
+ * Defines an interface for the Drawer items.
  */
 export interface DrawerItem {
     /**
-     * The CSS classes that will be rendered on the item element of the Drawer.
-     * Supports the type of values that are supported by [ngClass](link:site.data.urls.angular['ngclassapi']).
+     * Defines the CSS classes that render on the item element of the Drawer.
+     * Supports the type of values that [`ngClass`](link:site.data.urls.angular['ngclassapi']) supports.
      */
     cssClass?: any;
     /**
-     * The CSS styles that will be rendered on the item element of the Drawer.
-     * Supports the type of values that are supported by [ngStyle](link:site.data.urls.angular['ngstyleapi']).
+     * Defines the CSS styles that render on the item element of the Drawer.
+     * Supports the type of values that [`ngStyle`](link:site.data.urls.angular['ngstyleapi']) supports.
      */
     cssStyle?: any;
     /**
      * Specifies if the Drawer item is disabled.
+     *
      */
     disabled?: boolean;
     /**
      * Defines the name for an existing icon in a Kendo UI theme.
-     * The icon is rendered inside the Drawer item by the `kendo-icon` element.
-     *
-     * NOTE: The icon input will no longer require the `k-i-` prefix in the icon name. Please provide only the name of the icon.
-     * To ensure backward compatibility, both syntaxes will be supported for a period of time, but the `k-i-` prefix is deprecated and
-     * you can expect it to be dropped in a future major version of the package.
+     * The icon renders inside the Drawer item by the `kendo-icon` element.
      */
     icon?: string;
     /**
-     * Defines a CSS class — or multiple classes separated by spaces —
-     * which are applied to a span element inside the Drawer item.
-     * Allows the usage of custom icons.
+     * Defines a CSS class or multiple classes separated by spaces.
+     * You can apply these classes to a `span` element inside the Drawer item to use custom icons.
      */
     iconClass?: string;
     /**
-     * Defines an SVG icon to be rendered inside the Drawer Item.
-     * The input can take either an [existing Kendo SVG icon](slug:svgicon_list) or a custom one.
+     * Defines an SVG icon to render inside the Drawer Item.
+     * You can use either an [existing Kendo SVG icon](slug:svgicon_list) or a custom one.
      */
     svgIcon?: SVGIcon;
     /**
-     * Specifies the id of the Drawer item.
+     * Specifies the `id` of the Drawer item.
      */
     id?: number | string;
     /**
@@ -51,11 +47,13 @@ export interface DrawerItem {
     parentId?: number | string;
     /**
      * Specifies if the Drawer item is initially selected.
+     *
      */
     selected?: boolean;
     /**
      * Specifies if this is a separator item.
-     * If set to `true`, only the `cssClass` and `cssStyle` fields will be rendered.
+     * If set to `true`, only the `cssClass` and `cssStyle` fields render.
+     *
      */
     separator?: boolean;
     /**

package/drawer/models/mode.d.ts

@@ -3,8 +3,9 @@
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 /**
- * Specifies the way the Drawer will interact with the associated content.
- * The default `overlay` display mode will overlap the associated content with an overlay effect.
- * On the other hand, the `push` display mode will render the Drawer next to the associated content and will shrink it.
+ * Defines the way the Drawer interacts with the associated content.
+ * The supported modes are:
+ * - `overlay`—The Drawer overlaps the associated content with an overlay effect.
+ * - `push`—The Drawer renders next to the associated content and shrinks it.
  */
 export type DrawerMode = 'overlay' | 'push';

package/drawer/models/position.d.ts

@@ -3,11 +3,6 @@
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 /**
- * Specifies the position of the Drawer
- * ([see example]({% slug positioning_drawer %})).
- *
- * The possible values are:
- * * (Default) `start`
- * * `end`
+ * Defines the position of the Drawer ([see example]({% slug positioning_drawer %})).
  */
 export type DrawerPosition = 'start' | 'end';

package/drawer/template-directives/drawer-template.directive.d.ts

@@ -5,11 +5,24 @@
 import { TemplateRef } 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`.
+ * Defines a template that specifies 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 overrides all other templates, for example, `kendoDrawerHeaderTemplate` and `kendoDrawerItemTemplate`.
+ *
+ * @example
+ * ```html
+ * <kendo-drawer>
+ *   <ng-template kendoDrawerTemplate>
+ *     <div class="custom-drawer-content">
+ *       <h3>Custom Drawer</h3>
+ *       <ul>
+ *         <li>Custom Item 1</li>
+ *         <li>Custom Item 2</li>
+ *       </ul>
+ *     </div>
+ *   </ng-template>
+ * </kendo-drawer>
+ * ```
  */
 export declare class DrawerTemplateDirective {
     templateRef: TemplateRef<any>;

package/drawer/template-directives/footer-template.directive.d.ts

@@ -5,9 +5,17 @@
 import { TemplateRef } from '@angular/core';
 import * as i0 from "@angular/core";
 /**
- * Represents a template that defines the footer content of the Drawer.
- * To define the template, nest an `<ng-template>` tag
- * with the `kendoDrawerFooterTemplate` directive inside the `<kendo-drawer>` tag.
+ * Defines a template that specifies the footer content of the Drawer.
+ * To define the template, nest an `<ng-template>` tag with the `kendoDrawerFooterTemplate` directive inside the `<kendo-drawer>` tag.
+ *
+ * @example
+ * ```html
+ * <kendo-drawer>
+ *   <ng-template kendoDrawerFooterTemplate>
+ *     <p>© 2023 Company Name</p>
+ *   </ng-template>
+ * </kendo-drawer>
+ * ```
  */
 export declare class DrawerFooterTemplateDirective {
     templateRef: TemplateRef<any>;

package/drawer/template-directives/header-template.directive.d.ts

@@ -5,9 +5,17 @@
 import { TemplateRef } from '@angular/core';
 import * as i0 from "@angular/core";
 /**
- * Represents a template that defines the header content of the Drawer.
- * To define the template, nest an `<ng-template>` tag
- * with the `kendoDrawerHeaderTemplate` directive inside the `<kendo-drawer>` tag.
+ * Defines a template that specifies the header content of the Drawer.
+ * To define the template, nest an `<ng-template>` tag with the `kendoDrawerHeaderTemplate` directive inside the `<kendo-drawer>` tag.
+ *
+ * @example
+ * ```html
+ * <kendo-drawer>
+ *   <ng-template kendoDrawerHeaderTemplate>
+ *     <h3>Navigation Menu</h3>
+ *   </ng-template>
+ * </kendo-drawer>
+ * ```
  */
 export declare class DrawerHeaderTemplateDirective {
     templateRef: TemplateRef<any>;

package/drawer/template-directives/item-template.directive.d.ts

@@ -5,9 +5,25 @@
 import { TemplateRef } from '@angular/core';
 import * as i0 from "@angular/core";
 /**
- * Represents a template that defines the item content of the Drawer.
- * To define the template, nest an `<ng-template>` tag
- * with the `kendoDrawerItemTemplate` directive inside the `<kendo-drawer>` tag.
+ * Defines a template that specifies the item content of the Drawer.
+ * To define the template, nest an `<ng-template>` tag with the `kendoDrawerItemTemplate` directive inside the `<kendo-drawer>` tag.
+ *
+ * The `let-item` context variable provides access to the item data.
+ *
+ * For the Hierarchical Drawer, the `kendoDrawerItemTemplate` directive provides additional context fields:
+ *
+ * * `level`&mdash;A number that indicates the nesting level of the current item. Use the `let-level="level"` syntax to access the nesting level.
+ * * `hasChildren`&mdash;A boolean that indicates whether the current item has nested items. Use the `let-hasChildren="hasChildren"` syntax to access the value.
+ * * `isItemExpanded`&mdash;A boolean that holds information about the expanded state of the current item, which indicates whether its children are visible or not. Use the `let-isItemExpanded="isItemExpanded"` syntax to access the value of the expanded state.
+ *
+ * @example
+ * ```html
+ * <kendo-drawer>
+ *   <ng-template kendoDrawerItemTemplate let-item>
+ *     <span class="custom-item">{{ item.text }}</span>
+ *   </ng-template>
+ * </kendo-drawer>
+ * ```
  */
 export declare class DrawerItemTemplateDirective {
     templateRef: TemplateRef<any>;

package/drawer.module.d.ts

@@ -11,8 +11,20 @@ import * as i5 from "./drawer/template-directives/footer-template.directive";
 import * as i6 from "./drawer/template-directives/header-template.directive";
 import * as i7 from "./drawer/template-directives/item-template.directive";
 /**
- * Represents the [NgModule](link:site.data.urls.angular['ngmoduleapi'])
- * definition for the Drawer component.
+ * Defines the [`NgModule`](link:site.data.urls.angular['ngmoduleapi']) for the Drawer component.
+ *
+ * Use this module to add the Drawer component to your NgModule-based Angular application.
+ *
+ * @example
+ * ```typescript
+ * import { DrawerModule } from '@progress/kendo-angular-layout';
+ * import { NgModule } from '@angular/core';
+ *
+ * @NgModule({
+ *   imports: [DrawerModule]
+ * })
+ * export class AppModule { }
+ * ```
  */
 export declare class DrawerModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<DrawerModule, never>;