@progress/kendo-angular-layout 6.5.2 → 7.0.0-dev.202204150742

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 }]
+            }] } });

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

@@ -2,13 +2,12 @@
 * 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 { Injectable, NgZone, ChangeDetectorRef, EventEmitter } from '@angular/core';
-import { StepperActivateEvent } from './events/activate-event';
-import { hasObservers } from '@progress/kendo-angular-common';
+import { Injectable, EventEmitter } from '@angular/core';
+import { hasObservers, PreventableEvent } from '@progress/kendo-angular-common';
 import { Keys } from '@progress/kendo-angular-common';
-import { LocalizationService } from '@progress/kendo-angular-l10n';
 import { isPresent } from '../common/util';
+import * as i0 from "@angular/core";
+import * as i1 from "@progress/kendo-angular-l10n";
 const DEFAULT_CURRENT_STEP = 0;
 const handlers = {};
 handlers[Keys.ArrowLeft] = 'left';
@@ -22,10 +21,24 @@ handlers[Keys.Space] = 'enter';
 const handlersRTL = Object.assign({}, handlers);
 handlersRTL[Keys.ArrowLeft] = 'right';
 handlersRTL[Keys.ArrowRight] = 'left';
+// error NG3003: One or more import cycles would need to be created to compile this component,
+// which is not supported by the current compiler configuration
 /**
  * @hidden
  */
-let StepperService = class StepperService {
+class StepperActivateEvent extends PreventableEvent {
+    /**
+     * @hidden
+     */
+    constructor(args) {
+        super();
+        Object.assign(this, args);
+    }
+}
+/**
+ * @hidden
+ */
+export class StepperService {
     constructor(localization, ngZone, changeDetector) {
         this.localization = localization;
         this.ngZone = ngZone;
@@ -141,11 +154,9 @@ let StepperService = class StepperService {
     get isHorizontal() {
         return this.owner.orientation === 'horizontal';
     }
-};
-StepperService = tslib_1.__decorate([
-    Injectable(),
-    tslib_1.__metadata("design:paramtypes", [LocalizationService,
-        NgZone,
-        ChangeDetectorRef])
-], StepperService);
-export { StepperService };
+}
+StepperService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: StepperService, deps: [{ token: i1.LocalizationService }, { token: i0.NgZone }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Injectable });
+StepperService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: StepperService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: StepperService, decorators: [{
+            type: Injectable
+        }], ctorParameters: function () { return [{ type: i1.LocalizationService }, { type: i0.NgZone }, { type: i0.ChangeDetectorRef }]; } });

package/esm2015/stepper/template-directives/indicator-template.directive.js

@@ -0,0 +1,26 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { Directive, Optional } from '@angular/core';
+import * as i0 from "@angular/core";
+/**
+ * Represents a template that defines the content of the Step indicator.
+ * To define the template, nest an `<ng-template>` tag
+ * with the `kendoStepperIndicatorTemplate` directive inside the `<kendo-stepper>` tag.
+ */
+export class StepperIndicatorTemplateDirective {
+    constructor(templateRef) {
+        this.templateRef = templateRef;
+    }
+}
+StepperIndicatorTemplateDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: StepperIndicatorTemplateDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
+StepperIndicatorTemplateDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: StepperIndicatorTemplateDirective, selector: "[kendoStepperIndicatorTemplate]", ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: StepperIndicatorTemplateDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[kendoStepperIndicatorTemplate]'
+                }]
+        }], ctorParameters: function () { return [{ type: i0.TemplateRef, decorators: [{
+                    type: Optional
+                }] }]; } });

package/esm2015/stepper/template-directives/label-template.directive.js

