@progress/kendo-angular-layout 21.1.1-develop.1 → 21.2.0-develop.1

package/esm2022/drawer/item.component.mjs

@@ -8,7 +8,7 @@ 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 { NgTemplateOutlet } from "@angular/common";
 import * as i0 from "@angular/core";
 import * as i1 from "./drawer.service";
 /**
@@ -69,8 +69,9 @@ export class DrawerItemComponent {
         return this.viewItem.item;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: DrawerItemComponent, deps: [{ token: i1.DrawerService }, { token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", 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"
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", 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: `
+        @if (itemTemplate) {
+          <ng-template
             [ngTemplateOutlet]="itemTemplate"
             [ngTemplateOutletContext]="{
                 $implicit: item,
@@ -78,41 +79,45 @@ export class DrawerItemComponent {
                 hasChildren: viewItem.hasChildren,
                 level: viewItem.level
             }">
-        </ng-template>
-
-        <ng-template #defaultTemplate>
-            <ng-container *ngIf="expanded">
-                <kendo-icon-wrapper
-                    *ngIf="item.icon || item.iconClass || item.svgIcon"
-                    [name]="iconClasses"
-                    [customFontClass]="customIconClasses"
-                    [svgIcon]="item.svgIcon"
-                    [innerCssClass]="innerCssClasses"
+          </ng-template>
+        } @else {
+          @if (expanded) {
+            @if (item.icon || item.iconClass || item.svgIcon) {
+              <kendo-icon-wrapper
+                [name]="iconClasses"
+                [customFontClass]="customIconClasses"
+                [svgIcon]="item.svgIcon"
+                [innerCssClass]="innerCssClasses"
                 >
-                </kendo-icon-wrapper>
-
-                <span class="k-item-text">{{ item.text }}</span>
-                <span *ngIf="viewItem.hasChildren" class="k-spacer"></span>
-                <kendo-icon-wrapper
-                    *ngIf="viewItem.hasChildren"
-                    [name]="viewItem.isExpanded ? 'arrow-chevron-up' : 'arrow-chevron-down'"
-                    innerCssClass="k-drawer-toggle"
-                    [svgIcon]="viewItem.isExpanded ? arrowUpIcon : arrowDownIcon"
+              </kendo-icon-wrapper>
+            }
+            <span class="k-item-text">{{ item.text }}</span>
+            @if (viewItem.hasChildren) {
+              <span class="k-spacer"></span>
+            }
+            @if (viewItem.hasChildren) {
+              <kendo-icon-wrapper
+                [name]="viewItem.isExpanded ? 'arrow-chevron-up' : 'arrow-chevron-down'"
+                innerCssClass="k-drawer-toggle"
+                [svgIcon]="viewItem.isExpanded ? arrowUpIcon : arrowDownIcon"
                 >
-                </kendo-icon-wrapper>
-            </ng-container>
-            <ng-container *ngIf="mini && !expanded">
-                <kendo-icon-wrapper
-                    *ngIf="item.icon || item.iconClass || item.svgIcon"
-                    [name]="iconClasses"
-                    [customFontClass]="customIconClasses"
-                    [svgIcon]="item.svgIcon"
-                    [innerCssClass]="innerCssClasses"
+              </kendo-icon-wrapper>
+            }
+          }
+          @if (mini && !expanded) {
+            @if (item.icon || item.iconClass || item.svgIcon) {
+              <kendo-icon-wrapper
+                [name]="iconClasses"
+                [customFontClass]="customIconClasses"
+                [svgIcon]="item.svgIcon"
+                [innerCssClass]="innerCssClasses"
                 >
-                </kendo-icon-wrapper>
-            </ng-container>
-        </ng-template>
-    `, 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"] }] });
+              </kendo-icon-wrapper>
+            }
+          }
+        }
+        
+        `, isInline: true, dependencies: [{ 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: "18.2.14", ngImport: i0, type: DrawerItemComponent, decorators: [{
             type: Component,
@@ -120,7 +125,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
                     // eslint-disable-next-line @angular-eslint/component-selector
                     selector: '[kendoDrawerItem]',
                     template: `
-        <ng-template *ngIf="itemTemplate; else defaultTemplate"
+        @if (itemTemplate) {
+          <ng-template
             [ngTemplateOutlet]="itemTemplate"
             [ngTemplateOutletContext]="{
                 $implicit: item,
@@ -128,43 +134,47 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
                 hasChildren: viewItem.hasChildren,
                 level: viewItem.level
             }">
-        </ng-template>
-
-        <ng-template #defaultTemplate>
-            <ng-container *ngIf="expanded">
-                <kendo-icon-wrapper
-                    *ngIf="item.icon || item.iconClass || item.svgIcon"
-                    [name]="iconClasses"
-                    [customFontClass]="customIconClasses"
-                    [svgIcon]="item.svgIcon"
-                    [innerCssClass]="innerCssClasses"
+          </ng-template>
+        } @else {
+          @if (expanded) {
+            @if (item.icon || item.iconClass || item.svgIcon) {
+              <kendo-icon-wrapper
+                [name]="iconClasses"
+                [customFontClass]="customIconClasses"
+                [svgIcon]="item.svgIcon"
+                [innerCssClass]="innerCssClasses"
                 >
-                </kendo-icon-wrapper>
-
-                <span class="k-item-text">{{ item.text }}</span>
-                <span *ngIf="viewItem.hasChildren" class="k-spacer"></span>
-                <kendo-icon-wrapper
-                    *ngIf="viewItem.hasChildren"
-                    [name]="viewItem.isExpanded ? 'arrow-chevron-up' : 'arrow-chevron-down'"
-                    innerCssClass="k-drawer-toggle"
-                    [svgIcon]="viewItem.isExpanded ? arrowUpIcon : arrowDownIcon"
+              </kendo-icon-wrapper>
+            }
+            <span class="k-item-text">{{ item.text }}</span>
+            @if (viewItem.hasChildren) {
+              <span class="k-spacer"></span>
+            }
+            @if (viewItem.hasChildren) {
+              <kendo-icon-wrapper
+                [name]="viewItem.isExpanded ? 'arrow-chevron-up' : 'arrow-chevron-down'"
+                innerCssClass="k-drawer-toggle"
+                [svgIcon]="viewItem.isExpanded ? arrowUpIcon : arrowDownIcon"
                 >
-                </kendo-icon-wrapper>
-            </ng-container>
-            <ng-container *ngIf="mini && !expanded">
-                <kendo-icon-wrapper
-                    *ngIf="item.icon || item.iconClass || item.svgIcon"
-                    [name]="iconClasses"
-                    [customFontClass]="customIconClasses"
-                    [svgIcon]="item.svgIcon"
-                    [innerCssClass]="innerCssClasses"
+              </kendo-icon-wrapper>
+            }
+          }
+          @if (mini && !expanded) {
+            @if (item.icon || item.iconClass || item.svgIcon) {
+              <kendo-icon-wrapper
+                [name]="iconClasses"
+                [customFontClass]="customIconClasses"
+                [svgIcon]="item.svgIcon"
+                [innerCssClass]="innerCssClasses"
                 >
-                </kendo-icon-wrapper>
-            </ng-container>
-        </ng-template>
-    `,
+              </kendo-icon-wrapper>
+            }
+          }
+        }
+        
+        `,
                     standalone: true,
-                    imports: [NgIf, NgTemplateOutlet, IconWrapperComponent]
+                    imports: [NgTemplateOutlet, IconWrapperComponent]
                 }]
         }], ctorParameters: () => [{ type: i1.DrawerService }, { type: i0.ElementRef }, { type: i0.Renderer2 }], propDecorators: { viewItem: [{
                 type: Input

package/esm2022/drawer/list.component.mjs

@@ -11,7 +11,7 @@ import { Keys, normalizeNumpadKeys } 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 { NgClass, NgStyle } from '@angular/common';
 import * as i0 from "@angular/core";
 import * as i1 from "./drawer.service";
 /**
@@ -111,7 +111,7 @@ export class DrawerListComponent {
         }
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: DrawerListComponent, deps: [{ token: i1.DrawerService }, { token: i0.Renderer2 }, { token: i0.NgZone }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", 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"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", 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        @for (v of view; track identifyItem(idx, v); let idx = $index) {\n          @if (!v.item.separator) {\n            <li 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          @if (v.item.separator) {\n            <li\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          }\n        }\n        ", isInline: true, dependencies: [{ 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: "18.2.14", ngImport: i0, type: DrawerListComponent, decorators: [{
             type: Component,
@@ -119,32 +119,35 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
                     // eslint-disable-next-line @angular-eslint/component-selector
                     selector: '[kendoDrawerList]',
                     template: `
-        <ng-container *ngFor="let v of view; trackBy:identifyItem; let idx = index">
-            <li *ngIf="!v.item.separator" kendoDrawerItem
-                class="k-drawer-item {{expanded ? ' k-level-' + v.level : ''}}"
-                role="menuitem"
-                [viewItem]="v"
-                [index]="idx"
-                [mini]="mini"
-                [expanded]="expanded"
-                [itemTemplate]="itemTemplate"
-                [attr.${DRAWER_ITEM_INDEX}]="v.index"
-                [ngClass]="v.item.cssClass"
-                [ngStyle]="v.item.cssStyle"
-                [tabindex]="v.index === 0 ? '0' : '-1'">
+        @for (v of view; track identifyItem(idx, v); let idx = $index) {
+          @if (!v.item.separator) {
+            <li kendoDrawerItem
+              class="k-drawer-item {{expanded ? ' k-level-' + v.level : ''}}"
+              role="menuitem"
+              [viewItem]="v"
+              [index]="idx"
+              [mini]="mini"
+              [expanded]="expanded"
+              [itemTemplate]="itemTemplate"
+              [attr.${DRAWER_ITEM_INDEX}]="v.index"
+              [ngClass]="v.item.cssClass"
+              [ngStyle]="v.item.cssStyle"
+              [tabindex]="v.index === 0 ? '0' : '-1'">
             </li>
-
-            <li *ngIf="v.item.separator"
-                role="separator"
-                class="k-drawer-item k-drawer-separator"
-                [ngClass]="v.item.cssClass"
-                [ngStyle]="v.item.cssStyle">
-                &nbsp;
+          }
+          @if (v.item.separator) {
+            <li
+              role="separator"
+              class="k-drawer-item k-drawer-separator"
+              [ngClass]="v.item.cssClass"
+              [ngStyle]="v.item.cssStyle">
+              &nbsp;
             </li>
-        </ng-container>
-    `,
+          }
+        }
+        `,
                     standalone: true,
-                    imports: [NgFor, NgIf, DrawerItemComponent, NgClass, NgStyle]
+                    imports: [DrawerItemComponent, NgClass, NgStyle]
                 }]
         }], ctorParameters: () => [{ type: i1.DrawerService }, { type: i0.Renderer2 }, { type: i0.NgZone }, { type: i0.ElementRef }], propDecorators: { itemTemplate: [{
                 type: Input

package/esm2022/expansionpanel/expansionpanel.component.mjs

@@ -17,7 +17,7 @@ import { ExpansionPanelActionEvent } from './events/action-event';
 import { take } from 'rxjs/operators';
 import { chevronDownIcon, chevronUpIcon } from '@progress/kendo-svg-icons';
 import { IconWrapperComponent } from '@progress/kendo-angular-icons';
-import { NgIf, NgTemplateOutlet } from '@angular/common';
+import { NgTemplateOutlet } from '@angular/common';
 import * as i0 from "@angular/core";
 import * as i1 from "@progress/kendo-angular-l10n";
 import * as i2 from "@angular/animations";
@@ -360,7 +360,7 @@ export class ExpansionPanelComponent {
         this.renderer.removeClass(this.content.nativeElement, CONTENT_HIDDEN_CLASS);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", 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: "18.2.14", 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: [
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", 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,
@@ -368,42 +368,47 @@ export class ExpansionPanelComponent {
             }
         ], 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"
-            [class.k-disabled]="disabled"
-            [attr.aria-disabled]="disabled"
-            [attr.aria-expanded]="expanded && !disabled"
-            role="button"
-            tabindex="0"
-            [attr.aria-controls]="contentWrapperId"
-            (click)="onHeaderClick($event)"
-        >
-            <ng-container *ngIf="!titleTemplate">
-                <div *ngIf="title" class="k-expander-title">{{ title }}</div>
-                <span class="k-spacer"></span>
-                <div *ngIf="subtitle" class="k-expander-sub-title">
-                    {{ subtitle }}
-                </div>
-            </ng-container>
+          #header
+          [class.k-expander-header]="true"
+          [class.k-disabled]="disabled"
+          [attr.aria-disabled]="disabled"
+          [attr.aria-expanded]="expanded && !disabled"
+          role="button"
+          tabindex="0"
+          [attr.aria-controls]="contentWrapperId"
+          (click)="onHeaderClick($event)"
+          >
+          @if (!titleTemplate) {
+            @if (title) {
+              <div class="k-expander-title">{{ title }}</div>
+            }
+            <span class="k-spacer"></span>
+            @if (subtitle) {
+              <div class="k-expander-sub-title">
+                {{ subtitle }}
+              </div>
+            }
+          }
+          @if (titleTemplate) {
             <ng-template
-                *ngIf="titleTemplate"
-                [ngTemplateOutlet]="titleTemplate?.templateRef">
+              [ngTemplateOutlet]="titleTemplate?.templateRef">
             </ng-template>
-            <span class="k-expander-indicator">
-                <kendo-icon-wrapper
-                    [name]="expanderIndicatorClasses"
-                    [customFontClass]="customExpanderIndicatorClasses"
-                    [svgIcon]="expanderSvgIcon"
-                >
-                </kendo-icon-wrapper>
-            </span>
+          }
+          <span class="k-expander-indicator">
+            <kendo-icon-wrapper
+              [name]="expanderIndicatorClasses"
+              [customFontClass]="customExpanderIndicatorClasses"
+              [svgIcon]="expanderSvgIcon"
+              >
+            </kendo-icon-wrapper>
+          </span>
         </div>
         <div #content [id]="contentWrapperId" class="k-expander-content-wrapper">
-            <div class="k-expander-content" [attr.aria-hidden]="!expanded">
-                <ng-content></ng-content>
-            </div>
+          <div class="k-expander-content" [attr.aria-hidden]="!expanded">
+            <ng-content></ng-content>
+          </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"] }] });
+        `, isInline: true, dependencies: [{ 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: "18.2.14", ngImport: i0, type: ExpansionPanelComponent, decorators: [{
             type: Component,
@@ -419,44 +424,49 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
                     selector: 'kendo-expansionpanel',
                     template: `
         <div
-            #header
-            [class.k-expander-header]="true"
-            [class.k-disabled]="disabled"
-            [attr.aria-disabled]="disabled"
-            [attr.aria-expanded]="expanded && !disabled"
-            role="button"
-            tabindex="0"
-            [attr.aria-controls]="contentWrapperId"
-            (click)="onHeaderClick($event)"
-        >
-            <ng-container *ngIf="!titleTemplate">
-                <div *ngIf="title" class="k-expander-title">{{ title }}</div>
-                <span class="k-spacer"></span>
-                <div *ngIf="subtitle" class="k-expander-sub-title">
-                    {{ subtitle }}
-                </div>
-            </ng-container>
+          #header
+          [class.k-expander-header]="true"
+          [class.k-disabled]="disabled"
+          [attr.aria-disabled]="disabled"
+          [attr.aria-expanded]="expanded && !disabled"
+          role="button"
+          tabindex="0"
+          [attr.aria-controls]="contentWrapperId"
+          (click)="onHeaderClick($event)"
+          >
+          @if (!titleTemplate) {
+            @if (title) {
+              <div class="k-expander-title">{{ title }}</div>
+            }
+            <span class="k-spacer"></span>
+            @if (subtitle) {
+              <div class="k-expander-sub-title">
+                {{ subtitle }}
+              </div>
+            }
+          }
+          @if (titleTemplate) {
             <ng-template
-                *ngIf="titleTemplate"
-                [ngTemplateOutlet]="titleTemplate?.templateRef">
+              [ngTemplateOutlet]="titleTemplate?.templateRef">
             </ng-template>
-            <span class="k-expander-indicator">
-                <kendo-icon-wrapper
-                    [name]="expanderIndicatorClasses"
-                    [customFontClass]="customExpanderIndicatorClasses"
-                    [svgIcon]="expanderSvgIcon"
-                >
-                </kendo-icon-wrapper>
-            </span>
+          }
+          <span class="k-expander-indicator">
+            <kendo-icon-wrapper
+              [name]="expanderIndicatorClasses"
+              [customFontClass]="customExpanderIndicatorClasses"
+              [svgIcon]="expanderSvgIcon"
+              >
+            </kendo-icon-wrapper>
+          </span>
         </div>
         <div #content [id]="contentWrapperId" class="k-expander-content-wrapper">
-            <div class="k-expander-content" [attr.aria-hidden]="!expanded">
-                <ng-content></ng-content>
-            </div>
+          <div class="k-expander-content" [attr.aria-hidden]="!expanded">
+            <ng-content></ng-content>
+          </div>
         </div>
-    `,
+        `,
                     standalone: true,
-                    imports: [NgIf, NgTemplateOutlet, IconWrapperComponent]
+                    imports: [NgTemplateOutlet, IconWrapperComponent]
                 }]
         }], ctorParameters: () => [{ type: i0.Renderer2 }, { type: i0.ElementRef }, { type: i0.NgZone }, { type: i1.LocalizationService }, { type: i2.AnimationBuilder }], propDecorators: { title: [{
                 type: Input

package/esm2022/package-metadata.mjs

@@ -10,7 +10,7 @@ export const packageMetadata = {
     productName: 'Kendo UI for Angular',
     productCode: 'KENDOUIANGULAR',
     productCodes: ['KENDOUIANGULAR'],
-    publishDate: 1763645533,
-    version: '21.1.1-develop.1',
+    publishDate: 1763998234,
+    version: '21.2.0-develop.1',
     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'
 };