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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-angular-layout",
-  "version": "11.0.0-develop.99",
+  "version": "11.0.1-develop.1",
   "description": "Kendo UI for Angular Layout Package - a collection of components to create professional application layoyts",
   "license": "SEE LICENSE IN LICENSE.md",
   "author": "Progress",
@@ -38,16 +38,18 @@
     "@angular/common": "13 - 15",
     "@angular/core": "13 - 15",
     "@angular/platform-browser": "13 - 15",
-    "@progress/kendo-draggable": "^3.0.2",
     "@progress/kendo-licensing": "^1.0.2",
-    "@progress/kendo-angular-common": "11.0.0-develop.99",
-    "@progress/kendo-angular-l10n": "11.0.0-develop.99",
-    "@progress/kendo-angular-progressbar": "11.0.0-develop.99",
-    "@progress/kendo-angular-schematics": "11.0.0-develop.99",
+    "@progress/kendo-angular-common": "11.0.1-develop.1",
+    "@progress/kendo-angular-l10n": "11.0.1-develop.1",
+    "@progress/kendo-angular-progressbar": "11.0.1-develop.1",
+    "@progress/kendo-angular-icons": "11.0.1-develop.1",
+    "@progress/kendo-angular-buttons": "11.0.1-develop.1",
     "rxjs": "^6.5.3 || ^7.0.0"
   },
   "dependencies": {
-    "tslib": "^2.3.1"
+    "tslib": "^2.3.1",
+    "@progress/kendo-angular-schematics": "11.0.1-develop.1",
+    "@progress/kendo-draggable": "^3.0.2"
   },
   "schematics": "./schematics/collection.json",
   "module": "fesm2015/progress-kendo-angular-layout.mjs",

package/panelbar/panelbar-item-model.d.ts

@@ -2,6 +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 { SVGIcon } from "@progress/kendo-svg-icons";
 /**
  * Represents the items model of the PanelBar. These are the interface fields that the PanelBar items use.
  */
@@ -22,6 +23,11 @@ export interface PanelBarItemModel {
      * Defines the icon that will be rendered next to the title by using a custom CSS class.
      */
     iconClass: string;
+    /**
+     * Defines an SVGIcon to be rendered.
+     * The input can take either an [existing Kendo SVG icon](slug:svgicon_list) or a custom one.
+     */
+    svgIcon?: SVGIcon;
     /**
      * Defines the location of the image that will be displayed next to the title.
      */

package/panelbar/panelbar-item.component.d.ts

@@ -8,6 +8,7 @@ import { PanelBarContentDirective } from "./panelbar-content.directive";
 import { PanelBarItemTitleDirective } from "./panelbar-item-title.directive";
 import { PanelBarItemModel } from './panelbar-item-model';
 import { Subscription } from 'rxjs';
+import { SVGIcon } from '@progress/kendo-svg-icons';
 import * as i0 from "@angular/core";
 /**
  * Represents the items of the PanelBar.
@@ -35,6 +36,12 @@ export declare class PanelBarItemComponent implements OnInit, AfterContentChecke
      * ([see example]({% slug items_panelbar %}#toc-title-icons)).
      */
     iconClass: string;
+    /**
+     * Defines an SVGIcon to be rendered.
+     * The input can take either an [existing Kendo SVG icon](slug:svgicon_list) or a custom one.
+     */
+    set svgIcon(icon: SVGIcon);
+    get svgIcon(): SVGIcon;
     /**
      * Defines the location of the image that will be displayed next to the title
      * ([see example]({% slug items_panelbar %}#toc-title-images)).
@@ -97,11 +104,20 @@ export declare class PanelBarItemComponent implements OnInit, AfterContentChecke
     contentItems: QueryList<PanelBarItemComponent>;
     contentTemplate: QueryList<PanelBarContentDirective>;
     titleTemplates: QueryList<PanelBarItemTitleDirective>;
+    /**
+     * @hidden
+     */
+    arrowUpSVGIcon: SVGIcon;
+    /**
+     * @hidden
+     */
+    arrowDownSVGIcon: SVGIcon;
     focused: boolean;
     wrapperFocused: boolean;
     protected subscriptions: Subscription;
     private _expanded;
     private level;
+    private _svgIcon;
     constructor(parent: PanelBarItemComponent, eventService: PanelBarService, element: ElementRef, renderer: Renderer2);
     /**
      * @hidden
@@ -123,6 +139,18 @@ export declare class PanelBarItemComponent implements OnInit, AfterContentChecke
      * @hidden
      */
     get iconClasses(): any;
+    /**
+     * @hidden
+     */
+    get customIconClasses(): string;
+    /**
+     * @hidden
+     */
+    get dirInnerCssClasses(): string;
+    /**
+     * @hidden
+     */
+    get arrowSVGIcon(): SVGIcon;
     /**
      * @hidden
      */
@@ -149,5 +177,5 @@ export declare class PanelBarItemComponent implements OnInit, AfterContentChecke
     private addLevelClass;
     private onWrapperFocusChange;
     static ɵfac: i0.ɵɵFactoryDeclaration<PanelBarItemComponent, [{ optional: true; host: true; skipSelf: true; }, null, null, null]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PanelBarItemComponent, "kendo-panelbar-item", ["kendoPanelbarItem"], { "title": "title"; "id": "id"; "icon": "icon"; "iconClass": "iconClass"; "imageUrl": "imageUrl"; "disabled": "disabled"; "expanded": "expanded"; "selected": "selected"; "content": "content"; "items": "items"; "template": "template"; }, {}, ["contentItems", "contentTemplate", "titleTemplates"], ["kendo-panelbar-item"]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PanelBarItemComponent, "kendo-panelbar-item", ["kendoPanelbarItem"], { "title": "title"; "id": "id"; "icon": "icon"; "iconClass": "iconClass"; "svgIcon": "svgIcon"; "imageUrl": "imageUrl"; "disabled": "disabled"; "expanded": "expanded"; "selected": "selected"; "content": "content"; "items": "items"; "template": "template"; }, {}, ["contentItems", "contentTemplate", "titleTemplates"], ["kendo-panelbar-item"]>;
 }

