@progress/kendo-angular-layout 17.0.0-develop.4 → 17.0.0-develop.40

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

@@ -15,7 +15,7 @@ import { validatePackage } from '@progress/kendo-licensing';
 import { packageMetadata } from '../package-metadata';
 import { ExpansionPanelActionEvent } from './events/action-event';
 import { take } from 'rxjs/operators';
-import { caretAltDownIcon, caretAltUpIcon } from '@progress/kendo-svg-icons';
+import { chevronDownIcon, chevronUpIcon } from '@progress/kendo-svg-icons';
 import { IconWrapperComponent } from '@progress/kendo-angular-icons';
 import { NgIf, NgTemplateOutlet } from '@angular/common';
 import * as i0 from "@angular/core";
@@ -40,74 +40,28 @@ const CONTENT_HIDDEN_CLASS = 'k-hidden';
  * ```
  */
 export class ExpansionPanelComponent {
-    constructor(renderer, hostElement, ngZone, localizationService, builder) {
-        this.renderer = renderer;
-        this.hostElement = hostElement;
-        this.ngZone = ngZone;
-        this.localizationService = localizationService;
-        this.builder = builder;
-        /**
-         * Specifies the primary text in the header of the ExpansionPanel
-         * ([see example](slug:title_expansionpanel#toc-titles-and-subtitles)).
-         */
-        this.title = '';
-        /**
-         * Specifies the secondary text in the header of the ExpansionPanel, which is rendered next to the collapse/expand icon
-         * ([see example](slug:title_expansionpanel#toc-titles-and-subtitles)).
-         */
-        this.subtitle = '';
-        /**
-         * Specifies whether the ExpansionPanel is disabled. If disabled, the ExpansionPanel can be neither expanded nor collapsed
-         * ([see example]({% slug disabled_expansionpanel %})).
-         *
-         * @default false
-         */
-        this.disabled = false;
-        /**
-         * Specifies the animation settings of the ExpansionPanel
-         * ([see example]({% slug animations_expansionpanel %})).
-         *
-         * The possible values are:
-         * * Boolean
-         *    * (Default) `true` Numeric values represent duration. Default duration is 200ms.
-         *    * false
-         * * Number
-         */
-        this.animation = true;
-        /**
-         * Fires when the `expanded` property of the component is updated.
-         * Used to provide a two-way binding for the `expanded` property
-         * ([see example](slug:events_expansionpanel)).
-         */
-        this.expandedChange = new EventEmitter();
-        /**
-         * Fires when the expanded state of the ExpansionPanel is about to change. This event is preventable
-         * ([see example](slug:events_expansionpanel)).
-         */
-        this.action = new EventEmitter();
-        /**
-         * Fires when the ExpansionPanel is expanded. If there is animation it will fire when the animation is complete
-         * ([see example](slug:events_expansionpanel)).
-         */
-        this.expand = new EventEmitter();
-        /**
-         * Fires when the ExpansionPanel is collapsed. If there is animation it will fire when the animation is complete
-         * ([see example](slug:events_expansionpanel)).
-         */
-        this.collapse = new EventEmitter();
-        this.hostClass = true;
-        /**
-         * @hidden
-         */
-        this.focused = false;
-        this.animationEnd = new EventEmitter();
-        this.subscriptions = new Subscription();
-        this._expanded = false;
-        this._svgExpandIcon = caretAltDownIcon;
-        this._svgCollapseIcon = caretAltUpIcon;
-        validatePackage(packageMetadata);
-        this.direction = localizationService.rtl ? 'rtl' : 'ltr';
-    }
+    renderer;
+    hostElement;
+    ngZone;
+    localizationService;
+    builder;
+    /**
+     * Specifies the primary text in the header of the ExpansionPanel
+     * ([see example](slug:title_expansionpanel#toc-titles-and-subtitles)).
+     */
+    title = '';
+    /**
+     * Specifies the secondary text in the header of the ExpansionPanel, which is rendered next to the collapse/expand icon
+     * ([see example](slug:title_expansionpanel#toc-titles-and-subtitles)).
+     */
+    subtitle = '';
+    /**
+     * Specifies whether the ExpansionPanel is disabled. If disabled, the ExpansionPanel can be neither expanded nor collapsed
+     * ([see example]({% slug disabled_expansionpanel %})).
+     *
+     * @default false
+     */
+    disabled = false;
     /**
      * Specifies whether the ExpansionPanel is expanded. The property supports two-way binding.
      * ([see example]({% slug interaction_expansionpanel %}#toc-setting-the-initial-state)).
@@ -155,9 +109,77 @@ export class ExpansionPanelComponent {
     get svgCollapseIcon() {
         return this._svgCollapseIcon;
     }
+    /**
+     * Sets a custom icon via css class(es), for the collapsed state of the component
+     * ([see example]({% slug icons_expansionpanel %}#toc-icons)).
+     */
+    expandIcon;
+    /**
+     * Sets a custom icon via css class(es), for the expanded state of the component
+     * ([see example]({% slug icons_expansionpanel %}#toc-icons)).
+     */
+    collapseIcon;
+    /**
+     * Specifies the animation settings of the ExpansionPanel
+     * ([see example]({% slug animations_expansionpanel %})).
+     *
+     * The possible values are:
+     * * Boolean
+     *    * (Default) `true` Numeric values represent duration. Default duration is 200ms.
+     *    * false
+     * * Number
+     */
+    animation = true;
+    /**
+     * Fires when the `expanded` property of the component is updated.
+     * Used to provide a two-way binding for the `expanded` property
+     * ([see example](slug:events_expansionpanel)).
+     */
+    expandedChange = new EventEmitter();
+    /**
+     * Fires when the expanded state of the ExpansionPanel is about to change. This event is preventable
+     * ([see example](slug:events_expansionpanel)).
+     */
+    action = new EventEmitter();
+    /**
+     * Fires when the ExpansionPanel is expanded. If there is animation it will fire when the animation is complete
+     * ([see example](slug:events_expansionpanel)).
+     */
+    expand = new EventEmitter();
+    /**
+     * Fires when the ExpansionPanel is collapsed. If there is animation it will fire when the animation is complete
+     * ([see example](slug:events_expansionpanel)).
+     */
+    collapse = new EventEmitter();
+    /**
+     * @hidden
+     */
+    titleTemplate;
+    content;
+    header;
+    hostClass = true;
     get expandedClass() {
         return this.expanded && !this.disabled;
     }
+    direction;
+    /**
+     * @hidden
+     */
+    focused = false;
+    animationEnd = new EventEmitter();
+    subscriptions = new Subscription();
+    _expanded = false;
+    _svgExpandIcon = chevronDownIcon;
+    _svgCollapseIcon = chevronUpIcon;
+    constructor(renderer, hostElement, ngZone, localizationService, builder) {
+        this.renderer = renderer;
+        this.hostElement = hostElement;
+        this.ngZone = ngZone;
+        this.localizationService = localizationService;
+        this.builder = builder;
+        validatePackage(packageMetadata);
+        this.direction = localizationService.rtl ? 'rtl' : 'ltr';
+    }
     ngOnInit() {
         this.renderer.removeAttribute(this.hostElement.nativeElement, 'title');
         this.subscriptions = this.localizationService.changes.subscribe(({ rtl }) => { this.direction = rtl ? 'rtl' : 'ltr'; });
@@ -240,10 +262,10 @@ export class ExpansionPanelComponent {
      */
     get expanderIndicatorClasses() {
         if (this.expanded) {
-            return !this.collapseIcon ? `caret-alt-up` : '';
+            return !this.collapseIcon ? `chevron-up` : '';
         }
         else {
-            return !this.expandIcon ? `caret-alt-down` : '';
+            return !this.expandIcon ? `chevron-down` : '';
         }
     }
     /**
@@ -338,15 +360,14 @@ export class ExpansionPanelComponent {
     removeContentHiddenClass() {
         this.renderer.removeClass(this.content.nativeElement, CONTENT_HIDDEN_CLASS);
     }
-}
-ExpansionPanelComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ExpansionPanelComponent, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }, { token: i0.NgZone }, { token: i1.LocalizationService }, { token: i2.AnimationBuilder }], target: i0.ɵɵFactoryTarget.Component });
-ExpansionPanelComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: ExpansionPanelComponent, isStandalone: true, selector: "kendo-expansionpanel", inputs: { title: "title", subtitle: "subtitle", disabled: "disabled", expanded: "expanded", svgExpandIcon: "svgExpandIcon", svgCollapseIcon: "svgCollapseIcon", expandIcon: "expandIcon", collapseIcon: "collapseIcon", animation: "animation" }, outputs: { expandedChange: "expandedChange", action: "action", expand: "expand", collapse: "collapse" }, host: { properties: { "class.k-expander": "this.hostClass", "class.k-expanded": "this.expandedClass", "attr.dir": "this.direction" } }, providers: [
-        LocalizationService,
-        {
-            provide: L10N_PREFIX,
-            useValue: 'kendo.expansionpanel'
-        }
-    ], queries: [{ propertyName: "titleTemplate", first: true, predicate: ExpansionPanelTitleDirective, descendants: true }], viewQueries: [{ propertyName: "content", first: true, predicate: ["content"], descendants: true, static: true }, { propertyName: "header", first: true, predicate: ["header"], descendants: true, static: true }], exportAs: ["kendoExpansionPanel"], ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ExpansionPanelComponent, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }, { token: i0.NgZone }, { token: i1.LocalizationService }, { token: i2.AnimationBuilder }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ExpansionPanelComponent, isStandalone: true, selector: "kendo-expansionpanel", inputs: { title: "title", subtitle: "subtitle", disabled: "disabled", expanded: "expanded", svgExpandIcon: "svgExpandIcon", svgCollapseIcon: "svgCollapseIcon", expandIcon: "expandIcon", collapseIcon: "collapseIcon", animation: "animation" }, outputs: { expandedChange: "expandedChange", action: "action", expand: "expand", collapse: "collapse" }, host: { properties: { "class.k-expander": "this.hostClass", "class.k-expanded": "this.expandedClass", "attr.dir": "this.direction" } }, providers: [
+            LocalizationService,
+            {
+                provide: L10N_PREFIX,
+                useValue: 'kendo.expansionpanel'
+            }
+        ], queries: [{ propertyName: "titleTemplate", first: true, predicate: ExpansionPanelTitleDirective, descendants: true }], viewQueries: [{ propertyName: "content", first: true, predicate: ["content"], descendants: true, static: true }, { propertyName: "header", first: true, predicate: ["header"], descendants: true, static: true }], exportAs: ["kendoExpansionPanel"], ngImport: i0, template: `
         <div
             #header
             [class.k-expander-header]="true"
