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

package/esm2015/stepper/events/activate-event.js

@@ -0,0 +1,17 @@
+/**-----------------------------------------------------------------------------------------
+* 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 '@progress/kendo-angular-common';
+/**
+ * Arguments for the `activate` event of the Stepper.
+ */
+export class StepperActivateEvent extends PreventableEvent {
+    /**
+     * @hidden
+     */
+    constructor(args) {
+        super();
+        Object.assign(this, args);
+    }
+}

package/esm2015/stepper/list.component.js

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

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

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

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

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

package/esm2015/stepper/localization/messages.js

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

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

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

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

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

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

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

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

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

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

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