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

package/dist/es/stepper/localization/localized-messages.directive.js

@@ -1,35 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* 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 { Directive, forwardRef } from '@angular/core';
-import { LocalizationService } from '@progress/kendo-angular-l10n';
-import { StepperMessages } from './messages';
-/**
- * @hidden
- */
-var LocalizedStepperMessagesDirective = /** @class */ (function (_super) {
-    tslib_1.__extends(LocalizedStepperMessagesDirective, _super);
-    function LocalizedStepperMessagesDirective(service) {
-        var _this = _super.call(this) || this;
-        _this.service = service;
-        return _this;
-    }
-    LocalizedStepperMessagesDirective_1 = LocalizedStepperMessagesDirective;
-    var LocalizedStepperMessagesDirective_1;
-    LocalizedStepperMessagesDirective = LocalizedStepperMessagesDirective_1 = tslib_1.__decorate([
-        Directive({
-            providers: [
-                {
-                    provide: StepperMessages,
-                    useExisting: forwardRef(function () { return LocalizedStepperMessagesDirective_1; })
-                }
-            ],
-            selector: "\n      [kendoStepperLocalizedMessages]\n    "
-        }),
-        tslib_1.__metadata("design:paramtypes", [LocalizationService])
-    ], LocalizedStepperMessagesDirective);
-    return LocalizedStepperMessagesDirective;
-}(StepperMessages));
-export { LocalizedStepperMessagesDirective };

package/dist/es/stepper/localization/messages.js

@@ -1,22 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* 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 { Input } from '@angular/core';
-import { ComponentMessages } from '@progress/kendo-angular-l10n';
-/**
- * @hidden
- */
-var StepperMessages = /** @class */ (function (_super) {
-    tslib_1.__extends(StepperMessages, _super);
-    function StepperMessages() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", String)
-    ], StepperMessages.prototype, "optional", void 0);
-    return StepperMessages;
-}(ComponentMessages));
-export { StepperMessages };

package/dist/es/stepper/step.component.js

