@progress/kendo-angular-layout 17.0.0-develop.4 → 17.0.0-develop.40

package/{esm2020 → esm2022}/stepper/step.component.mjs

@@ -18,14 +18,31 @@ import * as i2 from "@progress/kendo-angular-l10n";
  * @hidden
  */
 export class StepperStepComponent {
+    service;
+    localization;
+    ngZone;
+    step;
+    index;
+    current;
+    type;
+    successIcon;
+    successSVGIcon;
+    errorIcon;
+    errorSVGIcon;
+    svgIcon;
+    indicatorTemplate;
+    labelTemplate;
+    stepTemplate;
+    stepLink;
+    isStepValid = undefined;
+    shouldCheckValidity = undefined;
+    checkCircleIcon = checkCircleIcon;
+    exclamationCircleIcon = exclamationCircleIcon;
+    subs;
     constructor(service, localization, ngZone) {
         this.service = service;
         this.localization = localization;
         this.ngZone = ngZone;
-        this.isStepValid = undefined;
-        this.shouldCheckValidity = undefined;
-        this.checkCircleIcon = checkCircleIcon;
-        this.exclamationCircleIcon = exclamationCircleIcon;
         validatePackage(packageMetadata);
         this.subs = this.service.focusedStepChange.subscribe(() => {
             this.onFocusedStepChange();
@@ -185,9 +202,8 @@ export class StepperStepComponent {
             this.isStepValid = this.updateStepValidity();
         }
     }
-}
-StepperStepComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: StepperStepComponent, deps: [{ token: i1.StepperService }, { token: i2.LocalizationService }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-StepperStepComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: StepperStepComponent, isStandalone: true, selector: "[kendoStepperStep]", inputs: { step: "step", index: "index", current: "current", type: "type", successIcon: "successIcon", successSVGIcon: "successSVGIcon", errorIcon: "errorIcon", errorSVGIcon: "errorSVGIcon", svgIcon: "svgIcon", 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: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: StepperStepComponent, deps: [{ token: i1.StepperService }, { token: i2.LocalizationService }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: StepperStepComponent, isStandalone: true, selector: "[kendoStepperStep]", inputs: { step: "step", index: "index", current: "current", type: "type", successIcon: "successIcon", successSVGIcon: "successSVGIcon", errorIcon: "errorIcon", errorSVGIcon: "errorSVGIcon", svgIcon: "svgIcon", 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'
@@ -246,7 +262,8 @@ StepperStepComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", v
             </ng-container>
         </a>
     `, isInline: true, dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: StepperStepComponent, decorators: [{
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: StepperStepComponent, decorators: [{
             type: Component,
             args: [{
                     // eslint-disable-next-line @angular-eslint/component-selector

package/{esm2020 → esm2022}/stepper/stepper.component.mjs

@@ -37,66 +37,41 @@ const DEFAULT_ANIMATION_DURATION = 400;
  * ```
  */
 export class StepperComponent {
-    constructor(renderer, elem, localization, stepperService) {
-        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(({ rtl }) => {
-            this.direction = rtl ? 'rtl' : 'ltr';
-        });
-        this.stepperService.owner = this;
-    }
+    renderer;
+    elem;
+    localization;
+    stepperService;
+    hostClasses = true;
     get linearClass() {
         return this.linear;
     }
+    ariaRole = 'navigation';
+    direction;
+    displayStyle = 'grid';
+    /**
+     * Specifies the type of the steps in the Stepper.
+     *
+     * The possible values are:
+     * * (Default) `indicator`
+     * * `label`
+     * * `full`
+     */
+    stepType = 'indicator';
+    /**
+     * Specifies the linear flow of the Stepper.
+     *
+     * @default true
+     */
+    linear = true;
+    /**
+     * Specifies the orientation of the Stepper
+     * ([see example]({% slug orientation_stepper %})).
+     *
+     * The possible values are:
+     * * (Default) `horizontal`
+     * * `vertical`
+     */
+    orientation = 'horizontal';
     /**
      * The index of the current step.
      */
@@ -128,6 +103,72 @@ export class StepperComponent {
     get svgIcon() {
         return this._svgIcon;
     }
+    /**
+     * Defines an SVGIcon to be rendered for the success icon.
+     * The input can take either an [existing Kendo SVG icon](slug:svgicon_list) or a custom one.
+     */
+    successSVGIcon;
+    /**
+     * Defines an SVGIcon to be rendered for the error icon.
+     * The input can take either an [existing Kendo SVG icon](slug:svgicon_list) or a custom one.
+     */
+    errorSVGIcon;
+    /**
+     * Specifies a custom icon that will be rendered inside the step
+     * for valid previous steps.
+     */
+    successIcon;
+    /**
+     * Specifies a custom icon that will be rendered inside the step
+     * for invalid previous steps.
+     */
+    errorIcon;
+    /**
+     * Specifies the duration of the progress indicator animation in milliseconds. Defaults to `400ms`.
+     *
+     * The possible values are:
+     *  * Boolean
+     *    * (Default) `true`
+     *    * false
+     *  * Number
+     */
+    animation = true;
+    /**
+     * Fires when a step is about to be activated. This event is preventable.
+     */
+    activate = new EventEmitter();
+    /**
+     * Fires when the `currentStep` property of the component was updated.
+     * Used to provide a two-way binding for the `currentStep` property.
+     */
+    currentStepChange = new EventEmitter();
+    /**
+     * @hidden
+     */
+    stepTemplate;
+    /**
+     * @hidden
+     */
+    labelTemplate;
+    /**
+     * @hidden
+     */
+    indicatorTemplate;
+    dynamicRTLSubscription;
+    _steps = [];
+    _successSVGIcon;
+    _errorSVGIcon;
+    _svgIcon;
+    constructor(renderer, elem, localization, stepperService) {
+        this.renderer = renderer;
+        this.elem = elem;
+        this.localization = localization;
+        this.stepperService = stepperService;
+        this.dynamicRTLSubscription = this.localization.changes.subscribe(({ rtl }) => {
+            this.direction = rtl ? 'rtl' : 'ltr';
+        });
+        this.stepperService.owner = this;
+    }
     ngOnInit() {
         this.applyHostStyling();
     }
@@ -229,16 +270,15 @@ export class StepperComponent {
     get isHorizontal() {
         return this.orientation === 'horizontal';
     }
-}
-StepperComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", 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: "14.0.0", version: "15.2.10", type: StepperComponent, isStandalone: true, selector: "kendo-stepper", inputs: { stepType: "stepType", linear: "linear", orientation: "orientation", currentStep: "currentStep", steps: "steps", svgIcon: "svgIcon", successSVGIcon: "successSVGIcon", errorSVGIcon: "errorSVGIcon", successIcon: "successIcon", errorIcon: "errorIcon", animation: "animation" }, outputs: { activate: "activate", currentStepChange: "currentStepChange" }, host: { properties: { "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: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: StepperComponent, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }, { token: i1.LocalizationService }, { token: i2.StepperService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: StepperComponent, isStandalone: true, selector: "kendo-stepper", inputs: { stepType: "stepType", linear: "linear", orientation: "orientation", currentStep: "currentStep", steps: "steps", svgIcon: "svgIcon", successSVGIcon: "successSVGIcon", errorSVGIcon: "errorSVGIcon", successIcon: "successIcon", errorIcon: "errorIcon", animation: "animation" }, outputs: { activate: "activate", currentStepChange: "currentStepChange" }, host: { properties: { "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"
@@ -270,14 +310,15 @@ StepperComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", versi
             [attr.aria-hidden]='true'
             [animation]='progressAnimation'
             [max]='steps.length - 1'
-            [label]='false'
+            [label]='{position: "start", visible: false}'
             [orientation]='orientation'
             [reverse]='!isHorizontal'
             [value]='currentStep'
             [ngStyle]='progressBarStyling'>
         </kendo-progressbar>
     `, isInline: true, dependencies: [{ kind: "directive", type: LocalizedStepperMessagesDirective, selector: "\n      [kendoStepperLocalizedMessages]\n    " }, { kind: "component", type: StepperListComponent, selector: "[kendoStepperList]", inputs: ["linear", "stepType", "orientation", "currentStep", "steps", "successIcon", "successSVGIcon", "errorIcon", "errorSVGIcon", "svgIcon", "indicatorTemplate", "labelTemplate", "stepTemplate"], outputs: ["listKeydown", "listClick"] }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: ProgressBarComponent, selector: "kendo-progressbar", inputs: ["label", "progressCssStyle", "progressCssClass", "emptyCssStyle", "emptyCssClass", "animation"], outputs: ["animationEnd"], exportAs: ["kendoProgressBar"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: StepperComponent, decorators: [{
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: StepperComponent, decorators: [{
             type: Component,
             args: [{
                     exportAs: 'kendoStepper',
@@ -322,7 +363,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
             [attr.aria-hidden]='true'
             [animation]='progressAnimation'
             [max]='steps.length - 1'
-            [label]='false'
+            [label]='{position: "start", visible: false}'
             [orientation]='orientation'
             [reverse]='!isHorizontal'
             [value]='currentStep'

package/{esm2020 → esm2022}/stepper/stepper.service.mjs

@@ -28,6 +28,22 @@ handlersRTL[Keys.ArrowRight] = 'left';
  * @hidden
  */
 class StepperActivateEvent extends PreventableEvent {
+    /**
+     * The index of the activated step in the `steps` collection.
+     */
+    index;
+    /**
+     * The activated step.
+     */
+    step;
+    /**
+     * The DOM event that triggered the step activation.
+     */
+    originalEvent;
+    /**
+     * The Stepper that triggered the event.
+     */
+    sender;
     /**
      * @hidden
      */
@@ -40,16 +56,21 @@ class StepperActivateEvent extends PreventableEvent {
  * @hidden
  */
 export class StepperService {
+    localization;
+    ngZone;
+    changeDetector;
+    owner;
+    currentStep = DEFAULT_CURRENT_STEP;
+    focusedStep;
+    triggerValidation = new EventEmitter();
+    focusedStepChange = new EventEmitter();
+    get handlers() {
+        return this.localization.rtl ? handlersRTL : handlers;
+    }
     constructor(localization, ngZone, changeDetector) {
         this.localization = localization;
         this.ngZone = ngZone;
         this.changeDetector = changeDetector;
-        this.currentStep = DEFAULT_CURRENT_STEP;
-        this.triggerValidation = new EventEmitter();
-        this.focusedStepChange = new EventEmitter();
-    }
-    get handlers() {
-        return this.localization.rtl ? handlersRTL : handlers;
     }
     emit(event, eventArgs) {
         const stepper = this.owner;
@@ -155,9 +176,9 @@ export class StepperService {
     get isHorizontal() {
         return this.owner.orientation === 'horizontal';
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: StepperService, deps: [{ token: i1.LocalizationService }, { token: i0.NgZone }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: StepperService });
 }
-StepperService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", 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: "15.2.10", ngImport: i0, type: StepperService });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: StepperService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: StepperService, decorators: [{
             type: Injectable
         }], ctorParameters: function () { return [{ type: i1.LocalizationService }, { type: i0.NgZone }, { type: i0.ChangeDetectorRef }]; } });

package/{esm2020 → esm2022}/stepper/template-directives/indicator-template.directive.mjs

@@ -10,13 +10,14 @@ import * as i0 from "@angular/core";
  * with the `kendoStepperIndicatorTemplate` directive inside the `<kendo-stepper>` tag.
  */
 export class StepperIndicatorTemplateDirective {
+    templateRef;
     constructor(templateRef) {
         this.templateRef = templateRef;
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: StepperIndicatorTemplateDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: StepperIndicatorTemplateDirective, isStandalone: true, selector: "[kendoStepperIndicatorTemplate]", ngImport: i0 });
 }
-StepperIndicatorTemplateDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: StepperIndicatorTemplateDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
-StepperIndicatorTemplateDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: StepperIndicatorTemplateDirective, isStandalone: true, selector: "[kendoStepperIndicatorTemplate]", ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: StepperIndicatorTemplateDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: StepperIndicatorTemplateDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[kendoStepperIndicatorTemplate]',

package/{esm2020 → esm2022}/stepper/template-directives/label-template.directive.mjs

@@ -10,13 +10,14 @@ import * as i0 from "@angular/core";
  * with the `kendoStepperLabelTemplate` directive inside the `<kendo-stepper>` tag.
  */
 export class StepperLabelTemplateDirective {
+    templateRef;
     constructor(templateRef) {
         this.templateRef = templateRef;
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: StepperLabelTemplateDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: StepperLabelTemplateDirective, isStandalone: true, selector: "[kendoStepperLabelTemplate]", ngImport: i0 });
 }
-StepperLabelTemplateDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: StepperLabelTemplateDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
-StepperLabelTemplateDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: StepperLabelTemplateDirective, isStandalone: true, selector: "[kendoStepperLabelTemplate]", ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: StepperLabelTemplateDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: StepperLabelTemplateDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[kendoStepperLabelTemplate]',

package/{esm2020 → esm2022}/stepper/template-directives/step-template.directive.mjs

@@ -10,13 +10,14 @@ import * as i0 from "@angular/core";
  * with the `kendoStepperStepTemplate` directive inside the `<kendo-stepper>` tag.
  */
 export class StepperStepTemplateDirective {
+    templateRef;
     constructor(templateRef) {
         this.templateRef = templateRef;
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: StepperStepTemplateDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: StepperStepTemplateDirective, isStandalone: true, selector: "[kendoStepperStepTemplate]", ngImport: i0 });
 }
-StepperStepTemplateDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: StepperStepTemplateDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
-StepperStepTemplateDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: StepperStepTemplateDirective, isStandalone: true, selector: "[kendoStepperStepTemplate]", ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: StepperStepTemplateDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: StepperStepTemplateDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[kendoStepperStepTemplate]',

package/{esm2020 → esm2022}/stepper.module.mjs

@@ -16,11 +16,11 @@ import * as i5 from "./stepper/template-directives/step-template.directive";
  * definition for the Stepper component.
  */
 export class StepperModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: StepperModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: StepperModule, imports: [i1.StepperComponent, i2.StepperCustomMessagesComponent, i3.StepperIndicatorTemplateDirective, i4.StepperLabelTemplateDirective, i5.StepperStepTemplateDirective], exports: [i1.StepperComponent, i2.StepperCustomMessagesComponent, i3.StepperIndicatorTemplateDirective, i4.StepperLabelTemplateDirective, i5.StepperStepTemplateDirective] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: StepperModule, imports: [i1.StepperComponent] });
 }
-StepperModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: StepperModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-StepperModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: StepperModule, imports: [i1.StepperComponent, i2.StepperCustomMessagesComponent, i3.StepperIndicatorTemplateDirective, i4.StepperLabelTemplateDirective, i5.StepperStepTemplateDirective], exports: [i1.StepperComponent, i2.StepperCustomMessagesComponent, i3.StepperIndicatorTemplateDirective, i4.StepperLabelTemplateDirective, i5.StepperStepTemplateDirective] });
-StepperModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: StepperModule, imports: [i1.StepperComponent, i2.StepperCustomMessagesComponent] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: StepperModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: StepperModule, decorators: [{
             type: NgModule,
             args: [{
                     exports: [...KENDO_STEPPER],

package/{esm2020 → esm2022}/tabstrip/directives/tab-content.directive.mjs

@@ -35,13 +35,14 @@ import * as i0 from "@angular/core";
  * ```
  */
 export class TabContentDirective {
+    templateRef;
     constructor(templateRef) {
         this.templateRef = templateRef;
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TabContentDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: TabContentDirective, isStandalone: true, selector: "[kendoTabContent]", ngImport: i0 });
 }
-TabContentDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TabContentDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
-TabContentDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: TabContentDirective, isStandalone: true, selector: "[kendoTabContent]", ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TabContentDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TabContentDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[kendoTabContent]',

package/{esm2020 → esm2022}/tabstrip/directives/tab-title.directive.mjs

@@ -40,13 +40,14 @@ import * as i0 from "@angular/core";
  * ```
  */
 export class TabTitleDirective {
+    templateRef;
     constructor(templateRef) {
         this.templateRef = templateRef;
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TabTitleDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: TabTitleDirective, isStandalone: true, selector: "[kendoTabTitle]", ngImport: i0 });
 }
-TabTitleDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TabTitleDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
-TabTitleDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: TabTitleDirective, isStandalone: true, selector: "[kendoTabTitle]", ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TabTitleDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TabTitleDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[kendoTabTitle]',

package/{esm2020 → esm2022}/tabstrip/directives/tab.directive.mjs

@@ -8,13 +8,14 @@ import * as i0 from "@angular/core";
  * @hidden
  */
 export class TabTemplateDirective {
+    templateRef;
     constructor(templateRef) {
         this.templateRef = templateRef;
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TabTemplateDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: TabTemplateDirective, isStandalone: true, selector: "[kendoTabTemplate]", ngImport: i0 });
 }
-TabTemplateDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TabTemplateDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
-TabTemplateDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: TabTemplateDirective, isStandalone: true, selector: "[kendoTabTemplate]", ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TabTemplateDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TabTemplateDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[kendoTabTemplate]',

package/{esm2020 → esm2022}/tabstrip/events/select-event.mjs

@@ -8,6 +8,8 @@ import { PreventableEvent } from "@progress/kendo-angular-common";
  * The `select` event fires when a tab is selected (clicked).
  */
 export class SelectEvent extends PreventableEvent {
+    index;
+    title;
     /**
      * Constructs the event arguments for the `select` event.
      * @param index - The index of the selected tab.

package/{esm2020 → esm2022}/tabstrip/events/tabclose-event.mjs

@@ -8,6 +8,8 @@
  *
  */
 export class TabCloseEvent {
+    index;
+    tab;
     /**
      * Constructs the event arguments for the `tabClose` event.
      * @param index - The index of the closed tab.

package/{esm2020 → esm2022}/tabstrip/events/tabscroll-event.mjs

@@ -9,6 +9,10 @@ import { PreventableEvent } from "@progress/kendo-angular-common";
  *
  */
 export class TabScrollEvent extends PreventableEvent {
+    /**
+     * The DOM event that triggered the tab scroll.
+     */
+    originalEvent;
     /**
      * @hidden
      */

package/{esm2020 → esm2022}/tabstrip/localization/custom-messages.component.mjs

@@ -12,6 +12,7 @@ import * as i1 from "@progress/kendo-angular-l10n";
  * ([see example]({% slug rtl_layout %})).
  */
 export class TabStripCustomMessagesComponent extends TabStripMessages {
+    service;
     constructor(service) {
         super();
         this.service = service;
@@ -19,15 +20,15 @@ export class TabStripCustomMessagesComponent extends TabStripMessages {
     get override() {
         return true;
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TabStripCustomMessagesComponent, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TabStripCustomMessagesComponent, isStandalone: true, selector: "kendo-tabstrip-messages", providers: [
+            {
+                provide: TabStripMessages,
+                useExisting: forwardRef(() => TabStripCustomMessagesComponent)
+            }
+        ], usesInheritance: true, ngImport: i0, template: ``, isInline: true });
 }
-TabStripCustomMessagesComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TabStripCustomMessagesComponent, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
-TabStripCustomMessagesComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: TabStripCustomMessagesComponent, isStandalone: true, selector: "kendo-tabstrip-messages", providers: [
-        {
-            provide: TabStripMessages,
-            useExisting: forwardRef(() => TabStripCustomMessagesComponent)
-        }
-    ], usesInheritance: true, ngImport: i0, template: ``, isInline: true });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TabStripCustomMessagesComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TabStripCustomMessagesComponent, decorators: [{
             type: Component,
             args: [{
                     providers: [

package/{esm2020 → esm2022}/tabstrip/localization/localized-messages.directive.mjs

@@ -11,19 +11,20 @@ import * as i1 from "@progress/kendo-angular-l10n";
  * @hidden
  */
 export class LocalizedTabStripMessagesDirective extends TabStripMessages {
+    service;
     constructor(service) {
         super();
         this.service = service;
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: LocalizedTabStripMessagesDirective, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: LocalizedTabStripMessagesDirective, isStandalone: true, selector: "[kendoTabStripLocalizedMessages]", providers: [
+            {
+                provide: TabStripMessages,
+                useExisting: forwardRef(() => LocalizedTabStripMessagesDirective)
+            }
+        ], usesInheritance: true, ngImport: i0 });
 }
-LocalizedTabStripMessagesDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: LocalizedTabStripMessagesDirective, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Directive });
-LocalizedTabStripMessagesDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: LocalizedTabStripMessagesDirective, isStandalone: true, selector: "[kendoTabStripLocalizedMessages]", providers: [
-        {
-            provide: TabStripMessages,
-            useExisting: forwardRef(() => LocalizedTabStripMessagesDirective)
-        }
-    ], usesInheritance: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: LocalizedTabStripMessagesDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: LocalizedTabStripMessagesDirective, decorators: [{
             type: Directive,
             args: [{
                     providers: [

package/{esm2020 → esm2022}/tabstrip/localization/messages.mjs

@@ -9,10 +9,22 @@ import * as i0 from "@angular/core";
  * @hidden
  */
 export class TabStripMessages extends ComponentMessages {
+    /**
+     * The title for the **Close** button in the TabStrip tab.
+     */
+    closeTitle;
+    /**
+     * The title for the **Previous Tab** button when the Tabstrip is scrollable.
+     */
+    previousTabButton;
+    /**
+     * The title for the **Next Tab** button when the Tabstrip is scrollable.
+     */
+    nextTabButton;
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TabStripMessages, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: TabStripMessages, selector: "kendo-tabstrip-messages-base", inputs: { closeTitle: "closeTitle", previousTabButton: "previousTabButton", nextTabButton: "nextTabButton" }, usesInheritance: true, ngImport: i0 });
 }
-TabStripMessages.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TabStripMessages, deps: null, target: i0.ɵɵFactoryTarget.Directive });
-TabStripMessages.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: TabStripMessages, selector: "kendo-tabstrip-messages-base", inputs: { closeTitle: "closeTitle", previousTabButton: "previousTabButton", nextTabButton: "nextTabButton" }, usesInheritance: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TabStripMessages, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TabStripMessages, decorators: [{
             type: Directive,
             args: [{
                     // eslint-disable-next-line @angular-eslint/directive-selector