package/panelbar.module.d.ts

@@ -9,6 +9,7 @@ import * as i3 from "./panelbar/panelbar-content.directive";
 import * as i4 from "./panelbar/panelbar-item-template.directive";
 import * as i5 from "./panelbar/panelbar-item-title.directive";
 import * as i6 from "@angular/common";
+import * as i7 from "@progress/kendo-angular-icons";
 /**
  * Represents the [NgModule](link:site.data.urls.angular['ngmoduleapi'])
  * definition for the PanelBar component.
@@ -22,6 +23,6 @@ import * as i6 from "@angular/common";
  */
 export declare class PanelBarModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<PanelBarModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<PanelBarModule, [typeof i1.PanelBarComponent, typeof i2.PanelBarItemComponent, typeof i3.PanelBarContentDirective, typeof i4.PanelBarItemTemplateDirective, typeof i5.PanelBarItemTitleDirective], [typeof i6.CommonModule], [typeof i1.PanelBarComponent, typeof i2.PanelBarItemComponent, typeof i3.PanelBarContentDirective, typeof i4.PanelBarItemTemplateDirective, typeof i5.PanelBarItemTitleDirective]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<PanelBarModule, [typeof i1.PanelBarComponent, typeof i2.PanelBarItemComponent, typeof i3.PanelBarContentDirective, typeof i4.PanelBarItemTemplateDirective, typeof i5.PanelBarItemTitleDirective], [typeof i6.CommonModule, typeof i7.IconsModule], [typeof i1.PanelBarComponent, typeof i2.PanelBarItemComponent, typeof i3.PanelBarContentDirective, typeof i4.PanelBarItemTemplateDirective, typeof i5.PanelBarItemTitleDirective]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<PanelBarModule>;
 }

package/schematics/ngAdd/index.js

@@ -2,8 +2,10 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 const schematics_1 = require("@angular-devkit/schematics");
 function default_1(options) {
-    const finalOptions = Object.assign(Object.assign({}, options), { mainNgModule: 'LayoutModule', package: 'layout' //package name, e.g grid
-     });
+    const finalOptions = Object.assign(Object.assign({}, options), { mainNgModule: 'LayoutModule', package: 'layout', peerDependencies: {
+            // peer dep of the icons
+            '@progress/kendo-svg-icons': '^1.0.0'
+        } });
     return (0, schematics_1.externalSchematic)('@progress/kendo-angular-schematics', 'ng-add', finalOptions);
 }
 exports.default = default_1;

package/splitter/splitter-bar.component.d.ts

@@ -7,15 +7,16 @@ import { LocalizationService } from '@progress/kendo-angular-l10n';
 import { Orientation } from '../common/orientation';
 import { DraggableDirective } from '@progress/kendo-angular-common';
 import { SplitterService } from './splitter.service';