@@ -0,0 +1,26 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { Directive, Optional } from '@angular/core';
+import * as i0 from "@angular/core";
+/**
+ * Represents a template that defines the content of the Step label.
+ * To define the template, nest an `<ng-template>` tag
+ * with the `kendoStepperLabelTemplate` directive inside the `<kendo-stepper>` tag.
+ */
+export class StepperLabelTemplateDirective {
+    constructor(templateRef) {
+        this.templateRef = templateRef;
+    }
+}
+StepperLabelTemplateDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: StepperLabelTemplateDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
+StepperLabelTemplateDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: StepperLabelTemplateDirective, selector: "[kendoStepperLabelTemplate]", ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: StepperLabelTemplateDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[kendoStepperLabelTemplate]'
+                }]
+        }], ctorParameters: function () { return [{ type: i0.TemplateRef, decorators: [{
+                    type: Optional
+                }] }]; } });

package/esm2015/stepper/template-directives/step-template.directive.js

@@ -0,0 +1,26 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { Directive, Optional } from '@angular/core';
+import * as i0 from "@angular/core";
+/**
+ * Represents a template that defines the content of the whole Step.
+ * To define the template, nest an `<ng-template>` tag
+ * with the `kendoStepperStepTemplate` directive inside the `<kendo-stepper>` tag.
+ */
+export class StepperStepTemplateDirective {
+    constructor(templateRef) {
+        this.templateRef = templateRef;
+    }
+}
+StepperStepTemplateDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: StepperStepTemplateDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
+StepperStepTemplateDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: StepperStepTemplateDirective, selector: "[kendoStepperStepTemplate]", ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: StepperStepTemplateDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[kendoStepperStepTemplate]'
+                }]
+        }], ctorParameters: function () { return [{ type: i0.TemplateRef, decorators: [{
+                    type: Optional
+                }] }]; } });

package/{dist/es → esm2015}/stepper/types.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.module.js

@@ -2,7 +2,6 @@
 * 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 { ProgressBarModule } from '@progress/kendo-angular-progressbar';
@@ -14,6 +13,7 @@ import { StepperLabelTemplateDirective } from './stepper/template-directives/lab
 import { StepperStepTemplateDirective } from './stepper/template-directives/step-template.directive';
 import { LocalizedStepperMessagesDirective } from './stepper/localization/localized-messages.directive';
 import { StepperCustomMessagesComponent } from './stepper/localization/custom-messages.component';
+import * as i0 from "@angular/core";
 const templateDirectives = [
     StepperStepTemplateDirective,
     StepperLabelTemplateDirective,
@@ -34,13 +34,24 @@ const declarations = [
  * Represents the [NgModule]({{ site.data.urls.angular['ngmoduleapi'] }})
  * definition for the Stepper component.
  */
-let StepperModule = class StepperModule {
-};
-StepperModule = tslib_1.__decorate([
-    NgModule({
-        declarations: [declarations],
-        exports: [exportedModules],
-        imports: [CommonModule, ProgressBarModule]
-    })
-], StepperModule);
-export { StepperModule };
+export class StepperModule {
+}
+StepperModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: StepperModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+StepperModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: StepperModule, declarations: [StepperStepComponent,
+        StepperListComponent,
+        LocalizedStepperMessagesDirective, StepperComponent,
+        StepperCustomMessagesComponent, StepperStepTemplateDirective,
+        StepperLabelTemplateDirective,
+        StepperIndicatorTemplateDirective], imports: [CommonModule, ProgressBarModule], exports: [StepperComponent,
+        StepperCustomMessagesComponent, StepperStepTemplateDirective,
+        StepperLabelTemplateDirective,
+        StepperIndicatorTemplateDirective] });
+StepperModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: StepperModule, imports: [[CommonModule, ProgressBarModule]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: StepperModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [declarations],
+                    exports: [exportedModules],
+                    imports: [CommonModule, ProgressBarModule]
+                }]
+        }] });

package/{dist/es2015 → esm2015}/tabstrip/directives/tab-content.directive.js

@@ -2,8 +2,8 @@
 * 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, TemplateRef } from '@angular/core';
