@testgorilla/tgo-ui 2.31.1 → 2.31.2

package/esm2022/components/stepper/stepper.component.mjs

@@ -0,0 +1,184 @@
+import { ChangeDetectionStrategy, Component, EventEmitter, Inject, Input, Optional, Output, signal, ViewChild, } from '@angular/core';
+import { IS_MOBILE_TOKEN } from '../../providers/is-mobile';
+import { takeUntilDestroyed } from "@angular/core/rxjs-interop";
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/cdk/a11y";
+import * as i2 from "@angular/common";
+import * as i3 from "../icon/icon.component";
+import * as i4 from "../step/step.component";
+import * as i5 from "../radial-progress/radial-progress.component";
+import * as i6 from "../../directives/step-line-element.directive";
+import * as i7 from "../../pipes/ui-translate.pipe";
+import * as i8 from "rxjs";
+export class StepperComponent {
+    /**
+     *
+     * Auto selects first step as visited
+     * Defaults to true
+     *
+     * @memberof StepperComponent
+     */
+    set setFirstStepAutoSelect(value) {
+        this.firstStepAutoSelect = value;
+        if (!this.firstStepAutoSelect) {
+            this.itemSteps = this.itemSteps.map((step, i) => ({
+                ...step,
+                isVisited: i === 0 && this.selectedIndex === -1 ? false : step.isVisited
+            }));
+        }
+    }
+    ;
+    /**
+     * Input property to set the steps for the stepper.
+     * The first step will be marked as visited automatically.
+     *
+     * @memberof StepperComponent
+     */
+    set steps(itemSteps) {
+        this.itemSteps = itemSteps;
+        if (itemSteps.length && this.firstStepAutoSelect) {
+            const [first, ...other] = itemSteps;
+            first.isVisited = true;
+            this.itemSteps = [first, ...other];
+        }
+    }
+    /**
+     * Input property to set the selected index of the stepper.
+     * Default value is 0.
+     *
+     * @memberof StepperComponent
+     */
+    set setSelectedIndex(value) {
+        this.selectedIndex = value;
+        if (!this.firstStepAutoSelect) {
+            this.itemSteps = this.itemSteps.map((step, i) => ({
+                ...step,
+                isVisited: i === 0 && this.selectedIndex === -1 ? false : step.isVisited
+            }));
+        }
+    }
+    get isOpen() {
+        return this.isOpened;
+    }
+    set isOpen(value) {
+        this.isOpened = value;
+    }
+    constructor(defaultAppTheme, isMobile$, focusMonitor, destroyRef) {
+        this.defaultAppTheme = defaultAppTheme;
+        this.isMobile$ = isMobile$;
+        this.focusMonitor = focusMonitor;
+        this.destroyRef = destroyRef;
+        /**
+         * Input property indicating whether the final icon should be displayed.
+         * Default value is false.
+         *
+         * @memberof StepperComponent
+         */
+        this.lastStepFinalIcon = false;
+        /**
+         *
+         * Defines the application theme
+         *
+         * @type {ApplicationTheme}
+         * @memberof StepperComponent
+         */
+        this.applicationTheme = 'light';
+        /**
+         * Defines the stepper position
+         *
+         * @type {StepperPosition}
+         * @memberof StepperComponent
+         */
+        this.position = 'horizontal';
+        /**
+         * A string representing the ARIA requirement for accessibility.
+         * This attribute is used to indicate whether an input field is required for form submission.
+         * @type {boolean}
+         * @memberof StepperComponent
+         */
+        this.ariaRequired = false;
+        this.selectionChange = new EventEmitter();
+        this.isOpened = false;
+        this.firstStepAutoSelect = true;
+        this.itemSteps = [];
+        this.progressValue = 0;
+        this.translationContext = 'STEPPER.';
+        this.selectedIndex = 0;
+        this.keyboardFocused = signal(false);
+        if (defaultAppTheme) {
+            this.applicationTheme = defaultAppTheme;
+        }
+    }
+    ngAfterViewInit() {
+        this.subscriberFocus();
+    }
+    onSelect(changedIndex, step) {
+        if (!step.isVisited && this.selectedIndex !== changedIndex) {
+            step.isVisited = true;
+        }
+        this.selectionChange.emit({ selectedIndex: changedIndex, previousIndex: this.selectedIndex, step });
+        this.selectedIndex = changedIndex;
+        this.onCloseStepList();
+    }
+    showStepsToggle() {
+        this.isOpen = !this.isOpen;
+        setTimeout(() => {
+            this.selectedStepFocus();
+        });
+    }
+    onCloseStepList() {
+        this.isOpen = false;
+    }
+    subscriberFocus() {
+        if (!this.stepperElement) {
+            return;
+        }
+        this.focusMonitor.monitor(this.stepperElement.nativeElement)
+            .pipe(takeUntilDestroyed(this.destroyRef))
+            .subscribe(origin => this.keyboardFocused.set(origin === 'keyboard'));
+    }
+    selectedStepFocus() {
+        const selectedElement = document.getElementById('step-' + this.selectedIndex);
+        if (this.keyboardFocused() && this.isOpen && selectedElement) {
+            this.focusMonitor.focusVia(selectedElement, 'keyboard');
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: StepperComponent, deps: [{ token: 'CANOPYUI_DEFAULT_APPLICATION_THEME', optional: true }, { token: IS_MOBILE_TOKEN }, { token: i1.FocusMonitor }, { token: i0.DestroyRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: StepperComponent, selector: "ui-stepper", inputs: { setFirstStepAutoSelect: ["firstStepAutoSelect", "setFirstStepAutoSelect"], steps: "steps", setSelectedIndex: ["selectedIndex", "setSelectedIndex"], lastStepFinalIcon: "lastStepFinalIcon", applicationTheme: "applicationTheme", ariaLabel: "ariaLabel", position: "position", ariaRequired: "ariaRequired" }, outputs: { selectionChange: "selectionChange" }, viewQueries: [{ propertyName: "stepperElement", first: true, predicate: ["stepper"], descendants: true }], ngImport: i0, template: "<ng-container>\r\n  <div style=\"position: absolute; left: -99999px;\" [attr.aria-live]=\"'polite'\">\r\n     <span>\r\n       {{ itemSteps[selectedIndex]?.label ?? '' }}\r\n       {{ (translationContext + 'SELECTED_OF' | uiTranslate : { selected: (selectedIndex ?? 0) + 1, total: itemSteps?.length ?? 0 }) | async }}\r\n       {{ itemSteps[selectedIndex]?.isVisited && (itemSteps.length <= (selectedIndex ?? 0) + 1 && itemSteps[selectedIndex + 1]?.isVisited)\r\n       ? (translationContext + 'COMPLETED' | uiTranslate | async)\r\n       : (translationContext + 'INCOMPLETE' | uiTranslate | async) }}\r\n     </span>\r\n  </div>\r\n  <div class=\"stepper-wrapper\" role=\"tablist\" [ngClass]=\"position\" [attr.theme]=\"applicationTheme\"\r\n       *ngIf=\"(position === 'horizontal' && !(isMobile$ | async)) || (position === 'vertical'); else mobile\">\r\n    <ng-container *ngFor=\"let step of itemSteps; index as i, last as isLast\">\r\n      <div class=\"step\" #stepElement>\r\n        <ui-step\r\n          [label]=\"step.label\"\r\n          [isVisited]=\"step.isVisited!\"\r\n          [icon]=\"step.iconName\"\r\n          [index]=\"i\"\r\n          [selected]=\"i === selectedIndex\"\r\n          [selectedIndex]=\"selectedIndex\"\r\n          [isLast]=\"isLast\"\r\n          [disabled]=\"step.disabled ?? (i > selectedIndex + 1 && !step.isVisited)\"\r\n          [prevStepIsVisited]=\"itemSteps[i - 1]?.isVisited && step.isVisited\"\r\n          [finalIcon]=\"isLast ? lastStepFinalIcon : false\"\r\n          [showIconWhenSelected]=\"!!step.showIconWhenSelected\"\r\n          (stepSelected)=\"onSelect($event, step)\"\r\n          [applicationTheme]=\"applicationTheme\"\r\n          role=\"tab\"\r\n          [attr.aria-controls]=\"'step-panel-' + i\"\r\n          [attr.aria-selected]=\"i === selectedIndex\"\r\n          [attr.aria-label]=\"step.label\"\r\n          [attr.tabindex]=\"(step.disabled ?? (i > selectedIndex + 1 && !step.isVisited)) ? -1 : 0\"\r\n          [htmlDescription]=\"step.htmlDescription ?? []\"\r\n          [boldLabel]=\"!!step.boldLabel\"\r\n          [position]=\"position\"\r\n          [descriptionTpl]=\"step.descriptionTpl\"\r\n          [labelTooltip]=\"step.labelTooltip\"\r\n          [alwaysShowIcon]=\"!!step.alwaysShowIcon\"\r\n          [context]=\"step.context\"\r\n        ></ui-step>\r\n      </div>\r\n      <div *ngIf=\"!isLast\" class=\"separator-line\"\r\n           [ngClass]=\"{ visited: step.isVisited && !!this.itemSteps[i + 1]?.isVisited }\">\r\n        <div [stepLineElement]=\"stepElement\" [position]=\"position\" class=\"line\"></div>\r\n      </div>\r\n    </ng-container>\r\n  </div>\r\n\r\n  <ng-template #mobile>\r\n    <div class=\"mobile-stepper-wrapper\">\r\n      <div class=\"stepper\"\r\n           [tabIndex]=\"0\"\r\n           #stepper\r\n           [ngClass]=\"{ 'keyboard-focused': keyboardFocused() }\"\r\n           (keydown.enter)=\"showStepsToggle()\"\r\n           (keydown.space)=\"showStepsToggle()\"\r\n           [attr.aria-expanded]=\"isOpen\"\r\n      >\r\n        <div class=\"progress-step\" [tabindex]=\"-1\" [attr.aria-hidden]=\"true\">\r\n          <ui-radial-progress [applicationTheme]=\"applicationTheme\" [value]=\"selectedIndex + 1\"\r\n                              [total]=\"itemSteps.length\"></ui-radial-progress>\r\n        </div>\r\n\r\n        <div class=\"step-info\">\r\n          <div class=\"current-step\">\r\n            <span>{{ selectedIndex + 1 }}/{{ itemSteps.length }} </span>\r\n            <span>{{ itemSteps[selectedIndex].label }}</span>\r\n          </div>\r\n          <div class=\"next-step\">\r\n            <span\r\n              *ngIf=\"itemSteps.length !== selectedIndex + 1 else finalStep\">{{ (('COMMON.NEXT') | uiTranslate | async) + ':' }} {{ itemSteps[selectedIndex + 1].label }}</span>\r\n            <ng-template #finalStep>\r\n              <span>{{ (translationContext + 'FINAL_STEP') | uiTranslate | async }}</span>\r\n            </ng-template>\r\n          </div>\r\n        </div>\r\n\r\n        <div class=\"open-steps\" (click)=\"showStepsToggle()\" [ngClass]=\"{ opened: isOpen }\">\r\n          <ui-icon [applicationTheme]=\"applicationTheme\" [size]=\"'24'\"\r\n                   [name]=\"applicationTheme === 'classic' ? 'Arrow_down' : 'Arrow-chevron-down-in-line'\"></ui-icon>\r\n        </div>\r\n      </div>\r\n\r\n      <div *ngIf=\"isOpen\">\r\n        <div class=\"step-list\">\r\n          <div class=\"step\" *ngFor=\"let step of itemSteps; index as i, last as isLast\">\r\n            <ui-step\r\n              [label]=\"step.label\"\r\n              [isVisited]=\"step.isVisited!\"\r\n              [icon]=\"step.iconName\"\r\n              [index]=\"i\"\r\n              [selected]=\"i === selectedIndex\"\r\n              [selectedIndex]=\"selectedIndex\"\r\n              [isLast]=\"isLast\"\r\n              [disabled]=\"step.disabled ?? ( i > selectedIndex + 1 && !step.isVisited)\"\r\n              [mobileMode]=\"true\"\r\n              [finalIcon]=\"isLast ? lastStepFinalIcon : false\"\r\n              [showIconWhenSelected]=\"!!step.showIconWhenSelected\"\r\n              (stepSelected)=\"onSelect($event, step)\"\r\n              [applicationTheme]=\"applicationTheme\"\r\n              [attr.aria-label]=\"ariaLabel + '--' + step.label\"\r\n            ></ui-step>\r\n          </div>\r\n        </div>\r\n        <div class=\"overlay\" (click)=\"onCloseStepList()\"></div>\r\n      </div>\r\n    </div>\r\n  </ng-template>\r\n\r\n</ng-container>\r\n", styles: [".bg-teal-60b{background:#1c443c}.bg-teal-30b{background:#31766a}.bg-teal-default{background:#46a997}.bg-teal-30w{background:#7ec3b6}.bg-teal-60w{background:#b5ddd5}.bg-teal-secondary{background:#cbd6cb}.bg-teal-90w{background:#ecf6f5}.bg-petrol-60b{background:#102930}.bg-petrol-30b{background:#1b4754}.bg-petrol-default{background:#276678}.bg-petrol-30w{background:#6894a0}.bg-petrol-60w{background:#a9c2c9}.bg-petrol-secondary{background:#c8d7de}.bg-petrol-90w{background:#e9f0f1}.bg-error-60b{background:#513131}.bg-error-30b{background:#8e5655}.bg-error-60w{background:#e3c3c6}.bg-error-secondary{background:#f0dad9}.bg-error-default{background:#cb7b7a}.bg-warning-secondary{background:#f0d6bb}.bg-warning-default{background:#cca45f}.bg-black{background:#000}.bg-dark{background:#888}.bg-medium{background:#e0e0e0}.bg-grey{background:#ededed}.bg-light{background:#f6f6f6}.bg-white{background:#fff}.bg-box-shadow{background:#00000014}.bg-navigation-subtitle{background:#528593}.bgc-teal-60b{background-color:#1c443c}.bgc-teal-30b{background-color:#31766a}.bgc-teal-default{background-color:#46a997}.bgc-teal-30w{background-color:#7ec3b6}.bgc-teal-60w{background-color:#b5ddd5}.bgc-teal-secondary{background-color:#cbd6cb}.bgc-teal-90w{background-color:#ecf6f5}.bgc-petrol-60b{background-color:#102930}.bgc-petrol-30b{background-color:#1b4754}.bgc-petrol-default{background-color:#276678}.bgc-petrol-30w{background-color:#6894a0}.bgc-petrol-60w{background-color:#a9c2c9}.bgc-petrol-secondary{background-color:#c8d7de}.bgc-petrol-90w{background-color:#e9f0f1}.bgc-error-60b{background-color:#513131}.bgc-error-30b{background-color:#8e5655}.bgc-error-60w{background-color:#e3c3c6}.bgc-error-secondary{background-color:#f0dad9}.bgc-error-default{background-color:#cb7b7a}.bgc-warning-secondary{background-color:#f0d6bb}.bgc-warning-default{background-color:#cca45f}.bgc-black{background-color:#000}.bgc-dark{background-color:#888}.bgc-medium{background-color:#e0e0e0}.bgc-grey{background-color:#ededed}.bgc-light{background-color:#f6f6f6}.bgc-white{background-color:#fff}.bgc-box-shadow{background-color:#00000014}.bgc-navigation-subtitle{background-color:#528593}@media (max-width: 1024px){:host{width:100%}}@media (max-width: 600px){:host{width:fit-content}}.row,.mobile-stepper-wrapper .stepper,.stepper-wrapper .step,.stepper-wrapper{display:flex;flex-direction:row}.column,.mobile-stepper-wrapper .step-list,.mobile-stepper-wrapper .stepper .step-info{display:flex;flex-direction:column}.stepper-wrapper{width:100%}.stepper-wrapper .step{max-width:200px}.stepper-wrapper .separator-line{display:flex;flex:1 1 auto;position:relative;z-index:2}.stepper-wrapper .separator-line.visited .line{border-top:2px solid #276678}.stepper-wrapper .separator-line .line{position:absolute;top:45px;border-top:2px solid #C8D7DE;width:100%;left:0}.stepper-wrapper.vertical{flex-direction:column}.stepper-wrapper.vertical .step{max-width:1024px;width:100%}.stepper-wrapper.vertical .step ui-step{width:100%}.stepper-wrapper.vertical .separator-line.visited .line{border-right:2px solid #276678}.stepper-wrapper.vertical .separator-line .line{top:-15px;border-right:2px solid #C8D7DE;width:2px;left:34px}.stepper-wrapper[theme=dark] .separator-line.visited .line,.stepper-wrapper[theme=light] .separator-line.visited .line{border-top:2px solid #242424}.stepper-wrapper[theme=dark] .separator-line .line,.stepper-wrapper[theme=light] .separator-line .line{border-top:2px solid #D3D3D3}.stepper-wrapper[theme=dark].vertical .separator-line.visited .line,.stepper-wrapper[theme=light].vertical .separator-line.visited .line{border-right:2px solid #242424}.stepper-wrapper[theme=dark].vertical .separator-line .line,.stepper-wrapper[theme=light].vertical .separator-line .line{border-right:2px solid #D3D3D3}.mobile-stepper-wrapper{width:100%;position:relative}.mobile-stepper-wrapper .stepper{padding:12px 16px;height:72px;border:1px solid #888888;background:#fff;border-radius:8px}.mobile-stepper-wrapper .stepper.keyboard-focused{outline:2px solid #242424;outline-offset:2px;border-radius:8px;border-color:#242424;animation:focus-ring-animation-main .4s forwards}.mobile-stepper-wrapper .stepper .step-info{width:100%}.mobile-stepper-wrapper .stepper .step-info .current-step{font-weight:700;font-size:16px;line-height:24px}.mobile-stepper-wrapper .stepper .step-info .next-step{margin-top:4px;font-size:14px;line-height:20px}.mobile-stepper-wrapper .stepper .step-info .current-step,.mobile-stepper-wrapper .stepper .step-info .next-step{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.mobile-stepper-wrapper .stepper .open-steps{cursor:pointer;display:flex;justify-content:center;align-items:center}.mobile-stepper-wrapper .stepper .open-steps.opened ::ng-deep ui-icon{transform:rotateX(-180deg)}.mobile-stepper-wrapper .stepper .progress-step{position:relative;width:40px;height:40px;margin-right:16px}.mobile-stepper-wrapper .step-list{position:absolute;width:100%;margin-top:4px;z-index:1;background:#fff;box-shadow:0 8px 24px 4px #00000014;border-bottom-right-radius:8px;border-bottom-left-radius:8px}.mobile-stepper-wrapper .overlay{position:fixed;width:100%;height:100%;left:0;top:0;z-index:-1;background:transparent}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.IconComponent, selector: "ui-icon", inputs: ["size", "cssClass", "name", "color", "filled", "applicationTheme", "useFullIconName"] }, { kind: "component", type: i4.StepComponent, selector: "ui-step", inputs: ["label", "isVisited", "submitted", "icon", "index", "selected", "isLast", "selectedIndex", "disabled", "prevStepIsVisited", "mobileMode", "finalIcon", "showIconWhenSelected", "applicationTheme", "position", "htmlDescription", "boldLabel", "descriptionTpl", "labelTooltip", "alwaysShowIcon", "context"], outputs: ["stepSelected"] }, { kind: "component", type: i5.RadialProgressComponent, selector: "ui-radial-progress", inputs: ["size", "value", "total", "variant", "icon", "buttonTooltip", "companyColor", "applicationTheme"], outputs: ["buttonClicked"] }, { kind: "directive", type: i6.StepLineElementDirective, selector: "[stepLineElement]", inputs: ["stepLineElement", "position"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "pipe", type: i7.UiTranslatePipe, name: "uiTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: StepperComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ui-stepper', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container>\r\n  <div style=\"position: absolute; left: -99999px;\" [attr.aria-live]=\"'polite'\">\r\n     <span>\r\n       {{ itemSteps[selectedIndex]?.label ?? '' }}\r\n       {{ (translationContext + 'SELECTED_OF' | uiTranslate : { selected: (selectedIndex ?? 0) + 1, total: itemSteps?.length ?? 0 }) | async }}\r\n       {{ itemSteps[selectedIndex]?.isVisited && (itemSteps.length <= (selectedIndex ?? 0) + 1 && itemSteps[selectedIndex + 1]?.isVisited)\r\n       ? (translationContext + 'COMPLETED' | uiTranslate | async)\r\n       : (translationContext + 'INCOMPLETE' | uiTranslate | async) }}\r\n     </span>\r\n  </div>\r\n  <div class=\"stepper-wrapper\" role=\"tablist\" [ngClass]=\"position\" [attr.theme]=\"applicationTheme\"\r\n       *ngIf=\"(position === 'horizontal' && !(isMobile$ | async)) || (position === 'vertical'); else mobile\">\r\n    <ng-container *ngFor=\"let step of itemSteps; index as i, last as isLast\">\r\n      <div class=\"step\" #stepElement>\r\n        <ui-step\r\n          [label]=\"step.label\"\r\n          [isVisited]=\"step.isVisited!\"\r\n          [icon]=\"step.iconName\"\r\n          [index]=\"i\"\r\n          [selected]=\"i === selectedIndex\"\r\n          [selectedIndex]=\"selectedIndex\"\r\n          [isLast]=\"isLast\"\r\n          [disabled]=\"step.disabled ?? (i > selectedIndex + 1 && !step.isVisited)\"\r\n          [prevStepIsVisited]=\"itemSteps[i - 1]?.isVisited && step.isVisited\"\r\n          [finalIcon]=\"isLast ? lastStepFinalIcon : false\"\r\n          [showIconWhenSelected]=\"!!step.showIconWhenSelected\"\r\n          (stepSelected)=\"onSelect($event, step)\"\r\n          [applicationTheme]=\"applicationTheme\"\r\n          role=\"tab\"\r\n          [attr.aria-controls]=\"'step-panel-' + i\"\r\n          [attr.aria-selected]=\"i === selectedIndex\"\r\n          [attr.aria-label]=\"step.label\"\r\n          [attr.tabindex]=\"(step.disabled ?? (i > selectedIndex + 1 && !step.isVisited)) ? -1 : 0\"\r\n          [htmlDescription]=\"step.htmlDescription ?? []\"\r\n          [boldLabel]=\"!!step.boldLabel\"\r\n          [position]=\"position\"\r\n          [descriptionTpl]=\"step.descriptionTpl\"\r\n          [labelTooltip]=\"step.labelTooltip\"\r\n          [alwaysShowIcon]=\"!!step.alwaysShowIcon\"\r\n          [context]=\"step.context\"\r\n        ></ui-step>\r\n      </div>\r\n      <div *ngIf=\"!isLast\" class=\"separator-line\"\r\n           [ngClass]=\"{ visited: step.isVisited && !!this.itemSteps[i + 1]?.isVisited }\">\r\n        <div [stepLineElement]=\"stepElement\" [position]=\"position\" class=\"line\"></div>\r\n      </div>\r\n    </ng-container>\r\n  </div>\r\n\r\n  <ng-template #mobile>\r\n    <div class=\"mobile-stepper-wrapper\">\r\n      <div class=\"stepper\"\r\n           [tabIndex]=\"0\"\r\n           #stepper\r\n           [ngClass]=\"{ 'keyboard-focused': keyboardFocused() }\"\r\n           (keydown.enter)=\"showStepsToggle()\"\r\n           (keydown.space)=\"showStepsToggle()\"\r\n           [attr.aria-expanded]=\"isOpen\"\r\n      >\r\n        <div class=\"progress-step\" [tabindex]=\"-1\" [attr.aria-hidden]=\"true\">\r\n          <ui-radial-progress [applicationTheme]=\"applicationTheme\" [value]=\"selectedIndex + 1\"\r\n                              [total]=\"itemSteps.length\"></ui-radial-progress>\r\n        </div>\r\n\r\n        <div class=\"step-info\">\r\n          <div class=\"current-step\">\r\n            <span>{{ selectedIndex + 1 }}/{{ itemSteps.length }} </span>\r\n            <span>{{ itemSteps[selectedIndex].label }}</span>\r\n          </div>\r\n          <div class=\"next-step\">\r\n            <span\r\n              *ngIf=\"itemSteps.length !== selectedIndex + 1 else finalStep\">{{ (('COMMON.NEXT') | uiTranslate | async) + ':' }} {{ itemSteps[selectedIndex + 1].label }}</span>\r\n            <ng-template #finalStep>\r\n              <span>{{ (translationContext + 'FINAL_STEP') | uiTranslate | async }}</span>\r\n            </ng-template>\r\n          </div>\r\n        </div>\r\n\r\n        <div class=\"open-steps\" (click)=\"showStepsToggle()\" [ngClass]=\"{ opened: isOpen }\">\r\n          <ui-icon [applicationTheme]=\"applicationTheme\" [size]=\"'24'\"\r\n                   [name]=\"applicationTheme === 'classic' ? 'Arrow_down' : 'Arrow-chevron-down-in-line'\"></ui-icon>\r\n        </div>\r\n      </div>\r\n\r\n      <div *ngIf=\"isOpen\">\r\n        <div class=\"step-list\">\r\n          <div class=\"step\" *ngFor=\"let step of itemSteps; index as i, last as isLast\">\r\n            <ui-step\r\n              [label]=\"step.label\"\r\n              [isVisited]=\"step.isVisited!\"\r\n              [icon]=\"step.iconName\"\r\n              [index]=\"i\"\r\n              [selected]=\"i === selectedIndex\"\r\n              [selectedIndex]=\"selectedIndex\"\r\n              [isLast]=\"isLast\"\r\n              [disabled]=\"step.disabled ?? ( i > selectedIndex + 1 && !step.isVisited)\"\r\n              [mobileMode]=\"true\"\r\n              [finalIcon]=\"isLast ? lastStepFinalIcon : false\"\r\n              [showIconWhenSelected]=\"!!step.showIconWhenSelected\"\r\n              (stepSelected)=\"onSelect($event, step)\"\r\n              [applicationTheme]=\"applicationTheme\"\r\n              [attr.aria-label]=\"ariaLabel + '--' + step.label\"\r\n            ></ui-step>\r\n          </div>\r\n        </div>\r\n        <div class=\"overlay\" (click)=\"onCloseStepList()\"></div>\r\n      </div>\r\n    </div>\r\n  </ng-template>\r\n\r\n</ng-container>\r\n", styles: [".bg-teal-60b{background:#1c443c}.bg-teal-30b{background:#31766a}.bg-teal-default{background:#46a997}.bg-teal-30w{background:#7ec3b6}.bg-teal-60w{background:#b5ddd5}.bg-teal-secondary{background:#cbd6cb}.bg-teal-90w{background:#ecf6f5}.bg-petrol-60b{background:#102930}.bg-petrol-30b{background:#1b4754}.bg-petrol-default{background:#276678}.bg-petrol-30w{background:#6894a0}.bg-petrol-60w{background:#a9c2c9}.bg-petrol-secondary{background:#c8d7de}.bg-petrol-90w{background:#e9f0f1}.bg-error-60b{background:#513131}.bg-error-30b{background:#8e5655}.bg-error-60w{background:#e3c3c6}.bg-error-secondary{background:#f0dad9}.bg-error-default{background:#cb7b7a}.bg-warning-secondary{background:#f0d6bb}.bg-warning-default{background:#cca45f}.bg-black{background:#000}.bg-dark{background:#888}.bg-medium{background:#e0e0e0}.bg-grey{background:#ededed}.bg-light{background:#f6f6f6}.bg-white{background:#fff}.bg-box-shadow{background:#00000014}.bg-navigation-subtitle{background:#528593}.bgc-teal-60b{background-color:#1c443c}.bgc-teal-30b{background-color:#31766a}.bgc-teal-default{background-color:#46a997}.bgc-teal-30w{background-color:#7ec3b6}.bgc-teal-60w{background-color:#b5ddd5}.bgc-teal-secondary{background-color:#cbd6cb}.bgc-teal-90w{background-color:#ecf6f5}.bgc-petrol-60b{background-color:#102930}.bgc-petrol-30b{background-color:#1b4754}.bgc-petrol-default{background-color:#276678}.bgc-petrol-30w{background-color:#6894a0}.bgc-petrol-60w{background-color:#a9c2c9}.bgc-petrol-secondary{background-color:#c8d7de}.bgc-petrol-90w{background-color:#e9f0f1}.bgc-error-60b{background-color:#513131}.bgc-error-30b{background-color:#8e5655}.bgc-error-60w{background-color:#e3c3c6}.bgc-error-secondary{background-color:#f0dad9}.bgc-error-default{background-color:#cb7b7a}.bgc-warning-secondary{background-color:#f0d6bb}.bgc-warning-default{background-color:#cca45f}.bgc-black{background-color:#000}.bgc-dark{background-color:#888}.bgc-medium{background-color:#e0e0e0}.bgc-grey{background-color:#ededed}.bgc-light{background-color:#f6f6f6}.bgc-white{background-color:#fff}.bgc-box-shadow{background-color:#00000014}.bgc-navigation-subtitle{background-color:#528593}@media (max-width: 1024px){:host{width:100%}}@media (max-width: 600px){:host{width:fit-content}}.row,.mobile-stepper-wrapper .stepper,.stepper-wrapper .step,.stepper-wrapper{display:flex;flex-direction:row}.column,.mobile-stepper-wrapper .step-list,.mobile-stepper-wrapper .stepper .step-info{display:flex;flex-direction:column}.stepper-wrapper{width:100%}.stepper-wrapper .step{max-width:200px}.stepper-wrapper .separator-line{display:flex;flex:1 1 auto;position:relative;z-index:2}.stepper-wrapper .separator-line.visited .line{border-top:2px solid #276678}.stepper-wrapper .separator-line .line{position:absolute;top:45px;border-top:2px solid #C8D7DE;width:100%;left:0}.stepper-wrapper.vertical{flex-direction:column}.stepper-wrapper.vertical .step{max-width:1024px;width:100%}.stepper-wrapper.vertical .step ui-step{width:100%}.stepper-wrapper.vertical .separator-line.visited .line{border-right:2px solid #276678}.stepper-wrapper.vertical .separator-line .line{top:-15px;border-right:2px solid #C8D7DE;width:2px;left:34px}.stepper-wrapper[theme=dark] .separator-line.visited .line,.stepper-wrapper[theme=light] .separator-line.visited .line{border-top:2px solid #242424}.stepper-wrapper[theme=dark] .separator-line .line,.stepper-wrapper[theme=light] .separator-line .line{border-top:2px solid #D3D3D3}.stepper-wrapper[theme=dark].vertical .separator-line.visited .line,.stepper-wrapper[theme=light].vertical .separator-line.visited .line{border-right:2px solid #242424}.stepper-wrapper[theme=dark].vertical .separator-line .line,.stepper-wrapper[theme=light].vertical .separator-line .line{border-right:2px solid #D3D3D3}.mobile-stepper-wrapper{width:100%;position:relative}.mobile-stepper-wrapper .stepper{padding:12px 16px;height:72px;border:1px solid #888888;background:#fff;border-radius:8px}.mobile-stepper-wrapper .stepper.keyboard-focused{outline:2px solid #242424;outline-offset:2px;border-radius:8px;border-color:#242424;animation:focus-ring-animation-main .4s forwards}.mobile-stepper-wrapper .stepper .step-info{width:100%}.mobile-stepper-wrapper .stepper .step-info .current-step{font-weight:700;font-size:16px;line-height:24px}.mobile-stepper-wrapper .stepper .step-info .next-step{margin-top:4px;font-size:14px;line-height:20px}.mobile-stepper-wrapper .stepper .step-info .current-step,.mobile-stepper-wrapper .stepper .step-info .next-step{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.mobile-stepper-wrapper .stepper .open-steps{cursor:pointer;display:flex;justify-content:center;align-items:center}.mobile-stepper-wrapper .stepper .open-steps.opened ::ng-deep ui-icon{transform:rotateX(-180deg)}.mobile-stepper-wrapper .stepper .progress-step{position:relative;width:40px;height:40px;margin-right:16px}.mobile-stepper-wrapper .step-list{position:absolute;width:100%;margin-top:4px;z-index:1;background:#fff;box-shadow:0 8px 24px 4px #00000014;border-bottom-right-radius:8px;border-bottom-left-radius:8px}.mobile-stepper-wrapper .overlay{position:fixed;width:100%;height:100%;left:0;top:0;z-index:-1;background:transparent}\n"] }]
+        }], ctorParameters: () => [{ type: undefined, decorators: [{
+                    type: Optional
+                }, {
+                    type: Inject,
+                    args: ['CANOPYUI_DEFAULT_APPLICATION_THEME']
+                }] }, { type: i8.Observable, decorators: [{
+                    type: Inject,
+                    args: [IS_MOBILE_TOKEN]
+                }] }, { type: i1.FocusMonitor }, { type: i0.DestroyRef }], propDecorators: { setFirstStepAutoSelect: [{
+                type: Input,
+                args: ['firstStepAutoSelect']
+            }], steps: [{
+                type: Input
+            }], setSelectedIndex: [{
+                type: Input,
+                args: ['selectedIndex']
+            }], lastStepFinalIcon: [{
+                type: Input
+            }], applicationTheme: [{
+                type: Input
+            }], ariaLabel: [{
+                type: Input
+            }], position: [{
+                type: Input
+            }], ariaRequired: [{
+                type: Input
+            }], selectionChange: [{
+                type: Output
+            }], stepperElement: [{
+                type: ViewChild,
+                args: ['stepper']
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3RlcHBlci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy90Z28tY2Fub3B5LXVpL2NvbXBvbmVudHMvc3RlcHBlci9zdGVwcGVyLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3Rnby1jYW5vcHktdWkvY29tcG9uZW50cy9zdGVwcGVyL3N0ZXBwZXIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLHVCQUF1QixFQUN2QixTQUFTLEVBQ1QsWUFBWSxFQUNaLE1BQU0sRUFDTixLQUFLLEVBQ0wsUUFBUSxFQUNSLE1BQU0sRUFBRSxNQUFNLEVBQUUsU0FBUyxHQUMxQixNQUFNLGVBQWUsQ0FBQztBQUd2QixPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sMkJBQTJCLENBQUM7QUFFNUQsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0sNEJBQTRCLENBQUM7Ozs7Ozs7Ozs7QUFTaEUsTUFBTSxPQUFPLGdCQUFnQjtJQUMzQjs7Ozs7O09BTUc7SUFDSCxJQUFrQyxzQkFBc0IsQ0FBQyxLQUFjO1FBQ3JFLElBQUksQ0FBQyxtQkFBbUIsR0FBRyxLQUFLLENBQUM7UUFDakMsSUFBSSxDQUFDLElBQUksQ0FBQyxtQkFBbUIsRUFBRSxDQUFDO1lBQzlCLElBQUksQ0FBQyxTQUFTLEdBQUcsSUFBSSxDQUFDLFNBQVMsQ0FBQyxHQUFHLENBQUMsQ0FBQyxJQUFJLEVBQUUsQ0FBQyxFQUFFLEVBQUUsQ0FBQyxDQUFDO2dCQUNoRCxHQUFHLElBQUk7Z0JBQ1AsU0FBUyxFQUFFLENBQUMsS0FBSyxDQUFDLElBQUksSUFBSSxDQUFDLGFBQWEsS0FBSyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsU0FBUzthQUN6RSxDQUFDLENBQUMsQ0FBQztRQUNOLENBQUM7SUFDSCxDQUFDO0lBQUEs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YSxnQkFBZ0I7a0JBTjVCLFNBQVM7K0JBQ0UsWUFBWSxtQkFHTCx1QkFBdUIsQ0FBQyxNQUFNOzswQkFtSDVDLFFBQVE7OzBCQUFJLE1BQU07MkJBQUMsb0NBQW9DOzswQkFDdkQsTUFBTTsyQkFBQyxlQUFlOzZGQTFHUyxzQkFBc0I7c0JBQXZELEtBQUs7dUJBQUMscUJBQXFCO2dCQWdCZixLQUFLO3NCQUFqQixLQUFLO2dCQWdCc0IsZ0JBQWdCO3NCQUEzQyxLQUFLO3VCQUFDLGVBQWU7Z0JBZ0JiLGlCQUFpQjtzQkFBekIsS0FBSztnQkFTRyxnQkFBZ0I7c0JBQXhCLEtBQUs7Z0JBUUcsU0FBUztzQkFBakIsS0FBSztnQkFRRyxRQUFRO3NCQUFoQixLQUFLO2dCQVFHLFlBQVk7c0JBQXBCLEtBQUs7Z0JBRUksZUFBZTtzQkFBeEIsTUFBTTtnQkFtQmUsY0FBYztzQkFBbkMsU0FBUzt1QkFBQyxTQUFTIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcclxuICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcclxuICBDb21wb25lbnQsIERlc3Ryb3lSZWYsIEVsZW1lbnRSZWYsXHJcbiAgRXZlbnRFbWl0dGVyLFxyXG4gIEluamVjdCxcclxuICBJbnB1dCxcclxuICBPcHRpb25hbCxcclxuICBPdXRwdXQsIHNpZ25hbCwgVmlld0NoaWxkLFxyXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBTdGVwLCBTdGVwcGVyUG9zaXRpb24gfSBmcm9tICcuL3N0ZXBwZXIubW9kZWwnO1xyXG5pbXBvcnQgeyBPYnNlcnZhYmxlIH0gZnJvbSAncnhqcyc7XHJcbmltcG9ydCB7IElTX01PQklMRV9UT0tFTiB9IGZyb20gJy4uLy4uL3Byb3ZpZGVycy9pcy1tb2JpbGUnO1xyXG5pbXBvcnQgeyBBcHBsaWNhdGlvblRoZW1lIH0gZnJvbSBcIi4uLy4uL21vZGVscy9hcHBsaWNhdGlvbi10aGVtZS5tb2RlbFwiO1xyXG5pbXBvcnQgeyB0YWtlVW50aWxEZXN0cm95ZWQgfSBmcm9tIFwiQGFuZ3VsYXIvY29yZS9yeGpzLWludGVyb3BcIjtcclxuaW1wb3J0IHsgRm9jdXNNb25pdG9yIH0gZnJvbSBcIkBhbmd1bGFyL2Nkay9hMTF5XCI7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ3VpLXN0ZXBwZXInLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9zdGVwcGVyLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi9zdGVwcGVyLmNvbXBvbmVudC5zY3NzJ10sXHJcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBTdGVwcGVyQ29tcG9uZW50IHtcclxuICAvKipcclxuICAgKlxyXG4gICAqIEF1dG8gc2VsZWN0cyBmaXJzdCBzdGVwIGFzIHZpc2l0ZWRcclxuICAgKiBEZWZhdWx0cyB0byB0cnVlXHJcbiAgICpcclxuICAgKiBAbWVtYmVyb2YgU3RlcHBlckNvbXBvbmVudFxyXG4gICAqL1xyXG4gIEBJbnB1dCgnZmlyc3RTdGVwQXV0b1NlbGVjdCcpIHNldCBzZXRGaXJzdFN0ZXBBdXRvU2VsZWN0KHZhbHVlOiBib29sZWFuKSB7XHJcbiAgICB0aGlzLmZpcnN0U3RlcEF1dG9TZWxlY3QgPSB2YWx1ZTtcclxuICAgIGlmICghdGhpcy5maXJzdFN0ZXBBdXRvU2VsZWN0KSB7XHJcbiAgICAgIHRoaXMuaXRlbVN0ZXBzID0gdGhpcy5pdGVtU3RlcHMubWFwKChzdGVwLCBpKSA9PiAoe1xyXG4gICAgICAgIC4uLnN0ZXAsXHJcbiAgICAgICAgaXNWaXNpdGVkOiBpID09PSAwICYmIHRoaXMuc2VsZWN0ZWRJbmRleCA9PT0gLTEgPyBmYWxzZSA6IHN0ZXAuaXNWaXNpdGVkXHJcbiAgICAgIH0pKTtcclxuICAgIH1cclxuICB9O1xyXG5cclxuICAvKipcclxuICAgKiBJbnB1dCBwcm9wZXJ0eSB0byBzZXQgdGhlIHN0ZXBzIGZvciB0aGUgc3RlcHBlci5cclxuICAgKiBUaGUgZmlyc3Qgc3RlcCB3aWxsIGJlIG1hcmtlZCBhcyB2aXNpdGVkIGF1dG9tYXRpY2FsbHkuXHJcbiAgICpcclxuICAgKiBAbWVtYmVyb2YgU3RlcHBlckNvbXBvbmVudFxyXG4gICAqL1xyXG4gIEBJbnB1dCgpIHNldCBzdGVwcyhpdGVtU3RlcHM6IFN0ZXBbXSkge1xyXG4gICAgdGhpcy5pdGVtU3RlcHMgPSBpdGVtU3RlcHM7XHJcbiAgICBpZiAoaXRlbVN0ZXBzLmxlbmd0aCAmJiB0aGlzLmZpcnN0U3RlcEF1dG9TZWxlY3QpIHtcclxuICAgICAgY29uc3QgW2ZpcnN0LCAuLi5vdGhlcl0gPSBpdGVtU3RlcHM7XHJcbiAgICAgIGZpcnN0LmlzVmlzaXRlZCA9IHRydWU7XHJcbiAgICAgIHRoaXMuaXRlbVN0ZXBzID0gW2ZpcnN0LCAuLi5vdGhlcl07XHJcbiAgICB9XHJcblxyXG4gIH1cclxuXHJcbiAgLyoqXHJcbiAgICogSW5wdXQgcHJvcGVydHkgdG8gc2V0IHRoZSBzZWxlY3RlZCBpbmRleCBvZiB0aGUgc3RlcHBlci5cclxuICAgKiBEZWZhdWx0IHZhbHVlIGlzIDAuXHJcbiAgICpcclxuICAgKiBAbWVtYmVyb2YgU3RlcHBlckNvbXBvbmVudFxyXG4gICAqL1xyXG4gIEBJbnB1dCgnc2VsZWN0ZWRJbmRleCcpIHNldCBzZXRTZWxlY3RlZEluZGV4KHZhbHVlOiBudW1iZXIpIHtcclxuICAgIHRoaXMuc2VsZWN0ZWRJbmRleCA9IHZhbHVlO1xyXG4gICAgaWYgKCF0aGlzLmZpcnN0U3RlcEF1dG9TZWxlY3QpIHtcclxuICAgICAgdGhpcy5pdGVtU3RlcHMgPSB0aGlzLml0ZW1TdGVwcy5tYXAoKHN0ZXAsIGkpID0+ICh7XHJcbiAgICAgICAgLi4uc3RlcCxcclxuICAgICAgICBpc1Zpc2l0ZWQ6IGkgPT09IDAgJiYgdGhpcy5zZWxlY3RlZEluZGV4ID09PSAtMSA/IGZhbHNlIDogc3RlcC5pc1Zpc2l0ZWRcclxuICAgICAgfSkpO1xyXG4gICAgfVxyXG4gIH1cclxuXHJcbiAgLyoqXHJcbiAgICogSW5wdXQgcHJvcGVydHkgaW5kaWNhdGluZyB3aGV0aGVyIHRoZSBmaW5hbCBpY29uIHNob3VsZCBiZSBkaXNwbGF5ZWQuXHJcbiAgICogRGVmYXVsdCB2YWx1ZSBpcyBmYWxzZS5cclxuICAgKlxyXG4gICAqIEBtZW1iZXJvZiBTdGVwcGVyQ29tcG9uZW50XHJcbiAgICovXHJcbiAgQElucHV0KCkgbGFzdFN0ZXBGaW5hbEljb24gPSBmYWxzZTtcclxuXHJcbiAgLyoqXHJcbiAgICpcclxuICAgKiBEZWZpbmVzIHRoZSBhcHBsaWNhdGlvbiB0aGVtZVxyXG4gICAqXHJcbiAgICogQHR5cGUge0FwcGxpY2F0aW9uVGhlbWV9XHJcbiAgICogQG1lbWJlcm9mIFN0ZXBwZXJDb21wb25lbnRcclxuICAgKi9cclxuICBASW5wdXQoKSBhcHBsaWNhdGlvblRoZW1lOiBBcHBsaWNhdGlvblRoZW1lID0gJ2xpZ2h0JztcclxuXHJcbiAgLyoqXHJcbiAgICogQSBzdHJpbmcgcmVwcmVzZW50aW5nIHRoZSBBUklBIGxhYmVsIGZvciBhY2Nlc3NpYmlsaXR5LlxyXG4gICAqIFRoaXMgbGFiZWwgaXMgdXNlZCB0byBwcm92aWRlIGFuIGFjY2Vzc2libGUgbmFtZSBmb3IgdGhlIGlucHV0IGVsZW1lbnQuXHJcbiAgICogQHR5cGUge3N0cmluZ31cclxuICAgKiBAbWVtYmVyb2YgU3RlcHBlckNvbXBvbmVudFxyXG4gICAqL1xyXG4gIEBJbnB1dCgpIGFyaWFMYWJlbDogc3RyaW5nO1xyXG5cclxuICAvKipcclxuICAgKiBEZWZpbmVzIHRoZSBzdGVwcGVyIHBvc2l0aW9uXHJcbiAgICpcclxuICAgKiBAdHlwZSB7U3RlcHBlclBvc2l0aW9ufVxyXG4gICAqIEBtZW1iZXJvZiBTdGVwcGVyQ29tcG9uZW50XHJcbiAgICovXHJcbiAgQElucHV0KCkgcG9zaXRpb246IFN0ZXBwZXJQb3NpdGlvbiA9ICdob3Jpem9udGFsJztcclxuXHJcbiAgLyoqXHJcbiAgICogQSBzdHJpbmcgcmVwcmVzZW50aW5nIHRoZSBBUklBIHJlcXVpcmVtZW50IGZvciBhY2Nlc3NpYmlsaXR5LlxyXG4gICAqIFRoaXMgYXR0cmlidXRlIGlzIHVzZWQgdG8gaW5kaWNhdGUgd2hldGhlciBhbiBpbnB1dCBmaWVsZCBpcyByZXF1aXJlZCBmb3IgZm9ybSBzdWJtaXNzaW9uLlxyXG4gICAqIEB0eXBlIHtib29sZWFufVxyXG4gICAqIEBtZW1iZXJvZiBTdGVwcGVyQ29tcG9uZW50XHJcbiAgICovXHJcbiAgQElucHV0KCkgYXJpYVJlcXVpcmVkID0gZmFsc2U7XHJcblxyXG4gIEBPdXRwdXQoKSBzZWxlY3Rpb25DaGFuZ2UgPSBuZXcgRXZlbnRFbWl0dGVyPHsgc2VsZWN0ZWRJbmRleDogbnVtYmVyOyBwcmV2aW91c0luZGV4OiBudW1iZXI7IHN0ZXA6IFN0ZXAgfT4oKTtcclxuXHJcbiAgcHJpdmF0ZSBpc09wZW5lZCA9IGZhbHNlO1xyXG4gIHByaXZhdGUgZmlyc3RTdGVwQXV0b1NlbGVjdCA9IHRydWU7XHJcbiAgcHJvdGVjdGVkIGl0ZW1TdGVwczogU3RlcFtdID0gW107XHJcbiAgcHJvdGVjdGVkIHByb2dyZXNzVmFsdWUgPSAwO1xyXG4gIHByb3RlY3RlZCB0cmFuc2xhdGlvbkNvbnRleHQgPSAnU1RFUFBFUi4nO1xyXG4gIHByb3RlY3RlZCBzZWxlY3RlZEluZGV4ID0gMDtcclxuXHJcbiAgZ2V0IGlzT3BlbigpOiBib29sZWFuIHtcclxuICAgIHJldHVybiB0aGlzLmlzT3BlbmVkO1xyXG4gIH1cclxuXHJcbiAgc2V0IGlzT3Blbih2YWx1ZTogYm9vbGVhbikge1xyXG4gICAgdGhpcy5pc09wZW5lZCA9IHZhbHVlO1xyXG4gIH1cclxuXHJcbiAgcHJvdGVjdGVkIGtleWJvYXJkRm9jdXNlZCA9IHNpZ25hbChmYWxzZSk7XHJcblxyXG4gIEBWaWV3Q2hpbGQoJ3N0ZXBwZXInKSBzdGVwcGVyRWxlbWVudDogRWxlbWVudFJlZjxIVE1MRWxlbWVudD47XHJcblxyXG4gIGNvbnN0cnVjdG9yKFxyXG4gICAgQE9wdGlvbmFsKCkgQEluamVjdCgnQ0FOT1BZVUlfREVGQVVMVF9BUFBMSUNBVElPTl9USEVNRScpIHByaXZhdGUgcmVhZG9ubHkgZGVmYXVsdEFwcFRoZW1lOiBBcHBsaWNhdGlvblRoZW1lLFxyXG4gICAgQEluamVjdChJU19NT0JJTEVfVE9LRU4pIHByb3RlY3RlZCByZWFkb25seSBpc01vYmlsZSQ6IE9ic2VydmFibGU8Ym9vbGVhbj4sXHJcbiAgICBwcm90ZWN0ZWQgZm9jdXNNb25pdG9yOiBGb2N1c01vbml0b3IsXHJcbiAgICBwcm90ZWN0ZWQgZGVzdHJveVJlZjogRGVzdHJveVJlZixcclxuICApIHtcclxuICAgIGlmIChkZWZhdWx0QXBwVGhlbWUpIHtcclxuICAgICAgdGhpcy5hcHBsaWNhdGlvblRoZW1lID0gZGVmYXVsdEFwcFRoZW1lO1xyXG4gICAgfVxyXG4gIH1cclxuXHJcbiAgbmdBZnRlclZpZXdJbml0KCk6IHZvaWQge1xyXG4gICAgdGhpcy5zdWJzY3JpYmVyRm9jdXMoKTtcclxuICB9XHJcblxyXG4gIHByb3RlY3RlZCBvblNlbGVjdChjaGFuZ2VkSW5kZXg6IG51bWJlciwgc3RlcDogU3RlcCk6IHZvaWQge1xyXG4gICAgaWYgKCFzdGVwLmlzVmlzaXRlZCAmJiB0aGlzLnNlbGVjdGVkSW5kZXggIT09IGNoYW5nZWRJbmRleCkge1xyXG4gICAgICBzdGVwLmlzVmlzaXRlZCA9IHRydWU7XHJcbiAgICB9XHJcbiAgICB0aGlzLnNlbGVjdGlvbkNoYW5nZS5lbWl0KHsgc2VsZWN0ZWRJbmRleDogY2hhbmdlZEluZGV4LCBwcmV2aW91c0luZGV4OiB0aGlzLnNlbGVjdGVkSW5kZXgsIHN0ZXAgfSk7XHJcblxyXG4gICAgdGhpcy5zZWxlY3RlZEluZGV4ID0gY2hhbmdlZEluZGV4O1xyXG4gICAgdGhpcy5vbkNsb3NlU3RlcExpc3QoKTtcclxuICB9XHJcblxyXG4gIHByb3RlY3RlZCBzaG93U3RlcHNUb2dnbGUoKTogdm9pZCB7XHJcbiAgICB0aGlzLmlzT3BlbiA9ICF0aGlzLmlzT3BlbjtcclxuXHJcbiAgICBzZXRUaW1lb3V0KCgpID0+IHtcclxuICAgICAgdGhpcy5zZWxlY3RlZFN0ZXBGb2N1cygpO1xyXG4gICAgfSlcclxuICB9XHJcblxyXG4gIHByb3RlY3RlZCBvbkNsb3NlU3RlcExpc3QoKTogdm9pZCB7XHJcbiAgICB0aGlzLmlzT3BlbiA9IGZhbHNlO1xyXG4gIH1cclxuXHJcbiAgcHJvdGVjdGVkIHN1YnNjcmliZXJGb2N1cygpOiB2b2lkIHtcclxuICAgIGlmICghdGhpcy5zdGVwcGVyRWxlbWVudCkge1xyXG4gICAgICByZXR1cm47XHJcbiAgICB9XHJcblxyXG4gICAgdGhpcy5mb2N1c01vbml0b3IubW9uaXRvcih0aGlzLnN0ZXBwZXJFbGVtZW50Lm5hdGl2ZUVsZW1lbnQpXHJcbiAgICAgIC5waXBlKHRha2VVbnRpbERlc3Ryb3llZCh0aGlzLmRlc3Ryb3lSZWYpKVxyXG4gICAgICAuc3Vic2NyaWJlKG9yaWdpbiA9PiB0aGlzLmtleWJvYXJkRm9jdXNlZC5zZXQob3JpZ2luID09PSAna2V5Ym9hcmQnKSk7XHJcbiAgfVxyXG5cclxuICBwcml2YXRlIHNlbGVjdGVkU3RlcEZvY3VzKCk6IHZvaWQge1xyXG4gICAgY29uc3Qgc2VsZWN0ZWRFbGVtZW50ID0gZG9jdW1lbnQuZ2V0RWxlbWVudEJ5SWQoJ3N0ZXAtJyArIHRoaXMuc2VsZWN0ZWRJbmRleCk7XHJcblxyXG4gICAgaWYgKHRoaXMua2V5Ym9hcmRGb2N1c2VkKCkgJiYgdGhpcy5pc09wZW4gJiYgc2VsZWN0ZWRFbGVtZW50KSB7XHJcbiAgICAgIHRoaXMuZm9jdXNNb25pdG9yLmZvY3VzVmlhKHNlbGVjdGVkRWxlbWVudCwgJ2tleWJvYXJkJyk7XHJcbiAgICB9XHJcbiAgfVxyXG59XHJcbiIsIjxuZy1jb250YWluZXI+XHJcbiAgPGRpdiBzdHlsZT1cInBvc2l0aW9uOiBhYnNvbHV0ZTsgbGVmdDogLTk5OTk5cHg7XCIgW2F0dHIuYXJpYS1saXZlXT1cIidwb2xpdGUnXCI+XHJcbiAgICAgPHNwYW4+XHJcbiAgICAgICB7eyBpdGVtU3RlcHNbc2VsZWN0ZWRJbmRleF0/LmxhYmVsID8/ICcnIH19XHJcbiAgICAgICB7eyAodHJhbnNsYXRpb25Db250ZXh0ICsgJ1NFTEVDVEVEX09GJyB8IHVpVHJhbnNsYXRlIDogeyBzZWxlY3RlZDogKHNlbGVjdGVkSW5kZXggPz8gMCkgKyAxLCB0b3RhbDogaXRlbVN0ZXBzPy5sZW5ndGggPz8gMCB9KSB8IGFzeW5jIH19XHJcbiAgICAgICB7eyBpdGVtU3RlcHNbc2VsZWN0ZWRJbmRleF0/LmlzVmlzaXRlZCAmJiAoaXRlbVN0ZXBzLmxlbmd0aCA8PSAoc2VsZWN0ZWRJbmRleCA/PyAwKSArIDEgJiYgaXRlbVN0ZXBzW3NlbGVjdGVkSW5kZXggKyAxXT8uaXNWaXNpdGVkKVxyXG4gICAgICAgPyAodHJhbnNsYXRpb25Db250ZXh0ICsgJ0NPTVBMRVRFRCcgfCB1aVRyYW5zbGF0ZSB8IGFzeW5jKVxyXG4gICAgICAgOiAodHJhbnNsYXRpb25Db250ZXh0ICsgJ0lOQ09NUExFVEUnIHwgdWlUcmFuc2xhdGUgfCBhc3luYykgfX1cclxuICAgICA8L3NwYW4+XHJcbiAgPC9kaXY+XHJcbiAgPGRpdiBjbGFzcz1cInN0ZXBwZXItd3JhcHBlclwiIHJvbGU9XCJ0YWJsaXN0XCIgW25nQ2xhc3NdPVwicG9zaXRpb25cIiBbYXR0ci50aGVtZV09XCJhcHBsaWNhdGlvblRoZW1lXCJcclxuICAgICAgICpuZ0lmPVwiKHBvc2l0aW9uID09PSAnaG9yaXpvbnRhbCcgJiYgIShpc01vYmlsZSQgfCBhc3luYykpIHx8IChwb3NpdGlvbiA9PT0gJ3ZlcnRpY2FsJyk7IGVsc2UgbW9iaWxlXCI+XHJcbiAgICA8bmctY29udGFpbmVyICpuZ0Zvcj1cImxldCBzdGVwIG9mIGl0ZW1TdGVwczsgaW5kZXggYXMgaSwgbGFzdCBhcyBpc0xhc3RcIj5cclxuICAgICAgPGRpdiBjbGFzcz1cInN0ZXBcIiAjc3RlcEVsZW1lbnQ+XHJcbiAgICAgICAgPHVpLXN0ZXBcclxuICAgICAgICAgIFtsYWJlbF09XCJzdGVwLmxhYmVsXCJcclxuICAgICAgICAgIFtpc1Zpc2l0ZWRdPVwic3RlcC5pc1Zpc2l0ZWQhXCJcclxuICAgICAgICAgIFtpY29uXT1cInN0ZXAuaWNvbk5hbWVcIlxyXG4gICAgICAgICAgW2luZGV4XT1cImlcIlxyXG4gICAgICAgICAgW3NlbGVjdGVkXT1cImkgPT09IHNlbGVjdGVkSW5kZXhcIlxyXG4gICAgICAgICAgW3NlbGVjdGVkSW5kZXhdPVwic2VsZWN0ZWRJbmRleFwiXHJcbiAgICAgICAgICBbaXNMYXN0XT1cImlzTGFzdFwiXHJcbiAgICAgICAgICBbZGlzYWJsZWRdPVwic3RlcC5kaXNhYmxlZCA/PyAoaSA+IHNlbGVjdGVkSW5kZXggKyAxICYmICFzdGVwLmlzVmlzaXRlZClcIlxyXG4gICAgICAgICAgW3ByZXZTdGVwSXNWaXNpdGVkXT1cIml0ZW1TdGVwc1tpIC0gMV0/LmlzVmlzaXRlZCAmJiBzdGVwLmlzVmlzaXRlZFwiXHJcbiAgICAgICAgICBbZmluYWxJY29uXT1cImlzTGFzdCA/IGxhc3RTdGVwRmluYWxJY29uIDogZmFsc2VcIlxyXG4gICAgICAgICAgW3Nob3dJY29uV2hlblNlbGVjdGVkXT1cIiEhc3RlcC5zaG93SWNvbldoZW5TZWxlY3RlZFwiXHJcbiAgICAgICAgICAoc3RlcFNlbGVjdGVkKT1cIm9uU2VsZWN0KCRldmVudCwgc3RlcClcIlxyXG4gICAgICAgICAgW2FwcGxpY2F0aW9uVGhlbWVdPVwiYXBwbGljYXRpb25UaGVtZVwiXHJcbiAgICAgICAgICByb2xlPVwidGFiXCJcclxuICAgICAgICAgIFthdHRyLmFyaWEtY29udHJvbHNdPVwiJ3N0ZXAtcGFuZWwtJyArIGlcIlxyXG4gICAgICAgICAgW2F0dHIuYXJpYS1zZWxlY3RlZF09XCJpID09PSBzZWxlY3RlZEluZGV4XCJcclxuICAgICAgICAgIFthdHRyLmFyaWEtbGFiZWxdPVwic3RlcC5sYWJlbFwiXHJcbiAgICAgICAgICBbYXR0ci50YWJpbmRleF09XCIoc3RlcC5kaXNhYmxlZCA/PyAoaSA+IHNlbGVjdGVkSW5kZXggKyAxICYmICFzdGVwLmlzVmlzaXRlZCkpID8gLTEgOiAwXCJcclxuICAgICAgICAgIFtodG1sRGVzY3JpcHRpb25dPVwic3RlcC5odG1sRGVzY3JpcHRpb24gPz8gW11cIlxyXG4gICAgICAgICAgW2JvbGRMYWJlbF09XCIhIXN0ZXAuYm9sZExhYmVsXCJcclxuICAgICAgICAgIFtwb3NpdGlvbl09XCJwb3NpdGlvblwiXHJcbiAgICAgICAgICBbZGVzY3JpcHRpb25UcGxdPVwic3RlcC5kZXNjcmlwdGlvblRwbFwiXHJcbiAgICAgICAgICBbbGFiZWxUb29sdGlwXT1cInN0ZXAubGFiZWxUb29sdGlwXCJcclxuICAgICAgICAgIFthbHdheXNTaG93SWNvbl09XCIhIXN0ZXAuYWx3YXlzU2hvd0ljb25cIlxyXG4gICAgICAgICAgW2NvbnRleHRdPVwic3RlcC5jb250ZXh0XCJcclxuICAgICAgICA+PC91aS1zdGVwPlxyXG4gICAgICA8L2Rpdj5cclxuICAgICAgPGRpdiAqbmdJZj1cIiFpc0xhc3RcIiBjbGFzcz1cInNlcGFyYXRvci1saW5lXCJcclxuICAgICAgICAgICBbbmdDbGFzc109XCJ7IHZpc2l0ZWQ6IHN0ZXAuaXNWaXNpdGVkICYmICEhdGhpcy5pdGVtU3RlcHNbaSArIDFdPy5pc1Zpc2l0ZWQgfVwiPlxyXG4gICAgICAgIDxkaXYgW3N0ZXBMaW5lRWxlbWVudF09XCJzdGVwRWxlbWVudFwiIFtwb3NpdGlvbl09XCJwb3NpdGlvblwiIGNsYXNzPVwibGluZVwiPjwvZGl2PlxyXG4gICAgICA8L2Rpdj5cclxuICAgIDwvbmctY29udGFpbmVyPlxyXG4gIDwvZGl2PlxyXG5cclxuICA8bmctdGVtcGxhdGUgI21vYmlsZT5cclxuICAgIDxkaXYgY2xhc3M9XCJtb2JpbGUtc3RlcHBlci13cmFwcGVyXCI+XHJcbiAgICAgIDxkaXYgY2xhc3M9XCJzdGVwcGVyXCJcclxuICAgICAgICAgICBbdGFiSW5kZXhdPVwiMFwiXHJcbiAgICAgICAgICAgI3N0ZXBwZXJcclxuICAgICAgICAgICBbbmdDbGFzc109XCJ7ICdrZXlib2FyZC1mb2N1c2VkJzoga2V5Ym9hcmRGb2N1c2VkKCkgfVwiXHJcbiAgICAgICAgICAgKGtleWRvd24uZW50ZXIpPVwic2hvd1N0ZXBzVG9nZ2xlKClcIlxyXG4gICAgICAgICAgIChrZXlkb3duLnNwYWNlKT1cInNob3dTdGVwc1RvZ2dsZSgpXCJcclxuICAgICAgICAgICBbYXR0ci5hcmlhLWV4cGFuZGVkXT1cImlzT3BlblwiXHJcbiAgICAgID5cclxuICAgICAgICA8ZGl2IGNsYXNzPVwicHJvZ3Jlc3Mtc3RlcFwiIFt0YWJpbmRleF09XCItMVwiIFthdHRyLmFyaWEtaGlkZGVuXT1cInRydWVcIj5cclxuICAgICAgICAgIDx1aS1yYWRpYWwtcHJvZ3Jlc3MgW2FwcGxpY2F0aW9uVGhlbWVdPVwiYXBwbGljYXRpb25UaGVtZVwiIFt2YWx1ZV09XCJzZWxlY3RlZEluZGV4ICsgMVwiXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIFt0b3RhbF09XCJpdGVtU3RlcHMubGVuZ3RoXCI+PC91aS1yYWRpYWwtcHJvZ3Jlc3M+XHJcbiAgICAgICAgPC9kaXY+XHJcblxyXG4gICAgICAgIDxkaXYgY2xhc3M9XCJzdGVwLWluZm9cIj5cclxuICAgICAgICAgIDxkaXYgY2xhc3M9XCJjdXJyZW50LXN0ZXBcIj5cclxuICAgICAgICAgICAgPHNwYW4+e3sgc2VsZWN0ZWRJbmRleCArIDEgfX0ve3sgaXRlbVN0ZXBzLmxlbmd0aCB9fSA8L3NwYW4+XHJcbiAgICAgICAgICAgIDxzcGFuPnt7IGl0ZW1TdGVwc1tzZWxlY3RlZEluZGV4XS5sYWJlbCB9fTwvc3Bhbj5cclxuICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgPGRpdiBjbGFzcz1cIm5leHQtc3RlcFwiPlxyXG4gICAgICAgICAgICA8c3BhblxyXG4gICAgICAgICAgICAgICpuZ0lmPVwiaXRlbVN0ZXBzLmxlbmd0aCAhPT0gc2VsZWN0ZWRJbmRleCArIDEgZWxzZSBmaW5hbFN0ZXBcIj57eyAoKCdDT01NT04uTkVYVCcpIHwgdWlUcmFuc2xhdGUgfCBhc3luYykgKyAnOicgfX0ge3sgaXRlbVN0ZXBzW3NlbGVjdGVkSW5kZXggKyAxXS5sYWJlbCB9fTwvc3Bhbj5cclxuICAgICAgICAgICAgPG5nLXRlbXBsYXRlICNmaW5hbFN0ZXA+XHJcbiAgICAgICAgICAgICAgPHNwYW4+e3sgKHRyYW5zbGF0aW9uQ29udGV4dCArICdGSU5BTF9TVEVQJykgfCB1aVRyYW5zbGF0ZSB8IGFzeW5jIH19PC9zcGFuPlxyXG4gICAgICAgICAgICA8L25nLXRlbXBsYXRlPlxyXG4gICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgPC9kaXY+XHJcblxyXG4gICAgICAgIDxkaXYgY2xhc3M9XCJvcGVuLXN0ZXBzXCIgKGNsaWNrKT1cInNob3dTdGVwc1RvZ2dsZSgpXCIgW25nQ2xhc3NdPVwieyBvcGVuZWQ6IGlzT3BlbiB9XCI+XHJcbiAgICAgICAgICA8dWktaWNvbiBbYXBwbGljYXRpb25UaGVtZV09XCJhcHBsaWNhdGlvblRoZW1lXCIgW3NpemVdPVwiJzI0J1wiXHJcbiAgICAgICAgICAgICAgICAgICBbbmFtZV09XCJhcHBsaWNhdGlvblRoZW1lID09PSAnY2xhc3NpYycgPyAnQXJyb3dfZG93bicgOiAnQXJyb3ctY2hldnJvbi1kb3duLWluLWxpbmUnXCI+PC91aS1pY29uPlxyXG4gICAgICAgIDwvZGl2PlxyXG4gICAgICA8L2Rpdj5cclxuXHJcbiAgICAgIDxkaXYgKm5nSWY9XCJpc09wZW5cIj5cclxuICAgICAgICA8ZGl2IGNsYXNzPVwic3RlcC1saXN0XCI+XHJcbiAgICAgICAgICA8ZGl2IGNsYXNzPVwic3RlcFwiICpuZ0Zvcj1cImxldCBzdGVwIG9mIGl0ZW1TdGVwczsgaW5kZXggYXMgaSwgbGFzdCBhcyBpc0xhc3RcIj5cclxuICAgICAgICAgICAgPHVpLXN0ZXBcclxuICAgICAgICAgICAgICBbbGFiZWxdPVwic3RlcC5sYWJlbFwiXHJcbiAgICAgICAgICAgICAgW2lzVmlzaXRlZF09XCJzdGVwLmlzVmlzaXRlZCFcIlxyXG4gICAgICAgICAgICAgIFtpY29uXT1cInN0ZXAuaWNvbk5hbWVcIlxyXG4gICAgICAgICAgICAgIFtpbmRleF09XCJpXCJcclxuICAgICAgICAgICAgICBbc2VsZWN0ZWRdPVwiaSA9PT0gc2VsZWN0ZWRJbmRleFwiXHJcbiAgICAgICAgICAgICAgW3NlbGVjdGVkSW5kZXhdPVwic2VsZWN0ZWRJbmRleFwiXHJcbiAgICAgICAgICAgICAgW2lzTGFzdF09XCJpc0xhc3RcIlxyXG4gICAgICAgICAgICAgIFtkaXNhYmxlZF09XCJzdGVwLmRpc2FibGVkID8/ICggaSA+IHNlbGVjdGVkSW5kZXggKyAxICYmICFzdGVwLmlzVmlzaXRlZClcIlxyXG4gICAgICAgICAgICAgIFttb2JpbGVNb2RlXT1cInRydWVcIlxyXG4gICAgICAgICAgICAgIFtmaW5hbEljb25dPVwiaXNMYXN0ID8gbGFzdFN0ZXBGaW5hbEljb24gOiBmYWxzZVwiXHJcbiAgICAgICAgICAgICAgW3Nob3dJY29uV2hlblNlbGVjdGVkXT1cIiEhc3RlcC5zaG93SWNvbldoZW5TZWxlY3RlZFwiXHJcbiAgICAgICAgICAgICAgKHN0ZXBTZWxlY3RlZCk9XCJvblNlbGVjdCgkZXZlbnQsIHN0ZXApXCJcclxuICAgICAgICAgICAgICBbYXBwbGljYXRpb25UaGVtZV09XCJhcHBsaWNhdGlvblRoZW1lXCJcclxuICAgICAgICAgICAgICBbYXR0ci5hcmlhLWxhYmVsXT1cImFyaWFMYWJlbCArICctLScgKyBzdGVwLmxhYmVsXCJcclxuICAgICAgICAgICAgPjwvdWktc3RlcD5cclxuICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgIDwvZGl2PlxyXG4gICAgICAgIDxkaXYgY2xhc3M9XCJvdmVybGF5XCIgKGNsaWNrKT1cIm9uQ2xvc2VTdGVwTGlzdCgpXCI+PC9kaXY+XHJcbiAgICAgIDwvZGl2PlxyXG4gICAgPC9kaXY+XHJcbiAgPC9uZy10ZW1wbGF0ZT5cclxuXHJcbjwvbmctY29udGFpbmVyPlxyXG4iXX0=

package/esm2022/components/stepper/stepper.component.module.mjs

@@ -0,0 +1,44 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { StepperComponent } from './stepper.component';
+import { IconComponentModule } from '../icon/icon.component.module';
+import { StepComponentModule } from '../step/step.component.module';
+import { StepLineElementDirective } from '../../directives/step-line-element.directive';
+import { MatProgressSpinnerModule } from '@angular/material/progress-spinner';
+import { RadialProgressComponentModule } from '../radial-progress/radial-progress.component.module';
+import { UiTranslatePipe } from '../../pipes/ui-translate.pipe';
+import { MatInputModule } from '@angular/material/input';
+import * as i0 from "@angular/core";
+export class StepperComponentModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: StepperComponentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.12", ngImport: i0, type: StepperComponentModule, declarations: [StepperComponent, StepLineElementDirective], imports: [CommonModule,
+            IconComponentModule,
+            StepComponentModule,
+            MatProgressSpinnerModule,
+            RadialProgressComponentModule,
+            UiTranslatePipe,
+            MatInputModule], exports: [StepperComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: StepperComponentModule, imports: [CommonModule,
+            IconComponentModule,
+            StepComponentModule,
+            MatProgressSpinnerModule,
+            RadialProgressComponentModule,
+            MatInputModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: StepperComponentModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [StepperComponent, StepLineElementDirective],
+                    imports: [
+                        CommonModule,
+                        IconComponentModule,
+                        StepComponentModule,
+                        MatProgressSpinnerModule,
+                        RadialProgressComponentModule,
+                        UiTranslatePipe,
+                        MatInputModule,
+                    ],
+                    exports: [StepperComponent],
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3RlcHBlci5jb21wb25lbnQubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdGdvLWNhbm9weS11aS9jb21wb25lbnRzL3N0ZXBwZXIvc3RlcHBlci5jb21wb25lbnQubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLHFCQUFxQixDQUFDO0FBQ3ZELE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLCtCQUErQixDQUFDO0FBQ3BFLE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLCtCQUErQixDQUFDO0FBQ3BFLE9BQU8sRUFBRSx3QkFBd0IsRUFBRSxNQUFNLDhDQUE4QyxDQUFDO0FBQ3hGLE9BQU8sRUFBRSx3QkFBd0IsRUFBRSxNQUFNLG9DQUFvQyxDQUFDO0FBQzlFLE9BQU8sRUFBRSw2QkFBNkIsRUFBRSxNQUFNLHFEQUFxRCxDQUFDO0FBQ3BHLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSwrQkFBK0IsQ0FBQztBQUNoRSxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0seUJBQXlCLENBQUM7O0FBZXpELE1BQU0sT0FBTyxzQkFBc0I7K0dBQXRCLHNCQUFzQjtnSEFBdEIsc0JBQXNCLGlCQVpsQixnQkFBZ0IsRUFBRSx3QkFBd0IsYUFFdkQsWUFBWTtZQUNaLG1CQUFtQjtZQUNuQixtQkFBbUI7WUFDbkIsd0JBQXdCO1lBQ3hCLDZCQUE2QjtZQUM3QixlQUFlO1lBQ2YsY0FBYyxhQUVOLGdCQUFnQjtnSEFFZixzQkFBc0IsWUFWL0IsWUFBWTtZQUNaLG1CQUFtQjtZQUNuQixtQkFBbUI7WUFDbkIsd0JBQXdCO1lBQ3hCLDZCQUE2QjtZQUU3QixjQUFjOzs0RkFJTCxzQkFBc0I7a0JBYmxDLFFBQVE7bUJBQUM7b0JBQ1IsWUFBWSxFQUFFLENBQUMsZ0JBQWdCLEVBQUUsd0JBQXdCLENBQUM7b0JBQzFELE9BQU8sRUFBRTt3QkFDUCxZQUFZO3dCQUNaLG1CQUFtQjt3QkFDbkIsbUJBQW1CO3dCQUNuQix3QkFBd0I7d0JBQ3hCLDZCQUE2Qjt3QkFDN0IsZUFBZTt3QkFDZixjQUFjO3FCQUNmO29CQUNELE9BQU8sRUFBRSxDQUFDLGdCQUFnQixDQUFDO2lCQUM1QiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XHJcbmltcG9ydCB7IFN0ZXBwZXJDb21wb25lbnQgfSBmcm9tICcuL3N0ZXBwZXIuY29tcG9uZW50JztcclxuaW1wb3J0IHsgSWNvbkNvbXBvbmVudE1vZHVsZSB9IGZyb20gJy4uL2ljb24vaWNvbi5jb21wb25lbnQubW9kdWxlJztcclxuaW1wb3J0IHsgU3RlcENvbXBvbmVudE1vZHVsZSB9IGZyb20gJy4uL3N0ZXAvc3RlcC5jb21wb25lbnQubW9kdWxlJztcclxuaW1wb3J0IHsgU3RlcExpbmVFbGVtZW50RGlyZWN0aXZlIH0gZnJvbSAnLi4vLi4vZGlyZWN0aXZlcy9zdGVwLWxpbmUtZWxlbWVudC5kaXJlY3RpdmUnO1xyXG5pbXBvcnQgeyBNYXRQcm9ncmVzc1NwaW5uZXJNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9wcm9ncmVzcy1zcGlubmVyJztcclxuaW1wb3J0IHsgUmFkaWFsUHJvZ3Jlc3NDb21wb25lbnRNb2R1bGUgfSBmcm9tICcuLi9yYWRpYWwtcHJvZ3Jlc3MvcmFkaWFsLXByb2dyZXNzLmNvbXBvbmVudC5tb2R1bGUnO1xyXG5pbXBvcnQgeyBVaVRyYW5zbGF0ZVBpcGUgfSBmcm9tICcuLi8uLi9waXBlcy91aS10cmFuc2xhdGUucGlwZSc7XHJcbmltcG9ydCB7IE1hdElucHV0TW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvaW5wdXQnO1xyXG5cclxuQE5nTW9kdWxlKHtcclxuICBkZWNsYXJhdGlvbnM6IFtTdGVwcGVyQ29tcG9uZW50LCBTdGVwTGluZUVsZW1lbnREaXJlY3RpdmVdLFxyXG4gIGltcG9ydHM6IFtcclxuICAgIENvbW1vbk1vZHVsZSxcclxuICAgIEljb25Db21wb25lbnRNb2R1bGUsXHJcbiAgICBTdGVwQ29tcG9uZW50TW9kdWxlLFxyXG4gICAgTWF0UHJvZ3Jlc3NTcGlubmVyTW9kdWxlLFxyXG4gICAgUmFkaWFsUHJvZ3Jlc3NDb21wb25lbnRNb2R1bGUsXHJcbiAgICBVaVRyYW5zbGF0ZVBpcGUsXHJcbiAgICBNYXRJbnB1dE1vZHVsZSxcclxuICBdLFxyXG4gIGV4cG9ydHM6IFtTdGVwcGVyQ29tcG9uZW50XSxcclxufSlcclxuZXhwb3J0IGNsYXNzIFN0ZXBwZXJDb21wb25lbnRNb2R1bGUge31cclxuIl19

package/esm2022/components/stepper/stepper.model.mjs

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3RlcHBlci5tb2RlbC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3Rnby1jYW5vcHktdWkvY29tcG9uZW50cy9zdGVwcGVyL3N0ZXBwZXIubW9kZWwudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEljb25OYW1lIH0gZnJvbSAnLi4vaWNvbi9pY29uLm1vZGVsJztcclxuaW1wb3J0IHsgVGVtcGxhdGVSZWYgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuXHJcbmV4cG9ydCBpbnRlcmZhY2UgU3RlcCB7XHJcbiAgbGFiZWw6IHN0cmluZztcclxuICBpc1Zpc2l0ZWQ/OiBib29sZWFuO1xyXG4gIGljb25OYW1lPzogSWNvbk5hbWU7XHJcbiAgZGlzYWJsZWQ/OiBib29sZWFuO1xyXG4gIHN1Ym1pdHRlZD86IGJvb2xlYW47XHJcbiAgc2hvd0ljb25XaGVuU2VsZWN0ZWQ/OiBib29sZWFuO1xyXG4gIGh0bWxEZXNjcmlwdGlvbj86IEh0bWxEZXNjcmlwdGlvbltdO1xyXG4gIGJvbGRMYWJlbD86IGJvb2xlYW47XHJcbiAgZGVzY3JpcHRpb25UcGw/OiBUZW1wbGF0ZVJlZjxhbnk+O1xyXG4gIGxhYmVsVG9vbHRpcD86IHN0cmluZztcclxuICBhbHdheXNTaG93SWNvbj86IGJvb2xlYW47XHJcbiAgY29udGV4dD86IGFueTtcclxufVxyXG5cclxuZXhwb3J0IGludGVyZmFjZSBIdG1sRGVzY3JpcHRpb24ge1xyXG4gIHRleHQ/OiBzdHJpbmc7XHJcbiAgaWNvbk5hbWU/OiBJY29uTmFtZTtcclxuICBpY29uVG9vbHRpcD86IHN0cmluZztcclxufVxyXG5cclxuZXhwb3J0IHR5cGUgU3RlcHBlclBvc2l0aW9uID0gJ2hvcml6b250YWwnIHwgJ3ZlcnRpY2FsJztcclxuIl19

package/esm2022/components/table/sentence-case.pipe.mjs

@@ -0,0 +1,19 @@
+import { Pipe } from '@angular/core';
+import * as i0 from "@angular/core";
+export class SentenceCasePipe {
+    transform(value) {
+        if (!value) {
+            return '';
+        }
+        return value.charAt(0).toUpperCase() + value.slice(1).toLowerCase();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SentenceCasePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "17.3.12", ngImport: i0, type: SentenceCasePipe, name: "sentencecase" }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SentenceCasePipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    name: 'sentencecase',
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VudGVuY2UtY2FzZS5waXBlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdGdvLWNhbm9weS11aS9jb21wb25lbnRzL3RhYmxlL3NlbnRlbmNlLWNhc2UucGlwZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsSUFBSSxFQUFpQixNQUFNLGVBQWUsQ0FBQzs7QUFLcEQsTUFBTSxPQUFPLGdCQUFnQjtJQUMzQixTQUFTLENBQUMsS0FBeUI7UUFDakMsSUFBSSxDQUFDLEtBQUssRUFBRSxDQUFDO1lBQ1gsT0FBTyxFQUFFLENBQUM7UUFDWixDQUFDO1FBQ0QsT0FBTyxLQUFLLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxDQUFDLFdBQVcsRUFBRSxHQUFHLEtBQUssQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDLENBQUMsV0FBVyxFQUFFLENBQUM7SUFDdEUsQ0FBQzsrR0FOVSxnQkFBZ0I7NkdBQWhCLGdCQUFnQjs7NEZBQWhCLGdCQUFnQjtrQkFINUIsSUFBSTttQkFBQztvQkFDSixJQUFJLEVBQUUsY0FBYztpQkFDckIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBQaXBlLCBQaXBlVHJhbnNmb3JtIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcblxyXG5AUGlwZSh7XHJcbiAgbmFtZTogJ3NlbnRlbmNlY2FzZScsXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBTZW50ZW5jZUNhc2VQaXBlIGltcGxlbWVudHMgUGlwZVRyYW5zZm9ybSB7XHJcbiAgdHJhbnNmb3JtKHZhbHVlOiBzdHJpbmcgfCB1bmRlZmluZWQpOiBzdHJpbmcge1xyXG4gICAgaWYgKCF2YWx1ZSkge1xyXG4gICAgICByZXR1cm4gJyc7XHJcbiAgICB9XHJcbiAgICByZXR1cm4gdmFsdWUuY2hhckF0KDApLnRvVXBwZXJDYXNlKCkgKyB2YWx1ZS5zbGljZSgxKS50b0xvd2VyQ2FzZSgpO1xyXG4gIH1cclxufVxyXG4iXX0=