@progress/kendo-angular-layout 6.5.2 → 7.0.0-next.202203231147

package/{dist/es2015 → esm2015}/splitter/splitter-pane.component.js

@@ -2,12 +2,13 @@
 * Copyright © 2021 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
-import * as tslib_1 from "tslib";
-import { ChangeDetectorRef, Component, ElementRef, EventEmitter, HostBinding, Renderer2, Input, Output } from '@angular/core';
+import { Component, EventEmitter, HostBinding, Input, Output } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
 /**
  * Represents the pane component of the Splitter.
  */
-let SplitterPaneComponent = class SplitterPaneComponent {
+export class SplitterPaneComponent {
     constructor(element, renderer, cdr) {
         this.element = element;
         this.renderer = renderer;
@@ -154,87 +155,55 @@ let SplitterPaneComponent = class SplitterPaneComponent {
         this.renderer.setStyle(element, '-ms-flex-order', this.order);
         this.renderer.setStyle(element, 'order', this.order);
     }
-};
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Number),
-    tslib_1.__metadata("design:paramtypes", [Number])
-], SplitterPaneComponent.prototype, "order", null);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", String),
-    tslib_1.__metadata("design:paramtypes", [String])
-], SplitterPaneComponent.prototype, "size", null);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", String)
-], SplitterPaneComponent.prototype, "min", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", String)
-], SplitterPaneComponent.prototype, "max", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Boolean)
-], SplitterPaneComponent.prototype, "resizable", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Boolean)
-], SplitterPaneComponent.prototype, "collapsible", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Boolean)
-], SplitterPaneComponent.prototype, "scrollable", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Boolean)
-], SplitterPaneComponent.prototype, "collapsed", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", String)
-], SplitterPaneComponent.prototype, "orientation", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Boolean),
-    tslib_1.__metadata("design:paramtypes", [Boolean])
-], SplitterPaneComponent.prototype, "containsSplitter", null);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Boolean)
-], SplitterPaneComponent.prototype, "overlayContent", void 0);
-tslib_1.__decorate([
-    Output(),
-    tslib_1.__metadata("design:type", EventEmitter)
-], SplitterPaneComponent.prototype, "sizeChange", void 0);
-tslib_1.__decorate([
-    Output(),
-    tslib_1.__metadata("design:type", EventEmitter)
-], SplitterPaneComponent.prototype, "collapsedChange", void 0);
-tslib_1.__decorate([
-    HostBinding('class.k-pane'),
-    tslib_1.__metadata("design:type", Boolean)
-], SplitterPaneComponent.prototype, "hostClass", void 0);
-tslib_1.__decorate([
-    HostBinding('class.k-pane-static'),
-    tslib_1.__metadata("design:type", Boolean),
-    tslib_1.__metadata("design:paramtypes", [])
-], SplitterPaneComponent.prototype, "staticPaneClass", null);
-tslib_1.__decorate([
-    HostBinding('class.k-scrollable'),
-    tslib_1.__metadata("design:type", Boolean),
-    tslib_1.__metadata("design:paramtypes", [])
-], SplitterPaneComponent.prototype, "scrollablePaneClass", null);
-SplitterPaneComponent = tslib_1.__decorate([
-    Component({
-        exportAs: 'kendoSplitterPane',
-        selector: 'kendo-splitter-pane',
-        template: `
+}
+SplitterPaneComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SplitterPaneComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+SplitterPaneComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SplitterPaneComponent, selector: "kendo-splitter-pane", inputs: { order: "order", size: "size", min: "min", max: "max", resizable: "resizable", collapsible: "collapsible", scrollable: "scrollable", collapsed: "collapsed", orientation: "orientation", containsSplitter: "containsSplitter", overlayContent: "overlayContent" }, outputs: { sizeChange: "sizeChange", collapsedChange: "collapsedChange" }, host: { properties: { "class.k-pane": "this.hostClass", "class.k-pane-static": "this.staticPaneClass", "class.k-scrollable": "this.scrollablePaneClass" } }, exportAs: ["kendoSplitterPane"], ngImport: i0, template: `
+        <ng-container *ngIf="!collapsed"><ng-content></ng-content></ng-container>
+        <div *ngIf="overlayContent" class="k-splitter-overlay k-overlay"></div>
+    `, isInline: true, directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SplitterPaneComponent, decorators: [{
+            type: Component,
+            args: [{
+                    exportAs: 'kendoSplitterPane',
+                    selector: 'kendo-splitter-pane',
+                    template: `
         <ng-container *ngIf="!collapsed"><ng-content></ng-content></ng-container>
         <div *ngIf="overlayContent" class="k-splitter-overlay k-overlay"></div>
     `
-    }),
-    tslib_1.__metadata("design:paramtypes", [ElementRef,
-        Renderer2,
-        ChangeDetectorRef])
-], SplitterPaneComponent);
-export { SplitterPaneComponent };
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { order: [{
+                type: Input
+            }], size: [{
+                type: Input
+            }], min: [{
+                type: Input
+            }], max: [{
+                type: Input
+            }], resizable: [{
+                type: Input
+            }], collapsible: [{
+                type: Input
+            }], scrollable: [{
+                type: Input
+            }], collapsed: [{
+                type: Input
+            }], orientation: [{
+                type: Input
+            }], containsSplitter: [{
+                type: Input
+            }], overlayContent: [{
+                type: Input
+            }], sizeChange: [{
+                type: Output
+            }], collapsedChange: [{
+                type: Output
+            }], hostClass: [{
+                type: HostBinding,
+                args: ['class.k-pane']
+            }], staticPaneClass: [{
+                type: HostBinding,
+                args: ['class.k-pane-static']
+            }], scrollablePaneClass: [{
+                type: HostBinding,
+                args: ['class.k-scrollable']
+            }] } });

package/{dist/es2015 → esm2015}/splitter/splitter.component.js

@@ -2,8 +2,7 @@
 * Copyright © 2021 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
-import * as tslib_1 from "tslib";
-import { Component, ElementRef, EventEmitter, ContentChildren, Host, HostBinding, Inject, Input, Optional, Output, QueryList, ViewChildren, Renderer2 } from '@angular/core';
+import { Component, ContentChildren, Host, HostBinding, Inject, Input, Optional, Output, ViewChildren } from '@angular/core';
 import { LocalizationService, L10N_PREFIX } from '@progress/kendo-angular-l10n';
 import { validatePackage } from '@progress/kendo-licensing';
 import { packageMetadata } from '../package-metadata';
@@ -11,6 +10,13 @@ import { SplitterPaneComponent } from './splitter-pane.component';
 import { SplitterBarComponent } from './splitter-bar.component';
 import { SplitterService } from './splitter.service';
 import { isPresent } from '../common/util';
+import * as i0 from "@angular/core";
+import * as i1 from "./splitter.service";
+import * as i2 from "@progress/kendo-angular-l10n";
+import * as i3 from "./splitter-bar.component";
+import * as i4 from "@angular/common";
+import * as i5 from "@progress/kendo-angular-common";
+import * as i6 from "./splitter-pane.component";
 /**
  * Represents the [Kendo UI Splitter component for Angular]({% slug overview_splitter %}).
  *
@@ -46,7 +52,7 @@ import { isPresent } from '../common/util';
  *  class AppComponent {}
  * ```
  */
-let SplitterComponent = class SplitterComponent {
+export class SplitterComponent {
     constructor(element, splitterService, localization, renderer, enclosingPane) {
         this.element = element;
         this.splitterService = splitterService;
@@ -132,63 +138,44 @@ let SplitterComponent = class SplitterComponent {
     get direction() {
         return this.localization.rtl ? 'rtl' : 'ltr';
     }
-};
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", String)
-], SplitterComponent.prototype, "orientation", void 0);
-tslib_1.__decorate([
-    Output(),
-    tslib_1.__metadata("design:type", EventEmitter)
-], SplitterComponent.prototype, "layoutChange", void 0);
-tslib_1.__decorate([
-    HostBinding('class.k-widget'),
-    HostBinding('class.k-splitter'),
-    HostBinding('class.k-splitter-flex'),
-    tslib_1.__metadata("design:type", Boolean),
-    tslib_1.__metadata("design:paramtypes", [])
-], SplitterComponent.prototype, "hostClasses", null);
-tslib_1.__decorate([
-    HostBinding('class.k-splitter-horizontal'),
-    tslib_1.__metadata("design:type", Boolean),
-    tslib_1.__metadata("design:paramtypes", [])
-], SplitterComponent.prototype, "horizontalHostClasses", null);
-tslib_1.__decorate([
-    HostBinding('class.k-splitter-vertical'),
-    tslib_1.__metadata("design:type", Boolean),
-    tslib_1.__metadata("design:paramtypes", [])
-], SplitterComponent.prototype, "verticalHostClasses", null);
-tslib_1.__decorate([
-    HostBinding('attr.dir'),
-    tslib_1.__metadata("design:type", String),
-    tslib_1.__metadata("design:paramtypes", [])
-], SplitterComponent.prototype, "dir", null);
-tslib_1.__decorate([
-    HostBinding('attr.role'),
-    tslib_1.__metadata("design:type", String)
-], SplitterComponent.prototype, "ariaRole", void 0);
-tslib_1.__decorate([
-    ViewChildren(SplitterBarComponent),
-    tslib_1.__metadata("design:type", QueryList),
-    tslib_1.__metadata("design:paramtypes", [QueryList])
-], SplitterComponent.prototype, "splitbars", null);
-tslib_1.__decorate([
-    ContentChildren(SplitterPaneComponent),
-    tslib_1.__metadata("design:type", QueryList)
-], SplitterComponent.prototype, "panes", void 0);
-SplitterComponent = tslib_1.__decorate([
-    Component({
-        exportAs: 'kendoSplitter',
-        selector: 'kendo-splitter',
-        providers: [
-            SplitterService,
-            LocalizationService,
-            {
-                provide: L10N_PREFIX,
-                useValue: 'kendo.spliter'
-            }
-        ],
-        template: `
+}
+SplitterComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SplitterComponent, deps: [{ token: i0.ElementRef }, { token: i1.SplitterService }, { token: i2.LocalizationService }, { token: i0.Renderer2 }, { token: SplitterPaneComponent, host: true, optional: true }], target: i0.ɵɵFactoryTarget.Component });
+SplitterComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SplitterComponent, selector: "kendo-splitter", inputs: { orientation: "orientation" }, outputs: { layoutChange: "layoutChange" }, host: { properties: { "class.k-splitter": "this.hostClasses", "class.k-splitter-flex": "this.hostClasses", "class.k-splitter-horizontal": "this.horizontalHostClasses", "class.k-splitter-vertical": "this.verticalHostClasses", "attr.dir": "this.dir", "attr.role": "this.ariaRole" } }, providers: [
+        SplitterService,
+        LocalizationService,
+        {
+            provide: L10N_PREFIX,
+            useValue: 'kendo.spliter'
+        }
+    ], queries: [{ propertyName: "panes", predicate: SplitterPaneComponent }], viewQueries: [{ propertyName: "splitbars", predicate: SplitterBarComponent, descendants: true }], exportAs: ["kendoSplitter"], usesOnChanges: true, ngImport: i0, template: `
+      <ng-content select="kendo-splitter-pane"></ng-content>
+      <ng-container *ngFor="
+        let pane of panes;
+        let index = index;
+        let last = last;
+      ">
+        <kendo-splitter-bar
+          kendoDraggable
+          *ngIf="!last"
+          [index]="index"
+          [orientation]="orientation">
+        </kendo-splitter-bar>
+      </ng-container>
+    `, isInline: true, components: [{ type: i3.SplitterBarComponent, selector: "kendo-splitter-bar", inputs: ["orientation", "index"] }], directives: [{ type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i5.DraggableDirective, selector: "[kendoDraggable]", inputs: ["enableDrag"], outputs: ["kendoPress", "kendoDrag", "kendoRelease"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SplitterComponent, decorators: [{
+            type: Component,
+            args: [{
+                    exportAs: 'kendoSplitter',
+                    selector: 'kendo-splitter',
+                    providers: [
+                        SplitterService,
+                        LocalizationService,
+                        {
+                            provide: L10N_PREFIX,
+                            useValue: 'kendo.spliter'
+                        }
+                    ],
+                    template: `
       <ng-content select="kendo-splitter-pane"></ng-content>
       <ng-container *ngFor="
         let pane of panes;
@@ -203,12 +190,40 @@ SplitterComponent = tslib_1.__decorate([
         </kendo-splitter-bar>
       </ng-container>
     `
-    }),
-    tslib_1.__param(4, Optional()), tslib_1.__param(4, Host()), tslib_1.__param(4, Inject(SplitterPaneComponent)),
-    tslib_1.__metadata("design:paramtypes", [ElementRef,
-        SplitterService,
-        LocalizationService,
-        Renderer2,
-        SplitterPaneComponent])
-], SplitterComponent);
-export { SplitterComponent };
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i1.SplitterService }, { type: i2.LocalizationService }, { type: i0.Renderer2 }, { type: i6.SplitterPaneComponent, decorators: [{
+                    type: Optional
+                }, {
+                    type: Host
+                }, {
+                    type: Inject,
+                    args: [SplitterPaneComponent]
+                }] }]; }, propDecorators: { orientation: [{
+                type: Input
+            }], layoutChange: [{
+                type: Output
+            }], hostClasses: [{
+                type: HostBinding,
+                args: ['class.k-splitter']
+            }, {
+                type: HostBinding,
+                args: ['class.k-splitter-flex']
+            }], horizontalHostClasses: [{
+                type: HostBinding,
+                args: ['class.k-splitter-horizontal']
+            }], verticalHostClasses: [{
+                type: HostBinding,
+                args: ['class.k-splitter-vertical']
+            }], dir: [{
+                type: HostBinding,
+                args: ['attr.dir']
+            }], ariaRole: [{
+                type: HostBinding,
+                args: ['attr.role']
+            }], splitbars: [{
+                type: ViewChildren,
+                args: [SplitterBarComponent]
+            }], panes: [{
+                type: ContentChildren,
+                args: [SplitterPaneComponent]
+            }] } });

package/{dist/es2015 → esm2015}/splitter/splitter.service.js

@@ -2,13 +2,13 @@
 * Copyright © 2021 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
-import * as tslib_1 from "tslib";
-import { isDevMode, EventEmitter, NgZone, Injectable } from '@angular/core';
+import { isDevMode, EventEmitter, Injectable } from '@angular/core';
+import * as i0 from "@angular/core";
 const SIZING_DOC_LINK = 'https://www.telerik.com/kendo-angular-ui/components/layout/splitter/panes/#toc-size';
 /**
  * @hidden
  */
-let SplitterService = class SplitterService {
+export class SplitterService {
     constructor(zone) {
         this.zone = zone;
         this.layoutChange = new EventEmitter();
@@ -144,9 +144,9 @@ let SplitterService = class SplitterService {
             this.zone.run(() => emitter.emit(args));
         }
     }
-};
-SplitterService = tslib_1.__decorate([
-    Injectable(),
-    tslib_1.__metadata("design:paramtypes", [NgZone])
-], SplitterService);
-export { SplitterService };
+}
+SplitterService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SplitterService, deps: [{ token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Injectable });
+SplitterService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SplitterService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SplitterService, decorators: [{
+            type: Injectable
+        }], ctorParameters: function () { return [{ type: i0.NgZone }]; } });

package/{dist/es2015 → esm2015}/splitter.module.js

@@ -2,13 +2,13 @@
 * Copyright © 2021 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
-import * as tslib_1 from "tslib";
 import { NgModule } from '@angular/core';
 import { CommonModule } from '@angular/common';
 import { DraggableModule } from '@progress/kendo-angular-common';
 import { SplitterComponent } from './splitter/splitter.component';
 import { SplitterBarComponent } from './splitter/splitter-bar.component';
 import { SplitterPaneComponent } from './splitter/splitter-pane.component';
+import * as i0 from "@angular/core";
 const exportedModules = [
     SplitterComponent,
     SplitterPaneComponent
@@ -25,16 +25,25 @@ const declarations = [
  * - `SplitterComponent`—The `Splitter` component class.
  * - `SplitterPaneComponent`—The `SplitterPane` component class.
  */
-let SplitterModule = class SplitterModule {
-};
-SplitterModule = tslib_1.__decorate([
-    NgModule({
-        declarations: [declarations],
-        exports: [exportedModules],
-        imports: [
+export class SplitterModule {
+}
+SplitterModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SplitterModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+SplitterModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SplitterModule, declarations: [SplitterBarComponent, SplitterComponent,
+        SplitterPaneComponent], imports: [CommonModule,
+        DraggableModule], exports: [SplitterComponent,
+        SplitterPaneComponent] });
+SplitterModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SplitterModule, imports: [[
             CommonModule,
             DraggableModule
-        ]
-    })
-], SplitterModule);
-export { SplitterModule };
+        ]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SplitterModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [declarations],
+                    exports: [exportedModules],
+                    imports: [
+                        CommonModule,
+                        DraggableModule
+                    ]
+                }]
+        }] });

package/esm2015/stacklayout.module.js

@@ -0,0 +1,31 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { StackLayoutComponent } from './layouts/stack-layout.component';
+import * as i0 from "@angular/core";
+const exportedModules = [
+    StackLayoutComponent
+];
+const declarations = [
+    ...exportedModules
+];
+/**
+ * Represents the [NgModule]({{ site.data.urls.angular['ngmoduleapi'] }})
+ * definition for the StackLayout component.
+ */
+export class StackLayoutModule {
+}
+StackLayoutModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: StackLayoutModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+StackLayoutModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: StackLayoutModule, declarations: [StackLayoutComponent], imports: [CommonModule], exports: [StackLayoutComponent] });
+StackLayoutModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: StackLayoutModule, imports: [[CommonModule]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: StackLayoutModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [declarations],
+                    exports: [exportedModules],
+                    imports: [CommonModule]
+                }]
+        }] });

package/{dist/es2015 → esm2015}/stepper/events/activate-event.js

@@ -2,9 +2,16 @@
 * Copyright © 2021 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
-import { PreventableEvent } from '../../common/preventable-event';
+import { PreventableEvent } from '@progress/kendo-angular-common';
 /**
  * Arguments for the `activate` event of the Stepper.
  */
 export class StepperActivateEvent extends PreventableEvent {
+    /**
+     * @hidden
+     */
+    constructor(args) {
+        super();
+        Object.assign(this, args);
+    }
 }

package/esm2015/stepper/list.component.js

@@ -0,0 +1,145 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { Component, EventEmitter, Input, Output } from "@angular/core";
+import { closestItem, itemIndex, hasClass } from '../common/dom-queries';
+import { STEPPER_STEP_INDEX } from '../stepper/models/constants';
+import * as i0 from "@angular/core";
+import * as i1 from "./step.component";
+import * as i2 from "@angular/common";
+/**
+ * @hidden
+ */
+export class StepperListComponent {
+    constructor(renderer, ngZone, element) {
+        this.renderer = renderer;
+        this.ngZone = ngZone;
+        this.element = element;
+        this.listKeydown = new EventEmitter();
+        this.listClick = new EventEmitter();
+    }
+    ngOnInit() {
+        this.initDomEvents();
+    }
+    ngOnDestroy() {
+        if (this.domSubs) {
+            this.domSubs();
+        }
+    }
+    get maxStepWidth() {
+        return this.maxStepDimension('width');
+    }
+    get maxStepHeight() {
+        return this.maxStepDimension('height');
+    }
+    maxStepDimension(dimension) {
+        if (dimension === 'width' && this.orientation === 'vertical') {
+            return null;
+        }
+        if (dimension === 'height' && this.orientation === 'horizontal') {
+            return null;
+        }
+        return 100 / this.steps.length;
+    }
+    initDomEvents() {
+        if (!this.element) {
+            return;
+        }
+        this.ngZone.runOutsideAngular(() => {
+            const nativeElement = this.element.nativeElement;
+            const clickSubscription = this.renderer.listen(nativeElement, 'click', this.clickHandler.bind(this));
+            const keydownSubscription = this.renderer.listen(nativeElement, 'keydown', (e) => {
+                if (hasClass(e.target, 'k-step-link')) {
+                    this.listKeydown.emit(e);
+                }
+            });
+            this.domSubs = () => {
+                clickSubscription();
+                keydownSubscription();
+            };
+        });
+    }
+    clickHandler(e) {
+        e.preventDefault();
+        const stepIdx = this.getStepIndex(e.target);
+        const step = this.steps[stepIdx];
+        if (!step || step.disabled) {
+            return;
+        }
+        const eventArgs = {
+            stepIdx,
+            currentStep: this.currentStep,
+            linear: this.linear,
+            originalEvent: e
+        };
+        this.listClick.emit(eventArgs);
+    }
+    getStepIndex(target) {
+        const step = closestItem(target, STEPPER_STEP_INDEX, this.element.nativeElement);
+        if (step) {
+            return itemIndex(step, STEPPER_STEP_INDEX);
+        }
+    }
+}
+StepperListComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: StepperListComponent, deps: [{ token: i0.Renderer2 }, { token: i0.NgZone }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
+StepperListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: StepperListComponent, selector: "[kendoStepperList]", inputs: { linear: "linear", stepType: "stepType", orientation: "orientation", currentStep: "currentStep", steps: "steps", successIcon: "successIcon", errorIcon: "errorIcon", indicatorTemplate: "indicatorTemplate", labelTemplate: "labelTemplate", stepTemplate: "stepTemplate" }, outputs: { listKeydown: "listKeydown", listClick: "listClick" }, ngImport: i0, template: "\n        <ng-container *ngFor='let step of steps; let idx = index'>\n            <li kendoStepperStep\n                [attr.data-kendo-stepper-index]='idx'\n                [type]='stepType'\n                [step]='step'\n                [index]='idx'\n                [current]='currentStep'\n                [successIcon]='successIcon'\n                [errorIcon]='errorIcon'\n                [indicatorTemplate]='indicatorTemplate'\n                [labelTemplate]='labelTemplate'\n                [stepTemplate]='stepTemplate'\n                class='k-step'\n                [class.k-step-first]='idx === 0'\n                [class.k-step-last]='idx === steps.length - 1'\n                [class.k-step-done]='idx < currentStep'\n                [class.k-step-current]='idx === currentStep'\n                [class.k-step-optional]='step.optional'\n                [class.k-step-disabled]='step.disabled'\n                [ngClass]='step.cssClass'\n                [ngStyle]='step.cssStyle'\n                [style.max-width.%] = 'maxStepWidth'\n                [style.max-height.%] = 'maxStepHeight'\n            >\n            </li>\n        </ng-container>\n    ", isInline: true, components: [{ type: i1.StepperStepComponent, selector: "[kendoStepperStep]", inputs: ["step", "index", "current", "type", "successIcon", "errorIcon", "indicatorTemplate", "labelTemplate", "stepTemplate"] }], directives: [{ type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: StepperListComponent, decorators: [{
+            type: Component,
+            args: [{
+                    // eslint-disable-next-line @angular-eslint/component-selector
+                    selector: '[kendoStepperList]',
+                    template: `
+        <ng-container *ngFor='let step of steps; let idx = index'>
+            <li kendoStepperStep
+                [attr.${STEPPER_STEP_INDEX}]='idx'
+                [type]='stepType'
+                [step]='step'
+                [index]='idx'
+                [current]='currentStep'
+                [successIcon]='successIcon'
+                [errorIcon]='errorIcon'
+                [indicatorTemplate]='indicatorTemplate'
+                [labelTemplate]='labelTemplate'
+                [stepTemplate]='stepTemplate'
+                class='k-step'
+                [class.k-step-first]='idx === 0'
+                [class.k-step-last]='idx === steps.length - 1'
+                [class.k-step-done]='idx < currentStep'
+                [class.k-step-current]='idx === currentStep'
+                [class.k-step-optional]='step.optional'
+                [class.k-step-disabled]='step.disabled'
+                [ngClass]='step.cssClass'
+                [ngStyle]='step.cssStyle'
+                [style.max-width.%] = 'maxStepWidth'
+                [style.max-height.%] = 'maxStepHeight'
+            >
+            </li>
+        </ng-container>
+    `
+                }]
+        }], ctorParameters: function () { return [{ type: i0.Renderer2 }, { type: i0.NgZone }, { type: i0.ElementRef }]; }, propDecorators: { linear: [{
+                type: Input
+            }], stepType: [{
+                type: Input
+            }], orientation: [{
+                type: Input
+            }], currentStep: [{
+                type: Input
+            }], steps: [{
+                type: Input
+            }], successIcon: [{
+                type: Input
+            }], errorIcon: [{
+                type: Input
+            }], indicatorTemplate: [{
+                type: Input
+            }], labelTemplate: [{
+                type: Input
+            }], stepTemplate: [{
+                type: Input
+            }], listKeydown: [{
+                type: Output
+            }], listClick: [{
+                type: Output
+            }] } });