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

package/esm2015/stepper/localization/custom-messages.component.js

@@ -0,0 +1,41 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { Component, forwardRef } from '@angular/core';
+import { StepperMessages } from './messages';
+import * as i0 from "@angular/core";
+import * as i1 from "@progress/kendo-angular-l10n";
+/**
+ * Custom component messages override default component messages
+ * ([see example]({% slug rtl_layout %})).
+ */
+export class StepperCustomMessagesComponent extends StepperMessages {
+    constructor(service) {
+        super();
+        this.service = service;
+    }
+    get override() {
+        return true;
+    }
+}
+StepperCustomMessagesComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: StepperCustomMessagesComponent, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
+StepperCustomMessagesComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: StepperCustomMessagesComponent, selector: "kendo-stepper-messages", providers: [
+        {
+            provide: StepperMessages,
+            useExisting: forwardRef(() => StepperCustomMessagesComponent)
+        }
+    ], usesInheritance: true, ngImport: i0, template: ``, isInline: true });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: StepperCustomMessagesComponent, decorators: [{
+            type: Component,
+            args: [{
+                    providers: [
+                        {
+                            provide: StepperMessages,
+                            useExisting: forwardRef(() => StepperCustomMessagesComponent)
+                        }
+                    ],
+                    selector: 'kendo-stepper-messages',
+                    template: ``
+                }]
+        }], ctorParameters: function () { return [{ type: i1.LocalizationService }]; } });

package/esm2015/stepper/localization/localized-messages.directive.js

@@ -0,0 +1,38 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { Directive, forwardRef } from '@angular/core';
+import { StepperMessages } from './messages';
+import * as i0 from "@angular/core";
+import * as i1 from "@progress/kendo-angular-l10n";
+/**
+ * @hidden
+ */
+export class LocalizedStepperMessagesDirective extends StepperMessages {
+    constructor(service) {
+        super();
+        this.service = service;
+    }
+}
+LocalizedStepperMessagesDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: LocalizedStepperMessagesDirective, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Directive });
+LocalizedStepperMessagesDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: LocalizedStepperMessagesDirective, selector: "\n      [kendoStepperLocalizedMessages]\n    ", providers: [
+        {
+            provide: StepperMessages,
+            useExisting: forwardRef(() => LocalizedStepperMessagesDirective)
+        }
+    ], usesInheritance: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: LocalizedStepperMessagesDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    providers: [
+                        {
+                            provide: StepperMessages,
+                            useExisting: forwardRef(() => LocalizedStepperMessagesDirective)
+                        }
+                    ],
+                    selector: `
+      [kendoStepperLocalizedMessages]
+    `
+                }]
+        }], ctorParameters: function () { return [{ type: i1.LocalizationService }]; } });

package/esm2015/stepper/localization/messages.js

@@ -0,0 +1,23 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { Directive, Input } from '@angular/core';
+import { ComponentMessages } from '@progress/kendo-angular-l10n';
+import * as i0 from "@angular/core";
+/**
+ * @hidden
+ */
+export class StepperMessages extends ComponentMessages {
+}
+StepperMessages.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: StepperMessages, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+StepperMessages.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: StepperMessages, selector: "kendo-stepper-messages-base", inputs: { optional: "optional" }, usesInheritance: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: StepperMessages, decorators: [{
+            type: Directive,
+            args: [{
+                    // eslint-disable-next-line @angular-eslint/directive-selector
+                    selector: 'kendo-stepper-messages-base'
+                }]
+        }], propDecorators: { optional: [{
+                type: Input
+            }] } });

package/{dist/es → esm2015}/stepper/models/orientation.js

@@ -2,3 +2,4 @@
 * Copyright © 2021 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
+export {};

package/{dist/es → esm2015}/stepper/models/step-predicate.js

@@ -2,3 +2,4 @@
 * Copyright © 2021 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
+export {};