@@ -384,7 +405,8 @@ ExpansionPanelComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0"
             </div>
         </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: 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: ExpansionPanelComponent, decorators: [{
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ExpansionPanelComponent, decorators: [{
             type: Component,
             args: [{
                     exportAs: 'kendoExpansionPanel',

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

@@ -13,11 +13,11 @@ import * as i2 from "./expansionpanel/expansionpanel-title.directive";
  * definition for the ExpansionPanel component.
  */
 export class ExpansionPanelModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ExpansionPanelModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: ExpansionPanelModule, imports: [i1.ExpansionPanelComponent, i2.ExpansionPanelTitleDirective], exports: [i1.ExpansionPanelComponent, i2.ExpansionPanelTitleDirective] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ExpansionPanelModule, imports: [i1.ExpansionPanelComponent] });
 }
-ExpansionPanelModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ExpansionPanelModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-ExpansionPanelModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: ExpansionPanelModule, imports: [i1.ExpansionPanelComponent, i2.ExpansionPanelTitleDirective], exports: [i1.ExpansionPanelComponent, i2.ExpansionPanelTitleDirective] });
-ExpansionPanelModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ExpansionPanelModule, imports: [i1.ExpansionPanelComponent] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ExpansionPanelModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ExpansionPanelModule, decorators: [{
             type: NgModule,
             args: [{
                     exports: [...KENDO_EXPANSIONPANEL],

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

@@ -13,11 +13,11 @@ import * as i2 from "./layouts/gridlayout-item.component";
  * definition for the GridLayout component.
  */
 export class GridLayoutModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GridLayoutModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: GridLayoutModule, imports: [i1.GridLayoutComponent, i2.GridLayoutItemComponent], exports: [i1.GridLayoutComponent, i2.GridLayoutItemComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GridLayoutModule });
 }
-GridLayoutModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: GridLayoutModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-GridLayoutModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: GridLayoutModule, imports: [i1.GridLayoutComponent, i2.GridLayoutItemComponent], exports: [i1.GridLayoutComponent, i2.GridLayoutItemComponent] });
-GridLayoutModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: GridLayoutModule, imports: [KENDO_GRIDLAYOUT] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: GridLayoutModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GridLayoutModule, decorators: [{
             type: NgModule,
             args: [{
                     exports: [...KENDO_GRIDLAYOUT],

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

@@ -87,11 +87,11 @@ import * as i49 from "./timeline/templates/timeline-card-header.directive";
  * ```
  */
 export class LayoutModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: LayoutModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: LayoutModule, imports: [i1.AvatarComponent, i2.AvatarCustomMessagesComponent, i3.CardComponent, i4.CardActionsComponent, i5.CardBodyComponent, i6.CardFooterComponent, i7.CardHeaderComponent, i8.CardMediaDirective, i9.CardSeparatorDirective, i10.CardSubtitleDirective, i11.CardTitleDirective, i12.DrawerComponent, i13.DrawerContainerComponent, i14.DrawerContentComponent, i15.DrawerTemplateDirective, i16.DrawerFooterTemplateDirective, i17.DrawerHeaderTemplateDirective, i18.DrawerItemTemplateDirective, i19.ExpansionPanelComponent, i20.ExpansionPanelTitleDirective, i21.GridLayoutComponent, i22.GridLayoutItemComponent, i23.PanelBarComponent, i24.PanelBarItemComponent, i25.PanelBarContentDirective, i26.PanelBarItemTemplateDirective, i27.PanelBarItemTitleDirective, i28.SplitterComponent, i29.SplitterPaneComponent, i30.StackLayoutComponent, i31.StepperComponent, i32.StepperCustomMessagesComponent, i33.StepperIndicatorTemplateDirective, i34.StepperLabelTemplateDirective, i35.StepperStepTemplateDirective, i36.TabStripComponent, i37.TabStripTabComponent, i38.TabContentDirective, i39.TabTitleDirective, i40.TabStripCustomMessagesComponent, i41.TileLayoutComponent, i42.TileLayoutItemBodyComponent, i43.TileLayoutItemComponent, i44.TileLayoutItemHeaderComponent, i45.TimelineComponent, i46.TimelineCustomMessagesComponent, i47.TimelineCardActionsTemplateDirective, i48.TimelineCardBodyTemplateDirective, i49.TimelineCardHeaderTemplateDirective], exports: [i1.AvatarComponent, i2.AvatarCustomMessagesComponent, i3.CardComponent, i4.CardActionsComponent, i5.CardBodyComponent, i6.CardFooterComponent, i7.CardHeaderComponent, i8.CardMediaDirective, i9.CardSeparatorDirective, i10.CardSubtitleDirective, i11.CardTitleDirective, i12.DrawerComponent, i13.DrawerContainerComponent, i14.DrawerContentComponent, i15.DrawerTemplateDirective, i16.DrawerFooterTemplateDirective, i17.DrawerHeaderTemplateDirective, i18.DrawerItemTemplateDirective, i19.ExpansionPanelComponent, i20.ExpansionPanelTitleDirective, i21.GridLayoutComponent, i22.GridLayoutItemComponent, i23.PanelBarComponent, i24.PanelBarItemComponent, i25.PanelBarContentDirective, i26.PanelBarItemTemplateDirective, i27.PanelBarItemTitleDirective, i28.SplitterComponent, i29.SplitterPaneComponent, i30.StackLayoutComponent, i31.StepperComponent, i32.StepperCustomMessagesComponent, i33.StepperIndicatorTemplateDirective, i34.StepperLabelTemplateDirective, i35.StepperStepTemplateDirective, i36.TabStripComponent, i37.TabStripTabComponent, i38.TabContentDirective, i39.TabTitleDirective, i40.TabStripCustomMessagesComponent, i41.TileLayoutComponent, i42.TileLayoutItemBodyComponent, i43.TileLayoutItemComponent, i44.TileLayoutItemHeaderComponent, i45.TimelineComponent, i46.TimelineCustomMessagesComponent, i47.TimelineCardActionsTemplateDirective, i48.TimelineCardBodyTemplateDirective, i49.TimelineCardHeaderTemplateDirective] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: LayoutModule, imports: [i1.AvatarComponent, i12.DrawerComponent, i19.ExpansionPanelComponent, i23.PanelBarComponent, i24.PanelBarItemComponent, i28.SplitterComponent, i31.StepperComponent, i36.TabStripComponent, i41.TileLayoutComponent, i45.TimelineComponent] });
 }
-LayoutModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: LayoutModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-LayoutModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: LayoutModule, imports: [i1.AvatarComponent, i2.AvatarCustomMessagesComponent, i3.CardComponent, i4.CardActionsComponent, i5.CardBodyComponent, i6.CardFooterComponent, i7.CardHeaderComponent, i8.CardMediaDirective, i9.CardSeparatorDirective, i10.CardSubtitleDirective, i11.CardTitleDirective, i12.DrawerComponent, i13.DrawerContainerComponent, i14.DrawerContentComponent, i15.DrawerTemplateDirective, i16.DrawerFooterTemplateDirective, i17.DrawerHeaderTemplateDirective, i18.DrawerItemTemplateDirective, i19.ExpansionPanelComponent, i20.ExpansionPanelTitleDirective, i21.GridLayoutComponent, i22.GridLayoutItemComponent, i23.PanelBarComponent, i24.PanelBarItemComponent, i25.PanelBarContentDirective, i26.PanelBarItemTemplateDirective, i27.PanelBarItemTitleDirective, i28.SplitterComponent, i29.SplitterPaneComponent, i30.StackLayoutComponent, i31.StepperComponent, i32.StepperCustomMessagesComponent, i33.StepperIndicatorTemplateDirective, i34.StepperLabelTemplateDirective, i35.StepperStepTemplateDirective, i36.TabStripComponent, i37.TabStripTabComponent, i38.TabContentDirective, i39.TabTitleDirective, i40.TabStripCustomMessagesComponent, i41.TileLayoutComponent, i42.TileLayoutItemBodyComponent, i43.TileLayoutItemComponent, i44.TileLayoutItemHeaderComponent, i45.TimelineComponent, i46.TimelineCustomMessagesComponent, i47.TimelineCardActionsTemplateDirective, i48.TimelineCardBodyTemplateDirective, i49.TimelineCardHeaderTemplateDirective], exports: [i1.AvatarComponent, i2.AvatarCustomMessagesComponent, i3.CardComponent, i4.CardActionsComponent, i5.CardBodyComponent, i6.CardFooterComponent, i7.CardHeaderComponent, i8.CardMediaDirective, i9.CardSeparatorDirective, i10.CardSubtitleDirective, i11.CardTitleDirective, i12.DrawerComponent, i13.DrawerContainerComponent, i14.DrawerContentComponent, i15.DrawerTemplateDirective, i16.DrawerFooterTemplateDirective, i17.DrawerHeaderTemplateDirective, i18.DrawerItemTemplateDirective, i19.ExpansionPanelComponent, i20.ExpansionPanelTitleDirective, i21.GridLayoutComponent, i22.GridLayoutItemComponent, i23.PanelBarComponent, i24.PanelBarItemComponent, i25.PanelBarContentDirective, i26.PanelBarItemTemplateDirective, i27.PanelBarItemTitleDirective, i28.SplitterComponent, i29.SplitterPaneComponent, i30.StackLayoutComponent, i31.StepperComponent, i32.StepperCustomMessagesComponent, i33.StepperIndicatorTemplateDirective, i34.StepperLabelTemplateDirective, i35.StepperStepTemplateDirective, i36.TabStripComponent, i37.TabStripTabComponent, i38.TabContentDirective, i39.TabTitleDirective, i40.TabStripCustomMessagesComponent, i41.TileLayoutComponent, i42.TileLayoutItemBodyComponent, i43.TileLayoutItemComponent, i44.TileLayoutItemHeaderComponent, i45.TimelineComponent, i46.TimelineCustomMessagesComponent, i47.TimelineCardActionsTemplateDirective, i48.TimelineCardBodyTemplateDirective, i49.TimelineCardHeaderTemplateDirective] });
-LayoutModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: LayoutModule, imports: [i1.AvatarComponent, i2.AvatarCustomMessagesComponent, i3.CardComponent, i4.CardActionsComponent, i5.CardBodyComponent, i6.CardFooterComponent, i7.CardHeaderComponent, i12.DrawerComponent, i13.DrawerContainerComponent, i14.DrawerContentComponent, i19.ExpansionPanelComponent, i21.GridLayoutComponent, i22.GridLayoutItemComponent, i23.PanelBarComponent, i24.PanelBarItemComponent, i28.SplitterComponent, i29.SplitterPaneComponent, i30.StackLayoutComponent, i31.StepperComponent, i32.StepperCustomMessagesComponent, i36.TabStripComponent, i37.TabStripTabComponent, i40.TabStripCustomMessagesComponent, i41.TileLayoutComponent, i42.TileLayoutItemBodyComponent, i43.TileLayoutItemComponent, i44.TileLayoutItemHeaderComponent, i45.TimelineComponent, i46.TimelineCustomMessagesComponent] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: LayoutModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: LayoutModule, decorators: [{
             type: NgModule,
             args: [{
                     exports: [...KENDO_LAYOUT],

package/{esm2020 → esm2022}/layouts/grid-layout.component.mjs

@@ -15,25 +15,44 @@ import * as i1 from "@progress/kendo-angular-l10n";
  * Represents the [Kendo UI GridLayout component for Angular]({% slug overview_gridlayout %}).
  */
 export class GridLayoutComponent {
-    constructor(renderer, element, localization) {
-        this.renderer = renderer;
-        this.element = element;
-        this.localization = localization;
-        this.hostClass = true;
-        /**
-         * Specifies the gaps between the elements. The default value is `0`
-         * ([see example](slug:layout_gridlayout#toc-gap)).
-         */
-        this.gap = 0;
-        this._align = {
-            horizontal: 'stretch',
-            vertical: 'stretch'
-        };
-        validatePackage(packageMetadata);
-    }
+    renderer;
+    element;
+    localization;
+    hostClass = true;
     get dir() {
         return this.direction;
     }
+    /**
+     * 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.
+     */
+    rows;
+    /**
+     * 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.
+     */
+    cols;
+    /**
+     * Specifies the gaps between the elements. The default value is `0`
+     * ([see example](slug:layout_gridlayout#toc-gap)).
+     */
+    gap = 0;
     /**
      * Specifies the horizontal and vertical alignment of the inner GridLayout elements
      * ([see example]({% slug layout_gridlayout %}#toc-alignment)).
@@ -45,6 +64,18 @@ export class GridLayoutComponent {
     get align() {
         return this._align;
     }
+    _align = {
+        horizontal: 'stretch',
+        vertical: 'stretch'
+    };
+    justifyClass;
+    alignClass;
+    constructor(renderer, element, localization) {
+        this.renderer = renderer;
+        this.element = element;
+        this.localization = localization;
+        validatePackage(packageMetadata);
+    }
     ngAfterViewInit() {
         this.handleAlignClasses();
         this.handleGridTemplateStyling('rows');
@@ -96,18 +127,18 @@ export class GridLayoutComponent {
     get direction() {
         return this.localization.rtl ? 'rtl' : 'ltr';
     }
-}
-GridLayoutComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: GridLayoutComponent, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }, { token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
-GridLayoutComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: GridLayoutComponent, isStandalone: true, selector: "kendo-gridlayout", inputs: { rows: "rows", cols: "cols", gap: "gap", align: "align" }, host: { properties: { "class.k-grid-layout": "this.hostClass", "attr.dir": "this.dir" } }, providers: [
-        LocalizationService,
-        {
-            provide: L10N_PREFIX,
-            useValue: 'kendo.gridlayout'
-        }
-    ], exportAs: ["kendoGridLayout"], usesOnChanges: true, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GridLayoutComponent, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }, { token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: GridLayoutComponent, isStandalone: true, selector: "kendo-gridlayout", inputs: { rows: "rows", cols: "cols", gap: "gap", align: "align" }, host: { properties: { "class.k-grid-layout": "this.hostClass", "attr.dir": "this.dir" } }, providers: [
+            LocalizationService,
+            {
+                provide: L10N_PREFIX,
+                useValue: 'kendo.gridlayout'
+            }
+        ], exportAs: ["kendoGridLayout"], usesOnChanges: true, ngImport: i0, template: `
         <ng-content></ng-content>
     `, isInline: true });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: GridLayoutComponent, decorators: [{
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GridLayoutComponent, decorators: [{
             type: Component,
             args: [{
                     exportAs: 'kendoGridLayout',

package/{esm2020 → esm2022}/layouts/gridlayout-item.component.mjs

@@ -5,6 +5,28 @@
 import { Component, Input, Renderer2, ElementRef } from '@angular/core';
 import * as i0 from "@angular/core";
 export class GridLayoutItemComponent {
+    renderer;
+    element;
+    /**
+     * Sets the row of the item in the GridLayout
+     * ([see example]({% slug items_gridlayout %}#toc-size-and-position)).
+     */
+    row;
+    /**
+     * Sets the column of the item in the GridLayout
+     * ([see example]({% slug items_gridlayout %}#toc-size-and-position)).
+     */
+    col;
+    /**
+     * Determines how many rows will the item span. The default size is one row
+     * ([see example]({% slug items_gridlayout %}#toc-size-and-position)).
+     */
+    rowSpan;
+    /**
+     * Determines how many columns will the item span. The default size is one column
+     * ([see example]({% slug items_gridlayout %}#toc-size-and-position)).
+     */
+    colSpan;
     constructor(renderer, element) {
         this.renderer = renderer;
         this.element = element;
@@ -23,12 +45,12 @@ export class GridLayoutItemComponent {
         const gridAreaStyle = `${row} / ${col} / ${rowSpan} / ${colSpan}`;
         this.renderer.setStyle(this.element.nativeElement, 'grid-area', gridAreaStyle);
     }
-}
-GridLayoutItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: GridLayoutItemComponent, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
-GridLayoutItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: GridLayoutItemComponent, isStandalone: true, selector: "kendo-gridlayout-item", inputs: { row: "row", col: "col", rowSpan: "rowSpan", colSpan: "colSpan" }, usesOnChanges: true, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GridLayoutItemComponent, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: GridLayoutItemComponent, isStandalone: true, selector: "kendo-gridlayout-item", inputs: { row: "row", col: "col", rowSpan: "rowSpan", colSpan: "colSpan" }, usesOnChanges: true, ngImport: i0, template: `
         <ng-content></ng-content>
     `, isInline: true });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: GridLayoutItemComponent, decorators: [{
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GridLayoutItemComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'kendo-gridlayout-item',

package/{esm2020 → esm2022}/layouts/stack-layout.component.mjs

@@ -15,31 +15,10 @@ import * as i1 from "@progress/kendo-angular-l10n";
  * Represents the [Kendo UI StackLayout component for Angular]({% slug overview_stacklayout %}).
  */
 export class StackLayoutComponent {
-    constructor(renderer, element, localization) {
-        this.renderer = renderer;
-        this.element = element;
-        this.localization = localization;
-        this.hostClass = true;
-        /**
-         * Specifies the gap between the inner StackLayout elements. The default value is `0`
-         * ([see example](slug:layout_stacklayout#toc-gap)).
-         */
-        this.gap = 0;
-        /**
-         * Specifies the orientation of the StackLayout
-         * ([see example]({% slug layout_stacklayout %}#toc-orientation)).
-         *
-         * The possible values are:
-         * (Default) `horizontal`
-         * `vertical`
-         */
-        this.orientation = 'horizontal';
-        this._align = {
-            horizontal: 'stretch',
-            vertical: 'stretch'
-        };
-        validatePackage(packageMetadata);
-    }
+    renderer;
+    element;
+    localization;
+    hostClass = true;
     get horizontalClass() {
         return this.orientation === 'horizontal';
     }
@@ -60,6 +39,32 @@ export class StackLayoutComponent {
     get align() {
         return this._align;
     }
+    /**
+     * Specifies the gap between the inner StackLayout elements. The default value is `0`
+     * ([see example](slug:layout_stacklayout#toc-gap)).
+     */
+    gap = 0;
+    /**
+     * Specifies the orientation of the StackLayout
+     * ([see example]({% slug layout_stacklayout %}#toc-orientation)).
+     *
+     * The possible values are:
+     * (Default) `horizontal`
+     * `vertical`
+     */
+    orientation = 'horizontal';
+    _align = {
+        horizontal: 'stretch',
+        vertical: 'stretch'
+    };
+    justifyClass;
+    alignClass;
+    constructor(renderer, element, localization) {
+        this.renderer = renderer;
+        this.element = element;
+        this.localization = localization;
+        validatePackage(packageMetadata);
+    }
     ngAfterViewInit() {
         this.handleAlignClasses();
         this.setGap();
@@ -98,18 +103,18 @@ export class StackLayoutComponent {
     get direction() {
         return this.localization.rtl ? 'rtl' : 'ltr';
     }
-}
-StackLayoutComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: StackLayoutComponent, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }, { token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
-StackLayoutComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: StackLayoutComponent, isStandalone: true, selector: "kendo-stacklayout", inputs: { align: "align", gap: "gap", orientation: "orientation" }, host: { properties: { "class.k-stack-layout": "this.hostClass", "class.k-hstack": "this.horizontalClass", "class.k-vstack": "this.verticalClass", "attr.dir": "this.dir" } }, providers: [
-        LocalizationService,
-        {
-            provide: L10N_PREFIX,
-            useValue: 'kendo.stacklayout'
-        }
-    ], exportAs: ["kendoStackLayout"], usesOnChanges: true, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: StackLayoutComponent, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }, { token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: StackLayoutComponent, isStandalone: true, selector: "kendo-stacklayout", inputs: { align: "align", gap: "gap", orientation: "orientation" }, host: { properties: { "class.k-stack-layout": "this.hostClass", "class.k-hstack": "this.horizontalClass", "class.k-vstack": "this.verticalClass", "attr.dir": "this.dir" } }, providers: [
+            LocalizationService,
+            {
+                provide: L10N_PREFIX,
+                useValue: 'kendo.stacklayout'
+            }
+        ], exportAs: ["kendoStackLayout"], usesOnChanges: true, ngImport: i0, template: `
         <ng-content></ng-content>
     `, isInline: true });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: StackLayoutComponent, decorators: [{
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: StackLayoutComponent, decorators: [{
             type: Component,
             args: [{
                     exportAs: 'kendoStackLayout',

package/{esm2020 → esm2022}/package-metadata.mjs

@@ -9,7 +9,7 @@ export const packageMetadata = {
     name: '@progress/kendo-angular-layout',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1728985047,
-    version: '17.0.0-develop.4',
+    publishDate: 1730798876,
+    version: '17.0.0-develop.40',
     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'
 };

package/{esm2020 → esm2022}/panelbar/events/collapse-event.mjs

@@ -7,4 +7,8 @@ import { PreventableEvent } from '../../common/preventable-event';
  * Arguments for the `collapse` event of the PanelBar.
  */
 export class PanelBarCollapseEvent extends PreventableEvent {
+    /**
+     * The item that will be collapsed.
+     */
+    item;
 }

package/{esm2020 → esm2022}/panelbar/events/expand-event.mjs

@@ -7,4 +7,8 @@ import { PreventableEvent } from '../../common/preventable-event';
  * Arguments for the `expand` event of the PanelBar.
  */
 export class PanelBarExpandEvent extends PreventableEvent {
+    /**
+     * The item that will be expanded.
+     */
+    item;
 }

package/{esm2020 → esm2022}/panelbar/events/item-click-event.mjs

@@ -6,4 +6,12 @@
  * Arguments for the `itemClick` event of the PanelBar.
  */
 export class PanelBarItemClickEvent {
+    /**
+     * The clicked item.
+     */
+    item;
+    /**
+     * The DOM event that triggered the `itemClick` event.
+     */
+    originalEvent;
 }

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

@@ -7,4 +7,8 @@ import { PreventableEvent } from '../../common/preventable-event';
  * Arguments for the `select` event of the PanelBar.
  */
 export class PanelBarSelectEvent extends PreventableEvent {
+    /**
+     * The item that will be selected.
+     */
+    item;
 }

package/{esm2020 → esm2022}/panelbar/events/state-change-event.mjs

@@ -6,4 +6,8 @@
  * Arguments for the `stateChange` event of the PanelBar.
  */
 export class PanelBarStateChangeEvent {
+    /**
+     * A collection of all modified items.
+     */
+    items;
 }

package/{esm2020 → esm2022}/panelbar/panelbar-content.directive.mjs

@@ -9,13 +9,14 @@ import * as i0 from "@angular/core";
  * The content can be expanded or collapsed through the item.
  */
 export class PanelBarContentDirective {
+    templateRef;
     constructor(templateRef) {
         this.templateRef = templateRef;
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PanelBarContentDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: PanelBarContentDirective, isStandalone: true, selector: "[kendoPanelBarContent]", ngImport: i0 });
 }
-PanelBarContentDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PanelBarContentDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
-PanelBarContentDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: PanelBarContentDirective, isStandalone: true, selector: "[kendoPanelBarContent]", ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PanelBarContentDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PanelBarContentDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: "[kendoPanelBarContent]",