@progress/kendo-angular-layout 6.6.0 → 7.0.0-dev.202204150742

package/gridlayout.module.d.ts

@@ -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 * as i0 from "@angular/core";
+import * as i1 from "./layouts/grid-layout.component";
+import * as i2 from "./layouts/gridlayout-item.component";
+import * as i3 from "@angular/common";
+/**
+ * Represents the [NgModule]({{ site.data.urls.angular['ngmoduleapi'] }})
+ * definition for the GridLayout component.
+ */
+export declare class GridLayoutModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<GridLayoutModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<GridLayoutModule, [typeof i1.GridLayoutComponent, typeof i2.GridLayoutItemComponent], [typeof i3.CommonModule], [typeof i1.GridLayoutComponent, typeof i2.GridLayoutItemComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<GridLayoutModule>;
+}

package/{dist/es2015/card/card-body.component.d.ts → kendo-angular-layout.d.ts}

@@ -3,8 +3,7 @@
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 /**
- * Specifies the content in the Card body.
+ * Generated bundle index. Do not edit.
  */
-export declare class CardBodyComponent {
-    hostClass: boolean;
-}
+/// <amd-module name="@progress/kendo-angular-layout" />
+export * from './main';

package/{dist/es2015/layout.module.d.ts → layout.module.d.ts}

@@ -2,6 +2,18 @@
 * Copyright © 2021 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
+import * as i0 from "@angular/core";
+import * as i1 from "./avatar.module";
+import * as i2 from "./card.module";
+import * as i3 from "./drawer.module";
+import * as i4 from "./panelbar.module";
+import * as i5 from "./expansionpanel.module";
+import * as i6 from "./splitter.module";
+import * as i7 from "./stepper.module";
+import * as i8 from "./tabstrip.module";
+import * as i9 from "./tilelayout.module";
+import * as i10 from "./stacklayout.module";
+import * as i11 from "./gridlayout.module";
 /**
  * Represents the [NgModule]({{ site.data.urls.angular['ngmoduleapi'] }})
  * definition for the Layout components.
@@ -34,4 +46,7 @@
  * ```
  */
 export declare class LayoutModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<LayoutModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<LayoutModule, never, never, [typeof i1.AvatarModule, typeof i2.CardModule, typeof i3.DrawerModule, typeof i4.PanelBarModule, typeof i5.ExpansionPanelModule, typeof i6.SplitterModule, typeof i7.StepperModule, typeof i8.TabStripModule, typeof i9.TileLayoutModule, typeof i10.StackLayoutModule, typeof i11.GridLayoutModule]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<LayoutModule>;
 }

package/{dist/es2015/layouts → layouts}/grid-layout.component.d.ts

@@ -5,6 +5,7 @@
 import { Renderer2, ElementRef, AfterViewInit, SimpleChanges, OnChanges } from '@angular/core';
 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 %}).
  */
