@progress/kendo-angular-layout 11.0.0-develop.99 → 11.0.1-develop.1

package/esm2020/tabstrip/scrollable-button.component.mjs

@@ -2,13 +2,14 @@
 * Copyright © 2023 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
+/* eslint-disable @typescript-eslint/no-explicit-any */
 import { Component, ElementRef, HostBinding, Input, Renderer2, NgZone, Output, EventEmitter } from '@angular/core';
 import { Subscription } from 'rxjs';
 import { DIRECTION_CLASSES, HIDDEN_CLASS } from './constants';
 import { isTablistHorizontal } from './util';
 import { TabScrollEvent } from './events/tabscroll-event';
 import * as i0 from "@angular/core";
-import * as i1 from "@angular/common";
+import * as i1 from "@progress/kendo-angular-icons";
 /**
  * @hidden
  */
@@ -17,7 +18,6 @@ export class TabStripScrollableButtonComponent {
         this.host = host;
         this.renderer = renderer;
         this.ngZone = ngZone;
-        this.btnClasses = true;
         this.prev = false;
         this.tabScroll = new EventEmitter();
         this.onClick = new EventEmitter();
@@ -42,7 +42,13 @@ export class TabStripScrollableButtonComponent {
         return this.host.nativeElement.getBoundingClientRect();
     }
     get iconClass() {
-        return this.scrollButtonIconClass[this.prev ? 'prevScrollButton' : 'nextScrollButton'];
+        return this.scrollButtonIconClass;
+    }
+    get customIconClass() {
+        return this.customScrollButtonIconClass;
+    }
+    get svgIcon() {
+        return this.scrollButtonSVGIcon;
     }
     ngAfterViewInit() {
         this.ngZone.runOutsideAngular(() => {
@@ -59,11 +65,36 @@ export class TabStripScrollableButtonComponent {
         const defaultPrevIcon = isTablistHorizontal(this.tabPosition) ? DIRECTION_CLASSES.left : DIRECTION_CLASSES.up;
         const defaultNextIcon = isTablistHorizontal(this.tabPosition) ? DIRECTION_CLASSES.right : DIRECTION_CLASSES.down;
         if (typeof this.scrollable === 'object') {
-            const prevIcon = typeof this.scrollable.prevButtonIcon === 'undefined' ? defaultPrevIcon : this.scrollable.prevButtonIcon;
-            const nextIcon = typeof this.scrollable.nextButtonIcon === 'undefined' ? defaultNextIcon : this.scrollable.nextButtonIcon;
-            return { prevScrollButton: prevIcon, nextScrollButton: nextIcon };
+            const prevIcon = typeof this.scrollable.prevButtonIcon === 'undefined' ? defaultPrevIcon : '';
+            const nextIcon = typeof this.scrollable.nextButtonIcon === 'undefined' ? defaultNextIcon : '';
+            if (prevIcon && this.prev) {
+                return prevIcon;
+            }
+            else if (nextIcon && !this.prev) {
+                return nextIcon;
+            }
+        }
+    }
+    get customScrollButtonIconClass() {
+        if (typeof this.scrollable === 'object') {
+            const prevIcon = this.scrollable.prevButtonIcon;
+            const nextIcon = this.scrollable.nextButtonIcon;
+            if (prevIcon && this.prev) {
+                return `k-icon ${prevIcon}`;
+            }
+            if (nextIcon && !this.prev) {
+                return `k-icon ${nextIcon}`;
+            }
+        }
+    }
+    get scrollButtonSVGIcon() {
+        if (typeof this.scrollable === 'object') {
+            const prevIcon = this.scrollable.prevSVGButtonIcon !== undefined ? this.scrollable.prevSVGButtonIcon : undefined;
+            const nextIcon = this.scrollable.nextSVGButtonIcon !== undefined ? this.scrollable.nextSVGButtonIcon : undefined;
+            if (prevIcon || nextIcon) {
+                return this.prev ? prevIcon : nextIcon;
+            }
         }
-        return { prevScrollButton: defaultPrevIcon, nextScrollButton: defaultNextIcon };
     }
     emitScrollEvent(event) {
         const scrollEvent = new TabScrollEvent({
@@ -74,37 +105,31 @@ export class TabStripScrollableButtonComponent {
     }
 }
 TabStripScrollableButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: TabStripScrollableButtonComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-TabStripScrollableButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: TabStripScrollableButtonComponent, selector: "[kendoTabStripScrollableButton]", inputs: { prev: "prev", tabPosition: "tabPosition", scrollable: "scrollable" }, outputs: { tabScroll: "tabScroll", onClick: "onClick" }, host: { properties: { "class.k-button": "this.btnClasses", "class.k-button-md": "this.btnClasses", "class.k-icon-button": "this.btnClasses", "class.k-rounded-md": "this.btnClasses", "class.k-button-flat": "this.btnClasses", "class.k-button-flat-base": "this.btnClasses", "class.k-tabstrip-prev": "this.prevClass", "class.k-tabstrip-next": "this.nextClass" } }, ngImport: i0, template: `
-        <span class="k-icon k-button-icon" [ngClass]="iconClass"></span>
-    `, isInline: true, directives: [{ type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
+TabStripScrollableButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: TabStripScrollableButtonComponent, selector: "[kendoTabStripScrollableButton]", inputs: { prev: "prev", tabPosition: "tabPosition", scrollable: "scrollable" }, outputs: { tabScroll: "tabScroll", onClick: "onClick" }, host: { properties: { "class.k-tabstrip-prev": "this.prevClass", "class.k-tabstrip-next": "this.nextClass" } }, ngImport: i0, template: `
+        <kendo-icon-wrapper
+            [name]="iconClass"
+            [customFontClass]="customIconClass"
+            [svgIcon]="svgIcon"
+            innerCssClass="k-button-icon"
+        >
+        </kendo-icon-wrapper>
+    `, isInline: true, components: [{ type: i1.IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass"], exportAs: ["kendoIconWrapper"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: TabStripScrollableButtonComponent, decorators: [{
             type: Component,
             args: [{
                     template: `
-        <span class="k-icon k-button-icon" [ngClass]="iconClass"></span>
+        <kendo-icon-wrapper
+            [name]="iconClass"
+            [customFontClass]="customIconClass"
+            [svgIcon]="svgIcon"
+            innerCssClass="k-button-icon"
+        >
+        </kendo-icon-wrapper>
     `,
                     // eslint-disable-next-line @angular-eslint/component-selector
                     selector: '[kendoTabStripScrollableButton]'
                 }]
-        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i0.NgZone }]; }, propDecorators: { btnClasses: [{
-                type: HostBinding,
-                args: ['class.k-button']
-            }, {
-                type: HostBinding,
-                args: ['class.k-button-md']
-            }, {
-                type: HostBinding,
-                args: ['class.k-icon-button']
-            }, {
-                type: HostBinding,
-                args: ['class.k-rounded-md']
-            }, {
-                type: HostBinding,
-                args: ['class.k-button-flat']
-            }, {
-                type: HostBinding,
-                args: ['class.k-button-flat-base']
-            }], prevClass: [{
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i0.NgZone }]; }, propDecorators: { prevClass: [{
                 type: HostBinding,
                 args: ['class.k-tabstrip-prev']
             }], nextClass: [{

package/esm2020/tabstrip/tabstrip.component.mjs

@@ -2,7 +2,7 @@
 * Copyright © 2023 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
-import { Component, ContentChildren, ElementRef, EventEmitter, HostBinding, Input, Output, QueryList, ViewChild, ViewChildren, Renderer2, NgZone } from '@angular/core';
+import { Component, ContentChildren, ElementRef, EventEmitter, HostBinding, Input, Output, QueryList, ViewChild, ViewChildren, Renderer2, NgZone, isDevMode } from '@angular/core';
 import { animate, state, style, transition, trigger } from '@angular/animations';
 import { LocalizationService, L10N_PREFIX } from '@progress/kendo-angular-l10n';
 import { validatePackage } from '@progress/kendo-licensing';
@@ -66,10 +66,9 @@ export class TabStripComponent {
          */
         this.closable = false;
         /**
-         * Allows defining a custom CSS class, or multiple classes separated by spaces, which will be applied to the close button span element.
-         * Allows the usage of custom icons.
+         * Defines the name for an existing font icon in the Kendo UI theme for the close icon.
          */
-        this.closeIcon = 'k-icon k-i-x';
+        this.closeIcon = 'x';
         /**
          * Fires each time the user selects a tab ([see example]({% slug overview_tabstrip %}#toc-basic-usage)).
          * The event data contains the index of the selected tab and its title.
@@ -131,6 +130,19 @@ export class TabStripComponent {
     get scrollable() {
         return this._scrollableSettings;
     }
+    /**
+     * Defines an SVGIcon to be rendered for the close icon.
+     * The input can take either an [existing Kendo SVG icon](slug:svgicon_list) or a custom one.
+     */
+    set closeSVGIcon(icon) {
+        if (isDevMode() && icon && this.closeIcon && this.closeIcon !== 'x') {
+            throw new Error('Setting both closeIcon and svgIcon options at the same time is not supported.');
+        }
+        this._closeSVGIcon = icon;
+    }
+    get closeSVGIcon() {
+        return this._closeSVGIcon;
+    }
     get tabsAtTop() {
         return this.tabPosition === 'top';
     }
@@ -359,7 +371,7 @@ export class TabStripComponent {
     }
 }
 TabStripComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: TabStripComponent, deps: [{ token: i1.LocalizationService }, { token: i0.Renderer2 }, { token: i0.ElementRef }, { token: i2.TabStripService }, { token: i3.ScrollService }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-TabStripComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: TabStripComponent, selector: "kendo-tabstrip", inputs: { height: "height", animate: "animate", tabAlignment: "tabAlignment", tabPosition: "tabPosition", keepTabContent: "keepTabContent", closable: "closable", scrollable: "scrollable", closeIcon: "closeIcon" }, outputs: { tabSelect: "tabSelect", tabClose: "tabClose", tabScroll: "tabScroll" }, host: { properties: { "class.k-tabstrip": "this.hostClass", "class.k-tabstrip-top": "this.tabsAtTop", "class.k-tabstrip-right": "this.tabsAtRight", "class.k-tabstrip-bottom": "this.tabsAtBottom", "class.k-tabstrip-left": "this.tabsAtLeft", "attr.dir": "this.dir", "class.k-tabstrip-scrollable": "this.tabStripScrollable" } }, providers: [
+TabStripComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: TabStripComponent, selector: "kendo-tabstrip", inputs: { height: "height", animate: "animate", tabAlignment: "tabAlignment", tabPosition: "tabPosition", keepTabContent: "keepTabContent", closable: "closable", scrollable: "scrollable", closeIcon: "closeIcon", closeIconClass: "closeIconClass", closeSVGIcon: "closeSVGIcon" }, outputs: { tabSelect: "tabSelect", tabClose: "tabClose", tabScroll: "tabScroll" }, host: { properties: { "class.k-tabstrip": "this.hostClass", "class.k-tabstrip-top": "this.tabsAtTop", "class.k-tabstrip-right": "this.tabsAtRight", "class.k-tabstrip-bottom": "this.tabsAtBottom", "class.k-tabstrip-left": "this.tabsAtLeft", "attr.dir": "this.dir", "class.k-tabstrip-scrollable": "this.tabStripScrollable" } }, providers: [
         TabStripService,
         ScrollService,
         LocalizationService,
@@ -404,6 +416,7 @@ TabStripComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", vers
                     [prev]="true"
                     [title]="localization.get('previousTabButton')"
                     (tabScroll)="tabScroll.emit($event)"
+                    class="k-icon-button k-button k-button-md k-rounded-md k-button-flat k-button-flat-base"
                     (onClick)="onScrollButtonClick($event)">
                 </span>
                 <ul role="tablist" #tablist
@@ -424,6 +437,8 @@ TabStripComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", vers
                             role="tab"
                             [tabStripClosable]="closable"
                             [tabStripCloseIcon]="closeIcon"
+                            [customTabstripCloseIcon]="closeIconClass"
+                            [closeSVGIcon]="closeSVGIcon"
                             (tabClose)="tabClose.emit($event)"
                             (click)="onTabClick($event, i)"
                             [id]="'k-tabstrip-tab-' + i"
@@ -440,6 +455,7 @@ TabStripComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", vers
                     [prev]="false"
                     [title]="localization.get('nextTabButton')"
                     (tabScroll)="tabScroll.emit($event)"
+                    class="k-icon-button k-button k-button-md k-rounded-md k-button-flat k-button-flat-base"
                     (onClick)="onScrollButtonClick($event)"></span>
             </div>
         </ng-template>
@@ -463,7 +479,7 @@ TabStripComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", vers
             </ng-template>
         </ng-template>
         <kendo-resize-sensor *ngIf="isScrollable" (resize)="onResize()"></kendo-resize-sensor>
-    `, isInline: true, components: [{ type: i4.TabStripScrollableButtonComponent, selector: "[kendoTabStripScrollableButton]", inputs: ["prev", "tabPosition", "scrollable"], outputs: ["tabScroll", "onClick"] }, { type: i5.TabComponent, selector: "[kendoTabStripTab]", inputs: ["tab", "index", "tabStripClosable", "tabStripCloseIcon"], outputs: ["tabClose"] }, { type: i6.ResizeSensorComponent, selector: "kendo-resize-sensor", inputs: ["rateLimit"], outputs: ["resize"] }], directives: [{ type: i7.LocalizedTabStripMessagesDirective, selector: "[kendoTabStripLocalizedMessages]" }, { type: i8.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i8.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i8.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i8.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i8.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }], animations: [
+    `, isInline: true, components: [{ type: i4.TabStripScrollableButtonComponent, selector: "[kendoTabStripScrollableButton]", inputs: ["prev", "tabPosition", "scrollable"], outputs: ["tabScroll", "onClick"] }, { type: i5.TabComponent, selector: "[kendoTabStripTab]", inputs: ["tab", "index", "tabStripClosable", "tabStripCloseIcon", "customTabstripCloseIcon", "closeSVGIcon"], outputs: ["tabClose"] }, { type: i6.ResizeSensorComponent, selector: "kendo-resize-sensor", inputs: ["rateLimit"], outputs: ["resize"] }], directives: [{ type: i7.LocalizedTabStripMessagesDirective, selector: "[kendoTabStripLocalizedMessages]" }, { type: i8.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i8.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i8.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i8.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i8.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }], animations: [
         trigger('state', [
             state('active', style({ opacity: 1 })),
             transition('* => active', [
@@ -532,6 +548,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
                     [prev]="true"
                     [title]="localization.get('previousTabButton')"
                     (tabScroll)="tabScroll.emit($event)"
+                    class="k-icon-button k-button k-button-md k-rounded-md k-button-flat k-button-flat-base"
                     (onClick)="onScrollButtonClick($event)">
                 </span>
                 <ul role="tablist" #tablist
@@ -552,6 +569,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
                             role="tab"
                             [tabStripClosable]="closable"
                             [tabStripCloseIcon]="closeIcon"
+                            [customTabstripCloseIcon]="closeIconClass"
+                            [closeSVGIcon]="closeSVGIcon"
                             (tabClose)="tabClose.emit($event)"
                             (click)="onTabClick($event, i)"
                             [id]="'k-tabstrip-tab-' + i"
@@ -568,6 +587,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
                     [prev]="false"
                     [title]="localization.get('nextTabButton')"
                     (tabScroll)="tabScroll.emit($event)"
+                    class="k-icon-button k-button k-button-md k-rounded-md k-button-flat k-button-flat-base"
                     (onClick)="onScrollButtonClick($event)"></span>
             </div>
         </ng-template>
@@ -609,6 +629,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
                 type: Input
             }], closeIcon: [{
                 type: Input
+            }], closeIconClass: [{
+                type: Input
+            }], closeSVGIcon: [{
+                type: Input
             }], tabSelect: [{
                 type: Output
             }], tabClose: [{

package/esm2020/tabstrip.module.mjs

@@ -13,6 +13,8 @@ import { TabStripCustomMessagesComponent } from './tabstrip/localization/custom-
 import { LocalizedTabStripMessagesDirective } from './tabstrip/localization/localized-messages.directive';
 import { ResizeSensorModule } from '@progress/kendo-angular-common';
 import { TabStripScrollableButtonComponent } from './tabstrip/scrollable-button.component';
+import { IconsModule } from '@progress/kendo-angular-icons';
+import { ButtonModule } from '@progress/kendo-angular-buttons';
 import * as i0 from "@angular/core";
 const exportedModules = [
     TabStripComponent,
@@ -46,19 +48,19 @@ TabStripModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version:
         TabTitleDirective,
         TabComponent,
         TabStripCustomMessagesComponent,
-        LocalizedTabStripMessagesDirective, TabStripScrollableButtonComponent], imports: [CommonModule, ResizeSensorModule], exports: [TabStripComponent,
+        LocalizedTabStripMessagesDirective, TabStripScrollableButtonComponent], imports: [CommonModule, ResizeSensorModule, IconsModule, ButtonModule], exports: [TabStripComponent,
         TabStripTabComponent,
         TabContentDirective,
         TabTitleDirective,
         TabComponent,
         TabStripCustomMessagesComponent,
         LocalizedTabStripMessagesDirective] });
-TabStripModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: TabStripModule, imports: [[CommonModule, ResizeSensorModule]] });
+TabStripModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: TabStripModule, imports: [[CommonModule, ResizeSensorModule, IconsModule, ButtonModule]] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: TabStripModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [declarations],
                     exports: [exportedModules],
-                    imports: [CommonModule, ResizeSensorModule]
+                    imports: [CommonModule, ResizeSensorModule, IconsModule, ButtonModule]
                 }]
         }] });

package/expansionpanel/expansionpanel.component.d.ts

@@ -7,6 +7,7 @@ import { EventEmitter, ElementRef, Renderer2, NgZone, OnDestroy, OnInit, AfterVi
 import { ExpansionPanelTitleDirective } from './expansionpanel-title.directive';
 import { LocalizationService } from '@progress/kendo-angular-l10n';
 import { ExpansionPanelActionEvent } from './events/action-event';
+import { SVGIcon } from '@progress/kendo-svg-icons';
 import * as i0 from "@angular/core";
 /**
  * Represents the [Kendo UI ExpansionPanel component for Angular]({% slug overview_expansionpanel %}).
@@ -55,6 +56,18 @@ export declare class ExpansionPanelComponent implements OnInit, AfterViewInit, O
      */
     set expanded(value: boolean);
     get expanded(): boolean;
+    /**
+     * Defines an SVGIcon for the expanded state of the component.
+     * The input can take either an [existing Kendo SVG icon](slug:svgicon_list) or a custom one.
+     */
+    set svgExpandIcon(icon: SVGIcon);
+    get svgExpandIcon(): SVGIcon;
+    /**
+     * Defines an SVGIcon for the collapsed state of the component.
+     * The input can take either an [existing Kendo SVG icon](slug:svgicon_list) or a custom one.
+     */
+    set svgCollapseIcon(icon: SVGIcon);
+    get svgCollapseIcon(): SVGIcon;
     /**
      * Sets a custom icon via css class(es), for the collapsed state of the component
      * ([see example]({% slug icons_expansionpanel %}#toc-icons)).
@@ -113,6 +126,8 @@ export declare class ExpansionPanelComponent implements OnInit, AfterViewInit, O
     private animationEnd;
     private subscriptions;
     private _expanded;
+    private _svgExpandIcon;
+    private _svgCollapseIcon;
     constructor(renderer: Renderer2, hostElement: ElementRef, ngZone: NgZone, localizationService: LocalizationService, builder: AnimationBuilder);
     ngOnInit(): void;
     ngAfterViewInit(): void;
@@ -136,7 +151,15 @@ export declare class ExpansionPanelComponent implements OnInit, AfterViewInit, O
     /**
      * @hidden
      */
-    get indicatorClasses(): string;
+    get expanderIndicatorClasses(): string;
+    /**
+     * @hidden
+     */
+    get customExpanderIndicatorClasses(): string;
+    /**
+     * @hidden
+     */
+    get svgExpanderIndicatorClasses(): SVGIcon;
     /**
      * Toggles the visibility of the ExpansionPanel
      * ([see example]({% slug interaction_expansionpanel %}#toc-toggling-the-content)).
@@ -153,5 +176,5 @@ export declare class ExpansionPanelComponent implements OnInit, AfterViewInit, O
     private addContentHiddenClass;
     private removeContentHiddenClass;
     static ɵfac: i0.ɵɵFactoryDeclaration<ExpansionPanelComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ExpansionPanelComponent, "kendo-expansionpanel", ["kendoExpansionPanel"], { "title": "title"; "subtitle": "subtitle"; "disabled": "disabled"; "expanded": "expanded"; "expandIcon": "expandIcon"; "collapseIcon": "collapseIcon"; "animation": "animation"; }, { "expandedChange": "expandedChange"; "action": "action"; "expand": "expand"; "collapse": "collapse"; }, ["titleTemplate"], ["*"]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ExpansionPanelComponent, "kendo-expansionpanel", ["kendoExpansionPanel"], { "title": "title"; "subtitle": "subtitle"; "disabled": "disabled"; "expanded": "expanded"; "svgExpandIcon": "svgExpandIcon"; "svgCollapseIcon": "svgCollapseIcon"; "expandIcon": "expandIcon"; "collapseIcon": "collapseIcon"; "animation": "animation"; }, { "expandedChange": "expandedChange"; "action": "action"; "expand": "expand"; "collapse": "collapse"; }, ["titleTemplate"], ["*"]>;
 }

package/expansionpanel.module.d.ts

@@ -7,12 +7,13 @@ import * as i1 from "./expansionpanel/expansionpanel.component";
 import * as i2 from "./expansionpanel/expansionpanel-title.directive";
 import * as i3 from "@angular/common";
 import * as i4 from "@progress/kendo-angular-common";
+import * as i5 from "@progress/kendo-angular-icons";
 /**
  * Represents the [NgModule](link:site.data.urls.angular['ngmoduleapi'])
  * definition for the ExpansionPanel component.
  */
 export declare class ExpansionPanelModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<ExpansionPanelModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<ExpansionPanelModule, [typeof i1.ExpansionPanelComponent, typeof i2.ExpansionPanelTitleDirective], [typeof i3.CommonModule, typeof i4.EventsModule], [typeof i1.ExpansionPanelComponent, typeof i2.ExpansionPanelTitleDirective]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<ExpansionPanelModule, [typeof i1.ExpansionPanelComponent, typeof i2.ExpansionPanelTitleDirective], [typeof i3.CommonModule, typeof i4.EventsModule, typeof i5.IconsModule], [typeof i1.ExpansionPanelComponent, typeof i2.ExpansionPanelTitleDirective]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<ExpansionPanelModule>;
 }