@progress/kendo-angular-layout 16.5.0 → 16.6.0-develop.10

package/esm2020/drawer/item.component.mjs

@@ -7,10 +7,10 @@ import { Component, Input, TemplateRef, HostBinding, ElementRef, Renderer2 } fro
 import { chevronDownIcon, chevronUpIcon } from "@progress/kendo-svg-icons";
 import { DrawerService } from './drawer.service';
 import { nestedLink, DRAWER_LINK_SELECTOR } from './util';
+import { IconWrapperComponent } from '@progress/kendo-angular-icons';
+import { NgIf, NgTemplateOutlet } from "@angular/common";
 import * as i0 from "@angular/core";
 import * as i1 from "./drawer.service";
-import * as i2 from "@angular/common";
-import * as i3 from "@progress/kendo-angular-icons";
 /**
  * @hidden
  */
@@ -59,7 +59,7 @@ export class DrawerItemComponent {
     }
 }
 DrawerItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DrawerItemComponent, deps: [{ token: i1.DrawerService }, { token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
-DrawerItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: DrawerItemComponent, selector: "[kendoDrawerItem]", inputs: { viewItem: "viewItem", index: "index", itemTemplate: "itemTemplate", mini: "mini", expanded: "expanded", disabled: "disabled", cssClass: "cssClass", cssStyle: "cssStyle" }, host: { properties: { "attr.aria-disabled": "this.disabledClass", "class.k-disabled": "this.disabledClass", "attr.aria-current": "this.selectedClass", "class.k-selected": "this.selectedClass", "attr.aria-label": "this.label" } }, ngImport: i0, template: `
+DrawerItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: DrawerItemComponent, isStandalone: true, selector: "[kendoDrawerItem]", inputs: { viewItem: "viewItem", index: "index", itemTemplate: "itemTemplate", mini: "mini", expanded: "expanded", disabled: "disabled", cssClass: "cssClass", cssStyle: "cssStyle" }, host: { properties: { "attr.aria-disabled": "this.disabledClass", "class.k-disabled": "this.disabledClass", "attr.aria-current": "this.selectedClass", "class.k-selected": "this.selectedClass", "attr.aria-label": "this.label" } }, ngImport: i0, template: `
         <ng-template *ngIf="itemTemplate; else defaultTemplate"
             [ngTemplateOutlet]="itemTemplate"
             [ngTemplateOutletContext]="{
@@ -102,7 +102,7 @@ DrawerItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", ve
                 </kendo-icon-wrapper>
             </ng-container>
         </ng-template>
-    `, isInline: true, dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i3.IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }] });
+    `, isInline: true, dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DrawerItemComponent, decorators: [{
             type: Component,
             args: [{
@@ -151,7 +151,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
                 </kendo-icon-wrapper>
             </ng-container>
         </ng-template>
-    `
+    `,
+                    standalone: true,
+                    imports: [NgIf, NgTemplateOutlet, IconWrapperComponent]
                 }]
         }], ctorParameters: function () { return [{ type: i1.DrawerService }, { type: i0.ElementRef }, { type: i0.Renderer2 }]; }, propDecorators: { viewItem: [{
                 type: Input

package/esm2020/drawer/list.component.mjs

@@ -11,10 +11,9 @@ import { Keys } from '@progress/kendo-angular-common';
 import { ACTIVE_NESTED_LINK_SELECTOR, nestedLink } from './util';
 import { DrawerListSelectEvent } from './events/drawer-list-select.event';
 import { DrawerItemComponent } from './item.component';
+import { NgFor, NgIf, NgClass, NgStyle } from '@angular/common';
 import * as i0 from "@angular/core";
 import * as i1 from "./drawer.service";
-import * as i2 from "@angular/common";
-import * as i3 from "./item.component";
 /**
  * @hidden
  */
@@ -104,7 +103,7 @@ export class DrawerListComponent {
     }
 }
 DrawerListComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DrawerListComponent, deps: [{ token: i1.DrawerService }, { token: i0.Renderer2 }, { token: i0.NgZone }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
-DrawerListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: DrawerListComponent, selector: "[kendoDrawerList]", inputs: { itemTemplate: "itemTemplate", mini: "mini", expanded: "expanded", view: "view" }, outputs: { select: "select" }, viewQueries: [{ propertyName: "items", predicate: DrawerItemComponent, descendants: true, read: ElementRef }], ngImport: i0, template: "\n        <ng-container *ngFor=\"let v of view; trackBy:identifyItem; let idx = index\">\n            <li *ngIf=\"!v.item.separator\" kendoDrawerItem\n                class=\"k-drawer-item {{expanded ? ' k-level-' + v.level : ''}}\"\n                role=\"menuitem\"\n                [viewItem]=\"v\"\n                [index]=\"idx\"\n                [mini]=\"mini\"\n                [expanded]=\"expanded\"\n                [itemTemplate]=\"itemTemplate\"\n                [attr.data-kendo-drawer-index]=\"v.index\"\n                [ngClass]=\"v.item.cssClass\"\n                [ngStyle]=\"v.item.cssStyle\"\n                [tabindex]=\"v.index === 0 ? '0' : '-1'\">\n            </li>\n\n            <li *ngIf=\"v.item.separator\"\n                role=\"separator\"\n                class=\"k-drawer-item k-drawer-separator\"\n                [ngClass]=\"v.item.cssClass\"\n                [ngStyle]=\"v.item.cssStyle\">\n                &nbsp;\n            </li>\n        </ng-container>\n    ", isInline: true, dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i3.DrawerItemComponent, selector: "[kendoDrawerItem]", inputs: ["viewItem", "index", "itemTemplate", "mini", "expanded", "disabled", "cssClass", "cssStyle"] }] });
+DrawerListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: DrawerListComponent, isStandalone: true, selector: "[kendoDrawerList]", inputs: { itemTemplate: "itemTemplate", mini: "mini", expanded: "expanded", view: "view" }, outputs: { select: "select" }, viewQueries: [{ propertyName: "items", predicate: DrawerItemComponent, descendants: true, read: ElementRef }], ngImport: i0, template: "\n        <ng-container *ngFor=\"let v of view; trackBy:identifyItem; let idx = index\">\n            <li *ngIf=\"!v.item.separator\" kendoDrawerItem\n                class=\"k-drawer-item {{expanded ? ' k-level-' + v.level : ''}}\"\n                role=\"menuitem\"\n                [viewItem]=\"v\"\n                [index]=\"idx\"\n                [mini]=\"mini\"\n                [expanded]=\"expanded\"\n                [itemTemplate]=\"itemTemplate\"\n                [attr.data-kendo-drawer-index]=\"v.index\"\n                [ngClass]=\"v.item.cssClass\"\n                [ngStyle]=\"v.item.cssStyle\"\n                [tabindex]=\"v.index === 0 ? '0' : '-1'\">\n            </li>\n\n            <li *ngIf=\"v.item.separator\"\n                role=\"separator\"\n                class=\"k-drawer-item k-drawer-separator\"\n                [ngClass]=\"v.item.cssClass\"\n                [ngStyle]=\"v.item.cssStyle\">\n                &nbsp;\n            </li>\n        </ng-container>\n    ", isInline: true, dependencies: [{ kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: DrawerItemComponent, selector: "[kendoDrawerItem]", inputs: ["viewItem", "index", "itemTemplate", "mini", "expanded", "disabled", "cssClass", "cssStyle"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DrawerListComponent, decorators: [{
             type: Component,
             args: [{
@@ -134,7 +133,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
                 &nbsp;
             </li>
         </ng-container>
-    `
+    `,
+                    standalone: true,
+                    imports: [NgFor, NgIf, DrawerItemComponent, NgClass, NgStyle]
                 }]
         }], ctorParameters: function () { return [{ type: i1.DrawerService }, { type: i0.Renderer2 }, { type: i0.NgZone }, { type: i0.ElementRef }]; }, propDecorators: { itemTemplate: [{
                 type: Input

package/esm2020/drawer/template-directives/drawer-template.directive.mjs

@@ -17,11 +17,12 @@ export class DrawerTemplateDirective {
     }
 }
 DrawerTemplateDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DrawerTemplateDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
-DrawerTemplateDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: DrawerTemplateDirective, selector: "[kendoDrawerTemplate]", ngImport: i0 });
+DrawerTemplateDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: DrawerTemplateDirective, isStandalone: true, selector: "[kendoDrawerTemplate]", ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DrawerTemplateDirective, decorators: [{
             type: Directive,
             args: [{
-                    selector: '[kendoDrawerTemplate]'
+                    selector: '[kendoDrawerTemplate]',
+                    standalone: true
                 }]
         }], ctorParameters: function () { return [{ type: i0.TemplateRef, decorators: [{
                     type: Optional

package/esm2020/drawer/template-directives/footer-template.directive.mjs

@@ -15,11 +15,12 @@ export class DrawerFooterTemplateDirective {
     }
 }
 DrawerFooterTemplateDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DrawerFooterTemplateDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
-DrawerFooterTemplateDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: DrawerFooterTemplateDirective, selector: "[kendoDrawerFooterTemplate]", ngImport: i0 });
+DrawerFooterTemplateDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: DrawerFooterTemplateDirective, isStandalone: true, selector: "[kendoDrawerFooterTemplate]", ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DrawerFooterTemplateDirective, decorators: [{
             type: Directive,
             args: [{
-                    selector: '[kendoDrawerFooterTemplate]'
+                    selector: '[kendoDrawerFooterTemplate]',
+                    standalone: true
                 }]
         }], ctorParameters: function () { return [{ type: i0.TemplateRef, decorators: [{
                     type: Optional

package/esm2020/drawer/template-directives/header-template.directive.mjs

@@ -15,11 +15,12 @@ export class DrawerHeaderTemplateDirective {
     }
 }
 DrawerHeaderTemplateDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DrawerHeaderTemplateDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
-DrawerHeaderTemplateDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: DrawerHeaderTemplateDirective, selector: "[kendoDrawerHeaderTemplate]", ngImport: i0 });
+DrawerHeaderTemplateDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: DrawerHeaderTemplateDirective, isStandalone: true, selector: "[kendoDrawerHeaderTemplate]", ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DrawerHeaderTemplateDirective, decorators: [{
             type: Directive,
             args: [{
-                    selector: '[kendoDrawerHeaderTemplate]'
+                    selector: '[kendoDrawerHeaderTemplate]',
+                    standalone: true
                 }]
         }], ctorParameters: function () { return [{ type: i0.TemplateRef, decorators: [{
                     type: Optional

package/esm2020/drawer/template-directives/item-template.directive.mjs

@@ -15,11 +15,12 @@ export class DrawerItemTemplateDirective {
     }
 }
 DrawerItemTemplateDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DrawerItemTemplateDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
-DrawerItemTemplateDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: DrawerItemTemplateDirective, selector: "[kendoDrawerItemTemplate]", ngImport: i0 });
+DrawerItemTemplateDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: DrawerItemTemplateDirective, isStandalone: true, selector: "[kendoDrawerItemTemplate]", ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DrawerItemTemplateDirective, decorators: [{
             type: Directive,
             args: [{
-                    selector: '[kendoDrawerItemTemplate]'
+                    selector: '[kendoDrawerItemTemplate]',
+                    standalone: true
                 }]
         }], ctorParameters: function () { return [{ type: i0.TemplateRef, decorators: [{
                     type: Optional

package/esm2020/drawer.module.mjs

@@ -3,33 +3,16 @@
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 import { NgModule } from '@angular/core';
-import { CommonModule } from '@angular/common';
-import { DrawerContainerComponent } from './drawer/drawer-container.component';
-import { DrawerComponent } from './drawer/drawer.component';
-import { DrawerContentComponent } from './drawer/drawer-content.component';
-import { DrawerItemComponent } from './drawer/item.component';
-import { DrawerListComponent } from './drawer/list.component';
-import { IconsModule } from '@progress/kendo-angular-icons';
-import { WatermarkModule } from '@progress/kendo-angular-common';
-import { DrawerTemplateDirective, DrawerItemTemplateDirective, DrawerHeaderTemplateDirective, DrawerFooterTemplateDirective } from './drawer/template-directives';
+import { KENDO_DRAWER } from './directives';
 import * as i0 from "@angular/core";
-const templateDirectives = [
-    DrawerTemplateDirective,
-    DrawerHeaderTemplateDirective,
-    DrawerFooterTemplateDirective,
-    DrawerItemTemplateDirective
-];
-const exportedModules = [
-    DrawerComponent,
-    DrawerContainerComponent,
-    DrawerContentComponent,
-    ...templateDirectives
-];
-const declarations = [
-    DrawerItemComponent,
-    DrawerListComponent,
-    ...exportedModules
-];
+import * as i1 from "./drawer/drawer.component";
+import * as i2 from "./drawer/drawer-container.component";
+import * as i3 from "./drawer/drawer-content.component";
+import * as i4 from "./drawer/template-directives/drawer-template.directive";
+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";
+// IMPORTANT: NgModule export kept for backwards compatibility
 /**
  * Represents the [NgModule](link:site.data.urls.angular['ngmoduleapi'])
  * definition for the Drawer component.
@@ -37,24 +20,12 @@ const declarations = [
 export class DrawerModule {
 }
 DrawerModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DrawerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-DrawerModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: DrawerModule, declarations: [DrawerItemComponent,
-        DrawerListComponent, DrawerComponent,
-        DrawerContainerComponent,
-        DrawerContentComponent, DrawerTemplateDirective,
-        DrawerHeaderTemplateDirective,
-        DrawerFooterTemplateDirective,
-        DrawerItemTemplateDirective], imports: [CommonModule, IconsModule, WatermarkModule], exports: [DrawerComponent,
-        DrawerContainerComponent,
-        DrawerContentComponent, DrawerTemplateDirective,
-        DrawerHeaderTemplateDirective,
-        DrawerFooterTemplateDirective,
-        DrawerItemTemplateDirective] });
-DrawerModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DrawerModule, imports: [CommonModule, IconsModule, WatermarkModule] });
+DrawerModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: DrawerModule, imports: [i1.DrawerComponent, i2.DrawerContainerComponent, i3.DrawerContentComponent, i4.DrawerTemplateDirective, i5.DrawerFooterTemplateDirective, i6.DrawerHeaderTemplateDirective, i7.DrawerItemTemplateDirective], exports: [i1.DrawerComponent, i2.DrawerContainerComponent, i3.DrawerContentComponent, i4.DrawerTemplateDirective, i5.DrawerFooterTemplateDirective, i6.DrawerHeaderTemplateDirective, i7.DrawerItemTemplateDirective] });
+DrawerModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DrawerModule, imports: [i1.DrawerComponent, i2.DrawerContainerComponent, i3.DrawerContentComponent] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DrawerModule, decorators: [{
             type: NgModule,
             args: [{
-                    declarations: [declarations],
-                    exports: [exportedModules],
-                    imports: [CommonModule, IconsModule, WatermarkModule]
+                    exports: [...KENDO_DRAWER],
+                    imports: [...KENDO_DRAWER]
                 }]
         }] });

package/esm2020/expansionpanel/expansionpanel-title.directive.mjs

@@ -16,11 +16,12 @@ export class ExpansionPanelTitleDirective {
     }
 }
 ExpansionPanelTitleDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ExpansionPanelTitleDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
-ExpansionPanelTitleDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: ExpansionPanelTitleDirective, selector: "[kendoExpansionPanelTitleDirective]", ngImport: i0 });
+ExpansionPanelTitleDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: ExpansionPanelTitleDirective, isStandalone: true, selector: "[kendoExpansionPanelTitleDirective]", ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ExpansionPanelTitleDirective, decorators: [{
             type: Directive,
             args: [{
-                    selector: '[kendoExpansionPanelTitleDirective]'
+                    selector: '[kendoExpansionPanelTitleDirective]',
+                    standalone: true
                 }]
         }], ctorParameters: function () { return [{ type: i0.TemplateRef, decorators: [{
                     type: Optional

package/esm2020/expansionpanel/expansionpanel.component.mjs

@@ -16,11 +16,11 @@ 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 { IconWrapperComponent } from '@progress/kendo-angular-icons';
+import { NgIf, NgTemplateOutlet } from '@angular/common';
 import * as i0 from "@angular/core";
 import * as i1 from "@progress/kendo-angular-l10n";
 import * as i2 from "@angular/animations";
-import * as i3 from "@angular/common";
-import * as i4 from "@progress/kendo-angular-icons";
 const DEFAULT_DURATION = 200;
 const CONTENT_HIDDEN_CLASS = 'k-hidden';
 /**
@@ -340,7 +340,7 @@ export class ExpansionPanelComponent {
     }
 }
 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, 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: [
+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,
@@ -383,7 +383,7 @@ ExpansionPanelComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0"
                 <ng-content></ng-content>
             </div>
         </div>
-    `, isInline: true, dependencies: [{ kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i4.IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }] });
+    `, 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: [{
             type: Component,
             args: [{
@@ -433,7 +433,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
                 <ng-content></ng-content>
             </div>
         </div>
-    `
+    `,
+                    standalone: true,
+                    imports: [NgIf, NgTemplateOutlet, IconWrapperComponent]
                 }]
         }], ctorParameters: function () { return [{ type: i0.Renderer2 }, { type: i0.ElementRef }, { type: i0.NgZone }, { type: i1.LocalizationService }, { type: i2.AnimationBuilder }]; }, propDecorators: { title: [{
                 type: Input

package/esm2020/expansionpanel.module.mjs

@@ -2,20 +2,12 @@
 * Copyright © 2024 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
-import { CommonModule } from '@angular/common';
 import { NgModule } from '@angular/core';
-import { EventsModule } from '@progress/kendo-angular-common';
-import { IconsModule } from '@progress/kendo-angular-icons';
-import { ExpansionPanelTitleDirective } from './expansionpanel/expansionpanel-title.directive';
-import { ExpansionPanelComponent } from './expansionpanel/expansionpanel.component';
+import { KENDO_EXPANSIONPANEL } from './directives';
 import * as i0 from "@angular/core";
-const exportedModules = [
-    ExpansionPanelComponent,
-    ExpansionPanelTitleDirective
-];
-const declarations = [
-    ...exportedModules
-];
+import * as i1 from "./expansionpanel/expansionpanel.component";
+import * as i2 from "./expansionpanel/expansionpanel-title.directive";
+// IMPORTANT: NgModule export kept for backwards compatibility
 /**
  * Represents the [NgModule](link:site.data.urls.angular['ngmoduleapi'])
  * definition for the ExpansionPanel component.
@@ -23,15 +15,12 @@ const declarations = [
 export class ExpansionPanelModule {
 }
 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, declarations: [ExpansionPanelComponent,
-        ExpansionPanelTitleDirective], imports: [CommonModule, EventsModule, IconsModule], exports: [ExpansionPanelComponent,
-        ExpansionPanelTitleDirective] });
-ExpansionPanelModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ExpansionPanelModule, imports: [CommonModule, EventsModule, IconsModule] });
+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: [{
             type: NgModule,
             args: [{
-                    declarations: [declarations],
-                    exports: [exportedModules],
-                    imports: [CommonModule, EventsModule, IconsModule]
+                    exports: [...KENDO_EXPANSIONPANEL],
+                    imports: [...KENDO_EXPANSIONPANEL]
                 }]
         }] });

package/esm2020/gridlayout.module.mjs

@@ -3,17 +3,11 @@
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 import { NgModule } from '@angular/core';
-import { CommonModule } from '@angular/common';
-import { GridLayoutComponent } from './layouts/grid-layout.component';
-import { GridLayoutItemComponent } from './layouts/gridlayout-item.component';
+import { KENDO_GRIDLAYOUT } from './directives';
 import * as i0 from "@angular/core";
-const exportedModules = [
-    GridLayoutComponent,
-    GridLayoutItemComponent
-];
-const declarations = [
-    ...exportedModules
-];
+import * as i1 from "./layouts/grid-layout.component";
+import * as i2 from "./layouts/gridlayout-item.component";
+// IMPORTANT: NgModule export kept for backwards compatibility
 /**
  * Represents the [NgModule](link:site.data.urls.angular['ngmoduleapi'])
  * definition for the GridLayout component.
@@ -21,15 +15,12 @@ const declarations = [
 export class 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, declarations: [GridLayoutComponent,
-        GridLayoutItemComponent], imports: [CommonModule], exports: [GridLayoutComponent,
-        GridLayoutItemComponent] });
-GridLayoutModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: GridLayoutModule, imports: [CommonModule] });
+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: [{
             type: NgModule,
             args: [{
-                    declarations: [declarations],
-                    exports: [exportedModules],
-                    imports: [CommonModule]
+                    exports: [...KENDO_GRIDLAYOUT],
+                    imports: [...KENDO_GRIDLAYOUT]
                 }]
         }] });

package/esm2020/index.mjs

@@ -85,3 +85,4 @@ export { TimelineCardHeaderTemplateDirective } from "./timeline/templates/timeli
 export { TimelineCardBodyTemplateDirective } from "./timeline/templates/timeline-card-body.directive";
 export { TimelineCardActionsTemplateDirective } from "./timeline/templates/timeline-card-actions.directive";
 export { TimelineCustomMessagesComponent } from './timeline/localization/custom-messages.component';
+export * from './directives';

package/esm2020/layout.module.mjs

@@ -3,19 +3,58 @@
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 import { NgModule } from '@angular/core';
-import { AvatarModule } from './avatar.module';
-import { CardModule } from './card.module';
-import { DrawerModule } from './drawer.module';
-import { ExpansionPanelModule } from './expansionpanel.module';
-import { PanelBarModule } from './panelbar.module';
-import { SplitterModule } from './splitter.module';
-import { StepperModule } from './stepper.module';
-import { TabStripModule } from './tabstrip.module';
-import { TileLayoutModule } from './tilelayout.module';
-import { StackLayoutModule } from './stacklayout.module';
-import { GridLayoutModule } from './gridlayout.module';
-import { TimelineModule } from './timeline.module';
+import { KENDO_LAYOUT } from './directives';
 import * as i0 from "@angular/core";
+import * as i1 from "./avatar/avatar.component";
+import * as i2 from "./avatar/l10n/custom-messages.component";
+import * as i3 from "./card/card.component";
+import * as i4 from "./card/card-actions.component";
+import * as i5 from "./card/card-body.component";
+import * as i6 from "./card/card-footer.component";
+import * as i7 from "./card/card-header.component";
+import * as i8 from "./card/directives/card-media.directive";
+import * as i9 from "./card/directives/card-separator.directive";
+import * as i10 from "./card/directives/card-subtitle.directive";
+import * as i11 from "./card/directives/card-title.directive";
+import * as i12 from "./drawer/drawer.component";
+import * as i13 from "./drawer/drawer-container.component";
+import * as i14 from "./drawer/drawer-content.component";
+import * as i15 from "./drawer/template-directives/drawer-template.directive";
+import * as i16 from "./drawer/template-directives/footer-template.directive";
+import * as i17 from "./drawer/template-directives/header-template.directive";
+import * as i18 from "./drawer/template-directives/item-template.directive";
+import * as i19 from "./expansionpanel/expansionpanel.component";
+import * as i20 from "./expansionpanel/expansionpanel-title.directive";
+import * as i21 from "./layouts/grid-layout.component";
+import * as i22 from "./layouts/gridlayout-item.component";
+import * as i23 from "./panelbar/panelbar.component";
+import * as i24 from "./panelbar/panelbar-item.component";
+import * as i25 from "./panelbar/panelbar-content.directive";
+import * as i26 from "./panelbar/panelbar-item-template.directive";
+import * as i27 from "./panelbar/panelbar-item-title.directive";
+import * as i28 from "./splitter/splitter.component";
+import * as i29 from "./splitter/splitter-pane.component";
+import * as i30 from "./layouts/stack-layout.component";
+import * as i31 from "./stepper/stepper.component";
+import * as i32 from "./stepper/localization/custom-messages.component";
+import * as i33 from "./stepper/template-directives/indicator-template.directive";
+import * as i34 from "./stepper/template-directives/label-template.directive";
+import * as i35 from "./stepper/template-directives/step-template.directive";
+import * as i36 from "./tabstrip/tabstrip.component";
+import * as i37 from "./tabstrip/models/tabstrip-tab.component";
+import * as i38 from "./tabstrip/directives/tab-content.directive";
+import * as i39 from "./tabstrip/directives/tab-title.directive";
+import * as i40 from "./tabstrip/localization/custom-messages.component";
+import * as i41 from "./tilelayout/tilelayout.component";
+import * as i42 from "./tilelayout/tilelayout-item-body.component";
+import * as i43 from "./tilelayout/tilelayout-item.component";
+import * as i44 from "./tilelayout/tilelayout-item-header.component";
+import * as i45 from "./timeline/timeline.component";
+import * as i46 from "./timeline/localization/custom-messages.component";
+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";
+// IMPORTANT: NgModule export kept for backwards compatibility
 /**
  * Represents the [NgModule](link:site.data.urls.angular['ngmoduleapi'])
  * definition for the Layout components.
@@ -50,46 +89,12 @@ import * as i0 from "@angular/core";
 export class LayoutModule {
 }
 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, exports: [AvatarModule,
-        CardModule,
-        DrawerModule,
-        PanelBarModule,
-        ExpansionPanelModule,
-        SplitterModule,
-        StepperModule,
-        TabStripModule,
-        TileLayoutModule,
-        StackLayoutModule,
-        GridLayoutModule,
-        TimelineModule] });
-LayoutModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: LayoutModule, imports: [AvatarModule,
-        CardModule,
-        DrawerModule,
-        PanelBarModule,
-        ExpansionPanelModule,
-        SplitterModule,
-        StepperModule,
-        TabStripModule,
-        TileLayoutModule,
-        StackLayoutModule,
-        GridLayoutModule,
-        TimelineModule] });
+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: [{
             type: NgModule,
             args: [{
-                    exports: [
-                        AvatarModule,
-                        CardModule,
-                        DrawerModule,
-                        PanelBarModule,
-                        ExpansionPanelModule,
-                        SplitterModule,
-                        StepperModule,
-                        TabStripModule,
-                        TileLayoutModule,
-                        StackLayoutModule,
-                        GridLayoutModule,
-                        TimelineModule,
-                    ]
+                    exports: [...KENDO_LAYOUT],
+                    imports: [...KENDO_LAYOUT]
                 }]
         }] });

package/esm2020/layouts/grid-layout.component.mjs

@@ -98,7 +98,7 @@ export class GridLayoutComponent {
     }
 }
 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, 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: [
+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,
@@ -121,7 +121,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
                     ],
                     template: `
         <ng-content></ng-content>
-    `
+    `,
+                    standalone: true
                 }]
         }], ctorParameters: function () { return [{ type: i0.Renderer2 }, { type: i0.ElementRef }, { type: i1.LocalizationService }]; }, propDecorators: { hostClass: [{
                 type: HostBinding,

package/esm2020/layouts/gridlayout-item.component.mjs

@@ -25,7 +25,7 @@ export class GridLayoutItemComponent {
     }
 }
 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, selector: "kendo-gridlayout-item", inputs: { row: "row", col: "col", rowSpan: "rowSpan", colSpan: "colSpan" }, usesOnChanges: true, ngImport: i0, template: `
+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: `
         <ng-content></ng-content>
     `, isInline: true });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: GridLayoutItemComponent, decorators: [{
@@ -34,7 +34,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
                     selector: 'kendo-gridlayout-item',
                     template: `
         <ng-content></ng-content>
-    `
+    `,
+                    standalone: true
                 }]
         }], ctorParameters: function () { return [{ type: i0.Renderer2 }, { type: i0.ElementRef }]; }, propDecorators: { row: [{
                 type: Input

package/esm2020/layouts/stack-layout.component.mjs

@@ -100,7 +100,7 @@ export class StackLayoutComponent {
     }
 }
 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, 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: [
+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,
@@ -123,7 +123,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
                     ],
                     template: `
         <ng-content></ng-content>
-    `
+    `,
+                    standalone: true
                 }]
         }], ctorParameters: function () { return [{ type: i0.Renderer2 }, { type: i0.ElementRef }, { type: i1.LocalizationService }]; }, propDecorators: { hostClass: [{
                 type: HostBinding,

package/esm2020/package-metadata.mjs

@@ -9,7 +9,7 @@ export const packageMetadata = {
     name: '@progress/kendo-angular-layout',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1721814032,
-    version: '16.5.0',
+    publishDate: 1722606814,
+    version: '16.6.0-develop.10',
     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/panelbar/panelbar-content.directive.mjs

@@ -14,10 +14,11 @@ export class PanelBarContentDirective {
     }
 }
 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, selector: "[kendoPanelBarContent]", ngImport: i0 });
+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: [{
             type: Directive,
             args: [{
-                    selector: "[kendoPanelBarContent]"
+                    selector: "[kendoPanelBarContent]",
+                    standalone: true
                 }]
         }], ctorParameters: function () { return [{ type: i0.TemplateRef }]; } });