+import { Directive } from '@angular/core';
+import * as i0 from "@angular/core";
 /**
  * Represents the content template of the Kendo UI TabStrip.
  * To define the template, nest a `<ng-template>` tag with the `kendoTabContent` inside the component tag.
@@ -34,15 +34,16 @@ import { Directive, TemplateRef } from '@angular/core';
  *
  * ```
  */
-let TabContentDirective = class TabContentDirective {
+export class TabContentDirective {
     constructor(templateRef) {
         this.templateRef = templateRef;
     }
-};
-TabContentDirective = tslib_1.__decorate([
-    Directive({
-        selector: '[kendoTabContent]'
-    }),
-    tslib_1.__metadata("design:paramtypes", [TemplateRef])
-], TabContentDirective);
-export { TabContentDirective };
+}
+TabContentDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TabContentDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
+TabContentDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: TabContentDirective, selector: "[kendoTabContent]", ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TabContentDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[kendoTabContent]'
+                }]
+        }], ctorParameters: function () { return [{ type: i0.TemplateRef }]; } });

package/{dist/es2015 → esm2015}/tabstrip/directives/tab-title.directive.js

@@ -2,8 +2,8 @@
 * 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, TemplateRef } from '@angular/core';
+import { Directive } from '@angular/core';
+import * as i0 from "@angular/core";
 /**
  * Represents the title template of the Kendo UI TabStrip.
  * To define the template, nest a `<ng-template>` tag with the `kendoTabTitle` directive inside the component tag.
@@ -39,15 +39,16 @@ import { Directive, TemplateRef } from '@angular/core';
  *
  * ```
  */
-let TabTitleDirective = class TabTitleDirective {
+export class TabTitleDirective {
     constructor(templateRef) {
         this.templateRef = templateRef;
     }
-};
-TabTitleDirective = tslib_1.__decorate([
-    Directive({
-        selector: '[kendoTabTitle]'
-    }),
-    tslib_1.__metadata("design:paramtypes", [TemplateRef])
-], TabTitleDirective);
-export { TabTitleDirective };
+}
+TabTitleDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TabTitleDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
+TabTitleDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: TabTitleDirective, selector: "[kendoTabTitle]", ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TabTitleDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[kendoTabTitle]'
+                }]
+        }], ctorParameters: function () { return [{ type: i0.TemplateRef }]; } });

package/{dist/es2015 → esm2015}/tabstrip/events/tabscroll-event.js

@@ -2,11 +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 { PreventableEvent } from '../../common/preventable-event';
+import { PreventableEvent } from "@progress/kendo-angular-common";
 /**
  * Arguments for the `tabScroll` event of the TabStrip.
  * The `tabScroll` event fires when the tabs are being scrolled.
  *
  */
 export class TabScrollEvent extends PreventableEvent {
+    /**
+     * @hidden
+     */
+    constructor(args) {
+        super();
+        Object.assign(this, args);
+    }
 }

package/esm2015/tabstrip/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 { TabStripMessages } 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 TabStripCustomMessagesComponent extends TabStripMessages {
+    constructor(service) {
+        super();
+        this.service = service;
+    }
+    get override() {
+        return true;
+    }
+}
+TabStripCustomMessagesComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TabStripCustomMessagesComponent, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
+TabStripCustomMessagesComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: TabStripCustomMessagesComponent, selector: "kendo-tabstrip-messages", providers: [
+        {
+            provide: TabStripMessages,
+            useExisting: forwardRef(() => TabStripCustomMessagesComponent)
+        }
+    ], usesInheritance: true, ngImport: i0, template: ``, isInline: true });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TabStripCustomMessagesComponent, decorators: [{
+            type: Component,
+            args: [{
+                    providers: [
+                        {
+                            provide: TabStripMessages,
+                            useExisting: forwardRef(() => TabStripCustomMessagesComponent)
+                        }
+                    ],
+                    selector: 'kendo-tabstrip-messages',
+                    template: ``
+                }]
+        }], ctorParameters: function () { return [{ type: i1.LocalizationService }]; } });