@progress/kendo-angular-layout 19.1.2-develop.3 → 19.1.2-develop.5

package/gridlayout.module.d.ts

@@ -6,8 +6,20 @@ import * as i0 from "@angular/core";
 import * as i1 from "./layouts/grid-layout.component";
 import * as i2 from "./layouts/gridlayout-item.component";
 /**
- * Represents the [NgModule](link:site.data.urls.angular['ngmoduleapi'])
- * definition for the GridLayout component.
+ * Defines the [`NgModule`](link:site.data.urls.angular['ngmoduleapi']) for the GridLayout component.
+ *
+ * Use this module to add the GridLayout component to your NgModule-based Angular application.
+ *
+ * @example
+ * ```typescript
+ * import { GridLayoutModule } from '@progress/kendo-angular-layout';
+ * import { NgModule } from '@angular/core';
+ *
+ * @NgModule({
+ *   imports: [GridLayoutModule]
+ * })
+ * export class AppModule { }
+ * ```
  */
 export declare class GridLayoutModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<GridLayoutModule, never>;

package/layout.module.d.ts

@@ -53,34 +53,23 @@ import * as i47 from "./timeline/templates/timeline-card-actions.directive";
 import * as i48 from "./timeline/templates/timeline-card-body.directive";
 import * as i49 from "./timeline/templates/timeline-card-header.directive";
 /**
- * Represents the [NgModule](link:site.data.urls.angular['ngmoduleapi'])
- * definition for the Layout components.
+ * Defines the [`NgModule`](link:site.data.urls.angular['ngmoduleapi']) for the Layout components.
  *
- * @example
+ * Use this module to add all Layout package components to your NgModule-based Angular application.
  *
- * ```ts-no-run
- * // Import the Layout module
+ * @example
+ * ```typescript
  * import { LayoutModule } from '@progress/kendo-angular-layout';
- *
- * // The browser platform with a compiler
- * import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
- *
  * import { NgModule } from '@angular/core';
- *
- * // Import the app component
+ * import { BrowserModule } from '@angular/platform-browser';
  * import { AppComponent } from './app.component';
  *
- * // Define the app module
- * _@NgModule({
- *     declarations: [AppComponent], // declare app component
- *     imports:      [BrowserModule, LayoutModule], // import Layout module
- *     bootstrap:    [AppComponent]
+ * @NgModule({
+ *   declarations: [AppComponent],
+ *   imports: [BrowserModule, LayoutModule],
+ *   bootstrap: [AppComponent]
  * })
- * export class AppModule {}
- *
- * // Compile and launch the module
- * platformBrowserDynamic().bootstrapModule(AppModule);
- *
+ * export class AppModule { }
  * ```
  */
 export declare class LayoutModule {

package/layouts/grid-layout.component.d.ts

@@ -7,7 +7,23 @@ import { GridLayoutGapSettings, AlignSettings } from './models';
 import { LocalizationService } from '@progress/kendo-angular-l10n';
 import * as i0 from "@angular/core";
 /**
- * Represents the [Kendo UI GridLayout component for Angular]({% slug overview_gridlayout %}).
+ * Represents the Kendo UI GridLayout component for Angular.
+ * Arranges child components in a two-dimensional grid layout with customizable rows, columns, and gaps ([see overview]({% slug overview_gridlayout %})).
+ *
+ * @example
+ * ```html
+ * <kendo-gridlayout [rows]="[100, 200]" [cols]="['1fr', '2fr']" [gap]="10">
+ *   <kendo-gridlayout-item [row]="1" [col]="1">
+ *     <p>Item 1</p>
+ *   </kendo-gridlayout-item>
+ *   <kendo-gridlayout-item [row]="1" [col]="2">
+ *     <p>Item 2</p>
+ *   </kendo-gridlayout-item>
+ * </kendo-gridlayout>
+ * ```
+ *
+ * @remarks
+ * Supported children components are: {@link GridLayoutItemComponent}.
  */
 export declare class GridLayoutComponent implements AfterViewInit, OnChanges {
     private renderer;
@@ -19,31 +35,22 @@ export declare class GridLayoutComponent implements AfterViewInit, OnChanges {
      * Specifies the number of rows and their height
      * ([More details](slug:layout_gridlayout#toc-rows-and-columns)).
      *
-     * Accepts an array, which serves two purposes:
-     *
-     * The number of elements in the array defines the number of rows.
-     * Each array element defines the size of the corresponding row. The possible array values are:
-     * * `number` - Defines the size in pixels.
-     * * `string` - Enables the usage of arbitrary units e.g. `20%` or `auto`.
-     * * [GridLayoutRowSize]({% slug api_layout_gridlayoutrowsize %}) - Configuration object, which accepts a `height` key.
+     * You can define rows by passing an array where the number of elements determines the number of rows or each element defines the size of the corresponding row.
+     * For example, you can use CSS units like `px`, `%`, `fr`, or `auto` to define the row sizes.
      */
     rows: Array<any>;
     /**
      * Specifies the number of columns and their widths
      * ([More details](slug:layout_gridlayout#toc-rows-and-columns)).
      *
-     * Accepts an array, which serves two purposes:
-     *
-     * The number of elements in the array defines the number of columns.
-     * Each array element defines the size of the corresponding column. The possible array values are:
-     * * `number` - Defines the size in pixels.
-     * * `string` - Enables the usage of arbitrary units e.g. `20%` or `auto`.
-     * * [GridLayoutColSize]({% slug api_layout_gridlayoutcolsize %}) - Configuration object, which accepts a `width` key.
+     * You can define columns by passing an array where the number of elements determines the number of columns or each element defines the size of the corresponding column.
+     * For example, you can use CSS units like `px`, `%`, `fr`, or `auto` to define the column sizes.
      */
     cols: Array<any>;
     /**
-     * Specifies the gaps between the elements. The default value is `0`
-     * ([see example](slug:layout_gridlayout#toc-gap)).
+     * Specifies the gaps between the elements ([see example](slug:layout_gridlayout#toc-gap)).
+     *
+     * @default 0
      */
     gap: number | string | GridLayoutGapSettings;
     /**

package/layouts/gridlayout-item.component.d.ts

@@ -4,6 +4,16 @@
 *-------------------------------------------------------------------------------------------*/
 import { Renderer2, ElementRef, OnChanges } from '@angular/core';
 import * as i0 from "@angular/core";
+/**
+ * Represents the GridLayout item component. Defines the positioning and spanning of individual items within a GridLayout.
+ *
+ * @example
+ * ```html
+ * <kendo-gridlayout-item [row]="1" [col]="2" [rowSpan]="2" [colSpan]="1">
+ *   <div>Grid item content</div>
+ * </kendo-gridlayout-item>
+ * ```
+ */
 export declare class GridLayoutItemComponent implements OnChanges {
     private renderer;
     private element;
@@ -18,13 +28,15 @@ export declare class GridLayoutItemComponent implements OnChanges {
      */
     col: number;
     /**
-     * Determines how many rows will the item span. The default size is one row
-     * ([see example]({% slug items_gridlayout %}#toc-size-and-position)).
+     * Specifies how many rows the item spans ([see example]({% slug items_gridlayout %}#toc-size-and-position)).
+     *
+     * @default 1
      */
     rowSpan: number;
     /**
-     * Determines how many columns will the item span. The default size is one column
-     * ([see example]({% slug items_gridlayout %}#toc-size-and-position)).
+     * Specifies how many columns the item spans ([see example]({% slug items_gridlayout %}#toc-size-and-position)).
+     *
+     * @default 1
      */
     colSpan: number;
     constructor(renderer: Renderer2, element: ElementRef);

package/layouts/models/gridlayout-gap-settings.d.ts

@@ -3,15 +3,15 @@
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 /**
- * Specifies the gaps between the elements of the GridLayout.
+ * Defines the gaps between the elements of the GridLayout.
  */
 export interface GridLayoutGapSettings {
     /**
-     * Defines the row gap between the elements.
+     * Specifies the row gap between the elements.
      */
     rows?: number | string;
     /**
-     * Defines the column gap between the elements.
+     * Specifies the column gap between the elements.
      */
     cols?: number | string;
 }

package/layouts/models/gridlayout-row-col-size.d.ts

@@ -3,20 +3,20 @@
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 /**
- * Specifies the size of the GridLayout row.
+ * Defines the size of the GridLayout row.
  */
 export interface GridLayoutRowSize {
     /**
-     * Defines the height of the row.
+     * Specifies the height of the row.
      */
     height?: number | string;
 }
 /**
- * Specifies the size of the GridLayout column.
+ * Defines the size of the GridLayout column.
  */
 export interface GridLayoutColSize {
     /**
-     * Defines the width of the column.
+     * Specifies the width of the column.
      */
     width?: number | string;
 }

package/layouts/models/layout-align-settings.d.ts

@@ -4,15 +4,15 @@
 *-------------------------------------------------------------------------------------------*/
 import { VerticalAlign, HorizontalAlign } from '../models';
 /**
- * Represents the possible align options of the StackLayout and GridLayout components.
+ * Defines the possible align options of the StackLayout and GridLayout components.
  */
 export interface AlignSettings {
     /**
-     * Defines the horizontal alignment of the inner GridLayout and StackLayout elements.
+     * Specifies the horizontal alignment of the inner GridLayout and StackLayout elements.
      */
     horizontal?: HorizontalAlign;
     /**
-     * Defines the vertical alignment of the inner GridLayout and StackLayout elements.
+     * Specifies the vertical alignment of the inner GridLayout and StackLayout elements.
      */
     vertical?: VerticalAlign;
 }

package/layouts/models/layout-horizontal-align.d.ts

@@ -3,6 +3,6 @@
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 /**
- * Represents the possible horizontal alignment options of the StackLayout and GridLayout.
+ * Defines the possible horizontal alignment options of the StackLayout and GridLayout.
  */
 export type HorizontalAlign = 'start' | 'center' | 'end' | 'stretch';

package/layouts/models/layout-vertical-align.d.ts

@@ -3,6 +3,6 @@
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 /**
- * Represents the possible vertical alignment options of the StackLayout and GridLayout.
+ * Defines the possible vertical alignment options of the StackLayout and GridLayout.
  */
 export type VerticalAlign = 'top' | 'middle' | 'bottom' | 'stretch';

package/layouts/stack-layout.component.d.ts

@@ -7,7 +7,17 @@ import { AlignSettings, Orientation } from './models';
 import { LocalizationService } from '@progress/kendo-angular-l10n';
 import * as i0 from "@angular/core";
 /**
- * Represents the [Kendo UI StackLayout component for Angular]({% slug overview_stacklayout %}).
+ * Represents the Kendo UI StackLayout component for Angular.
+ * Arranges child components in a single row or column with customizable alignment and spacing ([see overview]({% slug overview_stacklayout %})).
+ *
+ * @example
+ * ```html
+ * <kendo-stacklayout orientation="horizontal" [gap]="16">
+ *   <button class="k-button">Button 1</button>
+ *   <button class="k-button">Button 2</button>
+ *   <button class="k-button">Button 3</button>
+ * </kendo-stacklayout>
+ * ```
  */
 export declare class StackLayoutComponent implements AfterViewInit, OnChanges {
     private renderer;
@@ -24,17 +34,16 @@ export declare class StackLayoutComponent implements AfterViewInit, OnChanges {
     set align(align: AlignSettings);
     get align(): AlignSettings;
     /**
-     * Specifies the gap between the inner StackLayout elements. The default value is `0`
-     * ([see example](slug:layout_stacklayout#toc-gap)).
+     * Specifies the gap between the inner StackLayout elements ([see example](slug:layout_stacklayout#toc-gap)).
+     *
+     * @default 0
      */
     gap: number | string;
     /**
      * Specifies the orientation of the StackLayout
      * ([see example]({% slug layout_stacklayout %}#toc-orientation)).
      *
-     * The possible values are:
-     * (Default) `horizontal`
-     * `vertical`
+     * @default 'horizontal'
      */
     orientation: Orientation;
     private _align;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-angular-layout",
-  "version": "19.1.2-develop.3",
+  "version": "19.1.2-develop.5",
   "description": "Kendo UI for Angular Layout Package - a collection of components to create professional application layoyts",
   "license": "SEE LICENSE IN LICENSE.md",
   "author": "Progress",
@@ -50,7 +50,7 @@
     "package": {
       "productName": "Kendo UI for Angular",
       "productCode": "KENDOUIANGULAR",
-      "publishDate": 1750152493,
+      "publishDate": 1750430829,
       "licensingDocsUrl": "https://www.telerik.com/kendo-angular-ui/my-license/?utm_medium=product&utm_source=kendoangular&utm_campaign=kendo-ui-angular-purchase-license-keys-warning"
     }
   },
@@ -60,18 +60,19 @@
     "@angular/core": "16 - 20",
     "@angular/platform-browser": "16 - 20",
     "@progress/kendo-licensing": "^1.5.0",
-    "@progress/kendo-angular-common": "19.1.2-develop.3",
-    "@progress/kendo-angular-l10n": "19.1.2-develop.3",
-    "@progress/kendo-angular-progressbar": "19.1.2-develop.3",
-    "@progress/kendo-angular-icons": "19.1.2-develop.3",
-    "@progress/kendo-angular-buttons": "19.1.2-develop.3",
-    "@progress/kendo-angular-intl": "19.1.2-develop.3",
+    "@progress/kendo-angular-common": "19.1.2-develop.5",
+    "@progress/kendo-angular-l10n": "19.1.2-develop.5",
+    "@progress/kendo-angular-progressbar": "19.1.2-develop.5",
+    "@progress/kendo-angular-icons": "19.1.2-develop.5",
+    "@progress/kendo-angular-buttons": "19.1.2-develop.5",
+    "@progress/kendo-angular-intl": "19.1.2-develop.5",
     "rxjs": "^6.5.3 || ^7.0.0"
   },
   "dependencies": {
     "tslib": "^2.3.1",
-    "@progress/kendo-angular-schematics": "19.1.2-develop.3",
-    "@progress/kendo-draggable": "^3.0.2"
+    "@progress/kendo-angular-schematics": "19.1.2-develop.5",
+    "@progress/kendo-draggable": "^3.0.2",
+    "node-html-parser": "^7.0.1"
   },
   "schematics": "./schematics/collection.json",
   "module": "fesm2022/progress-kendo-angular-layout.mjs",

package/panelbar/events/collapse-event.d.ts

@@ -5,11 +5,11 @@
 import { PreventableEvent } from '../../common/preventable-event';
 import { PanelBarItemModel } from '../panelbar-item-model';
 /**
- * Arguments for the `collapse` event of the PanelBar.
+ * Defines the arguments for the `collapse` event of the PanelBar.
  */
 export declare class PanelBarCollapseEvent extends PreventableEvent {
     /**
-     * The item that will be collapsed.
+     * Defines the item that will be collapsed.
      */
     item: PanelBarItemModel;
 }

package/panelbar/events/expand-event.d.ts

@@ -5,11 +5,11 @@
 import { PreventableEvent } from '../../common/preventable-event';
 import { PanelBarItemModel } from '../panelbar-item-model';
 /**
- * Arguments for the `expand` event of the PanelBar.
+ * Defines the arguments for the `expand` event of the PanelBar.
  */
 export declare class PanelBarExpandEvent extends PreventableEvent {
     /**
-     * The item that will be expanded.
+     * Defines the item that will be expanded.
      */
     item: PanelBarItemModel;
 }

package/panelbar/events/item-click-event.d.ts

@@ -4,15 +4,15 @@
 *-------------------------------------------------------------------------------------------*/
 import { PanelBarItemModel } from '../panelbar-item-model';
 /**
- * Arguments for the `itemClick` event of the PanelBar.
+ * Defines the arguments for the `itemClick` event of the PanelBar.
  */
 export declare class PanelBarItemClickEvent {
     /**
-     * The clicked item.
+     * Defines the clicked item.
      */
     item: PanelBarItemModel;
     /**
-     * The DOM event that triggered the `itemClick` event.
+     * Defines the DOM event that triggered the `itemClick` event.
      */
     originalEvent: any;
 }

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

@@ -5,11 +5,11 @@
 import { PreventableEvent } from '../../common/preventable-event';
 import { PanelBarItemModel } from '../panelbar-item-model';
 /**
- * Arguments for the `select` event of the PanelBar.
+ * Defines the arguments for the `select` event of the PanelBar.
  */
 export declare class PanelBarSelectEvent extends PreventableEvent {
     /**
-     * The item that will be selected.
+     * Defines the item that will be selected.
      */
     item: PanelBarItemModel;
 }

package/panelbar/events/state-change-event.d.ts

@@ -4,11 +4,11 @@
 *-------------------------------------------------------------------------------------------*/
 import { PanelBarItemModel } from '../panelbar-item-model';
 /**
- * Arguments for the `stateChange` event of the PanelBar.
+ * Defines the arguments for the `stateChange` event of the PanelBar.
  */
 export declare class PanelBarStateChangeEvent {
     /**
-     * A collection of all modified items.
+     * Defines a collection of all modified items.
      */
     items: Array<PanelBarItemModel>;
 }

package/panelbar/panelbar-content.directive.d.ts

@@ -5,8 +5,19 @@
 import { TemplateRef } from '@angular/core';
 import * as i0 from "@angular/core";
 /**
- * Represents the content template of the declaratively initialized PanelBar items.
+ * Defines the content template of the declaratively initialized PanelBar items.
+ * To define the content template, nest an `<ng-template>` tag
+ * with the `kendoPanelBarContent` directive inside the `<kendo-panelbar-item>` tag.
  * The content can be expanded or collapsed through the item.
+ *
+ * @example
+ * ```html
+ * <kendo-panelbar-item title="Item">
+ *   <div kendoPanelBarContent>
+ *     <p>Item content goes here</p>
+ *   </div>
+ * </kendo-panelbar-item>
+ * ```
  */
 export declare class PanelBarContentDirective {
     templateRef: TemplateRef<any>;

package/panelbar/panelbar-expand-mode.d.ts

@@ -3,13 +3,12 @@
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 /**
- * Represents the expand modes of the PanelBar.
- * By default, the expand mode is set to `multiple`.
+ * Defines the expand modes of the PanelBar.
  */
 export declare enum PanelBarExpandMode {
     /**
      * Allows you to expand only one item at a time.
-     * When you expand an item, the item that was previously expanded is coll.
+     * When you expand an item, the item that was previously expanded is collapsed.
      */
     Single = 0,
     /**
@@ -23,7 +22,7 @@ export declare enum PanelBarExpandMode {
      */
     Multiple = 2,
     /**
-     * By default, the expand mode is set to `multiple`.
+     * The default expand mode set to `multiple`.
      */
     Default = 2
 }

package/panelbar/panelbar-item-model.d.ts

@@ -4,7 +4,7 @@
 *-------------------------------------------------------------------------------------------*/
 import { SVGIcon } from "@progress/kendo-svg-icons";
 /**
- * Represents the items model of the PanelBar. These are the interface fields that the PanelBar items use.
+ * Defines the items model of the PanelBar. These are the interface fields that the PanelBar items use.
  */
 export interface PanelBarItemModel {
     /**
@@ -16,20 +16,20 @@ export interface PanelBarItemModel {
      */
     id: string;
     /**
-     * Defines the icon that will be rendered next to the title.
+     * Defines the icon that renders next to the title.
      */
     icon: string;
     /**
-     * Defines the icon that will be rendered next to the title by using a custom CSS class.
+     * Defines the icon that renders next to the title by using a custom CSS class.
      */
     iconClass: string;
     /**
-     * Defines an SVGIcon to be rendered.
-     * The input can take either an [existing Kendo SVG icon](slug:svgicon_list) or a custom one.
+     * Defines an SVG icon to render.
+     * You can use either an [existing Kendo SVG icon](slug:svgicon_list) or a custom one.
      */
     svgIcon?: SVGIcon;
     /**
-     * Defines the location of the image that will be displayed next to the title.
+     * Defines the location of the image that displays next to the title.
      */
     imageUrl: string;
     /**

package/panelbar/panelbar-item-template.directive.d.ts

@@ -5,7 +5,18 @@
 import { TemplateRef } from '@angular/core';
 import * as i0 from "@angular/core";
 /**
- * Represents the template directive of the PanelBar which helps to customize the item content.
+ * Defines the template directive of the PanelBar which helps to customize the item content.
+ * To define the template, nest an `<ng-template>` tag
+ * with the `kendoPanelBarItemTemplate` directive inside the `<kendo-panelbar>` tag.
+ *
+ * @example
+ * ```html
+ * <kendo-panelbar>
+ *   <ng-template kendoPanelBarItemTemplate let-dataItem>
+ *     <span>{{ dataItem.title }}</span>
+ *   </ng-template>
+ * </kendo-panelbar>
+ * ```
  */
 export declare class PanelBarItemTemplateDirective {
     templateRef: TemplateRef<any>;

package/panelbar/panelbar-item-title.directive.d.ts

@@ -5,29 +5,22 @@
 import { TemplateRef } from '@angular/core';
 import * as i0 from "@angular/core";
 /**
- * Represents the template directive of the PanelBar which helps to customize the item title
+ * Defines the template directive of the PanelBar which helps to customize the item title
  * ([more information and example]({% slug templates_panelbar %}#toc-customizing-the-appearance-of-the-title)).
+ * To define the template, nest an `<ng-template>` tag
+ * with the `kendoPanelBarItemTitle` directive inside the `<kendo-panelbar-item>` tag.
  *
- * > The `kendoPanelBarItemTitle` directive overrides the PanelBarItem [title]({% slug api_layout_panelbaritemcomponent %}#toc-title) option.
+ * The `kendoPanelBarItemTitle` directive overrides the PanelBarItem [title]({% slug api_layout_panelbaritemcomponent %}#toc-title) option.
  *
  * @example
- * ```ts-preview
- *
- * _@Component({
- *     selector: 'my-app',
- *     template: `
- *        <kendo-panelbar>
- *            <kendo-panelbar-item [expanded]="true">
- *                <ng-template kendoPanelBarItemTitle>
- *                    Item Title
- *                </ng-template>
- *            </kendo-panelbar-item>
- *        </kendo-panelbar>
- *     `
- * })
- *
- * class AppComponent {}
- *
+ * ```html
+ * <kendo-panelbar>
+ *   <kendo-panelbar-item [expanded]="true">
+ *     <ng-template kendoPanelBarItemTitle>
+ *       Item Title
+ *     </ng-template>
+ *   </kendo-panelbar-item>
+ * </kendo-panelbar>
  * ```
  */
 export declare class PanelBarItemTitleDirective {

package/panelbar/panelbar-item.component.d.ts

@@ -11,7 +11,14 @@ import { Subscription } from 'rxjs';
 import { SVGIcon } from '@progress/kendo-svg-icons';
 import * as i0 from "@angular/core";
 /**
- * Represents the items of the PanelBar.
+ * Represents the PanelBar item component for Angular. Defines the items of the PanelBar.
+ *
+ * @example
+ * ```html
+ * <kendo-panelbar-item title="Item 1" [expanded]="true">
+ *   <kendo-panelbar-item title="Sub Item 1"></kendo-panelbar-item>
+ * </kendo-panelbar-item>
+ * ```
  */
 export declare class PanelBarItemComponent implements OnInit, AfterContentChecked, AfterViewChecked, OnDestroy {
     parent: PanelBarItemComponent;
@@ -28,27 +35,35 @@ export declare class PanelBarItemComponent implements OnInit, AfterContentChecke
      */
     id: string;
     /**
-     * Defines the icon that will be rendered next to the title ([see example]({% slug items_panelbar %}#toc-title-icons)).
+     * Defines the icon that renders next to the title ([see example]({% slug items_panelbar %}#toc-title-icons)).
+     *
+     * @default ''
      */
     icon: string;
     /**
-     * Defines  the icon that will be rendered next to the title by using a custom CSS class
+     * Defines the icon that renders next to the title by using a custom CSS class
      * ([see example]({% slug items_panelbar %}#toc-title-icons)).
+     *
+     * @default ''
      */
     iconClass: string;
     /**
-     * Defines an SVGIcon to be rendered.
-     * The input can take either an [existing Kendo SVG icon](slug:svgicon_list) or a custom one.
+     * Defines an SVG icon to render.
+     * You can use either an [existing Kendo SVG icon](slug:svgicon_list) or a custom one.
      */
     set svgIcon(icon: SVGIcon);
     get svgIcon(): SVGIcon;
     /**
-     * Defines the location of the image that will be displayed next to the title
+     * Defines the location of the image that displays next to the title
      * ([see example]({% slug items_panelbar %}#toc-title-images)).
+     *
+     * @default ''
      */
     imageUrl: string;
     /**
      * When set to `true`, disables a PanelBar item ([see example]({% slug items_panelbar %}#toc-disabled-state)).
+     *
+     * @default false
      */
     disabled: boolean;
     /**
@@ -58,13 +73,13 @@ export declare class PanelBarItemComponent implements OnInit, AfterContentChecke
     get expanded(): boolean;
     /**
      * Sets the selected state of a PanelBar item ([see example]({% slug items_panelbar %}#toc-selected-state)).
+     *
+     * @default false
      */
     selected: boolean;
     /**
      * Sets the content of the PanelBar item.
-     * By design, it is used when the
-     * [items]({% slug api_layout_panelbarcomponent %}#toc-items)
-     * property of the PanelBar is set.
+     * It is used when the [`items`]({% slug api_layout_panelbarcomponent %}#toc-items) property of the PanelBar is set.
      */
     content: any;
     /**