@@ -13,7 +14,7 @@ export declare class GridLayoutComponent implements AfterViewInit, OnChanges {
     private element;
     private localization;
     hostClass: boolean;
-    readonly dir: string;
+    get dir(): string;
     /**
      * Specifies the number of rows and their height
      * ([More details]({% slug layout_gridlayout %}#toc-rows-and-columns)).
@@ -49,7 +50,8 @@ export declare class GridLayoutComponent implements AfterViewInit, OnChanges {
      * Specifies the horizontal and vertical alignment of the inner GridLayout elements
      * ([see example]({% slug layout_gridlayout %}#toc-alignment)).
      */
-    align: AlignSettings;
+    set align(align: AlignSettings);
+    get align(): AlignSettings;
     private _align;
     private justifyClass;
     private alignClass;
@@ -59,5 +61,7 @@ export declare class GridLayoutComponent implements AfterViewInit, OnChanges {
     private handleAlignClasses;
     private setGap;
     private handleGridTemplateStyling;
-    private readonly direction;
+    private get direction();
+    static ɵfac: i0.ɵɵFactoryDeclaration<GridLayoutComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<GridLayoutComponent, "kendo-gridlayout", ["kendoGridLayout"], { "rows": "rows"; "cols": "cols"; "gap": "gap"; "align": "align"; }, {}, never, ["*"]>;
 }

package/{dist/es2015/layouts → layouts}/gridlayout-item.component.d.ts

@@ -3,6 +3,7 @@
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 import { Renderer2, ElementRef, OnChanges } from '@angular/core';
+import * as i0 from "@angular/core";
 export declare class GridLayoutItemComponent implements OnChanges {
     private renderer;
     private element;
@@ -30,4 +31,6 @@ export declare class GridLayoutItemComponent implements OnChanges {
     ngOnInit(): void;
     ngOnChanges(): void;
     private setItemStyle;
+    static ɵfac: i0.ɵɵFactoryDeclaration<GridLayoutItemComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<GridLayoutItemComponent, "kendo-gridlayout-item", never, { "row": "row"; "col": "col"; "rowSpan": "rowSpan"; "colSpan": "colSpan"; }, {}, never, ["*"]>;
 }

package/{dist/es/avatar/models/shape.js → layouts/models.d.ts}

@@ -2,3 +2,9 @@
 * Copyright © 2021 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
+export * from './models/layout-align-settings';
+export * from './models/layout-horizontal-align';
+export * from './models/layout-vertical-align';
+export * from './models/gridlayout-gap-settings';
+export * from './models/gridlayout-row-col-size';
+export * from '../common/orientation';

package/{dist/es2015/layouts → layouts}/stack-layout.component.d.ts

@@ -5,6 +5,7 @@
 import { Renderer2, ElementRef, AfterViewInit, SimpleChanges, OnChanges } from '@angular/core';
 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 %}).
  */
@@ -13,14 +14,15 @@ export declare class StackLayoutComponent implements AfterViewInit, OnChanges {
     private element;
     private localization;
     hostClass: boolean;
-    readonly horizontalClass: boolean;
-    readonly verticalClass: boolean;
-    readonly dir: string;
+    get horizontalClass(): boolean;
+    get verticalClass(): boolean;
+    get dir(): string;
     /**
      * Specifies the horizontal and vertical alignment of the inner StackLayout elements
      * ([see example]({% slug layout_stacklayout %}#toc-alignment)).
      */
-    align: AlignSettings;
+    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-gaps)).
@@ -43,5 +45,7 @@ export declare class StackLayoutComponent implements AfterViewInit, OnChanges {
     ngOnChanges(changes: SimpleChanges): void;
     private handleAlignClasses;
     private setGap;
-    private readonly direction;
+    private get direction();
+    static ɵfac: i0.ɵɵFactoryDeclaration<StackLayoutComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<StackLayoutComponent, "kendo-stacklayout", ["kendoStackLayout"], { "align": "align"; "gap": "gap"; "orientation": "orientation"; }, {}, never, ["*"]>;
 }

package/{dist/es2015/layouts → layouts}/util.d.ts

@@ -27,7 +27,7 @@ export declare const ALIGN_PREFIX = "k-align-items";
 /**
  * @hidden
  */
-export declare const normalizeGap: (gap: string | number | GridLayoutGapSettings) => GridLayoutGapSettings;
+export declare const normalizeGap: (gap: number | string | GridLayoutGapSettings) => GridLayoutGapSettings;
 /**
  * @hidden
  */
@@ -35,8 +35,8 @@ export declare const generateGapStyle: (gap: GridLayoutGapSettings) => string;
 /**
  * @hidden
  */
-export declare const generateGridStyle: (items: (string | number | GridLayoutRowSize | GridLayoutColSize)[], itemType: string) => string[];
+export declare const generateGridStyle: (items: Array<number | string | GridLayoutRowSize | GridLayoutColSize>, itemType: string) => Array<string>;
 /**
  * @hidden
  */
-export declare const validateGridLayoutRowsCols: (arr: any[]) => boolean;
+export declare const validateGridLayoutRowsCols: (arr: Array<any>) => boolean;

package/{dist/es2015/main.d.ts → main.d.ts}

@@ -21,6 +21,7 @@ export { TabPosition } from './tabstrip/models/tab-position';
 export { TabAlignment } from './tabstrip/models/tab-alignment';
 export { LocalizedTabStripMessagesDirective } from './tabstrip/localization/localized-messages.directive';
 export { TabStripCustomMessagesComponent } from './tabstrip/localization/custom-messages.component';