@@ -1,272 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* 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 { 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';
-/**
- * @hidden
- */
-var StepperStepComponent = /** @class */ (function () {
-    function StepperStepComponent(service, localization, ngZone) {
-        var _this = this;
-        this.service = service;
-        this.localization = localization;
-        this.ngZone = ngZone;
-        this.isStepValid = undefined;
-        this.shouldCheckValidity = undefined;
-        validatePackage(packageMetadata);
-        this.subs = this.service.focusedStepChange.subscribe(function () {
-            _this.onFocusedStepChange();
-        });
-        this.subs.add(this.service.triggerValidation.subscribe(function () {
-            _this.handleValidityChecks();
-        }));
-    }
-    Object.defineProperty(StepperStepComponent.prototype, "errorStepClass", {
-        get: function () {
-            if (isPresent(this.isStepValid)) {
-                return !this.isStepValid;
-            }
-            return false;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(StepperStepComponent.prototype, "successStepClass", {
-        get: function () {
-            if (isPresent(this.isStepValid)) {
-                return this.isStepValid;
-            }
-            return false;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    StepperStepComponent.prototype.ngOnInit = function () {
-        this.handleValidityChecks();
-    };
-    StepperStepComponent.prototype.ngOnChanges = function (changes) {
-        if (changes.current && !changes.current.firstChange) {
-            this.handleValidityChecks();
-        }
-    };
-    StepperStepComponent.prototype.ngOnDestroy = function () {
-        if (this.subs) {
-            this.subs.unsubscribe();
-        }
-    };
-    StepperStepComponent.prototype.onFocusedStepChange = function () {
-        var _this = this;
-        this.ngZone.runOutsideAngular(function () {
-            if (_this.index === _this.service.focusedStep) {
-                _this.stepLink.nativeElement.focus();
-            }
-        });
-    };
-    StepperStepComponent.prototype.onFocus = function () {
-        this.service.focus(this.index);
-    };
-    Object.defineProperty(StepperStepComponent.prototype, "tabIndexAttr", {
-        get: function () {
-            var active = this.service.focusedStep || this.service.currentStep;
-            return this.index === active ? 0 : -1;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(StepperStepComponent.prototype, "indicatorIconClasses", {
-        get: function () {
-            if (this.step.icon) {
-                return "k-icon k-i-" + this.step.icon;
-            }
-            if (this.step.iconClass) {
-                return "" + this.step.iconClass;
-            }
-            if (this.shouldCheckValidity) {
-                return this.validationIconClasses;
-            }
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(StepperStepComponent.prototype, "showIndicatorIcon", {
-        get: function () {
-            if (this.shouldCheckValidity) {
-                return true;
-            }
-            if (this.step.icon || this.step.iconClass) {
-                return true;
-            }
-            return false;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(StepperStepComponent.prototype, "showLabelIcon", {
-        get: function () {
-            if (this.shouldCheckValidity) {
-                if (this.type === 'label') {
-                    return true;
-                }
-                if (this.step.icon || this.step.iconClass) {
-                    return true;
-                }
-            }
-            return false;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(StepperStepComponent.prototype, "showLabelText", {
-        get: function () {
-            return this.type === 'label' || this.type === 'full';
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(StepperStepComponent.prototype, "validationIconClasses", {
-        get: function () {
-            if (this.isStepValid) {
-                return this.successIcon ? "" + this.successIcon : 'k-icon k-i-check';
-            }
-            else {
-                return this.errorIcon ? "" + this.errorIcon : 'k-icon k-i-warning';
-            }
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(StepperStepComponent.prototype, "indicatorText", {
-        get: function () {
-            var text = this.step.text;
-            return text ? text : this.index + 1;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    StepperStepComponent.prototype.updateStepValidity = function () {
-        if (typeof this.step.isValid === 'boolean') {
-            return this.step.isValid;
-        }
-        if (typeof this.step.isValid === 'function') {
-            return this.step.isValid(this.index);
-        }
-        return undefined;
-    };
-    Object.defineProperty(StepperStepComponent.prototype, "showIndicator", {
-        get: function () {
-            return this.type === 'indicator' || this.type === 'full';
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(StepperStepComponent.prototype, "showLabel", {
-        get: function () {
-            if (this.type === 'label' || this.type === 'full') {
-                return true;
-            }
-            return this.step.optional;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(StepperStepComponent.prototype, "optionalText", {
-        get: function () {
-            return this.localization.get('optional');
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(StepperStepComponent.prototype, "transitionDuration", {
-        get: function () {
-            return this.service.owner.animationDuration;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    StepperStepComponent.prototype._shouldCheckValidity = function () {
-        if (isPresent(this.step.validate)) {
-            if (typeof this.step.validate === 'boolean') {
-                return this.step.validate;
-            }
-            if (typeof this.step.validate === 'function') {
-                return this.step.validate(this.index);
-            }
-        }
-        return isPresent(this.step.isValid) && this.index < this.current;
-    };
-    StepperStepComponent.prototype.handleValidityChecks = function () {
-        this.isStepValid = undefined;
-        this.shouldCheckValidity = this._shouldCheckValidity();
-        if (this.shouldCheckValidity) {
-            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: "\n        <a href='#' class='k-step-link' #stepLink\n            [attr.tabindex]='tabIndexAttr'\n            [attr.title]='step.label'\n            [attr.aria-disabled]='step.disabled'\n            [attr.aria-current]='index === current ? \"step\" : null'\n            (focus)='onFocus()'\n        >\n            <ng-template *ngIf='stepTemplate'\n                [ngTemplateOutlet]='stepTemplate'\n                [ngTemplateOutletContext]='{ $implicit: step, index: index }'>\n            </ng-template>\n\n            <ng-container *ngIf='!stepTemplate'>\n                <span *ngIf='showIndicator'\n                    class='k-step-indicator'\n                    aria-hidden='true'\n                    [style.transition-duration.ms]='transitionDuration'\n                >\n                    <ng-template *ngIf='indicatorTemplate'\n                        [ngTemplateOutlet]='indicatorTemplate'\n                        [ngTemplateOutletContext]='{ $implicit: step, index: index }'>\n                    </ng-template>\n\n                    <ng-container *ngIf='!indicatorTemplate'>\n                        <span *ngIf='showIndicatorIcon' class='k-step-indicator-icon' [ngClass]='indicatorIconClasses'></span>\n                        <span class='k-step-indicator-text' *ngIf='!showIndicatorIcon'>{{ indicatorText }}</span>\n                    </ng-container>\n                </span>\n\n                <span class='k-step-label' *ngIf='showLabel'>\n                    <ng-template *ngIf='labelTemplate'\n                        [ngTemplateOutlet]='labelTemplate'\n                        [ngTemplateOutletContext]='{ $implicit: step, index: index }'>\n                    </ng-template>\n\n                    <ng-container *ngIf='!labelTemplate'>\n                        <span class='k-step-text' *ngIf='showLabelText'>{{ step.label }}</span>\n                        <span [ngClass]='validationIconClasses' *ngIf='showLabelIcon' aria-hidden='true'></span>\n                        <span class='k-step-label-optional' *ngIf='step.optional'>({{optionalText}})</span>\n                    </ng-container>\n                </span>\n            </ng-container>\n        </a>\n    "
-        }),
-        tslib_1.__metadata("design:paramtypes", [StepperService,
-            LocalizationService,
-            NgZone])
-    ], StepperStepComponent);
-    return StepperStepComponent;
-}());
-export { StepperStepComponent };

package/dist/es/stepper/stepper.component.js

@@ -1,328 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* 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 { 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';
-var DEFAULT_ANIMATION_DURATION = 400;
-/**
- * Represents the [Kendo UI Stepper component for Angular]({% slug overview_stepper %}).
- *
- * @example
- * ```ts-preview
- * _@Component({
- *    selector: 'my-app',
- *    template: `
- *        <kendo-stepper [steps]="steps">
- *        </kendo-stepper>
- *    `
- * })
- * class AppComponent {
- *    public steps: Array<StepperStep> = [
- *      { label: 'Step One' }, { label: 'Step Two' }, { label: 'Step Three' }
- *    ];
- * }
- * ```
- */
-var StepperComponent = /** @class */ (function () {
-    function StepperComponent(renderer, elem, localization, stepperService) {
-        var _this = this;
-        this.renderer = renderer;
-        this.elem = elem;
-        this.localization = localization;
-        this.stepperService = stepperService;
-        this.hostClasses = true;
-        this.ariaRole = 'navigation';
-        this.displayStyle = 'grid';
-        /**
-         * Specifies the type of the steps in the Stepper.
-         *
-         * The possible values are:
-         * * (Default) `indicator`
-         * * `label`
-         * * `full`
-         */
-        this.stepType = 'indicator';
-        /**
-         * Specifies the linear flow of the Stepper.
-         *
-         * @default true
-         */
-        this.linear = true;
-        /**
-         * Specifies the orientation of the Stepper
-         * ([see example]({% slug orientation_stepper %})).
-         *
-         * The possible values are:
-         * * (Default) `horizontal`
-         * * `vertical`
-         */
-        this.orientation = 'horizontal';
-        /**
-         * Specifies the duration of the progress indicator animation in milliseconds. Defaults to `400ms`.
-         *
-         * The possible values are:
-         *  * Boolean
-         *    * (Default) `true`
-         *    * false
-         *  * Number
-         */
-        this.animation = true;
-        /**
-         * Fires when a step is about to be activated. This event is preventable.
-         */
-        this.activate = new EventEmitter();
-        /**
-         * Fires when the `currentStep` property of the component was updated.
-         * Used to provide a two-way binding for the `currentStep` property.
-         */
-        this.currentStepChange = new EventEmitter();
-        this._steps = [];
-        this.dynamicRTLSubscription = this.localization.changes.subscribe(function (_a) {
-            var rtl = _a.rtl;
-            _this.direction = rtl ? 'rtl' : 'ltr';
-        });
-        this.stepperService.owner = this;
-    }
-    Object.defineProperty(StepperComponent.prototype, "linearClass", {
-        get: function () {
-            return this.linear;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(StepperComponent.prototype, "currentStep", {
-        get: function () {
-            return this.stepperService.currentStep;
-        },
-        /**
-         * The index of the current step.
-         */
-        set: function (value) {
-            this.stepperService.currentStep = value;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(StepperComponent.prototype, "steps", {
-        get: function () {
-            return this._steps;
-        },
-        /**
-         * The collection of steps that will be rendered in the Stepper.
-         * ([see example]({% slug step_appearance_stepper %}))
-         */
-        set: function (steps) {
-            if (isPresent(steps) && steps.length > 0) {
-                this._steps = steps;
-            }
-        },
-        enumerable: true,
-        configurable: true
-    });
-    StepperComponent.prototype.ngOnInit = function () {
-        this.applyHostStyling();
-    };
-    StepperComponent.prototype.ngOnChanges = function (changes) {
-        if (changes.steps && !changes.steps.firstChange) {
-            this.applyHostStyling();
-        }
-        if (changes.orientation) {
-            this.resetHostStyling();
-            this.applyHostStyling();
-        }
-    };
-    StepperComponent.prototype.ngOnDestroy = function () {
-        if (this.dynamicRTLSubscription) {
-            this.dynamicRTLSubscription.unsubscribe();
-        }
-    };
-    /**
-     * Manually triggers the validity check configured by the [isValid]({% slug api_layout_stepperstep %}#toc-isvalid) property of the steps ([see example]({% slug step_validation_stepper %}#toc-triggering-the-validation)).
-     *
-     * Steps that have their [validate]({% slug api_layout_stepperstep %}#toc-validate) property set to `false`, will not be validated.
-     */
-    StepperComponent.prototype.validateSteps = function () {
-        this.stepperService.validateSteps();
-    };
-    StepperComponent.prototype.applyHostStyling = function () {
-        var stepFramesStyle = this.orientation === 'horizontal' ? 'grid-template-columns' : 'grid-template-rows';
-        var stepFramesValue = "repeat(" + this.steps.length * 2 + ", 1fr)";
-        this.renderer.setStyle(this.elem.nativeElement, stepFramesStyle, stepFramesValue);
-    };
-    StepperComponent.prototype.resetHostStyling = function () {
-        this.renderer.removeStyle(this.elem.nativeElement, 'grid-template-columns');
-        this.renderer.removeStyle(this.elem.nativeElement, 'grid-template-rows');
-    };
-    Object.defineProperty(StepperComponent.prototype, "progressAnimation", {
-        /**
-         * @hidden
-         */
-        get: function () {
-            return { duration: this.animationDuration };
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(StepperComponent.prototype, "animationDuration", {
-        /**
-         * @hidden
-         */
-        get: function () {
-            if (typeof this.animation === 'number') {
-                return this.animation;
-            }
-            if (typeof this.animation === 'boolean' && this.animation) {
-                return DEFAULT_ANIMATION_DURATION;
-            }
-            return 0;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(StepperComponent.prototype, "stepsListStyling", {
-        /**
-         * @hidden
-         */
-        get: function () {
-            if (this.orientation === 'horizontal') {
-                return { 'grid-column-start': 1, 'grid-column-end': -1 };
-            }
-            return { 'grid-row-start': 1, 'grid-row-end': -1 };
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(StepperComponent.prototype, "progressBarStyling", {
-        /**
-         * @hidden
-         */
-        get: function () {
-            if (this.orientation === 'horizontal') {
-                return {
-                    'grid-column-start': 2,
-                    'grid-column-end': this.steps.length * 2
-                };
-            }
-            return {
-                'grid-row-start': 2,
-                'grid-row-end': this.steps.length * 2
-            };
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(StepperComponent.prototype, "isHorizontal", {
-        /***
-         * @hidden
-         */
-        get: function () {
-            return this.stepperService.isHorizontal;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    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: "\n        <ng-container kendoStepperLocalizedMessages\n            i18n-optional=\"kendo.stepper.optional|The text for the optional segment of the step label\"\n            optional=\"Optional\"\n         >\n        </ng-container>\n        <ol kendoStepperList\n            [stepType]='stepType'\n            [linear]='linear'\n            [orientation]='orientation'\n            [steps]='steps'\n            [currentStep]='currentStep'\n            [successIcon]='successIcon'\n            [errorIcon]='errorIcon'\n            [indicatorTemplate]='indicatorTemplate?.templateRef'\n            [labelTemplate]='labelTemplate?.templateRef'\n            [stepTemplate]='stepTemplate?.templateRef'\n            class='k-step-list'\n            [class.k-step-list-horizontal]='isHorizontal'\n            [class.k-step-list-vertical]='!isHorizontal'\n            [ngStyle]='stepsListStyling'>\n        </ol>\n\n        <kendo-progressbar *ngIf='steps.length > 0'\n            [attr.aria-hidden]='true'\n            [animation]='progressAnimation'\n            [max]='steps.length - 1'\n            [label]='false'\n            [orientation]='orientation'\n            [reverse]='!isHorizontal'\n            [value]='currentStep'\n            [ngStyle]='progressBarStyling'>\n        </kendo-progressbar>\n    "
-        }),
-        tslib_1.__metadata("design:paramtypes", [Renderer2,
-            ElementRef,
-            LocalizationService,
-            StepperService])
-    ], StepperComponent);
-    return StepperComponent;
-}());
-export { StepperComponent };