@testgorilla/tgo-ui 2.31.1 → 2.31.3-beta.0

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>\n  <div style=\"position: absolute; left: -99999px;\" [attr.aria-live]=\"'polite'\">\n     <span>\n       {{ itemSteps[selectedIndex]?.label ?? '' }}\n       {{ (translationContext + 'SELECTED_OF' | uiTranslate : { selected: (selectedIndex ?? 0) + 1, total: itemSteps?.length ?? 0 }) | async }}\n       {{ itemSteps[selectedIndex]?.isVisited && (itemSteps.length <= (selectedIndex ?? 0) + 1 && itemSteps[selectedIndex + 1]?.isVisited)\n       ? (translationContext + 'COMPLETED' | uiTranslate | async)\n       : (translationContext + 'INCOMPLETE' | uiTranslate | async) }}\n     </span>\n  </div>\n  <div class=\"stepper-wrapper\" role=\"tablist\" [ngClass]=\"position\" [attr.theme]=\"applicationTheme\"\n       *ngIf=\"(position === 'horizontal' && !(isMobile$ | async)) || (position === 'vertical'); else mobile\">\n    <ng-container *ngFor=\"let step of itemSteps; index as i, last as isLast\">\n      <div class=\"step\" #stepElement>\n        <ui-step\n          [label]=\"step.label\"\n          [isVisited]=\"step.isVisited!\"\n          [icon]=\"step.iconName\"\n          [index]=\"i\"\n          [selected]=\"i === selectedIndex\"\n          [selectedIndex]=\"selectedIndex\"\n          [isLast]=\"isLast\"\n          [disabled]=\"step.disabled ?? (i > selectedIndex + 1 && !step.isVisited)\"\n          [prevStepIsVisited]=\"itemSteps[i - 1]?.isVisited && step.isVisited\"\n          [finalIcon]=\"isLast ? lastStepFinalIcon : false\"\n          [showIconWhenSelected]=\"!!step.showIconWhenSelected\"\n          (stepSelected)=\"onSelect($event, step)\"\n          [applicationTheme]=\"applicationTheme\"\n          role=\"tab\"\n          [attr.aria-controls]=\"'step-panel-' + i\"\n          [attr.aria-selected]=\"i === selectedIndex\"\n          [attr.aria-label]=\"step.label\"\n          [attr.tabindex]=\"(step.disabled ?? (i > selectedIndex + 1 && !step.isVisited)) ? -1 : 0\"\n          [htmlDescription]=\"step.htmlDescription ?? []\"\n          [boldLabel]=\"!!step.boldLabel\"\n          [position]=\"position\"\n          [descriptionTpl]=\"step.descriptionTpl\"\n          [labelTooltip]=\"step.labelTooltip\"\n          [alwaysShowIcon]=\"!!step.alwaysShowIcon\"\n          [context]=\"step.context\"\n        ></ui-step>\n      </div>\n      <div *ngIf=\"!isLast\" class=\"separator-line\"\n           [ngClass]=\"{ visited: step.isVisited && !!this.itemSteps[i + 1]?.isVisited }\">\n        <div [stepLineElement]=\"stepElement\" [position]=\"position\" class=\"line\"></div>\n      </div>\n    </ng-container>\n  </div>\n\n  <ng-template #mobile>\n    <div class=\"mobile-stepper-wrapper\">\n      <div class=\"stepper\"\n           [tabIndex]=\"0\"\n           #stepper\n           [ngClass]=\"{ 'keyboard-focused': keyboardFocused() }\"\n           (keydown.enter)=\"showStepsToggle()\"\n           (keydown.space)=\"showStepsToggle()\"\n           [attr.aria-expanded]=\"isOpen\"\n      >\n        <div class=\"progress-step\" [tabindex]=\"-1\" [attr.aria-hidden]=\"true\">\n          <ui-radial-progress [applicationTheme]=\"applicationTheme\" [value]=\"selectedIndex + 1\"\n                              [total]=\"itemSteps.length\"></ui-radial-progress>\n        </div>\n\n        <div class=\"step-info\">\n          <div class=\"current-step\">\n            <span>{{ selectedIndex + 1 }}/{{ itemSteps.length }} </span>\n            <span>{{ itemSteps[selectedIndex].label }}</span>\n          </div>\n          <div class=\"next-step\">\n            <span\n              *ngIf=\"itemSteps.length !== selectedIndex + 1 else finalStep\">{{ (('COMMON.NEXT') | uiTranslate | async) + ':' }} {{ itemSteps[selectedIndex + 1].label }}</span>\n            <ng-template #finalStep>\n              <span>{{ (translationContext + 'FINAL_STEP') | uiTranslate | async }}</span>\n            </ng-template>\n          </div>\n        </div>\n\n        <div class=\"open-steps\" (click)=\"showStepsToggle()\" [ngClass]=\"{ opened: isOpen }\">\n          <ui-icon [applicationTheme]=\"applicationTheme\" [size]=\"'24'\"\n                   [name]=\"applicationTheme === 'classic' ? 'Arrow_down' : 'Arrow-chevron-down-in-line'\"></ui-icon>\n        </div>\n      </div>\n\n      <div *ngIf=\"isOpen\">\n        <div class=\"step-list\">\n          <div class=\"step\" *ngFor=\"let step of itemSteps; index as i, last as isLast\">\n            <ui-step\n              [label]=\"step.label\"\n              [isVisited]=\"step.isVisited!\"\n              [icon]=\"step.iconName\"\n              [index]=\"i\"\n              [selected]=\"i === selectedIndex\"\n              [selectedIndex]=\"selectedIndex\"\n              [isLast]=\"isLast\"\n              [disabled]=\"step.disabled ?? ( i > selectedIndex + 1 && !step.isVisited)\"\n              [mobileMode]=\"true\"\n              [finalIcon]=\"isLast ? lastStepFinalIcon : false\"\n              [showIconWhenSelected]=\"!!step.showIconWhenSelected\"\n              (stepSelected)=\"onSelect($event, step)\"\n              [applicationTheme]=\"applicationTheme\"\n              [attr.aria-label]=\"ariaLabel + '--' + step.label\"\n            ></ui-step>\n          </div>\n        </div>\n        <div class=\"overlay\" (click)=\"onCloseStepList()\"></div>\n      </div>\n    </div>\n  </ng-template>\n\n</ng-container>\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>\n  <div style=\"position: absolute; left: -99999px;\" [attr.aria-live]=\"'polite'\">\n     <span>\n       {{ itemSteps[selectedIndex]?.label ?? '' }}\n       {{ (translationContext + 'SELECTED_OF' | uiTranslate : { selected: (selectedIndex ?? 0) + 1, total: itemSteps?.length ?? 0 }) | async }}\n       {{ itemSteps[selectedIndex]?.isVisited && (itemSteps.length <= (selectedIndex ?? 0) + 1 && itemSteps[selectedIndex + 1]?.isVisited)\n       ? (translationContext + 'COMPLETED' | uiTranslate | async)\n       : (translationContext + 'INCOMPLETE' | uiTranslate | async) }}\n     </span>\n  </div>\n  <div class=\"stepper-wrapper\" role=\"tablist\" [ngClass]=\"position\" [attr.theme]=\"applicationTheme\"\n       *ngIf=\"(position === 'horizontal' && !(isMobile$ | async)) || (position === 'vertical'); else mobile\">\n    <ng-container *ngFor=\"let step of itemSteps; index as i, last as isLast\">\n      <div class=\"step\" #stepElement>\n        <ui-step\n          [label]=\"step.label\"\n          [isVisited]=\"step.isVisited!\"\n          [icon]=\"step.iconName\"\n          [index]=\"i\"\n          [selected]=\"i === selectedIndex\"\n          [selectedIndex]=\"selectedIndex\"\n          [isLast]=\"isLast\"\n          [disabled]=\"step.disabled ?? (i > selectedIndex + 1 && !step.isVisited)\"\n          [prevStepIsVisited]=\"itemSteps[i - 1]?.isVisited && step.isVisited\"\n          [finalIcon]=\"isLast ? lastStepFinalIcon : false\"\n          [showIconWhenSelected]=\"!!step.showIconWhenSelected\"\n          (stepSelected)=\"onSelect($event, step)\"\n          [applicationTheme]=\"applicationTheme\"\n          role=\"tab\"\n          [attr.aria-controls]=\"'step-panel-' + i\"\n          [attr.aria-selected]=\"i === selectedIndex\"\n          [attr.aria-label]=\"step.label\"\n          [attr.tabindex]=\"(step.disabled ?? (i > selectedIndex + 1 && !step.isVisited)) ? -1 : 0\"\n          [htmlDescription]=\"step.htmlDescription ?? []\"\n          [boldLabel]=\"!!step.boldLabel\"\n          [position]=\"position\"\n          [descriptionTpl]=\"step.descriptionTpl\"\n          [labelTooltip]=\"step.labelTooltip\"\n          [alwaysShowIcon]=\"!!step.alwaysShowIcon\"\n          [context]=\"step.context\"\n        ></ui-step>\n      </div>\n      <div *ngIf=\"!isLast\" class=\"separator-line\"\n           [ngClass]=\"{ visited: step.isVisited && !!this.itemSteps[i + 1]?.isVisited }\">\n        <div [stepLineElement]=\"stepElement\" [position]=\"position\" class=\"line\"></div>\n      </div>\n    </ng-container>\n  </div>\n\n  <ng-template #mobile>\n    <div class=\"mobile-stepper-wrapper\">\n      <div class=\"stepper\"\n           [tabIndex]=\"0\"\n           #stepper\n           [ngClass]=\"{ 'keyboard-focused': keyboardFocused() }\"\n           (keydown.enter)=\"showStepsToggle()\"\n           (keydown.space)=\"showStepsToggle()\"\n           [attr.aria-expanded]=\"isOpen\"\n      >\n        <div class=\"progress-step\" [tabindex]=\"-1\" [attr.aria-hidden]=\"true\">\n          <ui-radial-progress [applicationTheme]=\"applicationTheme\" [value]=\"selectedIndex + 1\"\n                              [total]=\"itemSteps.length\"></ui-radial-progress>\n        </div>\n\n        <div class=\"step-info\">\n          <div class=\"current-step\">\n            <span>{{ selectedIndex + 1 }}/{{ itemSteps.length }} </span>\n            <span>{{ itemSteps[selectedIndex].label }}</span>\n          </div>\n          <div class=\"next-step\">\n            <span\n              *ngIf=\"itemSteps.length !== selectedIndex + 1 else finalStep\">{{ (('COMMON.NEXT') | uiTranslate | async) + ':' }} {{ itemSteps[selectedIndex + 1].label }}</span>\n            <ng-template #finalStep>\n              <span>{{ (translationContext + 'FINAL_STEP') | uiTranslate | async }}</span>\n            </ng-template>\n          </div>\n        </div>\n\n        <div class=\"open-steps\" (click)=\"showStepsToggle()\" [ngClass]=\"{ opened: isOpen }\">\n          <ui-icon [applicationTheme]=\"applicationTheme\" [size]=\"'24'\"\n                   [name]=\"applicationTheme === 'classic' ? 'Arrow_down' : 'Arrow-chevron-down-in-line'\"></ui-icon>\n        </div>\n      </div>\n\n      <div *ngIf=\"isOpen\">\n        <div class=\"step-list\">\n          <div class=\"step\" *ngFor=\"let step of itemSteps; index as i, last as isLast\">\n            <ui-step\n              [label]=\"step.label\"\n              [isVisited]=\"step.isVisited!\"\n              [icon]=\"step.iconName\"\n              [index]=\"i\"\n              [selected]=\"i === selectedIndex\"\n              [selectedIndex]=\"selectedIndex\"\n              [isLast]=\"isLast\"\n              [disabled]=\"step.disabled ?? ( i > selectedIndex + 1 && !step.isVisited)\"\n              [mobileMode]=\"true\"\n              [finalIcon]=\"isLast ? lastStepFinalIcon : false\"\n              [showIconWhenSelected]=\"!!step.showIconWhenSelected\"\n              (stepSelected)=\"onSelect($event, step)\"\n              [applicationTheme]=\"applicationTheme\"\n              [attr.aria-label]=\"ariaLabel + '--' + step.label\"\n            ></ui-step>\n          </div>\n        </div>\n        <div class=\"overlay\" (click)=\"onCloseStepList()\"></div>\n      </div>\n    </div>\n  </ng-template>\n\n</ng-container>\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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YSxnQkFBZ0I7a0JBTjVCLFNBQVM7K0JBQ0UsWUFBWSxtQkFHTCx1QkFBdUIsQ0FBQyxNQUFNOzswQkFtSDVDLFFBQVE7OzBCQUFJLE1BQU07MkJBQUMsb0NBQW9DOzswQkFDdkQsTUFBTTsyQkFBQyxlQUFlOzZGQTFHUyxzQkFBc0I7c0JBQXZELEtBQUs7dUJBQUMscUJBQXFCO2dCQWdCZixLQUFLO3NCQUFqQixLQUFLO2dCQWdCc0IsZ0JBQWdCO3NCQUEzQyxLQUFLO3VCQUFDLGVBQWU7Z0JBZ0JiLGlCQUFpQjtzQkFBekIsS0FBSztnQkFTRyxnQkFBZ0I7c0JBQXhCLEtBQUs7Z0JBUUcsU0FBUztzQkFBakIsS0FBSztnQkFRRyxRQUFRO3NCQUFoQixLQUFLO2dCQVFHLFlBQVk7c0JBQXBCLEtBQUs7Z0JBRUksZUFBZTtzQkFBeEIsTUFBTTtnQkFtQmUsY0FBYztzQkFBbkMsU0FBUzt1QkFBQyxTQUFTIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gIENvbXBvbmVudCwgRGVzdHJveVJlZiwgRWxlbWVudFJlZixcbiAgRXZlbnRFbWl0dGVyLFxuICBJbmplY3QsXG4gIElucHV0LFxuICBPcHRpb25hbCxcbiAgT3V0cHV0LCBzaWduYWwsIFZpZXdDaGlsZCxcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBTdGVwLCBTdGVwcGVyUG9zaXRpb24gfSBmcm9tICcuL3N0ZXBwZXIubW9kZWwnO1xuaW1wb3J0IHsgT2JzZXJ2YWJsZSB9IGZyb20gJ3J4anMnO1xuaW1wb3J0IHsgSVNfTU9CSUxFX1RPS0VOIH0gZnJvbSAnLi4vLi4vcHJvdmlkZXJzL2lzLW1vYmlsZSc7XG5pbXBvcnQgeyBBcHBsaWNhdGlvblRoZW1lIH0gZnJvbSBcIi4uLy4uL21vZGVscy9hcHBsaWNhdGlvbi10aGVtZS5tb2RlbFwiO1xuaW1wb3J0IHsgdGFrZVVudGlsRGVzdHJveWVkIH0gZnJvbSBcIkBhbmd1bGFyL2NvcmUvcnhqcy1pbnRlcm9wXCI7XG5pbXBvcnQgeyBGb2N1c01vbml0b3IgfSBmcm9tIFwiQGFuZ3VsYXIvY2RrL2ExMXlcIjtcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAndWktc3RlcHBlcicsXG4gIHRlbXBsYXRlVXJsOiAnLi9zdGVwcGVyLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vc3RlcHBlci5jb21wb25lbnQuc2NzcyddLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbn0pXG5leHBvcnQgY2xhc3MgU3RlcHBlckNvbXBvbmVudCB7XG4gIC8qKlxuICAgKlxuICAgKiBBdXRvIHNlbGVjdHMgZmlyc3Qgc3RlcCBhcyB2aXNpdGVkXG4gICAqIERlZmF1bHRzIHRvIHRydWVcbiAgICpcbiAgICogQG1lbWJlcm9mIFN0ZXBwZXJDb21wb25lbnRcbiAgICovXG4gIEBJbnB1dCgnZmlyc3RTdGVwQXV0b1NlbGVjdCcpIHNldCBzZXRGaXJzdFN0ZXBBdXRvU2VsZWN0KHZhbHVlOiBib29sZWFuKSB7XG4gICAgdGhpcy5maXJzdFN0ZXBBdXRvU2VsZWN0ID0gdmFsdWU7XG4gICAgaWYgKCF0aGlzLmZpcnN0U3RlcEF1dG9TZWxlY3QpIHtcbiAgICAgIHRoaXMuaXRlbVN0ZXBzID0gdGhpcy5pdGVtU3RlcHMubWFwKChzdGVwLCBpKSA9PiAoe1xuICAgICAgICAuLi5zdGVwLFxuICAgICAgICBpc1Zpc2l0ZWQ6IGkgPT09IDAgJiYgdGhpcy5zZWxlY3RlZEluZGV4ID09PSAtMSA/IGZhbHNlIDogc3RlcC5pc1Zpc2l0ZWRcbiAgICAgIH0pKTtcbiAgICB9XG4gIH07XG5cbiAgLyoqXG4gICAqIElucHV0IHByb3BlcnR5IHRvIHNldCB0aGUgc3RlcHMgZm9yIHRoZSBzdGVwcGVyLlxuICAgKiBUaGUgZmlyc3Qgc3RlcCB3aWxsIGJlIG1hcmtlZCBhcyB2aXNpdGVkIGF1dG9tYXRpY2FsbHkuXG4gICAqXG4gICAqIEBtZW1iZXJvZiBTdGVwcGVyQ29tcG9uZW50XG4gICAqL1xuICBASW5wdXQoKSBzZXQgc3RlcHMoaXRlbVN0ZXBzOiBTdGVwW10pIHtcbiAgICB0aGlzLml0ZW1TdGVwcyA9IGl0ZW1TdGVwcztcbiAgICBpZiAoaXRlbVN0ZXBzLmxlbmd0aCAmJiB0aGlzLmZpcnN0U3RlcEF1dG9TZWxlY3QpIHtcbiAgICAgIGNvbnN0IFtmaXJzdCwgLi4ub3RoZXJdID0gaXRlbVN0ZXBzO1xuICAgICAgZmlyc3QuaXNWaXNpdGVkID0gdHJ1ZTtcbiAgICAgIHRoaXMuaXRlbVN0ZXBzID0gW2ZpcnN0LCAuLi5vdGhlcl07XG4gICAgfVxuXG4gIH1cblxuICAvKipcbiAgICogSW5wdXQgcHJvcGVydHkgdG8gc2V0IHRoZSBzZWxlY3RlZCBpbmRleCBvZiB0aGUgc3RlcHBlci5cbiAgICogRGVmYXVsdCB2YWx1ZSBpcyAwLlxuICAgKlxuICAgKiBAbWVtYmVyb2YgU3RlcHBlckNvbXBvbmVudFxuICAgKi9cbiAgQElucHV0KCdzZWxlY3RlZEluZGV4Jykgc2V0IHNldFNlbGVjdGVkSW5kZXgodmFsdWU6IG51bWJlcikge1xuICAgIHRoaXMuc2VsZWN0ZWRJbmRleCA9IHZhbHVlO1xuICAgIGlmICghdGhpcy5maXJzdFN0ZXBBdXRvU2VsZWN0KSB7XG4gICAgICB0aGlzLml0ZW1TdGVwcyA9IHRoaXMuaXRlbVN0ZXBzLm1hcCgoc3RlcCwgaSkgPT4gKHtcbiAgICAgICAgLi4uc3RlcCxcbiAgICAgICAgaXNWaXNpdGVkOiBpID09PSAwICYmIHRoaXMuc2VsZWN0ZWRJbmRleCA9PT0gLTEgPyBmYWxzZSA6IHN0ZXAuaXNWaXNpdGVkXG4gICAgICB9KSk7XG4gICAgfVxuICB9XG5cbiAgLyoqXG4gICAqIElucHV0IHByb3BlcnR5IGluZGljYXRpbmcgd2hldGhlciB0aGUgZmluYWwgaWNvbiBzaG91bGQgYmUgZGlzcGxheWVkLlxuICAgKiBEZWZhdWx0IHZhbHVlIGlzIGZhbHNlLlxuICAgKlxuICAgKiBAbWVtYmVyb2YgU3RlcHBlckNvbXBvbmVudFxuICAgKi9cbiAgQElucHV0KCkgbGFzdFN0ZXBGaW5hbEljb24gPSBmYWxzZTtcblxuICAvKipcbiAgICpcbiAgICogRGVmaW5lcyB0aGUgYXBwbGljYXRpb24gdGhlbWVcbiAgICpcbiAgICogQHR5cGUge0FwcGxpY2F0aW9uVGhlbWV9XG4gICAqIEBtZW1iZXJvZiBTdGVwcGVyQ29tcG9uZW50XG4gICAqL1xuICBASW5wdXQoKSBhcHBsaWNhdGlvblRoZW1lOiBBcHBsaWNhdGlvblRoZW1lID0gJ2xpZ2h0JztcblxuICAvKipcbiAgICogQSBzdHJpbmcgcmVwcmVzZW50aW5nIHRoZSBBUklBIGxhYmVsIGZvciBhY2Nlc3NpYmlsaXR5LlxuICAgKiBUaGlzIGxhYmVsIGlzIHVzZWQgdG8gcHJvdmlkZSBhbiBhY2Nlc3NpYmxlIG5hbWUgZm9yIHRoZSBpbnB1dCBlbGVtZW50LlxuICAgKiBAdHlwZSB7c3RyaW5nfVxuICAgKiBAbWVtYmVyb2YgU3RlcHBlckNvbXBvbmVudFxuICAgKi9cbiAgQElucHV0KCkgYXJpYUxhYmVsOiBzdHJpbmc7XG5cbiAgLyoqXG4gICAqIERlZmluZXMgdGhlIHN0ZXBwZXIgcG9zaXRpb25cbiAgICpcbiAgICogQHR5cGUge1N0ZXBwZXJQb3NpdGlvbn1cbiAgICogQG1lbWJlcm9mIFN0ZXBwZXJDb21wb25lbnRcbiAgICovXG4gIEBJbnB1dCgpIHBvc2l0aW9uOiBTdGVwcGVyUG9zaXRpb24gPSAnaG9yaXpvbnRhbCc7XG5cbiAgLyoqXG4gICAqIEEgc3RyaW5nIHJlcHJlc2VudGluZyB0aGUgQVJJQSByZXF1aXJlbWVudCBmb3IgYWNjZXNzaWJpbGl0eS5cbiAgICogVGhpcyBhdHRyaWJ1dGUgaXMgdXNlZCB0byBpbmRpY2F0ZSB3aGV0aGVyIGFuIGlucHV0IGZpZWxkIGlzIHJlcXVpcmVkIGZvciBmb3JtIHN1Ym1pc3Npb24uXG4gICAqIEB0eXBlIHtib29sZWFufVxuICAgKiBAbWVtYmVyb2YgU3RlcHBlckNvbXBvbmVudFxuICAgKi9cbiAgQElucHV0KCkgYXJpYVJlcXVpcmVkID0gZmFsc2U7XG5cbiAgQE91dHB1dCgpIHNlbGVjdGlvbkNoYW5nZSA9IG5ldyBFdmVudEVtaXR0ZXI8eyBzZWxlY3RlZEluZGV4OiBudW1iZXI7IHByZXZpb3VzSW5kZXg6IG51bWJlcjsgc3RlcDogU3RlcCB9PigpO1xuXG4gIHByaXZhdGUgaXNPcGVuZWQgPSBmYWxzZTtcbiAgcHJpdmF0ZSBmaXJzdFN0ZXBBdXRvU2VsZWN0ID0gdHJ1ZTtcbiAgcHJvdGVjdGVkIGl0ZW1TdGVwczogU3RlcFtdID0gW107XG4gIHByb3RlY3RlZCBwcm9ncmVzc1ZhbHVlID0gMDtcbiAgcHJvdGVjdGVkIHRyYW5zbGF0aW9uQ29udGV4dCA9ICdTVEVQUEVSLic7XG4gIHByb3RlY3RlZCBzZWxlY3RlZEluZGV4ID0gMDtcblxuICBnZXQgaXNPcGVuKCk6IGJvb2xlYW4ge1xuICAgIHJldHVybiB0aGlzLmlzT3BlbmVkO1xuICB9XG5cbiAgc2V0IGlzT3Blbih2YWx1ZTogYm9vbGVhbikge1xuICAgIHRoaXMuaXNPcGVuZWQgPSB2YWx1ZTtcbiAgfVxuXG4gIHByb3RlY3RlZCBrZXlib2FyZEZvY3VzZWQgPSBzaWduYWwoZmFsc2UpO1xuXG4gIEBWaWV3Q2hpbGQoJ3N0ZXBwZXInKSBzdGVwcGVyRWxlbWVudDogRWxlbWVudFJlZjxIVE1MRWxlbWVudD47XG5cbiAgY29uc3RydWN0b3IoXG4gICAgQE9wdGlvbmFsKCkgQEluamVjdCgnQ0FOT1BZVUlfREVGQVVMVF9BUFBMSUNBVElPTl9USEVNRScpIHByaXZhdGUgcmVhZG9ubHkgZGVmYXVsdEFwcFRoZW1lOiBBcHBsaWNhdGlvblRoZW1lLFxuICAgIEBJbmplY3QoSVNfTU9CSUxFX1RPS0VOKSBwcm90ZWN0ZWQgcmVhZG9ubHkgaXNNb2JpbGUkOiBPYnNlcnZhYmxlPGJvb2xlYW4+LFxuICAgIHByb3RlY3RlZCBmb2N1c01vbml0b3I6IEZvY3VzTW9uaXRvcixcbiAgICBwcm90ZWN0ZWQgZGVzdHJveVJlZjogRGVzdHJveVJlZixcbiAgKSB7XG4gICAgaWYgKGRlZmF1bHRBcHBUaGVtZSkge1xuICAgICAgdGhpcy5hcHBsaWNhdGlvblRoZW1lID0gZGVmYXVsdEFwcFRoZW1lO1xuICAgIH1cbiAgfVxuXG4gIG5nQWZ0ZXJWaWV3SW5pdCgpOiB2b2lkIHtcbiAgICB0aGlzLnN1YnNjcmliZXJGb2N1cygpO1xuICB9XG5cbiAgcHJvdGVjdGVkIG9uU2VsZWN0KGNoYW5nZWRJbmRleDogbnVtYmVyLCBzdGVwOiBTdGVwKTogdm9pZCB7XG4gICAgaWYgKCFzdGVwLmlzVmlzaXRlZCAmJiB0aGlzLnNlbGVjdGVkSW5kZXggIT09IGNoYW5nZWRJbmRleCkge1xuICAgICAgc3RlcC5pc1Zpc2l0ZWQgPSB0cnVlO1xuICAgIH1cbiAgICB0aGlzLnNlbGVjdGlvbkNoYW5nZS5lbWl0KHsgc2VsZWN0ZWRJbmRleDogY2hhbmdlZEluZGV4LCBwcmV2aW91c0luZGV4OiB0aGlzLnNlbGVjdGVkSW5kZXgsIHN0ZXAgfSk7XG5cbiAgICB0aGlzLnNlbGVjdGVkSW5kZXggPSBjaGFuZ2VkSW5kZXg7XG4gICAgdGhpcy5vbkNsb3NlU3RlcExpc3QoKTtcbiAgfVxuXG4gIHByb3RlY3RlZCBzaG93U3RlcHNUb2dnbGUoKTogdm9pZCB7XG4gICAgdGhpcy5pc09wZW4gPSAhdGhpcy5pc09wZW47XG5cbiAgICBzZXRUaW1lb3V0KCgpID0+IHtcbiAgICAgIHRoaXMuc2VsZWN0ZWRTdGVwRm9jdXMoKTtcbiAgICB9KVxuICB9XG5cbiAgcHJvdGVjdGVkIG9uQ2xvc2VTdGVwTGlzdCgpOiB2b2lkIHtcbiAgICB0aGlzLmlzT3BlbiA9IGZhbHNlO1xuICB9XG5cbiAgcHJvdGVjdGVkIHN1YnNjcmliZXJGb2N1cygpOiB2b2lkIHtcbiAgICBpZiAoIXRoaXMuc3RlcHBlckVsZW1lbnQpIHtcbiAgICAgIHJldHVybjtcbiAgICB9XG5cbiAgICB0aGlzLmZvY3VzTW9uaXRvci5tb25pdG9yKHRoaXMuc3RlcHBlckVsZW1lbnQubmF0aXZlRWxlbWVudClcbiAgICAgIC5waXBlKHRha2VVbnRpbERlc3Ryb3llZCh0aGlzLmRlc3Ryb3lSZWYpKVxuICAgICAgLnN1YnNjcmliZShvcmlnaW4gPT4gdGhpcy5rZXlib2FyZEZvY3VzZWQuc2V0KG9yaWdpbiA9PT0gJ2tleWJvYXJkJykpO1xuICB9XG5cbiAgcHJpdmF0ZSBzZWxlY3RlZFN0ZXBGb2N1cygpOiB2b2lkIHtcbiAgICBjb25zdCBzZWxlY3RlZEVsZW1lbnQgPSBkb2N1bWVudC5nZXRFbGVtZW50QnlJZCgnc3RlcC0nICsgdGhpcy5zZWxlY3RlZEluZGV4KTtcblxuICAgIGlmICh0aGlzLmtleWJvYXJkRm9jdXNlZCgpICYmIHRoaXMuaXNPcGVuICYmIHNlbGVjdGVkRWxlbWVudCkge1xuICAgICAgdGhpcy5mb2N1c01vbml0b3IuZm9jdXNWaWEoc2VsZWN0ZWRFbGVtZW50LCAna2V5Ym9hcmQnKTtcbiAgICB9XG4gIH1cbn1cbiIsIjxuZy1jb250YWluZXI+XG4gIDxkaXYgc3R5bGU9XCJwb3NpdGlvbjogYWJzb2x1dGU7IGxlZnQ6IC05OTk5OXB4O1wiIFthdHRyLmFyaWEtbGl2ZV09XCIncG9saXRlJ1wiPlxuICAgICA8c3Bhbj5cbiAgICAgICB7eyBpdGVtU3RlcHNbc2VsZWN0ZWRJbmRleF0/LmxhYmVsID8/ICcnIH19XG4gICAgICAge3sgKHRyYW5zbGF0aW9uQ29udGV4dCArICdTRUxFQ1RFRF9PRicgfCB1aVRyYW5zbGF0ZSA6IHsgc2VsZWN0ZWQ6IChzZWxlY3RlZEluZGV4ID8/IDApICsgMSwgdG90YWw6IGl0ZW1TdGVwcz8ubGVuZ3RoID8/IDAgfSkgfCBhc3luYyB9fVxuICAgICAgIHt7IGl0ZW1TdGVwc1tzZWxlY3RlZEluZGV4XT8uaXNWaXNpdGVkICYmIChpdGVtU3RlcHMubGVuZ3RoIDw9IChzZWxlY3RlZEluZGV4ID8/IDApICsgMSAmJiBpdGVtU3RlcHNbc2VsZWN0ZWRJbmRleCArIDFdPy5pc1Zpc2l0ZWQpXG4gICAgICAgPyAodHJhbnNsYXRpb25Db250ZXh0ICsgJ0NPTVBMRVRFRCcgfCB1aVRyYW5zbGF0ZSB8IGFzeW5jKVxuICAgICAgIDogKHRyYW5zbGF0aW9uQ29udGV4dCArICdJTkNPTVBMRVRFJyB8IHVpVHJhbnNsYXRlIHwgYXN5bmMpIH19XG4gICAgIDwvc3Bhbj5cbiAgPC9kaXY+XG4gIDxkaXYgY2xhc3M9XCJzdGVwcGVyLXdyYXBwZXJcIiByb2xlPVwidGFibGlzdFwiIFtuZ0NsYXNzXT1cInBvc2l0aW9uXCIgW2F0dHIudGhlbWVdPVwiYXBwbGljYXRpb25UaGVtZVwiXG4gICAgICAgKm5nSWY9XCIocG9zaXRpb24gPT09ICdob3Jpem9udGFsJyAmJiAhKGlzTW9iaWxlJCB8IGFzeW5jKSkgfHwgKHBvc2l0aW9uID09PSAndmVydGljYWwnKTsgZWxzZSBtb2JpbGVcIj5cbiAgICA8bmctY29udGFpbmVyICpuZ0Zvcj1cImxldCBzdGVwIG9mIGl0ZW1TdGVwczsgaW5kZXggYXMgaSwgbGFzdCBhcyBpc0xhc3RcIj5cbiAgICAgIDxkaXYgY2xhc3M9XCJzdGVwXCIgI3N0ZXBFbGVtZW50PlxuICAgICAgICA8dWktc3RlcFxuICAgICAgICAgIFtsYWJlbF09XCJzdGVwLmxhYmVsXCJcbiAgICAgICAgICBbaXNWaXNpdGVkXT1cInN0ZXAuaXNWaXNpdGVkIVwiXG4gICAgICAgICAgW2ljb25dPVwic3RlcC5pY29uTmFtZVwiXG4gICAgICAgICAgW2luZGV4XT1cImlcIlxuICAgICAgICAgIFtzZWxlY3RlZF09XCJpID09PSBzZWxlY3RlZEluZGV4XCJcbiAgICAgICAgICBbc2VsZWN0ZWRJbmRleF09XCJzZWxlY3RlZEluZGV4XCJcbiAgICAgICAgICBbaXNMYXN0XT1cImlzTGFzdFwiXG4gICAgICAgICAgW2Rpc2FibGVkXT1cInN0ZXAuZGlzYWJsZWQgPz8gKGkgPiBzZWxlY3RlZEluZGV4ICsgMSAmJiAhc3RlcC5pc1Zpc2l0ZWQpXCJcbiAgICAgICAgICBbcHJldlN0ZXBJc1Zpc2l0ZWRdPVwiaXRlbVN0ZXBzW2kgLSAxXT8uaXNWaXNpdGVkICYmIHN0ZXAuaXNWaXNpdGVkXCJcbiAgICAgICAgICBbZmluYWxJY29uXT1cImlzTGFzdCA/IGxhc3RTdGVwRmluYWxJY29uIDogZmFsc2VcIlxuICAgICAgICAgIFtzaG93SWNvbldoZW5TZWxlY3RlZF09XCIhIXN0ZXAuc2hvd0ljb25XaGVuU2VsZWN0ZWRcIlxuICAgICAgICAgIChzdGVwU2VsZWN0ZWQpPVwib25TZWxlY3QoJGV2ZW50LCBzdGVwKVwiXG4gICAgICAgICAgW2FwcGxpY2F0aW9uVGhlbWVdPVwiYXBwbGljYXRpb25UaGVtZVwiXG4gICAgICAgICAgcm9sZT1cInRhYlwiXG4gICAgICAgICAgW2F0dHIuYXJpYS1jb250cm9sc109XCInc3RlcC1wYW5lbC0nICsgaVwiXG4gICAgICAgICAgW2F0dHIuYXJpYS1zZWxlY3RlZF09XCJpID09PSBzZWxlY3RlZEluZGV4XCJcbiAgICAgICAgICBbYXR0ci5hcmlhLWxhYmVsXT1cInN0ZXAubGFiZWxcIlxuICAgICAgICAgIFthdHRyLnRhYmluZGV4XT1cIihzdGVwLmRpc2FibGVkID8/IChpID4gc2VsZWN0ZWRJbmRleCArIDEgJiYgIXN0ZXAuaXNWaXNpdGVkKSkgPyAtMSA6IDBcIlxuICAgICAgICAgIFtodG1sRGVzY3JpcHRpb25dPVwic3RlcC5odG1sRGVzY3JpcHRpb24gPz8gW11cIlxuICAgICAgICAgIFtib2xkTGFiZWxdPVwiISFzdGVwLmJvbGRMYWJlbFwiXG4gICAgICAgICAgW3Bvc2l0aW9uXT1cInBvc2l0aW9uXCJcbiAgICAgICAgICBbZGVzY3JpcHRpb25UcGxdPVwic3RlcC5kZXNjcmlwdGlvblRwbFwiXG4gICAgICAgICAgW2xhYmVsVG9vbHRpcF09XCJzdGVwLmxhYmVsVG9vbHRpcFwiXG4gICAgICAgICAgW2Fsd2F5c1Nob3dJY29uXT1cIiEhc3RlcC5hbHdheXNTaG93SWNvblwiXG4gICAgICAgICAgW2NvbnRleHRdPVwic3RlcC5jb250ZXh0XCJcbiAgICAgICAgPjwvdWktc3RlcD5cbiAgICAgIDwvZGl2PlxuICAgICAgPGRpdiAqbmdJZj1cIiFpc0xhc3RcIiBjbGFzcz1cInNlcGFyYXRvci1saW5lXCJcbiAgICAgICAgICAgW25nQ2xhc3NdPVwieyB2aXNpdGVkOiBzdGVwLmlzVmlzaXRlZCAmJiAhIXRoaXMuaXRlbVN0ZXBzW2kgKyAxXT8uaXNWaXNpdGVkIH1cIj5cbiAgICAgICAgPGRpdiBbc3RlcExpbmVFbGVtZW50XT1cInN0ZXBFbGVtZW50XCIgW3Bvc2l0aW9uXT1cInBvc2l0aW9uXCIgY2xhc3M9XCJsaW5lXCI+PC9kaXY+XG4gICAgICA8L2Rpdj5cbiAgICA8L25nLWNvbnRhaW5lcj5cbiAgPC9kaXY+XG5cbiAgPG5nLXRlbXBsYXRlICNtb2JpbGU+XG4gICAgPGRpdiBjbGFzcz1cIm1vYmlsZS1zdGVwcGVyLXdyYXBwZXJcIj5cbiAgICAgIDxkaXYgY2xhc3M9XCJzdGVwcGVyXCJcbiAgICAgICAgICAgW3RhYkluZGV4XT1cIjBcIlxuICAgICAgICAgICAjc3RlcHBlclxuICAgICAgICAgICBbbmdDbGFzc109XCJ7ICdrZXlib2FyZC1mb2N1c2VkJzoga2V5Ym9hcmRGb2N1c2VkKCkgfVwiXG4gICAgICAgICAgIChrZXlkb3duLmVudGVyKT1cInNob3dTdGVwc1RvZ2dsZSgpXCJcbiAgICAgICAgICAgKGtleWRvd24uc3BhY2UpPVwic2hvd1N0ZXBzVG9nZ2xlKClcIlxuICAgICAgICAgICBbYXR0ci5hcmlhLWV4cGFuZGVkXT1cImlzT3BlblwiXG4gICAgICA+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJwcm9ncmVzcy1zdGVwXCIgW3RhYmluZGV4XT1cIi0xXCIgW2F0dHIuYXJpYS1oaWRkZW5dPVwidHJ1ZVwiPlxuICAgICAgICAgIDx1aS1yYWRpYWwtcHJvZ3Jlc3MgW2FwcGxpY2F0aW9uVGhlbWVdPVwiYXBwbGljYXRpb25UaGVtZVwiIFt2YWx1ZV09XCJzZWxlY3RlZEluZGV4ICsgMVwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICBbdG90YWxdPVwiaXRlbVN0ZXBzLmxlbmd0aFwiPjwvdWktcmFkaWFsLXByb2dyZXNzPlxuICAgICAgICA8L2Rpdj5cblxuICAgICAgICA8ZGl2IGNsYXNzPVwic3RlcC1pbmZvXCI+XG4gICAgICAgICAgPGRpdiBjbGFzcz1cImN1cnJlbnQtc3RlcFwiPlxuICAgICAgICAgICAgPHNwYW4+e3sgc2VsZWN0ZWRJbmRleCArIDEgfX0ve3sgaXRlbVN0ZXBzLmxlbmd0aCB9fSA8L3NwYW4+XG4gICAgICAgICAgICA8c3Bhbj57eyBpdGVtU3RlcHNbc2VsZWN0ZWRJbmRleF0ubGFiZWwgfX08L3NwYW4+XG4gICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgPGRpdiBjbGFzcz1cIm5leHQtc3RlcFwiPlxuICAgICAgICAgICAgPHNwYW5cbiAgICAgICAgICAgICAgKm5nSWY9XCJpdGVtU3RlcHMubGVuZ3RoICE9PSBzZWxlY3RlZEluZGV4ICsgMSBlbHNlIGZpbmFsU3RlcFwiPnt7ICgoJ0NPTU1PTi5ORVhUJykgfCB1aVRyYW5zbGF0ZSB8IGFzeW5jKSArICc6JyB9fSB7eyBpdGVtU3RlcHNbc2VsZWN0ZWRJbmRleCArIDFdLmxhYmVsIH19PC9zcGFuPlxuICAgICAgICAgICAgPG5nLXRlbXBsYXRlICNmaW5hbFN0ZXA+XG4gICAgICAgICAgICAgIDxzcGFuPnt7ICh0cmFuc2xhdGlvbkNvbnRleHQgKyAnRklOQUxfU1RFUCcpIHwgdWlUcmFuc2xhdGUgfCBhc3luYyB9fTwvc3Bhbj5cbiAgICAgICAgICAgIDwvbmctdGVtcGxhdGU+XG4gICAgICAgICAgPC9kaXY+XG4gICAgICAgIDwvZGl2PlxuXG4gICAgICAgIDxkaXYgY2xhc3M9XCJvcGVuLXN0ZXBzXCIgKGNsaWNrKT1cInNob3dTdGVwc1RvZ2dsZSgpXCIgW25nQ2xhc3NdPVwieyBvcGVuZWQ6IGlzT3BlbiB9XCI+XG4gICAgICAgICAgPHVpLWljb24gW2FwcGxpY2F0aW9uVGhlbWVdPVwiYXBwbGljYXRpb25UaGVtZVwiIFtzaXplXT1cIicyNCdcIlxuICAgICAgICAgICAgICAgICAgIFtuYW1lXT1cImFwcGxpY2F0aW9uVGhlbWUgPT09ICdjbGFzc2ljJyA/ICdBcnJvd19kb3duJyA6ICdBcnJvdy1jaGV2cm9uLWRvd24taW4tbGluZSdcIj48L3VpLWljb24+XG4gICAgICAgIDwvZGl2PlxuICAgICAgPC9kaXY+XG5cbiAgICAgIDxkaXYgKm5nSWY9XCJpc09wZW5cIj5cbiAgICAgICAgPGRpdiBjbGFzcz1cInN0ZXAtbGlzdFwiPlxuICAgICAgICAgIDxkaXYgY2xhc3M9XCJzdGVwXCIgKm5nRm9yPVwibGV0IHN0ZXAgb2YgaXRlbVN0ZXBzOyBpbmRleCBhcyBpLCBsYXN0IGFzIGlzTGFzdFwiPlxuICAgICAgICAgICAgPHVpLXN0ZXBcbiAgICAgICAgICAgICAgW2xhYmVsXT1cInN0ZXAubGFiZWxcIlxuICAgICAgICAgICAgICBbaXNWaXNpdGVkXT1cInN0ZXAuaXNWaXNpdGVkIVwiXG4gICAgICAgICAgICAgIFtpY29uXT1cInN0ZXAuaWNvbk5hbWVcIlxuICAgICAgICAgICAgICBbaW5kZXhdPVwiaVwiXG4gICAgICAgICAgICAgIFtzZWxlY3RlZF09XCJpID09PSBzZWxlY3RlZEluZGV4XCJcbiAgICAgICAgICAgICAgW3NlbGVjdGVkSW5kZXhdPVwic2VsZWN0ZWRJbmRleFwiXG4gICAgICAgICAgICAgIFtpc0xhc3RdPVwiaXNMYXN0XCJcbiAgICAgICAgICAgICAgW2Rpc2FibGVkXT1cInN0ZXAuZGlzYWJsZWQgPz8gKCBpID4gc2VsZWN0ZWRJbmRleCArIDEgJiYgIXN0ZXAuaXNWaXNpdGVkKVwiXG4gICAgICAgICAgICAgIFttb2JpbGVNb2RlXT1cInRydWVcIlxuICAgICAgICAgICAgICBbZmluYWxJY29uXT1cImlzTGFzdCA/IGxhc3RTdGVwRmluYWxJY29uIDogZmFsc2VcIlxuICAgICAgICAgICAgICBbc2hvd0ljb25XaGVuU2VsZWN0ZWRdPVwiISFzdGVwLnNob3dJY29uV2hlblNlbGVjdGVkXCJcbiAgICAgICAgICAgICAgKHN0ZXBTZWxlY3RlZCk9XCJvblNlbGVjdCgkZXZlbnQsIHN0ZXApXCJcbiAgICAgICAgICAgICAgW2FwcGxpY2F0aW9uVGhlbWVdPVwiYXBwbGljYXRpb25UaGVtZVwiXG4gICAgICAgICAgICAgIFthdHRyLmFyaWEtbGFiZWxdPVwiYXJpYUxhYmVsICsgJy0tJyArIHN0ZXAubGFiZWxcIlxuICAgICAgICAgICAgPjwvdWktc3RlcD5cbiAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgPC9kaXY+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJvdmVybGF5XCIgKGNsaWNrKT1cIm9uQ2xvc2VTdGVwTGlzdCgpXCI+PC9kaXY+XG4gICAgICA8L2Rpdj5cbiAgICA8L2Rpdj5cbiAgPC9uZy10ZW1wbGF0ZT5cblxuPC9uZy1jb250YWluZXI+XG4iXX0=

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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3RlcHBlci5jb21wb25lbnQubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdGdvLWNhbm9weS11aS9jb21wb25lbnRzL3N0ZXBwZXIvc3RlcHBlci5jb21wb25lbnQubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLHFCQUFxQixDQUFDO0FBQ3ZELE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLCtCQUErQixDQUFDO0FBQ3BFLE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLCtCQUErQixDQUFDO0FBQ3BFLE9BQU8sRUFBRSx3QkFBd0IsRUFBRSxNQUFNLDhDQUE4QyxDQUFDO0FBQ3hGLE9BQU8sRUFBRSx3QkFBd0IsRUFBRSxNQUFNLG9DQUFvQyxDQUFDO0FBQzlFLE9BQU8sRUFBRSw2QkFBNkIsRUFBRSxNQUFNLHFEQUFxRCxDQUFDO0FBQ3BHLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSwrQkFBK0IsQ0FBQztBQUNoRSxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0seUJBQXlCLENBQUM7O0FBZXpELE1BQU0sT0FBTyxzQkFBc0I7K0dBQXRCLHNCQUFzQjtnSEFBdEIsc0JBQXNCLGlCQVpsQixnQkFBZ0IsRUFBRSx3QkFBd0IsYUFFdkQsWUFBWTtZQUNaLG1CQUFtQjtZQUNuQixtQkFBbUI7WUFDbkIsd0JBQXdCO1lBQ3hCLDZCQUE2QjtZQUM3QixlQUFlO1lBQ2YsY0FBYyxhQUVOLGdCQUFnQjtnSEFFZixzQkFBc0IsWUFWL0IsWUFBWTtZQUNaLG1CQUFtQjtZQUNuQixtQkFBbUI7WUFDbkIsd0JBQXdCO1lBQ3hCLDZCQUE2QjtZQUU3QixjQUFjOzs0RkFJTCxzQkFBc0I7a0JBYmxDLFFBQVE7bUJBQUM7b0JBQ1IsWUFBWSxFQUFFLENBQUMsZ0JBQWdCLEVBQUUsd0JBQXdCLENBQUM7b0JBQzFELE9BQU8sRUFBRTt3QkFDUCxZQUFZO3dCQUNaLG1CQUFtQjt3QkFDbkIsbUJBQW1CO3dCQUNuQix3QkFBd0I7d0JBQ3hCLDZCQUE2Qjt3QkFDN0IsZUFBZTt3QkFDZixjQUFjO3FCQUNmO29CQUNELE9BQU8sRUFBRSxDQUFDLGdCQUFnQixDQUFDO2lCQUM1QiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgU3RlcHBlckNvbXBvbmVudCB9IGZyb20gJy4vc3RlcHBlci5jb21wb25lbnQnO1xuaW1wb3J0IHsgSWNvbkNvbXBvbmVudE1vZHVsZSB9IGZyb20gJy4uL2ljb24vaWNvbi5jb21wb25lbnQubW9kdWxlJztcbmltcG9ydCB7IFN0ZXBDb21wb25lbnRNb2R1bGUgfSBmcm9tICcuLi9zdGVwL3N0ZXAuY29tcG9uZW50Lm1vZHVsZSc7XG5pbXBvcnQgeyBTdGVwTGluZUVsZW1lbnREaXJlY3RpdmUgfSBmcm9tICcuLi8uLi9kaXJlY3RpdmVzL3N0ZXAtbGluZS1lbGVtZW50LmRpcmVjdGl2ZSc7XG5pbXBvcnQgeyBNYXRQcm9ncmVzc1NwaW5uZXJNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9wcm9ncmVzcy1zcGlubmVyJztcbmltcG9ydCB7IFJhZGlhbFByb2dyZXNzQ29tcG9uZW50TW9kdWxlIH0gZnJvbSAnLi4vcmFkaWFsLXByb2dyZXNzL3JhZGlhbC1wcm9ncmVzcy5jb21wb25lbnQubW9kdWxlJztcbmltcG9ydCB7IFVpVHJhbnNsYXRlUGlwZSB9IGZyb20gJy4uLy4uL3BpcGVzL3VpLXRyYW5zbGF0ZS5waXBlJztcbmltcG9ydCB7IE1hdElucHV0TW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvaW5wdXQnO1xuXG5ATmdNb2R1bGUoe1xuICBkZWNsYXJhdGlvbnM6IFtTdGVwcGVyQ29tcG9uZW50LCBTdGVwTGluZUVsZW1lbnREaXJlY3RpdmVdLFxuICBpbXBvcnRzOiBbXG4gICAgQ29tbW9uTW9kdWxlLFxuICAgIEljb25Db21wb25lbnRNb2R1bGUsXG4gICAgU3RlcENvbXBvbmVudE1vZHVsZSxcbiAgICBNYXRQcm9ncmVzc1NwaW5uZXJNb2R1bGUsXG4gICAgUmFkaWFsUHJvZ3Jlc3NDb21wb25lbnRNb2R1bGUsXG4gICAgVWlUcmFuc2xhdGVQaXBlLFxuICAgIE1hdElucHV0TW9kdWxlLFxuICBdLFxuICBleHBvcnRzOiBbU3RlcHBlckNvbXBvbmVudF0sXG59KVxuZXhwb3J0IGNsYXNzIFN0ZXBwZXJDb21wb25lbnRNb2R1bGUge31cbiJdfQ==

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

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3RlcHBlci5tb2RlbC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3Rnby1jYW5vcHktdWkvY29tcG9uZW50cy9zdGVwcGVyL3N0ZXBwZXIubW9kZWwudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEljb25OYW1lIH0gZnJvbSAnLi4vaWNvbi9pY29uLm1vZGVsJztcbmltcG9ydCB7IFRlbXBsYXRlUmVmIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbmV4cG9ydCBpbnRlcmZhY2UgU3RlcCB7XG4gIGxhYmVsOiBzdHJpbmc7XG4gIGlzVmlzaXRlZD86IGJvb2xlYW47XG4gIGljb25OYW1lPzogSWNvbk5hbWU7XG4gIGRpc2FibGVkPzogYm9vbGVhbjtcbiAgc3VibWl0dGVkPzogYm9vbGVhbjtcbiAgc2hvd0ljb25XaGVuU2VsZWN0ZWQ/OiBib29sZWFuO1xuICBodG1sRGVzY3JpcHRpb24/OiBIdG1sRGVzY3JpcHRpb25bXTtcbiAgYm9sZExhYmVsPzogYm9vbGVhbjtcbiAgZGVzY3JpcHRpb25UcGw/OiBUZW1wbGF0ZVJlZjxhbnk+O1xuICBsYWJlbFRvb2x0aXA/OiBzdHJpbmc7XG4gIGFsd2F5c1Nob3dJY29uPzogYm9vbGVhbjtcbiAgY29udGV4dD86IGFueTtcbn1cblxuZXhwb3J0IGludGVyZmFjZSBIdG1sRGVzY3JpcHRpb24ge1xuICB0ZXh0Pzogc3RyaW5nO1xuICBpY29uTmFtZT86IEljb25OYW1lO1xuICBpY29uVG9vbHRpcD86IHN0cmluZztcbn1cblxuZXhwb3J0IHR5cGUgU3RlcHBlclBvc2l0aW9uID0gJ2hvcml6b250YWwnIHwgJ3ZlcnRpY2FsJztcbiJdfQ==

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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VudGVuY2UtY2FzZS5waXBlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdGdvLWNhbm9weS11aS9jb21wb25lbnRzL3RhYmxlL3NlbnRlbmNlLWNhc2UucGlwZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsSUFBSSxFQUFpQixNQUFNLGVBQWUsQ0FBQzs7QUFLcEQsTUFBTSxPQUFPLGdCQUFnQjtJQUMzQixTQUFTLENBQUMsS0FBeUI7UUFDakMsSUFBSSxDQUFDLEtBQUssRUFBRSxDQUFDO1lBQ1gsT0FBTyxFQUFFLENBQUM7UUFDWixDQUFDO1FBQ0QsT0FBTyxLQUFLLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxDQUFDLFdBQVcsRUFBRSxHQUFHLEtBQUssQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDLENBQUMsV0FBVyxFQUFFLENBQUM7SUFDdEUsQ0FBQzsrR0FOVSxnQkFBZ0I7NkdBQWhCLGdCQUFnQjs7NEZBQWhCLGdCQUFnQjtrQkFINUIsSUFBSTttQkFBQztvQkFDSixJQUFJLEVBQUUsY0FBYztpQkFDckIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBQaXBlLCBQaXBlVHJhbnNmb3JtIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBQaXBlKHtcbiAgbmFtZTogJ3NlbnRlbmNlY2FzZScsXG59KVxuZXhwb3J0IGNsYXNzIFNlbnRlbmNlQ2FzZVBpcGUgaW1wbGVtZW50cyBQaXBlVHJhbnNmb3JtIHtcbiAgdHJhbnNmb3JtKHZhbHVlOiBzdHJpbmcgfCB1bmRlZmluZWQpOiBzdHJpbmcge1xuICAgIGlmICghdmFsdWUpIHtcbiAgICAgIHJldHVybiAnJztcbiAgICB9XG4gICAgcmV0dXJuIHZhbHVlLmNoYXJBdCgwKS50b1VwcGVyQ2FzZSgpICsgdmFsdWUuc2xpY2UoMSkudG9Mb3dlckNhc2UoKTtcbiAgfVxufVxuIl19