package/{dist/es → esm2015}/stepper/models/step-type.js

@@ -2,3 +2,4 @@
 * Copyright © 2021 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
+export {};

package/{dist/es → esm2015}/stepper/models/stepper-step.interface.js

@@ -2,3 +2,4 @@
 * Copyright © 2021 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
+export {};

package/{dist/es2015 → esm2015}/stepper/step.component.js

@@ -2,17 +2,18 @@
 * 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, Input, HostBinding, TemplateRef, NgZone, ElementRef, ViewChild } from '@angular/core';
+import { Component, Input, HostBinding, ViewChild } from '@angular/core';
 import { validatePackage } from '@progress/kendo-licensing';
 import { packageMetadata } from '../package-metadata';
 import { isPresent } from '../common/util';
-import { StepperService } from './stepper.service';
-import { LocalizationService } from '@progress/kendo-angular-l10n';
+import * as i0 from "@angular/core";
+import * as i1 from "./stepper.service";
+import * as i2 from "@progress/kendo-angular-l10n";
+import * as i3 from "@angular/common";
 /**
  * @hidden
  */
-let StepperStepComponent = class StepperStepComponent {
+export class StepperStepComponent {
     constructor(service, localization, ngZone) {
         this.service = service;
         this.localization = localization;
@@ -154,61 +155,59 @@ let StepperStepComponent = class StepperStepComponent {
             this.isStepValid = this.updateStepValidity();
         }
     }
-};
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Object)
-], StepperStepComponent.prototype, "step", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Number)
-], StepperStepComponent.prototype, "index", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Number)
-], StepperStepComponent.prototype, "current", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", String)
-], StepperStepComponent.prototype, "type", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", String)
-], StepperStepComponent.prototype, "successIcon", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", String)
-], StepperStepComponent.prototype, "errorIcon", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", TemplateRef)
-], StepperStepComponent.prototype, "indicatorTemplate", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", TemplateRef)
-], StepperStepComponent.prototype, "labelTemplate", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", TemplateRef)
-], StepperStepComponent.prototype, "stepTemplate", void 0);
-tslib_1.__decorate([
-    ViewChild('stepLink', { static: true }),
-    tslib_1.__metadata("design:type", ElementRef)
-], StepperStepComponent.prototype, "stepLink", void 0);
-tslib_1.__decorate([
-    HostBinding('class.k-step-error'),
-    tslib_1.__metadata("design:type", Boolean),
-    tslib_1.__metadata("design:paramtypes", [])
-], StepperStepComponent.prototype, "errorStepClass", null);
-tslib_1.__decorate([
-    HostBinding('class.k-step-success'),
-    tslib_1.__metadata("design:type", Boolean),
-    tslib_1.__metadata("design:paramtypes", [])
-], StepperStepComponent.prototype, "successStepClass", null);
-StepperStepComponent = tslib_1.__decorate([
-    Component({
-        selector: '[kendoStepperStep]',
-        template: `
+}
+StepperStepComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: StepperStepComponent, deps: [{ token: i1.StepperService }, { token: i2.LocalizationService }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+StepperStepComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: StepperStepComponent, selector: "[kendoStepperStep]", inputs: { step: "step", index: "index", current: "current", type: "type", successIcon: "successIcon", errorIcon: "errorIcon", indicatorTemplate: "indicatorTemplate", labelTemplate: "labelTemplate", stepTemplate: "stepTemplate" }, host: { properties: { "class.k-step-error": "this.errorStepClass", "class.k-step-success": "this.successStepClass" } }, viewQueries: [{ propertyName: "stepLink", first: true, predicate: ["stepLink"], descendants: true, static: true }], usesOnChanges: true, ngImport: i0, template: `
+        <a href='#' class='k-step-link' #stepLink
+            [attr.tabindex]='tabIndexAttr'
+            [attr.title]='step.label'
+            [attr.aria-disabled]='step.disabled'
+            [attr.aria-current]='index === current ? "step" : null'
+            (focus)='onFocus()'
+        >
+            <ng-template *ngIf='stepTemplate'
+                [ngTemplateOutlet]='stepTemplate'
+                [ngTemplateOutletContext]='{ $implicit: step, index: index }'>
+            </ng-template>
+
+            <ng-container *ngIf='!stepTemplate'>
+                <span *ngIf='showIndicator'
+                    class='k-step-indicator'
+                    aria-hidden='true'
+                    [style.transition-duration.ms]='transitionDuration'
+                >
+                    <ng-template *ngIf='indicatorTemplate'
+                        [ngTemplateOutlet]='indicatorTemplate'
+                        [ngTemplateOutletContext]='{ $implicit: step, index: index }'>
+                    </ng-template>
+
+                    <ng-container *ngIf='!indicatorTemplate'>
+                        <span *ngIf='showIndicatorIcon' class='k-step-indicator-icon' [ngClass]='indicatorIconClasses'></span>
+                        <span class='k-step-indicator-text' *ngIf='!showIndicatorIcon'>{{ indicatorText }}</span>
+                    </ng-container>
+                </span>
+
+                <span class='k-step-label' *ngIf='showLabel'>
+                    <ng-template *ngIf='labelTemplate'
+                        [ngTemplateOutlet]='labelTemplate'
+                        [ngTemplateOutletContext]='{ $implicit: step, index: index }'>
+                    </ng-template>
+
+                    <ng-container *ngIf='!labelTemplate'>
+                        <span class='k-step-text' *ngIf='showLabelText'>{{ step.label }}</span>
+                        <span [ngClass]='validationIconClasses' *ngIf='showLabelIcon' aria-hidden='true'></span>
+                        <span class='k-step-label-optional' *ngIf='step.optional'>({{optionalText}})</span>
+                    </ng-container>
+                </span>
+            </ng-container>
+        </a>
+    `, isInline: true, directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: StepperStepComponent, decorators: [{
+            type: Component,
+            args: [{
+                    // eslint-disable-next-line @angular-eslint/component-selector
+                    selector: '[kendoStepperStep]',
+                    template: `
         <a href='#' class='k-step-link' #stepLink
             [attr.tabindex]='tabIndexAttr'
             [attr.title]='step.label'
@@ -253,9 +252,32 @@ StepperStepComponent = tslib_1.__decorate([
             </ng-container>
         </a>
     `
-    }),
-    tslib_1.__metadata("design:paramtypes", [StepperService,
-        LocalizationService,
-        NgZone])
-], StepperStepComponent);
-export { StepperStepComponent };
+                }]
+        }], ctorParameters: function () { return [{ type: i1.StepperService }, { type: i2.LocalizationService }, { type: i0.NgZone }]; }, propDecorators: { step: [{
+                type: Input
+            }], index: [{
+                type: Input
+            }], current: [{
+                type: Input
+            }], type: [{
+                type: Input
+            }], successIcon: [{
+                type: Input
+            }], errorIcon: [{
+                type: Input
+            }], indicatorTemplate: [{
+                type: Input
+            }], labelTemplate: [{
+                type: Input
+            }], stepTemplate: [{
+                type: Input
+            }], stepLink: [{
+                type: ViewChild,
+                args: ['stepLink', { static: true }]
+            }], errorStepClass: [{
+                type: HostBinding,
+                args: ['class.k-step-error']
+            }], successStepClass: [{
+                type: HostBinding,
+                args: ['class.k-step-success']
+            }] } });

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

@@ -2,14 +2,20 @@
 * 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, HostBinding, Input, Output, EventEmitter, ContentChild, Renderer2, ElementRef } from '@angular/core';
+import { Component, HostBinding, Input, Output, EventEmitter, ContentChild } from '@angular/core';
 import { L10N_PREFIX, LocalizationService } from '@progress/kendo-angular-l10n';
 import { StepperStepTemplateDirective } from './template-directives/step-template.directive';
 import { StepperLabelTemplateDirective } from './template-directives/label-template.directive';
 import { isPresent } from '../common/util';
 import { StepperIndicatorTemplateDirective } from './template-directives/indicator-template.directive';
 import { StepperService } from './stepper.service';
+import * as i0 from "@angular/core";
+import * as i1 from "@progress/kendo-angular-l10n";
+import * as i2 from "./stepper.service";
+import * as i3 from "./list.component";
+import * as i4 from "@progress/kendo-angular-progressbar";
+import * as i5 from "./localization/localized-messages.directive";
+import * as i6 from "@angular/common";
 const DEFAULT_ANIMATION_DURATION = 400;
 /**
  * Represents the [Kendo UI Stepper component for Angular]({% slug overview_stepper %}).
@@ -30,7 +36,7 @@ const DEFAULT_ANIMATION_DURATION = 400;
  * }
  * ```
  */
-let StepperComponent = class StepperComponent {
+export class StepperComponent {
     constructor(renderer, elem, localization, stepperService) {
         this.renderer = renderer;
         this.elem = elem;
@@ -188,102 +194,41 @@ let StepperComponent = class StepperComponent {
             'grid-row-end': this.steps.length * 2
         };
     }
-    /***
+    /**
+     * @hidden
+     */
+    onListKeydown(e) {
+        this.stepperService.keydown(e);
+    }
+    /**
+     * @hidden
+     */
+    onListClick(e) {
+        if (e.stepIdx === e.currentStep) {
+            this.stepperService.focus(e.stepIdx);
+            return;
+        }
+        if (e.linear && this.stepperService.isPrevOrNextStep(e.stepIdx) === false) {
+            return;
+        }
+        this.stepperService.onActivate(e.stepIdx, e.originalEvent);
+    }
+    /**
      * @hidden
      */
     get isHorizontal() {
-        return this.stepperService.isHorizontal;
+        return this.orientation === 'horizontal';
     }
-};
-tslib_1.__decorate([
-    HostBinding('class.k-widget'),
-    HostBinding('class.k-stepper'),
-    tslib_1.__metadata("design:type", Boolean)
-], StepperComponent.prototype, "hostClasses", void 0);
-tslib_1.__decorate([
-    HostBinding('class.k-stepper-linear'),
-    tslib_1.__metadata("design:type", Boolean),
-    tslib_1.__metadata("design:paramtypes", [])
-], StepperComponent.prototype, "linearClass", null);
-tslib_1.__decorate([
-    HostBinding('attr.role'),
-    tslib_1.__metadata("design:type", String)
-], StepperComponent.prototype, "ariaRole", void 0);
-tslib_1.__decorate([
-    HostBinding('attr.dir'),
-    tslib_1.__metadata("design:type", String)
-], StepperComponent.prototype, "direction", void 0);
-tslib_1.__decorate([
-    HostBinding('style.display'),
-    tslib_1.__metadata("design:type", String)
-], StepperComponent.prototype, "displayStyle", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", String)
-], StepperComponent.prototype, "stepType", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Boolean)
-], StepperComponent.prototype, "linear", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", String)
-], StepperComponent.prototype, "orientation", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Number),
-    tslib_1.__metadata("design:paramtypes", [Number])
-], StepperComponent.prototype, "currentStep", null);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Array),
-    tslib_1.__metadata("design:paramtypes", [Array])
-], StepperComponent.prototype, "steps", null);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", String)
-], StepperComponent.prototype, "successIcon", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", String)
-], StepperComponent.prototype, "errorIcon", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Object)
-], StepperComponent.prototype, "animation", void 0);
-tslib_1.__decorate([
-    Output(),
-    tslib_1.__metadata("design:type", EventEmitter)
-], StepperComponent.prototype, "activate", void 0);
-tslib_1.__decorate([
-    Output(),
-    tslib_1.__metadata("design:type", EventEmitter)
-], StepperComponent.prototype, "currentStepChange", void 0);
-tslib_1.__decorate([
-    ContentChild(StepperStepTemplateDirective, { static: false }),
-    tslib_1.__metadata("design:type", StepperStepTemplateDirective)
-], StepperComponent.prototype, "stepTemplate", void 0);
-tslib_1.__decorate([
-    ContentChild(StepperLabelTemplateDirective, { static: false }),
-    tslib_1.__metadata("design:type", StepperLabelTemplateDirective)
-], StepperComponent.prototype, "labelTemplate", void 0);
-tslib_1.__decorate([
-    ContentChild(StepperIndicatorTemplateDirective, { static: false }),
-    tslib_1.__metadata("design:type", StepperIndicatorTemplateDirective)
-], StepperComponent.prototype, "indicatorTemplate", void 0);
-StepperComponent = tslib_1.__decorate([
-    Component({
-        exportAs: 'kendoStepper',
-        providers: [
-            LocalizationService,
-            StepperService,
-            {
-                provide: L10N_PREFIX,
-                useValue: 'kendo.stepper'
-            }
-        ],
-        selector: 'kendo-stepper',
-        template: `
+}
+StepperComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: StepperComponent, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }, { token: i1.LocalizationService }, { token: i2.StepperService }], target: i0.ɵɵFactoryTarget.Component });
+StepperComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: StepperComponent, selector: "kendo-stepper", inputs: { stepType: "stepType", linear: "linear", orientation: "orientation", currentStep: "currentStep", steps: "steps", successIcon: "successIcon", errorIcon: "errorIcon", animation: "animation" }, outputs: { activate: "activate", currentStepChange: "currentStepChange" }, host: { properties: { "class.k-widget": "this.hostClasses", "class.k-stepper": "this.hostClasses", "class.k-stepper-linear": "this.linearClass", "attr.role": "this.ariaRole", "attr.dir": "this.direction", "style.display": "this.displayStyle" } }, providers: [
+        LocalizationService,
+        StepperService,
+        {
+            provide: L10N_PREFIX,
+            useValue: 'kendo.stepper'
+        }
+    ], queries: [{ propertyName: "stepTemplate", first: true, predicate: StepperStepTemplateDirective, descendants: true }, { propertyName: "labelTemplate", first: true, predicate: StepperLabelTemplateDirective, descendants: true }, { propertyName: "indicatorTemplate", first: true, predicate: StepperIndicatorTemplateDirective, descendants: true }], exportAs: ["kendoStepper"], usesOnChanges: true, ngImport: i0, template: `
         <ng-container kendoStepperLocalizedMessages
             i18n-optional="kendo.stepper.optional|The text for the optional segment of the step label"
             optional="Optional"
@@ -303,7 +248,58 @@ StepperComponent = tslib_1.__decorate([
             class='k-step-list'
             [class.k-step-list-horizontal]='isHorizontal'
             [class.k-step-list-vertical]='!isHorizontal'
-            [ngStyle]='stepsListStyling'>
+            [ngStyle]='stepsListStyling'
+            (listKeydown)="onListKeydown($event)"
+            (listClick)="onListClick($event)">
+        </ol>
+
+        <kendo-progressbar *ngIf='steps.length > 0'
+            [attr.aria-hidden]='true'
+            [animation]='progressAnimation'
+            [max]='steps.length - 1'
+            [label]='false'
+            [orientation]='orientation'
+            [reverse]='!isHorizontal'
+            [value]='currentStep'
+            [ngStyle]='progressBarStyling'>
+        </kendo-progressbar>
+    `, isInline: true, components: [{ type: i3.StepperListComponent, selector: "[kendoStepperList]", inputs: ["linear", "stepType", "orientation", "currentStep", "steps", "successIcon", "errorIcon", "indicatorTemplate", "labelTemplate", "stepTemplate"], outputs: ["listKeydown", "listClick"] }, { type: i4.ProgressBarComponent, selector: "kendo-progressbar", inputs: ["label", "progressCssStyle", "progressCssClass", "emptyCssStyle", "emptyCssClass", "animation"], outputs: ["animationEnd"], exportAs: ["kendoProgressBar"] }], directives: [{ type: i5.LocalizedStepperMessagesDirective, selector: "\n      [kendoStepperLocalizedMessages]\n    " }, { type: i6.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: StepperComponent, decorators: [{
+            type: Component,
+            args: [{
+                    exportAs: 'kendoStepper',
+                    providers: [
+                        LocalizationService,
+                        StepperService,
+                        {
+                            provide: L10N_PREFIX,
+                            useValue: 'kendo.stepper'
+                        }
+                    ],
+                    selector: 'kendo-stepper',
+                    template: `
+        <ng-container kendoStepperLocalizedMessages
+            i18n-optional="kendo.stepper.optional|The text for the optional segment of the step label"
+            optional="Optional"
+         >
+        </ng-container>
+        <ol kendoStepperList
+            [stepType]='stepType'
+            [linear]='linear'
+            [orientation]='orientation'
+            [steps]='steps'
+            [currentStep]='currentStep'
+            [successIcon]='successIcon'
+            [errorIcon]='errorIcon'
+            [indicatorTemplate]='indicatorTemplate?.templateRef'
+            [labelTemplate]='labelTemplate?.templateRef'
+            [stepTemplate]='stepTemplate?.templateRef'
+            class='k-step-list'
+            [class.k-step-list-horizontal]='isHorizontal'
+            [class.k-step-list-vertical]='!isHorizontal'
+            [ngStyle]='stepsListStyling'
+            (listKeydown)="onListKeydown($event)"
+            (listClick)="onListClick($event)">
         </ol>
 
         <kendo-progressbar *ngIf='steps.length > 0'
@@ -317,10 +313,52 @@ StepperComponent = tslib_1.__decorate([
             [ngStyle]='progressBarStyling'>
         </kendo-progressbar>
     `
-    }),
-    tslib_1.__metadata("design:paramtypes", [Renderer2,
-        ElementRef,
-        LocalizationService,
-        StepperService])
-], StepperComponent);
-export { StepperComponent };
+                }]
+        }], ctorParameters: function () { return [{ type: i0.Renderer2 }, { type: i0.ElementRef }, { type: i1.LocalizationService }, { type: i2.StepperService }]; }, propDecorators: { hostClasses: [{
+                type: HostBinding,
+                args: ['class.k-widget']
+            }, {
+                type: HostBinding,
+                args: ['class.k-stepper']
+            }], linearClass: [{
+                type: HostBinding,
+                args: ['class.k-stepper-linear']
+            }], ariaRole: [{
+                type: HostBinding,
+                args: ['attr.role']
+            }], direction: [{
+                type: HostBinding,
+                args: ['attr.dir']
+            }], displayStyle: [{
+                type: HostBinding,
+                args: ['style.display']
+            }], stepType: [{
+                type: Input
+            }], linear: [{
+                type: Input
+            }], orientation: [{
+                type: Input
+            }], currentStep: [{
+                type: Input
+            }], steps: [{
+                type: Input
+            }], successIcon: [{
+                type: Input
+            }], errorIcon: [{
+                type: Input
+            }], animation: [{
+                type: Input
+            }], activate: [{
+                type: Output
+            }], currentStepChange: [{
+                type: Output
+            }], stepTemplate: [{
+                type: ContentChild,
+                args: [StepperStepTemplateDirective, { static: false }]
+            }], labelTemplate: [{
+                type: ContentChild,
+                args: [StepperLabelTemplateDirective, { static: false }]
+            }], indicatorTemplate: [{
+                type: ContentChild,
+                args: [StepperIndicatorTemplateDirective, { static: false }]
+            }] } });