@progress/kendo-angular-layout 24.0.0-develop.33 → 24.0.0-develop.35

package/drawer/drawer.component.d.ts

@@ -2,13 +2,12 @@
 * Copyright © 2026 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
-import { ElementRef, EventEmitter, OnDestroy, SimpleChange } from '@angular/core';
+import { EventEmitter, OnDestroy, SimpleChange } from '@angular/core';
 import { LicenseMessage } from '@progress/kendo-licensing';
 import { DrawerMode, DrawerPosition, DrawerAnimation } from './types';
 import { DrawerTemplateDirective, DrawerItemTemplateDirective, DrawerHeaderTemplateDirective, DrawerFooterTemplateDirective } from './template-directives';
 import { DrawerService } from './drawer.service';
 import { DrawerSelectEvent } from './events/select-event';
-import { AnimationBuilder } from '@angular/animations';
 import { LocalizationService } from '@progress/kendo-angular-l10n';
 import { DrawerListSelectEvent } from './events/drawer-list-select.event';
 import { DrawerViewItem } from './models/drawer-view-item.interface';
@@ -45,16 +44,11 @@ import * as i0 from "@angular/core";
  * ```
  */
 export declare class DrawerComponent implements OnDestroy {
-    private element;
-    private builder;
     private localizationService;
     private drawerService;
     hostClasses: boolean;
     get startPositionClass(): boolean;
     get endPositionClass(): boolean;
-    get overlayMarginLeft(): string;
-    get overlayMarginRight(): string;
-    get flexStyles(): number;
     /**
      * Specifies the mode in which the Drawer displays.
      *
@@ -89,8 +83,7 @@ export declare class DrawerComponent implements OnDestroy {
     width: number;
     /**
      * Defines the width of the Drawer when the mini view is enabled and the component is collapsed.
-     *
-     * @default 50
+     * By default, the mini view width is determined by the used Kendo Theme.
      */
     miniWidth: number;
     /**
@@ -165,12 +158,17 @@ export declare class DrawerComponent implements OnDestroy {
      */
     licenseMessage?: LicenseMessage;
     viewItems: DrawerViewItem[];
-    private animationEnd;
+    private pendingToggle;
+    private animatingViaToggle;
     private dynamicRTLSubscription;
     private rtl;
-    constructor(element: ElementRef, builder: AnimationBuilder, localizationService: LocalizationService, drawerService: DrawerService);
+    constructor(localizationService: LocalizationService, drawerService: DrawerService);
     ngOnChanges(changes: SimpleChange): void;
     ngOnDestroy(): void;
+    /**
+     * @hidden
+     */
+    get listExpanded(): boolean;
     /**
      * @hidden
      */
@@ -179,6 +177,12 @@ export declare class DrawerComponent implements OnDestroy {
      * @hidden
      */
     get drawerWidth(): number;
+    /**
+     * @hidden
+     */
+    get drawerWrapperStyle(): {
+        [key: string]: string;
+    };
     /**
      * Toggles the visibility of the Drawer.
      * If the `expanded` parameter is not provided, the Drawer will toggle between expanded and collapsed states.
@@ -190,11 +194,11 @@ export declare class DrawerComponent implements OnDestroy {
      * @hidden
      */
     onSelect(e: DrawerListSelectEvent): void;
-    private onAnimationEnd;
+    /**
+     * @hidden
+     */
+    onTransitionEnd(event: TransitionEvent): void;
     private setExpanded;
-    private shouldApplyOverlayMargin;
-    private animate;
-    private createPlayer;
     static ɵfac: i0.ɵɵFactoryDeclaration<DrawerComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<DrawerComponent, "kendo-drawer", ["kendoDrawer"], { "mode": { "alias": "mode"; "required": false; }; "position": { "alias": "position"; "required": false; }; "mini": { "alias": "mini"; "required": false; }; "expanded": { "alias": "expanded"; "required": false; }; "width": { "alias": "width"; "required": false; }; "miniWidth": { "alias": "miniWidth"; "required": false; }; "autoCollapse": { "alias": "autoCollapse"; "required": false; }; "items": { "alias": "items"; "required": false; }; "isItemExpanded": { "alias": "isItemExpanded"; "required": false; }; "animation": { "alias": "animation"; "required": false; }; }, { "expand": "expand"; "collapse": "collapse"; "select": "select"; "expandedChange": "expandedChange"; }, ["drawerTemplate", "footerTemplate", "headerTemplate", "itemTemplate"], never, true, never>;
 }

package/fesm2022/progress-kendo-angular-layout.mjs

@@ -9,7 +9,7 @@ import { LocalizationService, L10N_PREFIX, ComponentMessages } from '@progress/k
 import * as i1$1 from '@progress/kendo-angular-common';
 import { Keys, getLicenseMessage, shouldShowValidationUI, normalizeKeys, WatermarkOverlayComponent, isDocumentAvailable, anyChanged, isObjectPresent, removeHTMLAttributes, parseAttributes, setHTMLAttributes, DraggableDirective, PreventableEvent as PreventableEvent$1, guid, ResizeSensorComponent, hasObservers, isPresent as isPresent$1, focusableSelector, isChanged } from '@progress/kendo-angular-common';
 import { validatePackage } from '@progress/kendo-licensing';
-import * as i1$2 from '@angular/animations';
+import * as i2 from '@angular/animations';
 import { trigger, state, style, transition, animate, AUTO_STYLE } from '@angular/animations';
 import { Subject, BehaviorSubject, Subscription, of } from 'rxjs';
 import { chevronUpIcon, chevronDownIcon, chevronLeftIcon, chevronRightIcon, xIcon, checkCircleIcon, exclamationCircleIcon } from '@progress/kendo-svg-icons';
@@ -29,8 +29,8 @@ const packageMetadata = {
     productName: 'Kendo UI for Angular',
     productCode: 'KENDOUIANGULAR',
     productCodes: ['KENDOUIANGULAR'],
-    publishDate: 1778851101,
-    version: '24.0.0-develop.33',
+    publishDate: 1779117578,
+    version: '24.0.0-develop.35',
     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'
 };
 
@@ -5348,148 +5348,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
             type: Injectable
         }] });
 
-/**
- * @hidden
- */
-function miniExpandPush(duration, width, miniWidth) {
-    return [
-        style({ overflow: 'hidden', flexBasis: `${miniWidth}px` }),
-        animate(`${duration}ms ease-in`, style({ flexBasis: `${width}px` }))
-    ];
-}
-/**
- * @hidden
- */
-function miniCollapsePush(duration, width, miniWidth) {
-    return [
-        style({ overflow: 'hidden', flexBasis: `${width}px` }),
-        animate(`${duration}ms ease-in`, style({ flexBasis: `${miniWidth}px` }))
-    ];
-}
-/**
- * @hidden
- *
- */
-function miniExpandOverlay(duration, width, miniWidth) {
-    return [
-        style({ width: `${miniWidth}px` }),
-        animate(`${duration}ms ease-in`, style({ overflow: 'hidden', width: `${width}px` }))
-    ];
-}
-/**
- * @hidden
- */
-function expandPush(duration, width) {
-    return [
-        style({ overflow: 'hidden', flexBasis: '0px' }),
-        animate(`${duration}ms ease-in`, style({ flexBasis: `${width}px` }))
-    ];
-}
-/**
- * @hidden
- */
-function collapsePush(duration, width) {
-    return [
-        style({ flexBasis: `${width}px` }),
-        animate(`${duration}ms ease-in`, style({ overflow: 'hidden', flexBasis: `0px` }))
-    ];
-}
-/**
- * @hidden
- */
-function expandRTLOverlay(duration, width) {
-    return [
-        style({ marginRight: `-${width}px` }),
-        animate(`${duration}ms ease-in`, style({ overflow: 'hidden', marginRight: `0px` }))
-    ];
-}
-/**
- * @hidden
- */
-function expandOverlay(duration, width, position) {
-    const marginProp = position !== 'end' ? 'marginLeft' : 'marginRight';
-    return [
-        style({ [marginProp]: `-${width}px` }),
-        animate(`${duration}ms ease-in`, style({ overflow: 'hidden', [marginProp]: `0px` }))
-    ];
-}
-/**
- * @hidden
- */
-function miniCollapseOverlay(duration, width, miniWidth) {
-    return [
-        style({ width: `${width}px` }),
-        animate(`${duration}ms ease-in`, style({ overflow: 'hidden', width: `${miniWidth}px` }))
-    ];
-}
-/**
- * @hidden
- */
-function collapseOverlay(duration, width, position) {
-    const marginProp = position !== 'end' ? 'marginLeft' : 'marginRight';
-    return [
-        style({ [marginProp]: `0px` }),
-        animate(`${duration}ms ease-in`, style({ overflow: 'hidden', [marginProp]: `-${width}px` }))
-    ];
-}
-/**
- * @hidden
- */
-function collapseRTLOverlay(duration, width) {
-    return [
-        style({ marginRight: `0px` }),
-        animate(`${duration}ms ease-in`, style({ overflow: 'hidden', marginRight: `-${width}px` }))
-    ];
-}
-/**
- * @hidden
- */
-function expandAnimation(settings) {
-    const duration = settings.animation.duration;
-    const width = settings.width;
-    const miniWidth = settings.miniWidth;
-    const mode = settings.mode;
-    const mini = settings.mini;
-    const rtl = settings.rtl;
-    const position = settings.position;
-    if (mini && mode === 'push') {
-        return miniExpandPush(duration, width, miniWidth);
-    }
-    if (!mini && mode === 'push') {
-        return expandPush(duration, width);
-    }
-    if (!mini && mode === 'overlay') {
-        return rtl ? expandRTLOverlay(duration, width) : expandOverlay(duration, width, position);
-    }
-    if (mini && mode === 'overlay') {
-        return miniExpandOverlay(duration, width, miniWidth);
-    }
-}
-/**
- * @hidden
- */
-function collapseAnimation(settings) {
-    const duration = settings.animation.duration;
-    const width = settings.width;
-    const miniWidth = settings.miniWidth;
-    const mode = settings.mode;
-    const mini = settings.mini;
-    const rtl = settings.rtl;
-    const position = settings.position;
-    if (mini && mode === 'push') {
-        return miniCollapsePush(duration, width, miniWidth);
-    }
-    if (!mini && mode === 'push') {
-        return collapsePush(duration, width);
-    }
-    if (!mini && mode === 'overlay') {
-        return rtl ? collapseRTLOverlay(duration, width) : collapseOverlay(duration, width, position);
-    }
-    if (mini && mode === 'overlay') {
-        return miniCollapseOverlay(duration, width, miniWidth);
-    }
-}
-
 /**
  * @hidden
  */
@@ -5914,8 +5772,6 @@ const DEFAULT_ANIMATION = { type: 'slide', duration: 200 };
  * ```
  */
 class DrawerComponent {
-    element;
-    builder;
     localizationService;
     drawerService;
     hostClasses = true;
@@ -5925,33 +5781,6 @@ class DrawerComponent {
     get endPositionClass() {
         return this.position === 'end';
     }
-    get overlayMarginLeft() {
-        if (!this.shouldApplyOverlayMargin()) {
-            return null;
-        }
-        if (this.rtl || this.position === 'end') {
-            return null;
-        }
-        return `-${this.drawerWidth}px`;
-    }
-    get overlayMarginRight() {
-        if (!this.shouldApplyOverlayMargin()) {
-            return null;
-        }
-        if (!this.rtl && this.position !== 'end') {
-            return null;
-        }
-        return `-${this.drawerWidth}px`;
-    }
-    get flexStyles() {
-        if (this.mode === 'overlay') {
-            return;
-        }
-        if (!this.expanded && !this.minimized) {
-            return 0;
-        }
-        return this.drawerWidth;
-    }
     /**
      * Specifies the mode in which the Drawer displays.
      *
@@ -5986,10 +5815,9 @@ class DrawerComponent {
     width = 240;
     /**
      * Defines the width of the Drawer when the mini view is enabled and the component is collapsed.
-     *
-     * @default 50
+     * By default, the mini view width is determined by the used Kendo Theme.
      */
-    miniWidth = 50;
+    miniWidth;
     /**
      * Specifies if the Drawer automatically collapses when an item or the overlay is clicked.
      *
@@ -6069,12 +5897,11 @@ class DrawerComponent {
      */
     licenseMessage;
     viewItems;
-    animationEnd = new EventEmitter();
+    pendingToggle = null;
+    animatingViaToggle = false;
     dynamicRTLSubscription;
     rtl = false;
-    constructor(element, builder, localizationService, drawerService) {
-        this.element = element;
-        this.builder = builder;
+    constructor(localizationService, drawerService) {
         this.localizationService = localizationService;
         this.drawerService = drawerService;
         const isValid = validatePackage(packageMetadata);
@@ -6087,17 +5914,26 @@ class DrawerComponent {
         this.drawerService.owner = this;
     }
     ngOnChanges(changes) {
-        if (changes && changes['items']) {
+        if (changes?.['items']) {
             this.drawerService.resetSelection();
             this.drawerService.init();
             this.viewItems = this.drawerService.view;
         }
+        if (changes?.['expanded']) {
+            this.animatingViaToggle = false;
+        }
     }
     ngOnDestroy() {
         if (this.dynamicRTLSubscription) {
             this.dynamicRTLSubscription.unsubscribe();
         }
     }
+    /**
+     * @hidden
+     */
+    get listExpanded() {
+        return this.expanded || (this.animatingViaToggle && this.pendingToggle === false);
+    }
     /**
      * @hidden
      */
@@ -6110,6 +5946,51 @@ class DrawerComponent {
     get drawerWidth() {
         return this.minimized ? this.miniWidth : this.width;
     }
+    /**
+     * @hidden
+     */
+    get drawerWrapperStyle() {
+        const styles = {};
+        const slidesLeft = (!this.rtl && this.position === 'start') || (this.rtl && this.position === 'end');
+        if (this.expanded) {
+            styles['width'] = `${this.width}px`;
+        }
+        else if (this.mini) {
+            if (isPresent(this.miniWidth)) {
+                styles['width'] = `${this.miniWidth}px`;
+            }
+        }
+        else {
+            styles['width'] = '0';
+        }
+        if (this.mode === 'overlay') {
+            if (this.minimized) {
+                styles['transform'] = 'translateX(0%)';
+            }
+            else if (this.expanded) {
+                styles['opacity'] = '1';
+                styles['transform'] = 'translateX(0px)';
+            }
+            else {
+                styles['opacity'] = '0';
+                styles['transform'] = slidesLeft ? 'translateX(-100%)' : 'translateX(100%)';
+            }
+        }
+        else {
+            styles['opacity'] = (this.expanded || this.minimized) ? '1' : '0';
+        }
+        if (this.animation && this.animatingViaToggle) {
+            const animationSettings = typeof this.animation === 'boolean' ? DEFAULT_ANIMATION : this.animation;
+            const duration = animationSettings.duration;
+            if (this.mini) {
+                styles['transition'] = `width ${duration}ms`;
+            }
+            else {
+                styles['transition'] = `all ${duration}ms`;
+            }
+        }
+        return styles;
+    }
     /**
      * Toggles the visibility of the Drawer.
      * If the `expanded` parameter is not provided, the Drawer will toggle between expanded and collapsed states.
@@ -6122,20 +6003,16 @@ class DrawerComponent {
         if (current === previous) {
             return;
         }
-        if (current === true) {
-            this.setExpanded(true);
-        }
-        else if (current === false && !this.animation) {
-            this.setExpanded(false);
-        }
-        if (this.animation) {
-            this.animationEnd.pipe(take(1))
-                .subscribe(() => { this.onAnimationEnd(current); });
-            this.animate(current);
-        }
-        else {
+        this.animatingViaToggle = true;
+        this.setExpanded(current);
+        const anim = this.animation && typeof this.animation !== 'boolean' ? this.animation : DEFAULT_ANIMATION;
+        const duration = this.animation ? anim.duration : 0;
+        if (!this.animation || duration === 0) {
+            this.animatingViaToggle = false;
             this[current ? 'expand' : 'collapse'].emit();
+            return;
         }
+        this.pendingToggle = current;
     }
     /**
      * @hidden
@@ -6143,50 +6020,27 @@ class DrawerComponent {
     onSelect(e) {
         this.select.emit(Object.assign(e, { sender: this }));
     }
-    onAnimationEnd(currentExpanded) {
-        if (currentExpanded) {
-            this.expand.emit();
+    /**
+     * @hidden
+     */
+    onTransitionEnd(event) {
+        if (this.pendingToggle === null) {
+            return;
         }
-        else {
-            this.setExpanded(false);
-            this.collapse.emit();
+        if (event.target !== event.currentTarget) {
+            return;
         }
+        const wasExpanding = this.pendingToggle;
+        this.pendingToggle = null;
+        this.animatingViaToggle = false;
+        this[wasExpanding ? 'expand' : 'collapse'].emit();
     }
     setExpanded(value) {
         this.expanded = value;
         this.expandedChange.emit(value);
     }
-    shouldApplyOverlayMargin() {
-        return this.mode !== 'push' && !this.expanded && !this.minimized;
-    }
-    animate(expanded) {
-        const settings = {
-            mode: this.mode,
-            mini: this.mini,
-            miniWidth: this.miniWidth,
-            width: this.width,
-            rtl: this.rtl,
-            position: this.position,
-            animation: (typeof this.animation !== 'boolean') ? this.animation : DEFAULT_ANIMATION
-        };
-        const animation = expanded ? expandAnimation(settings) : collapseAnimation(settings);
-        const player = this.createPlayer(animation, this.element.nativeElement);
-        player.play();
-    }
-    createPlayer(animation, animatedElement) {
-        const factory = this.builder.build(animation);
-        let player = factory.create(animatedElement);
-        player.onDone(() => {
-            if (player) {
-                this.animationEnd.emit();
-                player.destroy();
-                player = null;
-            }
-        });
-        return player;
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: DrawerComponent, deps: [{ token: i0.ElementRef }, { token: i1$2.AnimationBuilder }, { token: i1.LocalizationService }, { token: DrawerService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.20", type: DrawerComponent, isStandalone: true, selector: "kendo-drawer", inputs: { mode: "mode", position: "position", mini: "mini", expanded: "expanded", width: "width", miniWidth: "miniWidth", autoCollapse: "autoCollapse", items: "items", isItemExpanded: "isItemExpanded", animation: "animation" }, outputs: { expand: "expand", collapse: "collapse", select: "select", expandedChange: "expandedChange" }, host: { properties: { "class.k-drawer": "this.hostClasses", "class.k-drawer-start": "this.startPositionClass", "class.k-drawer-end": "this.endPositionClass", "style.marginLeft": "this.overlayMarginLeft", "style.marginRight": "this.overlayMarginRight", "style.flexBasis.px": "this.flexStyles", "attr.dir": "this.direction" } }, providers: [
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: DrawerComponent, deps: [{ token: i1.LocalizationService }, { token: DrawerService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.20", type: DrawerComponent, isStandalone: true, selector: "kendo-drawer", inputs: { mode: "mode", position: "position", mini: "mini", expanded: "expanded", width: "width", miniWidth: "miniWidth", autoCollapse: "autoCollapse", items: "items", isItemExpanded: "isItemExpanded", animation: "animation" }, outputs: { expand: "expand", collapse: "collapse", select: "select", expandedChange: "expandedChange" }, host: { properties: { "class.k-drawer": "this.hostClasses", "class.k-drawer-start": "this.startPositionClass", "class.k-drawer-end": "this.endPositionClass", "attr.dir": "this.direction" } }, providers: [
             LocalizationService,
             DrawerService,
             {
@@ -6194,8 +6048,10 @@ class DrawerComponent {
                 useValue: 'kendo.drawer'
             }
         ], queries: [{ propertyName: "drawerTemplate", first: true, predicate: DrawerTemplateDirective, descendants: true }, { propertyName: "footerTemplate", first: true, predicate: DrawerFooterTemplateDirective, descendants: true }, { propertyName: "headerTemplate", first: true, predicate: DrawerHeaderTemplateDirective, descendants: true }, { propertyName: "itemTemplate", first: true, predicate: DrawerItemTemplateDirective, descendants: true }], exportAs: ["kendoDrawer"], usesOnChanges: true, ngImport: i0, template: `
-        @if (expanded || mini) {
-          <div class="k-drawer-wrapper" [style.width.px]="drawerWidth">
+        @if (expanded || mini || animation) {
+          <div class="k-drawer-wrapper"
+            [style]="drawerWrapperStyle"
+            (transitionend)="onTransitionEnd($event)">
             @if (!drawerTemplate) {
               @if (headerTemplate) {
                 <ng-template
@@ -6207,7 +6063,7 @@ class DrawerComponent {
                 aria-orientation="vertical"
                 (select)="onSelect($event)"
                 [mini]="mini"
-                [expanded]="expanded"
+                [expanded]="listExpanded"
                 [(view)]="viewItems"
                 [itemTemplate]="itemTemplate?.templateRef"
                 class="k-drawer-items">
@@ -6245,8 +6101,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
                     ],
                     selector: 'kendo-drawer',
                     template: `
-        @if (expanded || mini) {
-          <div class="k-drawer-wrapper" [style.width.px]="drawerWidth">
+        @if (expanded || mini || animation) {
+          <div class="k-drawer-wrapper"
+            [style]="drawerWrapperStyle"
+            (transitionend)="onTransitionEnd($event)">
             @if (!drawerTemplate) {
               @if (headerTemplate) {
                 <ng-template
@@ -6258,7 +6116,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
                 aria-orientation="vertical"
                 (select)="onSelect($event)"
                 [mini]="mini"
-                [expanded]="expanded"
+                [expanded]="listExpanded"
                 [(view)]="viewItems"
                 [itemTemplate]="itemTemplate?.templateRef"
                 class="k-drawer-items">
@@ -6284,7 +6142,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
                     standalone: true,
                     imports: [NgTemplateOutlet, DrawerListComponent, WatermarkOverlayComponent]
                 }]
-        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i1$2.AnimationBuilder }, { type: i1.LocalizationService }, { type: DrawerService }], propDecorators: { hostClasses: [{
+        }], ctorParameters: () => [{ type: i1.LocalizationService }, { type: DrawerService }], propDecorators: { hostClasses: [{
                 type: HostBinding,
                 args: ['class.k-drawer']
             }], startPositionClass: [{
@@ -6293,15 +6151,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
             }], endPositionClass: [{
                 type: HostBinding,
                 args: ['class.k-drawer-end']
-            }], overlayMarginLeft: [{
-                type: HostBinding,
-                args: ['style.marginLeft']
-            }], overlayMarginRight: [{
-                type: HostBinding,
-                args: ['style.marginRight']
-            }], flexStyles: [{
-                type: HostBinding,
-                args: ['style.flexBasis.px']
             }], mode: [{
                 type: Input
             }], position: [{
@@ -9303,7 +9152,7 @@ class ExpansionPanelComponent {
     removeContentHiddenClass() {
         this.renderer.removeClass(this.content.nativeElement, CONTENT_HIDDEN_CLASS);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: ExpansionPanelComponent, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }, { token: i0.NgZone }, { token: i1.LocalizationService }, { token: i1$2.AnimationBuilder }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", 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: "17.0.0", version: "19.2.20", 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", "class.k-disabled": "this.disabledClass", "attr.dir": "this.direction" } }, providers: [
             LocalizationService,
             {
@@ -9410,7 +9259,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
                     standalone: true,
                     imports: [NgTemplateOutlet, IconWrapperComponent]
                 }]
-        }], ctorParameters: () => [{ type: i0.Renderer2 }, { type: i0.ElementRef }, { type: i0.NgZone }, { type: i1.LocalizationService }, { type: i1$2.AnimationBuilder }], propDecorators: { title: [{
+        }], ctorParameters: () => [{ type: i0.Renderer2 }, { type: i0.ElementRef }, { type: i0.NgZone }, { type: i1.LocalizationService }, { type: i2.AnimationBuilder }], propDecorators: { title: [{
                 type: Input
             }], subtitle: [{
                 type: Input

package/package-metadata.mjs

@@ -7,7 +7,7 @@ export const packageMetadata = {
   "productCodes": [
     "KENDOUIANGULAR"
   ],
-  "publishDate": 1778851101,
-  "version": "24.0.0-develop.33",
+  "publishDate": 1779117578,
+  "version": "24.0.0-develop.35",
   "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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-angular-layout",
-  "version": "24.0.0-develop.33",
+  "version": "24.0.0-develop.35",
   "description": "Kendo UI for Angular Layout Package - a collection of components to create professional application layoyts",
   "license": "SEE LICENSE IN LICENSE.md",
   "author": "Progress",
@@ -63,7 +63,7 @@
     "package": {
       "productName": "Kendo UI for Angular",
       "productCode": "KENDOUIANGULAR",
-      "publishDate": 1778851101,
+      "publishDate": 1779117578,
       "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"
     }
   },
@@ -73,17 +73,17 @@
     "@angular/core": "19 - 21",
     "@angular/platform-browser": "19 - 21",
     "@progress/kendo-licensing": "^1.11.0",
-    "@progress/kendo-angular-common": "24.0.0-develop.33",
-    "@progress/kendo-angular-l10n": "24.0.0-develop.33",
-    "@progress/kendo-angular-progressbar": "24.0.0-develop.33",
-    "@progress/kendo-angular-icons": "24.0.0-develop.33",
-    "@progress/kendo-angular-buttons": "24.0.0-develop.33",
-    "@progress/kendo-angular-intl": "24.0.0-develop.33",
+    "@progress/kendo-angular-common": "24.0.0-develop.35",
+    "@progress/kendo-angular-l10n": "24.0.0-develop.35",
+    "@progress/kendo-angular-progressbar": "24.0.0-develop.35",
+    "@progress/kendo-angular-icons": "24.0.0-develop.35",
+    "@progress/kendo-angular-buttons": "24.0.0-develop.35",
+    "@progress/kendo-angular-intl": "24.0.0-develop.35",
     "rxjs": "^6.5.3 || ^7.0.0"
   },
   "dependencies": {
     "tslib": "^2.3.1",
-    "@progress/kendo-angular-schematics": "24.0.0-develop.33",
+    "@progress/kendo-angular-schematics": "24.0.0-develop.35",
     "@progress/kendo-draggable": "^3.0.2"
   },
   "schematics": "./schematics/collection.json",

package/drawer/animations.d.ts

@@ -1,13 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2026 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-import { AnimationMetadata } from '@angular/animations';
-/**
- * @hidden
- */
-export declare function expandAnimation(settings: any): AnimationMetadata[];
-/**
- * @hidden
- */
-export declare function collapseAnimation(settings: any): AnimationMetadata[];