+export { TabStripScrollableSettings } from './tabstrip/models/scrollable-settings';
 export * from './tabstrip/events';
 export { DrawerComponent } from './drawer/drawer.component';
 export { DrawerContainerComponent } from './drawer/drawer-container.component';
@@ -77,3 +78,5 @@ export { AlignSettings, HorizontalAlign, VerticalAlign } from './layouts/models'
 export { GridLayoutComponent } from './layouts/grid-layout.component';
 export { GridLayoutItemComponent } from './layouts/gridlayout-item.component';
 export { GridLayoutRowSize, GridLayoutColSize, GridLayoutGapSettings } from './layouts/models';
+export { TabComponent } from './tabstrip/rendering/tab.component';
+export { TileLayoutResizeHandleDirective } from './tilelayout/tilelayout-resize-handle.directive';

package/package.json

@@ -1,135 +1,56 @@
 {
   "name": "@progress/kendo-angular-layout",
+  "version": "7.0.0-dev.202204150742",
   "description": "Kendo UI for Angular Layout Package - a collection of components to create professional application layoyts",
-  "author": "Progress",
   "license": "SEE LICENSE IN LICENSE.md",
-  "version": "6.6.0",
-  "main": "dist/npm/index.js",
-  "module": "dist/fesm5/index.js",
-  "es2015": "dist/fesm2015/index.js",
-  "esm5": "dist/es/index.js",
-  "esm2015": "dist/es2015/index.js",
-  "jsnext:main": "dist/es/index.js",
-  "typings": "dist/es2015/index.d.ts",
-  "jsdelivr": "dist/cdn/main.js",
-  "unpkg": "dist/cdn/main.js",
-  "sideEffects": false,
-  "scripts": {
-    "test": "ci-angular-test",
-    "test:watch": "jest --watch --env=jsdom",
-    "test:ci": "ci-angular-test",
-    "start": "gulp start",
-    "e2e": "gulp e2e",
-    "e2e:ci": "ci-angular-e2e",
-    "e2e_visual:ci": "ci-angular-e2e --visual && ci-commit-snapshots",
-    "lint": "gulp lint && gulp lint-docs",
-    "api-check": "gulp api-check",
-    "build-package": "gulp build-package",
-    "semantic-release": "semantic-release pre && semantic-prerelease publish && semantic-release post",
-    "ci-semantic-release": "ci-semantic-release"
+  "author": "Progress",
+  "homepage": "https://www.telerik.com/kendo-angular-ui/",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/telerik/kendo-angular-layout.git"
+  },
+  "bugs": {
+    "url": "https://github.com/telerik/kendo-angular"
   },
   "keywords": [
-    "Kendo UI",
     "Angular",
+    "Kendo UI",
+    "PanelBar",
     "Progress",
     "TabStrip",
-    "PanelBar",
-    "angularjs",
+    "angular splitter",
     "angular templates",
-    "dashboardlayout",
     "angular-layouts",
-    "panelbar",
-    "splitter",
-    "stepper",
+    "angularjs",
+    "dashboardlayout",
     "drawer",
     "expansionpanel",
-    "tilelayout",
-    "tabstrip",
+    "panelbar",
+    "split-container",
     "split-layout",
     "split-panes",
-    "split-container",
-    "angular splitter"
+    "splitter",
+    "stepper",
+    "tabstrip",
+    "tilelayout"
   ],
-  "peerDependencies": {
-    "@angular/animations": "8 - 13",
-    "@angular/common": "8 - 13",
-    "@angular/core": "8 - 13",
-    "@progress/kendo-angular-common": "^2.0.0",
-    "@progress/kendo-angular-l10n": "^3.0.0",
-    "@progress/kendo-angular-progressbar": "^2.0.0",
-    "@progress/kendo-licensing": "^1.0.2",
-    "rxjs": "^6.4.0 || ^7.0.0"
+  "@progress": {
+    "friendlyName": "Layout"
   },
   "dependencies": {
-    "@progress/kendo-schematics": "^2.0.0",
+    "@progress/kendo-schematics": "^3.0.0",
     "@telerik/kendo-draggable": "^2.2.0",
-    "tslib": "^1.9.0"
+    "tslib": "^2.3.1"
   },
-  "devDependencies": {
-    "@angular-devkit/core": "^8.2.0",
-    "@angular-devkit/schematics": "^8.2.0",
-    "@angular/animations": "^8.2.0",
-    "@angular/common": "^8.2.0",
-    "@angular/compiler": "^8.2.0",
-    "@angular/compiler-cli": "^8.2.0",
-    "@angular/core": "^8.2.0",
-    "@angular/forms": "^8.2.0",
-    "@angular/platform-browser": "^8.2.0",
-    "@angular/platform-browser-dynamic": "^8.2.0",
-    "@angular/platform-server": "^8.2.0",
-    "@angular/router": "^8.2.0",
-    "@progress/kendo-angular-buttons": "^7.0.0",
-    "@progress/kendo-angular-charts": "^6.0.0",
-    "@progress/kendo-angular-common": "^2.0.0",
-    "@progress/kendo-angular-dateinputs": "^6.0.0",
-    "@progress/kendo-angular-dropdowns": "^6.0.0",
-    "@progress/kendo-angular-e2e": "^3.3.0",
-    "@progress/kendo-angular-excel-export": "^4.0.0",
-    "@progress/kendo-angular-gauges": "^4.0.0",
-    "@progress/kendo-angular-grid": "^6.0.0",
-    "@progress/kendo-angular-icons": "^1.0.0",
-    "@progress/kendo-angular-inputs": "^8.0.0",
-    "@progress/kendo-angular-intl": "^3.0.0",
-    "@progress/kendo-angular-jest-preset": "^2.0.0",
-    "@progress/kendo-angular-l10n": "^3.0.0",
-    "@progress/kendo-angular-label": "^3.0.0",
-    "@progress/kendo-angular-pdf-export": "^3.0.0",
-    "@progress/kendo-angular-popup": "^4.0.0",
-    "@progress/kendo-angular-progressbar": "^2.0.0",
-    "@progress/kendo-angular-scrollview": "^4.0.0",
-    "@progress/kendo-angular-tasks": "^19.3.3",
-    "@progress/kendo-angular-treelist": "^4.0.0",
-    "@progress/kendo-angular-treeview": "^6.0.0",
-    "@progress/kendo-data-query": "^1.5.4",
-    "@progress/kendo-drawing": "^1.9.3",
-    "@progress/kendo-e2e": "^0.7.0",
+  "peerDependencies": {
+    "@angular/animations": "^12.0.0 || ^13.0.0",
+    "@angular/common": "^12.0.0 || ^13.0.0",
+    "@angular/core": "^12.0.0 || ^13.0.0",
+    "@progress/kendo-angular-common": ">3.0.0-next",
+    "@progress/kendo-angular-l10n": ">4.0.0-next",
+    "@progress/kendo-angular-progressbar": ">3.0.0-next",
     "@progress/kendo-licensing": "^1.0.2",
-    "@progress/kendo-svg-icons": "^0.1.2",
-    "@progress/kendo-theme-bootstrap": "^5.0.0",
-    "@progress/kendo-theme-default": "^5.0.0",
-    "@progress/kendo-theme-material": "^5.0.0",
-    "@telerik/semantic-prerelease": "^1.1.5",
-    "@types/jest": "^24.9.0",
-    "@types/node": "ts3.4",
-    "@types/zone.js": "0.0.27",
-    "codelyzer": "^5.0.0",
-    "core-js": "^2.2.2",
-    "cz-conventional-changelog": "^1.1.5",
-    "ghooks": "^1.0.3",
-    "gulp": "^4.0.0",
-    "hammerjs": "^2.0.0",
-    "jest": "^24.9.0",
-    "jest-cli": "^24.9.0",
-    "jest-environment-jsdom": "^24.9.0",
-    "jest-junit": "^12.2.0",
-    "rxjs": "~6.4.0",
-    "rxjs-tslint-rules": "^4.23.1",
-    "semantic-release": "^6.3.6",
-    "ts-jest": "^21.0.0",
-    "tslint": "^5.20.1",
-    "typescript": "~3.4.5",
-    "validate-commit-msg": "^1.1.1",
-    "zone.js": "~0.9.1"
+    "rxjs": "^6.5.3 || ^7.0.0"
   },
   "config": {
     "commitizen": {
@@ -154,27 +75,16 @@
       "maxSubjectLength": 100
     }
   },
-  "jest": {
-    "preset": "@progress/kendo-angular-jest-preset"
-  },
-  "repository": {
-    "type": "git",
-    "url": "https://github.com/telerik/kendo-angular-layout.git"
-  },
-  "bugs": {
-    "url": "https://github.com/telerik/kendo-angular"
-  },
-  "@progress": {
-    "friendlyName": "Layout"
-  },
-  "homepage": "https://www.telerik.com/kendo-angular-ui/",
+  "schematics": "./schematics/collection.json",
   "release": {
     "debug": false,
     "branchTags": {
-      "develop": "dev"
+      "develop": "dev",
+      "ng12-update": "next"
     },
     "fallbackTags": {
-      "dev": "latest"
+      "dev": "latest",
+      "next": "latest"
     },
     "analyzeCommits": "@telerik/semantic-prerelease/analyzeCommits",
     "generateNotes": "@progress/kendo-angular-tasks/lib/generateNotes",
@@ -182,9 +92,11 @@
     "verifyConditions": "@telerik/semantic-prerelease/verifyConditions",
     "verifyRelease": "@telerik/semantic-prerelease/verifyRelease"
   },
-  "schematics": "./schematics/collection.json",
-  "files": [
-    "dist",
-    "schematics"
-  ]
+  "main": "bundles/kendo-angular-layout.umd.js",
+  "module": "fesm2015/kendo-angular-layout.js",
+  "es2015": "fesm2015/kendo-angular-layout.js",
+  "esm2015": "esm2015/kendo-angular-layout.js",
+  "fesm2015": "fesm2015/kendo-angular-layout.js",
+  "typings": "kendo-angular-layout.d.ts",
+  "sideEffects": false
 }

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

@@ -0,0 +1,14 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { PanelBarItemModel } from '../panelbar-item-model';
+/**
+ * Arguments for the `stateChange` event of the PanelBar.
+ */
+export declare class PanelBarStateChangeEvent {
+    /**
+     * A collection of all modified items.
+     */
+    items: Array<PanelBarItemModel>;
+}

package/{dist/es2015/panelbar → panelbar}/events.d.ts

@@ -5,3 +5,4 @@
 export { PanelBarCollapseEvent } from './events/collapse-event';
 export { PanelBarExpandEvent } from './events/expand-event';
 export { PanelBarSelectEvent } from './events/select-event';
+export { PanelBarStateChangeEvent } from './events/state-change-event';

package/{dist/es2015/panelbar → panelbar}/panelbar-content.directive.d.ts

@@ -3,6 +3,7 @@
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 import { TemplateRef } from '@angular/core';
+import * as i0 from "@angular/core";
 /**
  * Represents the content template of the declaratively initialized PanelBar items.
  * The content can be expanded or collapsed through the item.
@@ -10,4 +11,6 @@ import { TemplateRef } from '@angular/core';
 export declare class PanelBarContentDirective {
     templateRef: TemplateRef<any>;
     constructor(templateRef: TemplateRef<any>);
+    static ɵfac: i0.ɵɵFactoryDeclaration<PanelBarContentDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<PanelBarContentDirective, "[kendoPanelBarContent]", never, {}, {}, never>;
 }

package/{dist/es2015/panelbar → panelbar}/panelbar-item-template.directive.d.ts

@@ -3,10 +3,13 @@
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 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.
  */
 export declare class PanelBarItemTemplateDirective {
     templateRef: TemplateRef<any>;
     constructor(templateRef: TemplateRef<any>);
+    static ɵfac: i0.ɵɵFactoryDeclaration<PanelBarItemTemplateDirective, [{ optional: true; }]>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<PanelBarItemTemplateDirective, "[kendoPanelBarItemTemplate]", never, {}, {}, never>;
 }

package/{dist/es2015/panelbar → panelbar}/panelbar-item-title.directive.d.ts

@@ -3,6 +3,7 @@
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 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
  * ([more information and example]({% slug templates_panelbar %}#toc-customizing-the-appearance-of-the-title)).
@@ -32,4 +33,6 @@ import { TemplateRef } from '@angular/core';
 export declare class PanelBarItemTitleDirective {
     templateRef: TemplateRef<any>;
     constructor(templateRef: TemplateRef<any>);
+    static ɵfac: i0.ɵɵFactoryDeclaration<PanelBarItemTitleDirective, [{ optional: true; }]>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<PanelBarItemTitleDirective, "[kendoPanelBarItemTitle]", never, {}, {}, never>;
 }

package/{dist/es2015/panelbar → panelbar}/panelbar-item.component.d.ts

@@ -8,6 +8,7 @@ import { PanelBarContentDirective } from "./panelbar-content.directive";
 import { PanelBarItemTitleDirective } from "./panelbar-item-title.directive";
 import { PanelBarItemModel } from './panelbar-item-model';
 import { Subscription } from 'rxjs';
+import * as i0 from "@angular/core";
 /**
  * Represents the items of the PanelBar.
  */
@@ -46,7 +47,8 @@ export declare class PanelBarItemComponent implements OnInit, AfterContentChecke
     /**
      * When set to `true`, expands the PanelBar item ([see example]({% slug items_panelbar %}#toc-expanded-state)).
      */
-    expanded: boolean;
+    set expanded(value: boolean);
+    get expanded(): boolean;
     /**
      * Sets the selected state of a PanelBar item ([see example]({% slug items_panelbar %}#toc-selected-state)).
      */
@@ -76,23 +78,23 @@ export declare class PanelBarItemComponent implements OnInit, AfterContentChecke
     hasItems: boolean;
     hasContent: boolean;
     state: string;
-    readonly animate: boolean;
+    get animate(): boolean;
     role: string;
     titleAttribute: string;
     kItemClass: boolean;
-    readonly kStateDefaultClass: boolean;
-    readonly kStateDisabledClass: boolean;
-    readonly kStateExpandedClass: boolean;
-    readonly itemId: string;
-    readonly ariaExpanded: boolean;
-    readonly ariaSelected: boolean;
-    readonly ariaDisabled: boolean;
-    readonly headerClass: boolean;
-    readonly childClass: boolean;
+    get kStateDefaultClass(): boolean;
+    get kStateDisabledClass(): boolean;
+    get kStateExpandedClass(): boolean;
+    get itemId(): string;
+    get ariaExpanded(): boolean;
+    get ariaSelected(): boolean;
+    get ariaDisabled(): boolean;
+    get headerClass(): boolean;
+    get childClass(): boolean;
     /**
      * @hidden
      */
-    readonly titleTemplate: TemplateRef<any>;
+    get titleTemplate(): TemplateRef<any>;
     viewChildItems: QueryList<PanelBarItemComponent>;
     contentItems: QueryList<PanelBarItemComponent>;
     contentTemplate: QueryList<PanelBarContentDirective>;
@@ -122,7 +124,7 @@ export declare class PanelBarItemComponent implements OnInit, AfterContentChecke
     /**
      * @hidden
      */
-    readonly iconClasses: any;
+    get iconClasses(): any;
     /**
      * @hidden
      */
@@ -148,4 +150,6 @@ export declare class PanelBarItemComponent implements OnInit, AfterContentChecke
      */
     private addLevelClass;
     private onWrapperFocusChange;
+    static ɵfac: i0.ɵɵFactoryDeclaration<PanelBarItemComponent, [{ optional: true; host: true; skipSelf: true; }, null, null, null]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PanelBarItemComponent, "kendo-panelbar-item", ["kendoPanelbarItem"], { "title": "title"; "id": "id"; "icon": "icon"; "iconClass": "iconClass"; "imageUrl": "imageUrl"; "disabled": "disabled"; "expanded": "expanded"; "selected": "selected"; "content": "content"; "items": "items"; "template": "template"; }, {}, ["contentItems", "contentTemplate", "titleTemplates"], ["kendo-panelbar-item"]>;
 }