+import { SVGIcon } from '@progress/kendo-svg-icons';
 import * as i0 from "@angular/core";
 /**
  * @hidden
  */
 export declare class SplitterBarComponent implements OnInit, OnDestroy {
     draggable: DraggableDirective;
-    element: ElementRef<HTMLElement>;
-    private splitterService;
     private localization;
+    private splitterService;
+    element: ElementRef<HTMLElement>;
     private renderer;
     orientation: Orientation;
     get direction(): string;
@@ -27,15 +28,17 @@ export declare class SplitterBarComponent implements OnInit, OnDestroy {
     get hostClasses(): string;
     get order(): number;
     private get expandLast();
-    constructor(draggable: DraggableDirective, element: ElementRef<HTMLElement>, splitterService: SplitterService, localization: LocalizationService, renderer: Renderer2);
+    constructor(draggable: DraggableDirective, localization: LocalizationService, splitterService: SplitterService, element: ElementRef<HTMLElement>, renderer: Renderer2);
     ngOnInit(): void;
     ngOnDestroy(): void;
     togglePrevious(): void;
     toggleNext(): void;
     shouldShowIcon(iconName: string): boolean;
     collapseClass(order: string): string;
-    previousArrowClass(): string;
-    nextArrowClass(): string;
+    previousArrowClass(): any;
+    previousSVGArrowClass(): SVGIcon;
+    nextArrowClass(): any;
+    nextSVGArrowClass(): SVGIcon;
     private togglePane;
     private onKeyDown;
     private tryToggleNearest;

package/splitter.module.d.ts

@@ -8,6 +8,7 @@ import * as i2 from "./splitter/splitter.component";
 import * as i3 from "./splitter/splitter-pane.component";
 import * as i4 from "@angular/common";
 import * as i5 from "@progress/kendo-angular-common";
+import * as i6 from "@progress/kendo-angular-icons";
 /**
  * Represents the [NgModule](link:site.data.urls.angular['ngmoduleapi'])
  * definition for the Splitter component.
@@ -18,6 +19,6 @@ import * as i5 from "@progress/kendo-angular-common";
  */
 export declare class SplitterModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<SplitterModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<SplitterModule, [typeof i1.SplitterBarComponent, typeof i2.SplitterComponent, typeof i3.SplitterPaneComponent], [typeof i4.CommonModule, typeof i5.DraggableModule], [typeof i2.SplitterComponent, typeof i3.SplitterPaneComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<SplitterModule, [typeof i1.SplitterBarComponent, typeof i2.SplitterComponent, typeof i3.SplitterPaneComponent], [typeof i4.CommonModule, typeof i5.DraggableModule, typeof i6.IconsModule], [typeof i2.SplitterComponent, typeof i3.SplitterPaneComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<SplitterModule>;
 }

package/stepper/list.component.d.ts

@@ -6,6 +6,7 @@ import { ElementRef, EventEmitter, NgZone, OnDestroy, OnInit, Renderer2, Templat
 import { StepperOrientation } from './models/orientation';
 import { StepType } from './models/step-type';
 import { StepperService } from "./stepper.service";
+import { SVGIcon } from "@progress/kendo-svg-icons";
 import * as i0 from "@angular/core";
 /**
  * @hidden
@@ -21,7 +22,10 @@ export declare class StepperListComponent implements OnInit, OnDestroy {
     currentStep: number;
     steps: any[];
     successIcon: string;
+    successSVGIcon: SVGIcon;
     errorIcon: string;
+    errorSVGIcon: SVGIcon;
+    svgIcon: SVGIcon;
     indicatorTemplate: TemplateRef<any>;
     labelTemplate: TemplateRef<any>;
     stepTemplate: TemplateRef<any>;
@@ -39,5 +43,5 @@ export declare class StepperListComponent implements OnInit, OnDestroy {
     private clickHandler;
     private getStepIndex;
     static ɵfac: i0.ɵɵFactoryDeclaration<StepperListComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<StepperListComponent, "[kendoStepperList]", never, { "linear": "linear"; "stepType": "stepType"; "orientation": "orientation"; "currentStep": "currentStep"; "steps": "steps"; "successIcon": "successIcon"; "errorIcon": "errorIcon"; "indicatorTemplate": "indicatorTemplate"; "labelTemplate": "labelTemplate"; "stepTemplate": "stepTemplate"; }, { "listKeydown": "listKeydown"; "listClick": "listClick"; }, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<StepperListComponent, "[kendoStepperList]", never, { "linear": "linear"; "stepType": "stepType"; "orientation": "orientation"; "currentStep": "currentStep"; "steps": "steps"; "successIcon": "successIcon"; "successSVGIcon": "successSVGIcon"; "errorIcon": "errorIcon"; "errorSVGIcon": "errorSVGIcon"; "svgIcon": "svgIcon"; "indicatorTemplate": "indicatorTemplate"; "labelTemplate": "labelTemplate"; "stepTemplate": "stepTemplate"; }, { "listKeydown": "listKeydown"; "listClick": "listClick"; }, never, never>;
 }

package/stepper/models/stepper-step.interface.d.ts

@@ -2,6 +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 { SVGIcon } from '@progress/kendo-svg-icons';
 import { StepPredicateFn } from './step-predicate';
 /**
  * An interface for the steps of the Stepper component.
@@ -44,6 +45,11 @@ export interface StepperStep {
      * Allows the usage of custom icons, rendered inside the step indicator instead of the default numeric or text content.
      */
     iconClass?: string;
+    /**
+     * Defines an SVG icon to be rendered inside the step indicator instead of the default numeric or text content.
+     * The input can take either an [existing Kendo SVG icon](slug:svgicon_list) or a custom one.
+     */
+    svgIcon?: SVGIcon;
     /**
      * Specifies the text content of the step label.
      */

package/stepper/step.component.d.ts

@@ -6,6 +6,7 @@ import { TemplateRef, OnInit, SimpleChanges, OnDestroy, OnChanges, NgZone, Eleme
 import { StepType } from './models/step-type';
 import { StepperService } from './stepper.service';
 import { LocalizationService } from '@progress/kendo-angular-l10n';
+import { SVGIcon } from '@progress/kendo-svg-icons';
 import * as i0 from "@angular/core";
 /**
  * @hidden
@@ -19,13 +20,18 @@ export declare class StepperStepComponent implements OnInit, OnChanges, OnDestro
     current: number;
     type: StepType;
     successIcon: string;
+    successSVGIcon: SVGIcon;
     errorIcon: string;
+    errorSVGIcon: SVGIcon;
+    svgIcon: SVGIcon;
     indicatorTemplate: TemplateRef<any>;
     labelTemplate: TemplateRef<any>;
     stepTemplate: TemplateRef<any>;
     stepLink: ElementRef;
     isStepValid: boolean;
     shouldCheckValidity: boolean;
+    checkCircleIcon: SVGIcon;
+    exclamationCircleIcon: SVGIcon;
     private subs;
     constructor(service: StepperService, localization: LocalizationService, ngZone: NgZone);
     get errorStepClass(): boolean;
@@ -36,11 +42,15 @@ export declare class StepperStepComponent implements OnInit, OnChanges, OnDestro
     onFocusedStepChange(): void;
     onFocus(): void;
     get tabIndexAttr(): number;
-    get indicatorIconClasses(): string;
+    get indicatorIconClass(): string;
+    get customIndicatorIconClass(): string;
+    get SVGIndicatorIcon(): SVGIcon;
+    get validationIconClasses(): string;
+    get customValidationIconClasses(): string;
+    get validationSVGIcon(): SVGIcon;
     get showIndicatorIcon(): boolean;
     get showLabelIcon(): boolean;
     get showLabelText(): boolean;
-    get validationIconClasses(): string;
     get indicatorText(): string;
     updateStepValidity(): boolean;
     get showIndicator(): boolean;
@@ -50,5 +60,5 @@ export declare class StepperStepComponent implements OnInit, OnChanges, OnDestro
     private _shouldCheckValidity;
     private handleValidityChecks;
     static ɵfac: i0.ɵɵFactoryDeclaration<StepperStepComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<StepperStepComponent, "[kendoStepperStep]", never, { "step": "step"; "index": "index"; "current": "current"; "type": "type"; "successIcon": "successIcon"; "errorIcon": "errorIcon"; "indicatorTemplate": "indicatorTemplate"; "labelTemplate": "labelTemplate"; "stepTemplate": "stepTemplate"; }, {}, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<StepperStepComponent, "[kendoStepperStep]", never, { "step": "step"; "index": "index"; "current": "current"; "type": "type"; "successIcon": "successIcon"; "successSVGIcon": "successSVGIcon"; "errorIcon": "errorIcon"; "errorSVGIcon": "errorSVGIcon"; "svgIcon": "svgIcon"; "indicatorTemplate": "indicatorTemplate"; "labelTemplate": "labelTemplate"; "stepTemplate": "stepTemplate"; }, {}, never, never>;
 }

package/stepper/stepper.component.d.ts

@@ -11,6 +11,7 @@ import { StepperLabelTemplateDirective } from './template-directives/label-templ
 import { StepperActivateEvent } from './events/activate-event';
 import { StepperIndicatorTemplateDirective } from './template-directives/indicator-template.directive';
 import { StepperService } from './stepper.service';
+import { SVGIcon } from '@progress/kendo-svg-icons';
 import * as i0 from "@angular/core";
 /**
  * Represents the [Kendo UI Stepper component for Angular]({% slug overview_stepper %}).
@@ -76,6 +77,22 @@ export declare class StepperComponent implements OnChanges, OnDestroy {
      */
     set steps(steps: any[]);
     get steps(): any[];
+    /**
+     * Defines an SVG icon to be rendered inside the step indicator instead of the default numeric or text content.
+     * The input can take either an [existing Kendo SVG icon](slug:svgicon_list) or a custom one.
+     */
+    set svgIcon(icon: SVGIcon);
+    get svgIcon(): SVGIcon;
+    /**
+     * Defines an SVGIcon to be rendered for the success icon.
+     * The input can take either an [existing Kendo SVG icon](slug:svgicon_list) or a custom one.
+     */
+    successSVGIcon: SVGIcon;
+    /**
+     * Defines an SVGIcon to be rendered for the error icon.
+     * The input can take either an [existing Kendo SVG icon](slug:svgicon_list) or a custom one.
+     */
+    errorSVGIcon: SVGIcon;
     /**
      * Specifies a custom icon that will be rendered inside the step
      * for valid previous steps.
@@ -119,6 +136,9 @@ export declare class StepperComponent implements OnChanges, OnDestroy {
     indicatorTemplate: StepperIndicatorTemplateDirective;
     private dynamicRTLSubscription;
     private _steps;
+    private _successSVGIcon;
+    private _errorSVGIcon;
+    private _svgIcon;
     constructor(renderer: Renderer2, elem: ElementRef, localization: LocalizationService, stepperService: StepperService);
     ngOnInit(): void;
     ngOnChanges(changes: SimpleChanges): void;
@@ -160,5 +180,5 @@ export declare class StepperComponent implements OnChanges, OnDestroy {
      */
     get isHorizontal(): boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<StepperComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<StepperComponent, "kendo-stepper", ["kendoStepper"], { "stepType": "stepType"; "linear": "linear"; "orientation": "orientation"; "currentStep": "currentStep"; "steps": "steps"; "successIcon": "successIcon"; "errorIcon": "errorIcon"; "animation": "animation"; }, { "activate": "activate"; "currentStepChange": "currentStepChange"; }, ["stepTemplate", "labelTemplate", "indicatorTemplate"], never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<StepperComponent, "kendo-stepper", ["kendoStepper"], { "stepType": "stepType"; "linear": "linear"; "orientation": "orientation"; "currentStep": "currentStep"; "steps": "steps"; "svgIcon": "svgIcon"; "successSVGIcon": "successSVGIcon"; "errorSVGIcon": "errorSVGIcon"; "successIcon": "successIcon"; "errorIcon": "errorIcon"; "animation": "animation"; }, { "activate": "activate"; "currentStepChange": "currentStepChange"; }, ["stepTemplate", "labelTemplate", "indicatorTemplate"], never>;
 }

package/stepper.module.d.ts

@@ -13,12 +13,13 @@ import * as i7 from "./stepper/template-directives/label-template.directive";
 import * as i8 from "./stepper/template-directives/indicator-template.directive";
 import * as i9 from "@angular/common";
 import * as i10 from "@progress/kendo-angular-progressbar";
+import * as i11 from "@progress/kendo-angular-icons";
 /**
  * Represents the [NgModule](link:site.data.urls.angular['ngmoduleapi'])
  * definition for the Stepper component.
  */
 export declare class StepperModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<StepperModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<StepperModule, [typeof i1.StepperStepComponent, typeof i2.StepperListComponent, typeof i3.LocalizedStepperMessagesDirective, typeof i4.StepperComponent, typeof i5.StepperCustomMessagesComponent, typeof i6.StepperStepTemplateDirective, typeof i7.StepperLabelTemplateDirective, typeof i8.StepperIndicatorTemplateDirective], [typeof i9.CommonModule, typeof i10.ProgressBarModule], [typeof i4.StepperComponent, typeof i5.StepperCustomMessagesComponent, typeof i6.StepperStepTemplateDirective, typeof i7.StepperLabelTemplateDirective, typeof i8.StepperIndicatorTemplateDirective]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<StepperModule, [typeof i1.StepperStepComponent, typeof i2.StepperListComponent, typeof i3.LocalizedStepperMessagesDirective, typeof i4.StepperComponent, typeof i5.StepperCustomMessagesComponent, typeof i6.StepperStepTemplateDirective, typeof i7.StepperLabelTemplateDirective, typeof i8.StepperIndicatorTemplateDirective], [typeof i9.CommonModule, typeof i10.ProgressBarModule, typeof i11.IconsModule], [typeof i4.StepperComponent, typeof i5.StepperCustomMessagesComponent, typeof i6.StepperStepTemplateDirective, typeof i7.StepperLabelTemplateDirective, typeof i8.StepperIndicatorTemplateDirective]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<StepperModule>;
 }

package/tabstrip/models/scrollable-settings.d.ts

@@ -2,6 +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 { SVGIcon } from "@progress/kendo-svg-icons";
 import { TabStripScrollButtonsVisibility } from "./scroll-buttons-visibility";
 /**
  * The settings for the scrollable functionality of the TabStrip. ([see example]({% slug scrollable_tabstrip %}))
@@ -46,6 +47,16 @@ export interface TabStripScrollableSettings {
      * Allows the usage of custom icons.
      */
     nextButtonIcon?: string;
+    /**
+     * Defines an SVGIcon to be rendered for the previous button icon.
+     * The input can take either an [existing Kendo SVG icon](slug:svgicon_list) or a custom one.
+     */
+    prevSVGButtonIcon?: SVGIcon;
+    /**
+     * Defines an SVGIcon to be rendered for the next button icon.
+     * The input can take either an [existing Kendo SVG icon](slug:svgicon_list) or a custom one.
+     */
+    nextSVGButtonIcon?: SVGIcon;
 }
 /**
  * @hidden

package/tabstrip/models/tabstrip-tab.component.d.ts

@@ -3,6 +3,7 @@
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 import { QueryList } from '@angular/core';
+import { SVGIcon } from '@progress/kendo-svg-icons';
 import { TabContentDirective } from '../directives/tab-content.directive';
 import { TabTitleDirective } from '../directives/tab-title.directive';
 import * as i0 from "@angular/core";
@@ -41,11 +42,20 @@ export declare class TabStripTabComponent {
      */
     closable: boolean;
     /**
-     * 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 option overrides the value of the TabStrip `closeIcon` option.
      */
     closeIcon: string;
+    /**
+     * Allows the usage of custom icons by defining a custom CSS class, or multiple classes separated by spaces.
+     * This option overrides the value of the TabStrip `closeIcon` option.
+     */
+    closeIconClass: string;
+    /**
+     * 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.
+     */
+    closeSVGIcon: SVGIcon;
     get tabContent(): TabContentDirective;
     get tabTitle(): TabTitleDirective;
     _tabContent: QueryList<TabContentDirective>;
@@ -58,5 +68,5 @@ export declare class TabStripTabComponent {
      */
     focused: boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<TabStripTabComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TabStripTabComponent, "kendo-tabstrip-tab", ["kendoTabStripTab"], { "title": "title"; "disabled": "disabled"; "cssClass": "cssClass"; "cssStyle": "cssStyle"; "selected": "selected"; "closable": "closable"; "closeIcon": "closeIcon"; }, {}, ["_tabContent", "_tabTitleDirective"], never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TabStripTabComponent, "kendo-tabstrip-tab", ["kendoTabStripTab"], { "title": "title"; "disabled": "disabled"; "cssClass": "cssClass"; "cssStyle": "cssStyle"; "selected": "selected"; "closable": "closable"; "closeIcon": "closeIcon"; "closeIconClass": "closeIconClass"; "closeSVGIcon": "closeSVGIcon"; }, {}, ["_tabContent", "_tabTitleDirective"], never>;
 }

package/tabstrip/rendering/tab.component.d.ts

@@ -6,6 +6,7 @@ import { TabStripTabComponent } from '../models/tabstrip-tab.component';
 import { EventEmitter } from '@angular/core';
 import { LocalizationService } from '@progress/kendo-angular-l10n';
 import { TabCloseEvent } from '../events/tabclose-event';
+import { SVGIcon } from '@progress/kendo-svg-icons';
 import * as i0 from "@angular/core";
 /**
  * @hidden
@@ -16,6 +17,8 @@ export declare class TabComponent {
     index: number;
     tabStripClosable: boolean;
     tabStripCloseIcon: string;
+    customTabstripCloseIcon: string;
+    closeSVGIcon: SVGIcon;
     tabClose: EventEmitter<TabCloseEvent>;
     hostClasses: boolean;
     get activeClass(): boolean;
@@ -25,8 +28,9 @@ export declare class TabComponent {
     constructor(localization: LocalizationService);
     get tabClosable(): boolean;
     get closeButtonClasses(): string;
+    get customCloseButtonClasses(): string;
     get closeButtonTitle(): string;
     closeTab(index: number): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<TabComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TabComponent, "[kendoTabStripTab]", never, { "tab": "tab"; "index": "index"; "tabStripClosable": "tabStripClosable"; "tabStripCloseIcon": "tabStripCloseIcon"; }, { "tabClose": "tabClose"; }, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TabComponent, "[kendoTabStripTab]", never, { "tab": "tab"; "index": "index"; "tabStripClosable": "tabStripClosable"; "tabStripCloseIcon": "tabStripCloseIcon"; "customTabstripCloseIcon": "customTabstripCloseIcon"; "closeSVGIcon": "closeSVGIcon"; }, { "tabClose": "tabClose"; }, never, never>;
 }

package/tabstrip/scrollable-button.component.d.ts

@@ -7,6 +7,7 @@ import { TabPosition } from './models/tab-position';
 import { TabStripScrollableSettings } from './models/scrollable-settings';
 import { TabScrollEvent } from './events/tabscroll-event';
 import { ScrollButtonType } from './models/scroll-button-type';
+import { SVGIcon } from '@progress/kendo-svg-icons';
 import * as i0 from "@angular/core";
 /**
  * @hidden
@@ -15,7 +16,6 @@ export declare class TabStripScrollableButtonComponent implements AfterViewInit,
     host: ElementRef;
     private renderer;
     private ngZone;
-    btnClasses: boolean;
     get prevClass(): boolean;
     get nextClass(): boolean;
     prev: boolean;
@@ -25,6 +25,8 @@ export declare class TabStripScrollableButtonComponent implements AfterViewInit,
     onClick: EventEmitter<ScrollButtonType>;
     get hostBoundingClientRect(): any;
     get iconClass(): string;
+    get customIconClass(): string;
+    get svgIcon(): SVGIcon;
     private subs;
     constructor(host: ElementRef, renderer: Renderer2, ngZone: NgZone);
     ngAfterViewInit(): void;
@@ -32,6 +34,8 @@ export declare class TabStripScrollableButtonComponent implements AfterViewInit,
     toggle(show: boolean): void;
     private clickHandler;
     private get scrollButtonIconClass();
+    private get customScrollButtonIconClass();
+    private get scrollButtonSVGIcon();
     private emitScrollEvent;
     static ɵfac: i0.ɵɵFactoryDeclaration<TabStripScrollableButtonComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<TabStripScrollableButtonComponent, "[kendoTabStripScrollableButton]", never, { "prev": "prev"; "tabPosition": "tabPosition"; "scrollable": "scrollable"; }, { "tabScroll": "tabScroll"; "onClick": "onClick"; }, never, never>;

package/tabstrip/tabstrip.component.d.ts

@@ -15,6 +15,7 @@ import { TabStripScrollableSettings } from './models/scrollable-settings';
 import { TabScrollEvent } from './events/tabscroll-event';
 import { TabStripScrollableButtonComponent } from './scrollable-button.component';
 import { ScrollButtonType } from './models/scroll-button-type';
+import { SVGIcon } from '@progress/kendo-svg-icons';
 import * as i0 from "@angular/core";
 /**
  * Represents the [Kendo UI TabStrip component for Angular]({% slug overview_tabstrip %}).
@@ -72,10 +73,19 @@ export declare class TabStripComponent implements AfterViewInit, OnDestroy {
     set scrollable(value: boolean | TabStripScrollableSettings);
     get scrollable(): boolean | TabStripScrollableSettings;
     /**
-     * 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.
      */
     closeIcon: string;
+    /**
+     * Allows defining a custom CSS class, or multiple classes separated by spaces, which will be applied to the close button.
+     */
+    closeIconClass: string;
+    /**
+     * 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: SVGIcon);
+    get closeSVGIcon(): SVGIcon;
     /**
      * 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.
@@ -126,6 +136,7 @@ export declare class TabStripComponent implements AfterViewInit, OnDestroy {
     private _scrollableSettings;
     private subscriptions;
     private subscriptionsArePresent;
+    private _closeSVGIcon;
     constructor(localization: LocalizationService, renderer: Renderer2, wrapper: ElementRef, tabstripService: TabStripService, scrollService: ScrollService, ngZone: NgZone);
     ngAfterViewInit(): void;
     ngOnChanges(changes: SimpleChanges): void;
@@ -183,5 +194,5 @@ export declare class TabStripComponent implements AfterViewInit, OnDestroy {
     private toggleScrollButtons;
     private attachWheelHandler;
     static ɵfac: i0.ɵɵFactoryDeclaration<TabStripComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TabStripComponent, "kendo-tabstrip", ["kendoTabStrip"], { "height": "height"; "animate": "animate"; "tabAlignment": "tabAlignment"; "tabPosition": "tabPosition"; "keepTabContent": "keepTabContent"; "closable": "closable"; "scrollable": "scrollable"; "closeIcon": "closeIcon"; }, { "tabSelect": "tabSelect"; "tabClose": "tabClose"; "tabScroll": "tabScroll"; }, ["tabs"], never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TabStripComponent, "kendo-tabstrip", ["kendoTabStrip"], { "height": "height"; "animate": "animate"; "tabAlignment": "tabAlignment"; "tabPosition": "tabPosition"; "keepTabContent": "keepTabContent"; "closable": "closable"; "scrollable": "scrollable"; "closeIcon": "closeIcon"; "closeIconClass": "closeIconClass"; "closeSVGIcon": "closeSVGIcon"; }, { "tabSelect": "tabSelect"; "tabClose": "tabClose"; "tabScroll": "tabScroll"; }, ["tabs"], never>;
 }

package/tabstrip.module.d.ts

@@ -13,6 +13,8 @@ import * as i7 from "./tabstrip/localization/localized-messages.directive";
 import * as i8 from "./tabstrip/scrollable-button.component";
 import * as i9 from "@angular/common";
 import * as i10 from "@progress/kendo-angular-common";
+import * as i11 from "@progress/kendo-angular-icons";
+import * as i12 from "@progress/kendo-angular-buttons";
 /**
  * Represents the [NgModule](link:site.data.urls.angular['ngmoduleapi'])
  * definition for the TabStrip component.
@@ -25,6 +27,6 @@ import * as i10 from "@progress/kendo-angular-common";
  */
 export declare class TabStripModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<TabStripModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<TabStripModule, [typeof i1.TabStripComponent, typeof i2.TabStripTabComponent, typeof i3.TabContentDirective, typeof i4.TabTitleDirective, typeof i5.TabComponent, typeof i6.TabStripCustomMessagesComponent, typeof i7.LocalizedTabStripMessagesDirective, typeof i8.TabStripScrollableButtonComponent], [typeof i9.CommonModule, typeof i10.ResizeSensorModule], [typeof i1.TabStripComponent, typeof i2.TabStripTabComponent, typeof i3.TabContentDirective, typeof i4.TabTitleDirective, typeof i5.TabComponent, typeof i6.TabStripCustomMessagesComponent, typeof i7.LocalizedTabStripMessagesDirective]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<TabStripModule, [typeof i1.TabStripComponent, typeof i2.TabStripTabComponent, typeof i3.TabContentDirective, typeof i4.TabTitleDirective, typeof i5.TabComponent, typeof i6.TabStripCustomMessagesComponent, typeof i7.LocalizedTabStripMessagesDirective, typeof i8.TabStripScrollableButtonComponent], [typeof i9.CommonModule, typeof i10.ResizeSensorModule, typeof i11.IconsModule, typeof i12.ButtonModule], [typeof i1.TabStripComponent, typeof i2.TabStripTabComponent, typeof i3.TabContentDirective, typeof i4.TabTitleDirective, typeof i5.TabComponent, typeof i6.TabStripCustomMessagesComponent, typeof i7.LocalizedTabStripMessagesDirective]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<TabStripModule>;
 }