@bravura/ui 6.1.0 → 7.0.0

package/fesm2022/bravura-ui-stepper.mjs

@@ -1,14 +1,14 @@
 import * as i0 from '@angular/core';
-import { Optional, Directive, inject, ContentChild, QueryList, EventEmitter, ViewChild, Input, Output, ContentChildren, ViewChildren, Inject, Self, SkipSelf, ChangeDetectionStrategy, ViewEncapsulation, Component, NgModule } from '@angular/core';
+import { Optional, Directive, inject, ContentChild, QueryList, EventEmitter, DOCUMENT, ViewChild, Input, Output, ContentChildren, ViewChildren, Inject, Self, SkipSelf, ChangeDetectionStrategy, ViewEncapsulation, Component, NgModule } from '@angular/core';
 import * as i3 from '@angular/material/stepper';
 import { MatStep, MatStepHeader, MatStepperIcon, MatStepper, MatStepperModule } from '@angular/material/stepper';
 import { CdkStepper, STEPPER_GLOBAL_OPTIONS, CdkStepperModule } from '@angular/cdk/stepper';
-import * as i2 from '@angular/common';
-import { DOCUMENT, CommonModule } from '@angular/common';
 import { Subject } from 'rxjs';
 import { takeUntil, distinctUntilChanged, filter } from 'rxjs/operators';
 import { state, transition, style, animate, trigger } from '@angular/animations';
 import * as i1 from '@angular/cdk/bidi';
+import * as i2 from '@angular/common';
+import { CommonModule } from '@angular/common';
 import * as i4 from '@bravura/ui/behavior';
 import { BehaviorModule } from '@bravura/ui/behavior';
 import { PortalModule } from '@angular/cdk/portal';
@@ -21,10 +21,10 @@ class StepLabelTopDirective {
     constructor(templateRef) {
         this.templateRef = templateRef;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: StepLabelTopDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.17", type: StepLabelTopDirective, isStandalone: false, selector: "[buiStepLabelTop]", ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: StepLabelTopDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.15", type: StepLabelTopDirective, isStandalone: false, selector: "[buiStepLabelTop]", ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: StepLabelTopDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: StepLabelTopDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[buiStepLabelTop]',
@@ -40,10 +40,10 @@ class StepDirective {
     ngAfterContentInit() {
         this.step.stepLabelTopTemplate = this.stepLabelTopDirective?.templateRef;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: StepDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.17", type: StepDirective, isStandalone: false, selector: "mat-step", queries: [{ propertyName: "stepLabelTopDirective", first: true, predicate: StepLabelTopDirective, descendants: true }], ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: StepDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.15", type: StepDirective, isStandalone: false, selector: "mat-step", queries: [{ propertyName: "stepLabelTopDirective", first: true, predicate: StepLabelTopDirective, descendants: true }], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: StepDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: StepDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: 'mat-step',
@@ -185,14 +185,14 @@ class StepperComponent extends CdkStepper {
     toCustomStep(step) {
         return step;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: StepperComponent, deps: [{ token: i1.Directionality, optional: true }, { token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: DOCUMENT }, { token: STEPPER_GLOBAL_OPTIONS, self: true }, { token: STEPPER_GLOBAL_OPTIONS, optional: true, skipSelf: true }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.17", type: StepperComponent, isStandalone: false, selector: "bui-stepper, [buiStepper]", inputs: { selectedIndex: "selectedIndex", disableRipple: "disableRipple", color: "color", indicatorFormatter: "indicatorFormatter", nextStepLabelPrefix: "nextStepLabelPrefix" }, outputs: { animationDone: "animationDone" }, host: { attributes: { "role": "tablist" }, properties: { "attr.aria-orientation": "orientation" }, classAttribute: "bui-stepper bui-host" }, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: StepperComponent, deps: [{ token: i1.Directionality, optional: true }, { token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: DOCUMENT }, { token: STEPPER_GLOBAL_OPTIONS, self: true }, { token: STEPPER_GLOBAL_OPTIONS, optional: true, skipSelf: true }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.15", type: StepperComponent, isStandalone: false, selector: "bui-stepper, [buiStepper]", inputs: { selectedIndex: "selectedIndex", disableRipple: "disableRipple", color: "color", indicatorFormatter: "indicatorFormatter", nextStepLabelPrefix: "nextStepLabelPrefix" }, outputs: { animationDone: "animationDone" }, host: { attributes: { "role": "tablist" }, properties: { "attr.aria-orientation": "orientation" }, classAttribute: "bui-stepper bui-host" }, providers: [
             { provide: MatStepper, useExisting: StepperComponent },
             { provide: CdkStepper, useExisting: StepperComponent },
             { provide: STEPPER_GLOBAL_OPTIONS, useValue: { displayDefaultIndicatorType: false } }
-        ], queries: [{ propertyName: "_steps", predicate: MatStep, descendants: true }, { propertyName: "_icons", predicate: MatStepperIcon, descendants: true }], viewQueries: [{ propertyName: "_editIconTemplate", first: true, predicate: ["editIconTemplate"], descendants: true, static: true }, { propertyName: "_stepHeader", predicate: MatStepHeader, descendants: true }], exportAs: ["buiStepper", "matStepper", "matVerticalStepper", "matHorizontalStepper"], usesInheritance: true, ngImport: i0, template: "<div class=\"bui-stepper-wrapper\" [style.display]=\"_leftDrawerState.startsWith('open') ? 'flex' : 'block'\" #sizeMonitor>\r\n\t<div\r\n\t\tclass=\"bui-stepper-left-header-container\"\r\n\t\t[@leftDrawer]=\"_leftDrawerState\"\r\n\t\t(@leftDrawer.start)=\"_leftDrawerStarted.next($event)\"\r\n\t\t(@leftDrawer.done)=\"_leftDrawerEnded.next($event)\"\r\n\t>\r\n\t\t<div class=\"bui-step-progress-label\">Step {{ selectedIndex + 1 }} of {{ steps.length }}</div>\r\n\t\t<div\r\n\t\t\t*ngFor=\"let step of steps; let i = index; let isLast = last\"\r\n\t\t\tclass=\"bui-stepper-header-wrapper\"\r\n\t\t\t[class.bui-stepper-vertical-line]=\"!isLast\"\r\n\t\t>\r\n\t\t\t<mat-step-header\r\n\t\t\t\tclass=\"bui-stepper-header\"\r\n\t\t\t\t(click)=\"step.select()\"\r\n\t\t\t\t(keydown)=\"_onKeydown($event)\"\r\n\t\t\t\t[tabIndex]=\"_getFocusIndex() === i ? 0 : -1\"\r\n\t\t\t\t[id]=\"_getStepLabelId(i)\"\r\n\t\t\t\t[attr.aria-posinset]=\"i + 1\"\r\n\t\t\t\t[attr.aria-setsize]=\"steps.length\"\r\n\t\t\t\t[attr.aria-controls]=\"_getStepContentId(i)\"\r\n\t\t\t\t[attr.aria-selected]=\"selectedIndex == i\"\r\n\t\t\t\t[attr.aria-label]=\"step.ariaLabel || null\"\r\n\t\t\t\t[attr.aria-labelledby]=\"!step.ariaLabel && step.ariaLabelledby ? step.ariaLabelledby : null\"\r\n\t\t\t\t[attr.aria-disabled]=\"_stepIsNavigable(i, step) ? null : true\"\r\n\t\t\t\t[index]=\"i\"\r\n\t\t\t\t[state]=\"_getIndicatorType(i, step.state)\"\r\n\t\t\t\t[label]=\"step.stepLabel || step.label\"\r\n\t\t\t\t[selected]=\"selectedIndex === i\"\r\n\t\t\t\t[active]=\"_stepIsNavigable(i, step)\"\r\n\t\t\t\t[optional]=\"step.optional\"\r\n\t\t\t\t[errorMessage]=\"step.errorMessage\"\r\n\t\t\t\t[iconOverrides]=\"_iconOverrides\"\r\n\t\t\t\t[disableRipple]=\"disableRipple || !_stepIsNavigable(i, step)\"\r\n\t\t\t\t[color]=\"step.color || color\"\r\n\t\t\t></mat-step-header>\r\n\t\t</div>\r\n\t</div>\r\n\r\n\t<div class=\"bui-stepper-content-container\" [buiSizingBy]=\"sizeMonitor\" (buiResized)=\"_widthChanged($event.width)\">\r\n\t\t<div\r\n\t\t\tclass=\"bui-stepper-top-header-container\"\r\n\t\t\t[class.bui-stepper-header-active]=\"_leftDrawerState === 'void'\"\r\n\t\t\t[@topDrawer]=\"_topDrawerState\"\r\n\t\t\t(@topDrawer.start)=\"_topDrawerStarted.next($event)\"\r\n\t\t\t(@topDrawer.done)=\"_topDrawerEnded.next($event)\"\r\n\t\t>\r\n\t\t\t<div class=\"bui-stepper-top-header-progress\">\r\n\t\t\t\t<span class=\"bui-stepper-top-header-indicator\">\r\n\t\t\t\t\tStep {{ indicatorFormatter(selectedIndex + 1, steps.length) }}\r\n\t\t\t\t</span>\r\n\t\t\t</div>\r\n\r\n\t\t\t<div class=\"bui-stepper-progress-indicator\">\r\n\t\t\t\t<div\r\n\t\t\t\t\trole=\"button\"\r\n\t\t\t\t\t(click)=\"selectedIndex = i\"\r\n\t\t\t\t\tclass=\"bui-stepper-progress-indicator-section\"\r\n\t\t\t\t\t*ngFor=\"let s of steps; let i = index\"\r\n\t\t\t\t\t[class.bui-step-section-interacted]=\"i <= selectedIndex\"\r\n\t\t\t\t></div>\r\n\t\t\t</div>\r\n\t\t\t<div class=\"bui-stepper-top-header-title-next\" *ngIf=\"selectedIndex < steps.length - 1\">\r\n\t\t\t\t{{ nextStepLabelPrefix }}\r\n\t\t\t\t<ng-template\r\n\t\t\t\t\t[ngTemplateOutlet]=\"labelTemplate\"\r\n\t\t\t\t\t[ngTemplateOutletContext]=\"{ $implicit: steps.get(selectedIndex + 1) }\"\r\n\t\t\t\t></ng-template>\r\n\t\t\t</div>\r\n\r\n\t\t\t<div class=\"bui-stepper-top-header-titles-wrapper\" *ngIf=\"selected\">\r\n\t\t\t\t<ng-container *ngTemplateOutlet=\"toCustomStep(selected).stepLabelTopTemplate\"></ng-container>\r\n\t\t\t\t<div class=\"bui-stepper-top-header-title\">\r\n\t\t\t\t\t<ng-template\r\n\t\t\t\t\t\t[ngTemplateOutlet]=\"labelTemplate\"\r\n\t\t\t\t\t\t[ngTemplateOutletContext]=\"{ $implicit: selected }\"\r\n\t\t\t\t\t></ng-template>\r\n\t\t\t\t</div>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t\t<div class=\"bui-stepper-content-wrapper\" [class.bui-stepper-content-wrapper-transitioning]=\"_stepTransitioning\">\r\n\t\t\t<div\r\n\t\t\t\t*ngFor=\"let step of steps; let i = index\"\r\n\t\t\t\tclass=\"bui-stepper-content\"\r\n\t\t\t\trole=\"tabpanel\"\r\n\t\t\t\t[@stepTransition]=\"_getAnimationDirection(i)\"\r\n\t\t\t\t(@stepTransition.start)=\"_startStepTransition()\"\r\n\t\t\t\t(@stepTransition.done)=\"_animationDone.next($event)\"\r\n\t\t\t\t[id]=\"_getStepContentId(i)\"\r\n\t\t\t\t[attr.aria-labelledby]=\"_getStepLabelId(i)\"\r\n\t\t\t\t[attr.aria-expanded]=\"selectedIndex === i\"\r\n\t\t\t>\r\n\t\t\t\t<div class=\"bui-stepper-content-header-label\" *ngIf=\"!_narrow\">\r\n\t\t\t\t\t<ng-container *ngTemplateOutlet=\"toCustomStep(step).stepLabelTopTemplate\"></ng-container>\r\n\r\n\t\t\t\t\t<div>\r\n\t\t\t\t\t\t<ng-template\r\n\t\t\t\t\t\t\t[ngTemplateOutlet]=\"labelTemplate\"\r\n\t\t\t\t\t\t\t[ngTemplateOutletContext]=\"{ $implicit: step }\"\r\n\t\t\t\t\t\t></ng-template>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</div>\r\n\t\t\t\t<ng-template [ngTemplateOutlet]=\"step.content\"></ng-template>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t</div>\r\n</div>\r\n\r\n<ng-template #labelTemplate let-step>\r\n\t<ng-template [ngIf]=\"step.stepLabel\" [ngIfElse]=\"stringLabelTempl\">\r\n\t\t<ng-template [ngTemplateOutlet]=\"step.stepLabel.template\"></ng-template>\r\n\t</ng-template>\r\n\t<ng-template #stringLabelTempl>{{ step.label }}</ng-template>\r\n</ng-template>\r\n\r\n<ng-template #editIconTemplate let-index=\"index\">\r\n\t<span>{{ index + 1 }}</span>\r\n</ng-template>\r\n", styles: [".bui-stepper:not([hidden]){display:block;box-sizing:border-box}.bui-stepper-wrapper{display:flex;gap:16px;box-sizing:border-box}.bui-step-progress-label{margin-top:16px;margin-left:16px;font-size:90%;font-weight:600}.bui-stepper-left-header-container{max-width:30%}.bui-stepper-header-wrapper{position:relative}.bui-stepper-vertical-line:before{content:\"\";position:absolute;left:28px;border-left-width:1px;border-left-style:solid;border-left-color:var(--bui-color-divider);top:44px;bottom:-12px}[dir=rtl] .bui-stepper-vertical-line:before{left:auto;right:0}.bui-stepper-top-header-indicator{font-size:80%;font-weight:700}.bui-stepper-progress-indicator{display:flex;justify-content:space-between;width:100%;height:10px;gap:10px;margin-bottom:16px}.bui-stepper-progress-indicator-section{flex:1;background-color:#0000001a;border-radius:4px;cursor:pointer}.bui-stepper-content-header-label{font-size:larger;font-weight:700;margin-bottom:32px;display:flex;flex-direction:column;align-items:start;justify-items:start;justify-content:start;gap:16px}.bui-stepper .bui-stepper-header{display:flex;align-items:center;padding:0 16px;height:56px}.bui-stepper .bui-stepper-header .mat-step-icon{margin-right:16px}[dir=rtl] .bui-stepper .bui-stepper-header .mat-step-icon{margin-right:0;margin-left:16px}.bui-stepper .bui-stepper-header .mat-step-icon.mat-step-icon-state-done{background-color:var(--bui-color-success);color:#fff}.bui-stepper-top-header-container.bui-stepper-header-active{margin-bottom:16px}.bui-stepper-top-header-progress{margin-bottom:8px}.bui-stepper-top-header-titles-wrapper{display:flex;flex-direction:column;align-items:start;gap:16px}.bui-stepper-top-header-title{font-size:larger}.bui-stepper-top-header-title-next{color:var(--bui-color-muted);margin-bottom:16px;font-size:90%;color:#000c}.bui-stepper-content-container{flex:1 1 100%;border-radius:var(--bui-stepper-container-border-radius, 12px);box-shadow:0 0 1px 1px #0000001a;padding:16px;display:flex;flex-direction:column}.bui-stepper-content-wrapper{flex:1 1 100%}.bui-stepper-content-wrapper-transitioning{overflow:hidden}.bui-stepper-content{outline:0}.bui-stepper-content[aria-expanded=false]{height:0;overflow:hidden}\n"], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i3.MatStepHeader, selector: "mat-step-header", inputs: ["state", "label", "errorMessage", "iconOverrides", "index", "selected", "active", "optional", "disableRipple", "color"] }, { kind: "directive", type: i4.SizingDirective, selector: "[buiSizing],[buiResized],[buiSizingBy],[buiFixedHeight]", inputs: ["buiSizing", "sizingBy", "buiSizingBy", "buiFixedHeight"], outputs: ["buiResized"] }], animations: [animation.stepTransition, animation.leftDrawer, animation.topDrawer], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+        ], queries: [{ propertyName: "_steps", predicate: MatStep, descendants: true }, { propertyName: "_icons", predicate: MatStepperIcon, descendants: true }], viewQueries: [{ propertyName: "_editIconTemplate", first: true, predicate: ["editIconTemplate"], descendants: true, static: true }, { propertyName: "_stepHeader", predicate: MatStepHeader, descendants: true }], exportAs: ["buiStepper", "matStepper", "matVerticalStepper", "matHorizontalStepper"], usesInheritance: true, ngImport: i0, template: "<div class=\"bui-stepper-wrapper\" [style.display]=\"_leftDrawerState.startsWith('open') ? 'flex' : 'block'\" #sizeMonitor>\n\t<div\n\t\tclass=\"bui-stepper-left-header-container\"\n\t\t[@leftDrawer]=\"_leftDrawerState\"\n\t\t(@leftDrawer.start)=\"_leftDrawerStarted.next($event)\"\n\t\t(@leftDrawer.done)=\"_leftDrawerEnded.next($event)\"\n\t>\n\t\t<div class=\"bui-step-progress-label\">Step {{ selectedIndex + 1 }} of {{ steps.length }}</div>\n\t\t@for (step of steps; track step; let i = $index; let isLast = $last) {\n\t\t\t<div class=\"bui-stepper-header-wrapper\" [class.bui-stepper-vertical-line]=\"!isLast\">\n\t\t\t\t<mat-step-header\n\t\t\t\t\tclass=\"bui-stepper-header\"\n\t\t\t\t\t(click)=\"step.select()\"\n\t\t\t\t\t(keydown)=\"_onKeydown($event)\"\n\t\t\t\t\t[tabIndex]=\"_getFocusIndex() === i ? 0 : -1\"\n\t\t\t\t\t[id]=\"_getStepLabelId(i)\"\n\t\t\t\t\t[attr.aria-posinset]=\"i + 1\"\n\t\t\t\t\t[attr.aria-setsize]=\"steps.length\"\n\t\t\t\t\t[attr.aria-controls]=\"_getStepContentId(i)\"\n\t\t\t\t\t[attr.aria-selected]=\"selectedIndex == i\"\n\t\t\t\t\t[attr.aria-label]=\"step.ariaLabel || null\"\n\t\t\t\t\t[attr.aria-labelledby]=\"!step.ariaLabel && step.ariaLabelledby ? step.ariaLabelledby : null\"\n\t\t\t\t\t[attr.aria-disabled]=\"_stepIsNavigable(i, step) ? null : true\"\n\t\t\t\t\t[index]=\"i\"\n\t\t\t\t\t[state]=\"step.indicatorType()\"\n\t\t\t\t\t[label]=\"step.stepLabel || step.label\"\n\t\t\t\t\t[selected]=\"selectedIndex === i\"\n\t\t\t\t\t[active]=\"_stepIsNavigable(i, step)\"\n\t\t\t\t\t[optional]=\"step.optional\"\n\t\t\t\t\t[errorMessage]=\"step.errorMessage\"\n\t\t\t\t\t[iconOverrides]=\"_iconOverrides\"\n\t\t\t\t\t[disableRipple]=\"disableRipple || !_stepIsNavigable(i, step)\"\n\t\t\t\t\t[color]=\"step.color || color\"\n\t\t\t\t></mat-step-header>\n\t\t\t</div>\n\t\t}\n\t</div>\n\n\t<div class=\"bui-stepper-content-container\" [buiSizingBy]=\"sizeMonitor\" (buiResized)=\"_widthChanged($event.width)\">\n\t\t<div\n\t\t\tclass=\"bui-stepper-top-header-container\"\n\t\t\t[class.bui-stepper-header-active]=\"_leftDrawerState === 'void'\"\n\t\t\t[@topDrawer]=\"_topDrawerState\"\n\t\t\t(@topDrawer.start)=\"_topDrawerStarted.next($event)\"\n\t\t\t(@topDrawer.done)=\"_topDrawerEnded.next($event)\"\n\t\t>\n\t\t\t<div class=\"bui-stepper-top-header-progress\">\n\t\t\t\t<span class=\"bui-stepper-top-header-indicator\">\n\t\t\t\t\tStep {{ indicatorFormatter(selectedIndex + 1, steps.length) }}\n\t\t\t\t</span>\n\t\t\t</div>\n\n\t\t\t<div class=\"bui-stepper-progress-indicator\">\n\t\t\t\t@for (s of steps; track s; let i = $index) {\n\t\t\t\t\t<div\n\t\t\t\t\t\trole=\"button\"\n\t\t\t\t\t\t(click)=\"selectedIndex = i\"\n\t\t\t\t\t\tclass=\"bui-stepper-progress-indicator-section\"\n\t\t\t\t\t\t[class.bui-step-section-interacted]=\"i <= selectedIndex\"\n\t\t\t\t\t></div>\n\t\t\t\t}\n\t\t\t</div>\n\t\t\t@if (selectedIndex < steps.length - 1) {\n\t\t\t\t<div class=\"bui-stepper-top-header-title-next\">\n\t\t\t\t\t{{ nextStepLabelPrefix }}\n\t\t\t\t\t<ng-template\n\t\t\t\t\t\t[ngTemplateOutlet]=\"labelTemplate\"\n\t\t\t\t\t\t[ngTemplateOutletContext]=\"{ $implicit: steps.get(selectedIndex + 1) }\"\n\t\t\t\t\t></ng-template>\n\t\t\t\t</div>\n\t\t\t}\n\n\t\t\t@if (selected) {\n\t\t\t\t<div class=\"bui-stepper-top-header-titles-wrapper\">\n\t\t\t\t\t<ng-container *ngTemplateOutlet=\"toCustomStep(selected).stepLabelTopTemplate\"></ng-container>\n\t\t\t\t\t<div class=\"bui-stepper-top-header-title\">\n\t\t\t\t\t\t<ng-template\n\t\t\t\t\t\t\t[ngTemplateOutlet]=\"labelTemplate\"\n\t\t\t\t\t\t\t[ngTemplateOutletContext]=\"{ $implicit: selected }\"\n\t\t\t\t\t\t></ng-template>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t}\n\t\t</div>\n\t\t<div class=\"bui-stepper-content-wrapper\" [class.bui-stepper-content-wrapper-transitioning]=\"_stepTransitioning\">\n\t\t\t@for (step of steps; track step; let i = $index) {\n\t\t\t\t<div\n\t\t\t\t\tclass=\"bui-stepper-content\"\n\t\t\t\t\trole=\"tabpanel\"\n\t\t\t\t\t[@stepTransition]=\"_getAnimationDirection(i)\"\n\t\t\t\t\t(@stepTransition.start)=\"_startStepTransition()\"\n\t\t\t\t\t(@stepTransition.done)=\"_animationDone.next($event)\"\n\t\t\t\t\t[id]=\"_getStepContentId(i)\"\n\t\t\t\t\t[attr.aria-labelledby]=\"_getStepLabelId(i)\"\n\t\t\t\t\t[attr.aria-expanded]=\"selectedIndex === i\"\n\t\t\t\t>\n\t\t\t\t\t@if (!_narrow) {\n\t\t\t\t\t\t<div class=\"bui-stepper-content-header-label\">\n\t\t\t\t\t\t\t<ng-container *ngTemplateOutlet=\"toCustomStep(step).stepLabelTopTemplate\"></ng-container>\n\t\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t\t<ng-template\n\t\t\t\t\t\t\t\t\t[ngTemplateOutlet]=\"labelTemplate\"\n\t\t\t\t\t\t\t\t\t[ngTemplateOutletContext]=\"{ $implicit: step }\"\n\t\t\t\t\t\t\t\t></ng-template>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t}\n\t\t\t\t\t<ng-template [ngTemplateOutlet]=\"step.content\"></ng-template>\n\t\t\t\t</div>\n\t\t\t}\n\t\t</div>\n\t</div>\n</div>\n\n<ng-template #labelTemplate let-step>\n\t@if (step.stepLabel) {\n\t\t<ng-template [ngTemplateOutlet]=\"step.stepLabel.template\"></ng-template>\n\t} @else {\n\t\t{{ step.label }}\n\t}\n\t<ng-template #stringLabelTempl>{{ step.label }}</ng-template>\n</ng-template>\n\n<ng-template #editIconTemplate let-index=\"index\">\n\t<span>{{ index + 1 }}</span>\n</ng-template>\n", styles: [".bui-stepper:not([hidden]){display:block;box-sizing:border-box}.bui-stepper-wrapper{display:flex;gap:16px;box-sizing:border-box}.bui-step-progress-label{margin-top:16px;margin-left:16px;font-size:90%;font-weight:600}.bui-stepper-left-header-container{max-width:30%}.bui-stepper-header-wrapper{position:relative}.bui-stepper-vertical-line:before{content:\"\";position:absolute;left:28px;border-left-width:1px;border-left-style:solid;border-left-color:var(--bui-color-divider);top:44px;bottom:-12px}[dir=rtl] .bui-stepper-vertical-line:before{left:auto;right:0}.bui-stepper-top-header-indicator{font-size:80%;font-weight:700}.bui-stepper-progress-indicator{display:flex;justify-content:space-between;width:100%;height:10px;gap:10px;margin-bottom:16px}.bui-stepper-progress-indicator-section{flex:1;background-color:#0000001a;border-radius:4px;cursor:pointer}.bui-stepper-content-header-label{font-size:larger;font-weight:700;margin-bottom:32px;display:flex;flex-direction:column;align-items:start;justify-items:start;justify-content:start;gap:16px}.bui-stepper .bui-stepper-header{display:flex;align-items:center;padding:0 16px;height:56px}.bui-stepper .bui-stepper-header .mat-step-icon{margin-right:16px}[dir=rtl] .bui-stepper .bui-stepper-header .mat-step-icon{margin-right:0;margin-left:16px}.bui-stepper .bui-stepper-header .mat-step-icon.mat-step-icon-state-done{background-color:var(--bui-color-success);color:#fff}.bui-stepper-top-header-container.bui-stepper-header-active{margin-bottom:16px}.bui-stepper-top-header-progress{margin-bottom:8px}.bui-stepper-top-header-titles-wrapper{display:flex;flex-direction:column;align-items:start;gap:16px}.bui-stepper-top-header-title{font-size:larger}.bui-stepper-top-header-title-next{color:var(--bui-color-muted);margin-bottom:16px;font-size:90%;color:#000c}.bui-stepper-content-container{flex:1 1 100%;border-radius:var(--bui-stepper-container-border-radius, 12px);box-shadow:0 0 1px 1px #0000001a;padding:16px;display:flex;flex-direction:column}.bui-stepper-content-wrapper{flex:1 1 100%}.bui-stepper-content-wrapper-transitioning{overflow:hidden}.bui-stepper-content{outline:0}.bui-stepper-content[aria-expanded=false]{height:0;overflow:hidden}\n"], dependencies: [{ kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i3.MatStepHeader, selector: "mat-step-header", inputs: ["state", "label", "errorMessage", "iconOverrides", "index", "selected", "active", "optional", "disableRipple", "color"] }, { kind: "directive", type: i4.SizingDirective, selector: "[buiSizing],[buiResized],[buiSizingBy],[buiFixedHeight]", inputs: ["buiSizing", "sizingBy", "buiSizingBy", "buiFixedHeight"], outputs: ["buiResized"] }], animations: [animation.stepTransition, animation.leftDrawer, animation.topDrawer], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: StepperComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: StepperComponent, decorators: [{
             type: Component,
             args: [{ selector: 'bui-stepper, [buiStepper]', exportAs: 'buiStepper, matStepper, matVerticalStepper, matHorizontalStepper', inputs: ['selectedIndex'], host: {
                         class: 'bui-stepper bui-host',
@@ -202,7 +202,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImpo
                         { provide: MatStepper, useExisting: StepperComponent },
                         { provide: CdkStepper, useExisting: StepperComponent },
                         { provide: STEPPER_GLOBAL_OPTIONS, useValue: { displayDefaultIndicatorType: false } }
-                    ], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<div class=\"bui-stepper-wrapper\" [style.display]=\"_leftDrawerState.startsWith('open') ? 'flex' : 'block'\" #sizeMonitor>\r\n\t<div\r\n\t\tclass=\"bui-stepper-left-header-container\"\r\n\t\t[@leftDrawer]=\"_leftDrawerState\"\r\n\t\t(@leftDrawer.start)=\"_leftDrawerStarted.next($event)\"\r\n\t\t(@leftDrawer.done)=\"_leftDrawerEnded.next($event)\"\r\n\t>\r\n\t\t<div class=\"bui-step-progress-label\">Step {{ selectedIndex + 1 }} of {{ steps.length }}</div>\r\n\t\t<div\r\n\t\t\t*ngFor=\"let step of steps; let i = index; let isLast = last\"\r\n\t\t\tclass=\"bui-stepper-header-wrapper\"\r\n\t\t\t[class.bui-stepper-vertical-line]=\"!isLast\"\r\n\t\t>\r\n\t\t\t<mat-step-header\r\n\t\t\t\tclass=\"bui-stepper-header\"\r\n\t\t\t\t(click)=\"step.select()\"\r\n\t\t\t\t(keydown)=\"_onKeydown($event)\"\r\n\t\t\t\t[tabIndex]=\"_getFocusIndex() === i ? 0 : -1\"\r\n\t\t\t\t[id]=\"_getStepLabelId(i)\"\r\n\t\t\t\t[attr.aria-posinset]=\"i + 1\"\r\n\t\t\t\t[attr.aria-setsize]=\"steps.length\"\r\n\t\t\t\t[attr.aria-controls]=\"_getStepContentId(i)\"\r\n\t\t\t\t[attr.aria-selected]=\"selectedIndex == i\"\r\n\t\t\t\t[attr.aria-label]=\"step.ariaLabel || null\"\r\n\t\t\t\t[attr.aria-labelledby]=\"!step.ariaLabel && step.ariaLabelledby ? step.ariaLabelledby : null\"\r\n\t\t\t\t[attr.aria-disabled]=\"_stepIsNavigable(i, step) ? null : true\"\r\n\t\t\t\t[index]=\"i\"\r\n\t\t\t\t[state]=\"_getIndicatorType(i, step.state)\"\r\n\t\t\t\t[label]=\"step.stepLabel || step.label\"\r\n\t\t\t\t[selected]=\"selectedIndex === i\"\r\n\t\t\t\t[active]=\"_stepIsNavigable(i, step)\"\r\n\t\t\t\t[optional]=\"step.optional\"\r\n\t\t\t\t[errorMessage]=\"step.errorMessage\"\r\n\t\t\t\t[iconOverrides]=\"_iconOverrides\"\r\n\t\t\t\t[disableRipple]=\"disableRipple || !_stepIsNavigable(i, step)\"\r\n\t\t\t\t[color]=\"step.color || color\"\r\n\t\t\t></mat-step-header>\r\n\t\t</div>\r\n\t</div>\r\n\r\n\t<div class=\"bui-stepper-content-container\" [buiSizingBy]=\"sizeMonitor\" (buiResized)=\"_widthChanged($event.width)\">\r\n\t\t<div\r\n\t\t\tclass=\"bui-stepper-top-header-container\"\r\n\t\t\t[class.bui-stepper-header-active]=\"_leftDrawerState === 'void'\"\r\n\t\t\t[@topDrawer]=\"_topDrawerState\"\r\n\t\t\t(@topDrawer.start)=\"_topDrawerStarted.next($event)\"\r\n\t\t\t(@topDrawer.done)=\"_topDrawerEnded.next($event)\"\r\n\t\t>\r\n\t\t\t<div class=\"bui-stepper-top-header-progress\">\r\n\t\t\t\t<span class=\"bui-stepper-top-header-indicator\">\r\n\t\t\t\t\tStep {{ indicatorFormatter(selectedIndex + 1, steps.length) }}\r\n\t\t\t\t</span>\r\n\t\t\t</div>\r\n\r\n\t\t\t<div class=\"bui-stepper-progress-indicator\">\r\n\t\t\t\t<div\r\n\t\t\t\t\trole=\"button\"\r\n\t\t\t\t\t(click)=\"selectedIndex = i\"\r\n\t\t\t\t\tclass=\"bui-stepper-progress-indicator-section\"\r\n\t\t\t\t\t*ngFor=\"let s of steps; let i = index\"\r\n\t\t\t\t\t[class.bui-step-section-interacted]=\"i <= selectedIndex\"\r\n\t\t\t\t></div>\r\n\t\t\t</div>\r\n\t\t\t<div class=\"bui-stepper-top-header-title-next\" *ngIf=\"selectedIndex < steps.length - 1\">\r\n\t\t\t\t{{ nextStepLabelPrefix }}\r\n\t\t\t\t<ng-template\r\n\t\t\t\t\t[ngTemplateOutlet]=\"labelTemplate\"\r\n\t\t\t\t\t[ngTemplateOutletContext]=\"{ $implicit: steps.get(selectedIndex + 1) }\"\r\n\t\t\t\t></ng-template>\r\n\t\t\t</div>\r\n\r\n\t\t\t<div class=\"bui-stepper-top-header-titles-wrapper\" *ngIf=\"selected\">\r\n\t\t\t\t<ng-container *ngTemplateOutlet=\"toCustomStep(selected).stepLabelTopTemplate\"></ng-container>\r\n\t\t\t\t<div class=\"bui-stepper-top-header-title\">\r\n\t\t\t\t\t<ng-template\r\n\t\t\t\t\t\t[ngTemplateOutlet]=\"labelTemplate\"\r\n\t\t\t\t\t\t[ngTemplateOutletContext]=\"{ $implicit: selected }\"\r\n\t\t\t\t\t></ng-template>\r\n\t\t\t\t</div>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t\t<div class=\"bui-stepper-content-wrapper\" [class.bui-stepper-content-wrapper-transitioning]=\"_stepTransitioning\">\r\n\t\t\t<div\r\n\t\t\t\t*ngFor=\"let step of steps; let i = index\"\r\n\t\t\t\tclass=\"bui-stepper-content\"\r\n\t\t\t\trole=\"tabpanel\"\r\n\t\t\t\t[@stepTransition]=\"_getAnimationDirection(i)\"\r\n\t\t\t\t(@stepTransition.start)=\"_startStepTransition()\"\r\n\t\t\t\t(@stepTransition.done)=\"_animationDone.next($event)\"\r\n\t\t\t\t[id]=\"_getStepContentId(i)\"\r\n\t\t\t\t[attr.aria-labelledby]=\"_getStepLabelId(i)\"\r\n\t\t\t\t[attr.aria-expanded]=\"selectedIndex === i\"\r\n\t\t\t>\r\n\t\t\t\t<div class=\"bui-stepper-content-header-label\" *ngIf=\"!_narrow\">\r\n\t\t\t\t\t<ng-container *ngTemplateOutlet=\"toCustomStep(step).stepLabelTopTemplate\"></ng-container>\r\n\r\n\t\t\t\t\t<div>\r\n\t\t\t\t\t\t<ng-template\r\n\t\t\t\t\t\t\t[ngTemplateOutlet]=\"labelTemplate\"\r\n\t\t\t\t\t\t\t[ngTemplateOutletContext]=\"{ $implicit: step }\"\r\n\t\t\t\t\t\t></ng-template>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</div>\r\n\t\t\t\t<ng-template [ngTemplateOutlet]=\"step.content\"></ng-template>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t</div>\r\n</div>\r\n\r\n<ng-template #labelTemplate let-step>\r\n\t<ng-template [ngIf]=\"step.stepLabel\" [ngIfElse]=\"stringLabelTempl\">\r\n\t\t<ng-template [ngTemplateOutlet]=\"step.stepLabel.template\"></ng-template>\r\n\t</ng-template>\r\n\t<ng-template #stringLabelTempl>{{ step.label }}</ng-template>\r\n</ng-template>\r\n\r\n<ng-template #editIconTemplate let-index=\"index\">\r\n\t<span>{{ index + 1 }}</span>\r\n</ng-template>\r\n", styles: [".bui-stepper:not([hidden]){display:block;box-sizing:border-box}.bui-stepper-wrapper{display:flex;gap:16px;box-sizing:border-box}.bui-step-progress-label{margin-top:16px;margin-left:16px;font-size:90%;font-weight:600}.bui-stepper-left-header-container{max-width:30%}.bui-stepper-header-wrapper{position:relative}.bui-stepper-vertical-line:before{content:\"\";position:absolute;left:28px;border-left-width:1px;border-left-style:solid;border-left-color:var(--bui-color-divider);top:44px;bottom:-12px}[dir=rtl] .bui-stepper-vertical-line:before{left:auto;right:0}.bui-stepper-top-header-indicator{font-size:80%;font-weight:700}.bui-stepper-progress-indicator{display:flex;justify-content:space-between;width:100%;height:10px;gap:10px;margin-bottom:16px}.bui-stepper-progress-indicator-section{flex:1;background-color:#0000001a;border-radius:4px;cursor:pointer}.bui-stepper-content-header-label{font-size:larger;font-weight:700;margin-bottom:32px;display:flex;flex-direction:column;align-items:start;justify-items:start;justify-content:start;gap:16px}.bui-stepper .bui-stepper-header{display:flex;align-items:center;padding:0 16px;height:56px}.bui-stepper .bui-stepper-header .mat-step-icon{margin-right:16px}[dir=rtl] .bui-stepper .bui-stepper-header .mat-step-icon{margin-right:0;margin-left:16px}.bui-stepper .bui-stepper-header .mat-step-icon.mat-step-icon-state-done{background-color:var(--bui-color-success);color:#fff}.bui-stepper-top-header-container.bui-stepper-header-active{margin-bottom:16px}.bui-stepper-top-header-progress{margin-bottom:8px}.bui-stepper-top-header-titles-wrapper{display:flex;flex-direction:column;align-items:start;gap:16px}.bui-stepper-top-header-title{font-size:larger}.bui-stepper-top-header-title-next{color:var(--bui-color-muted);margin-bottom:16px;font-size:90%;color:#000c}.bui-stepper-content-container{flex:1 1 100%;border-radius:var(--bui-stepper-container-border-radius, 12px);box-shadow:0 0 1px 1px #0000001a;padding:16px;display:flex;flex-direction:column}.bui-stepper-content-wrapper{flex:1 1 100%}.bui-stepper-content-wrapper-transitioning{overflow:hidden}.bui-stepper-content{outline:0}.bui-stepper-content[aria-expanded=false]{height:0;overflow:hidden}\n"] }]
+                    ], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<div class=\"bui-stepper-wrapper\" [style.display]=\"_leftDrawerState.startsWith('open') ? 'flex' : 'block'\" #sizeMonitor>\n\t<div\n\t\tclass=\"bui-stepper-left-header-container\"\n\t\t[@leftDrawer]=\"_leftDrawerState\"\n\t\t(@leftDrawer.start)=\"_leftDrawerStarted.next($event)\"\n\t\t(@leftDrawer.done)=\"_leftDrawerEnded.next($event)\"\n\t>\n\t\t<div class=\"bui-step-progress-label\">Step {{ selectedIndex + 1 }} of {{ steps.length }}</div>\n\t\t@for (step of steps; track step; let i = $index; let isLast = $last) {\n\t\t\t<div class=\"bui-stepper-header-wrapper\" [class.bui-stepper-vertical-line]=\"!isLast\">\n\t\t\t\t<mat-step-header\n\t\t\t\t\tclass=\"bui-stepper-header\"\n\t\t\t\t\t(click)=\"step.select()\"\n\t\t\t\t\t(keydown)=\"_onKeydown($event)\"\n\t\t\t\t\t[tabIndex]=\"_getFocusIndex() === i ? 0 : -1\"\n\t\t\t\t\t[id]=\"_getStepLabelId(i)\"\n\t\t\t\t\t[attr.aria-posinset]=\"i + 1\"\n\t\t\t\t\t[attr.aria-setsize]=\"steps.length\"\n\t\t\t\t\t[attr.aria-controls]=\"_getStepContentId(i)\"\n\t\t\t\t\t[attr.aria-selected]=\"selectedIndex == i\"\n\t\t\t\t\t[attr.aria-label]=\"step.ariaLabel || null\"\n\t\t\t\t\t[attr.aria-labelledby]=\"!step.ariaLabel && step.ariaLabelledby ? step.ariaLabelledby : null\"\n\t\t\t\t\t[attr.aria-disabled]=\"_stepIsNavigable(i, step) ? null : true\"\n\t\t\t\t\t[index]=\"i\"\n\t\t\t\t\t[state]=\"step.indicatorType()\"\n\t\t\t\t\t[label]=\"step.stepLabel || step.label\"\n\t\t\t\t\t[selected]=\"selectedIndex === i\"\n\t\t\t\t\t[active]=\"_stepIsNavigable(i, step)\"\n\t\t\t\t\t[optional]=\"step.optional\"\n\t\t\t\t\t[errorMessage]=\"step.errorMessage\"\n\t\t\t\t\t[iconOverrides]=\"_iconOverrides\"\n\t\t\t\t\t[disableRipple]=\"disableRipple || !_stepIsNavigable(i, step)\"\n\t\t\t\t\t[color]=\"step.color || color\"\n\t\t\t\t></mat-step-header>\n\t\t\t</div>\n\t\t}\n\t</div>\n\n\t<div class=\"bui-stepper-content-container\" [buiSizingBy]=\"sizeMonitor\" (buiResized)=\"_widthChanged($event.width)\">\n\t\t<div\n\t\t\tclass=\"bui-stepper-top-header-container\"\n\t\t\t[class.bui-stepper-header-active]=\"_leftDrawerState === 'void'\"\n\t\t\t[@topDrawer]=\"_topDrawerState\"\n\t\t\t(@topDrawer.start)=\"_topDrawerStarted.next($event)\"\n\t\t\t(@topDrawer.done)=\"_topDrawerEnded.next($event)\"\n\t\t>\n\t\t\t<div class=\"bui-stepper-top-header-progress\">\n\t\t\t\t<span class=\"bui-stepper-top-header-indicator\">\n\t\t\t\t\tStep {{ indicatorFormatter(selectedIndex + 1, steps.length) }}\n\t\t\t\t</span>\n\t\t\t</div>\n\n\t\t\t<div class=\"bui-stepper-progress-indicator\">\n\t\t\t\t@for (s of steps; track s; let i = $index) {\n\t\t\t\t\t<div\n\t\t\t\t\t\trole=\"button\"\n\t\t\t\t\t\t(click)=\"selectedIndex = i\"\n\t\t\t\t\t\tclass=\"bui-stepper-progress-indicator-section\"\n\t\t\t\t\t\t[class.bui-step-section-interacted]=\"i <= selectedIndex\"\n\t\t\t\t\t></div>\n\t\t\t\t}\n\t\t\t</div>\n\t\t\t@if (selectedIndex < steps.length - 1) {\n\t\t\t\t<div class=\"bui-stepper-top-header-title-next\">\n\t\t\t\t\t{{ nextStepLabelPrefix }}\n\t\t\t\t\t<ng-template\n\t\t\t\t\t\t[ngTemplateOutlet]=\"labelTemplate\"\n\t\t\t\t\t\t[ngTemplateOutletContext]=\"{ $implicit: steps.get(selectedIndex + 1) }\"\n\t\t\t\t\t></ng-template>\n\t\t\t\t</div>\n\t\t\t}\n\n\t\t\t@if (selected) {\n\t\t\t\t<div class=\"bui-stepper-top-header-titles-wrapper\">\n\t\t\t\t\t<ng-container *ngTemplateOutlet=\"toCustomStep(selected).stepLabelTopTemplate\"></ng-container>\n\t\t\t\t\t<div class=\"bui-stepper-top-header-title\">\n\t\t\t\t\t\t<ng-template\n\t\t\t\t\t\t\t[ngTemplateOutlet]=\"labelTemplate\"\n\t\t\t\t\t\t\t[ngTemplateOutletContext]=\"{ $implicit: selected }\"\n\t\t\t\t\t\t></ng-template>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t}\n\t\t</div>\n\t\t<div class=\"bui-stepper-content-wrapper\" [class.bui-stepper-content-wrapper-transitioning]=\"_stepTransitioning\">\n\t\t\t@for (step of steps; track step; let i = $index) {\n\t\t\t\t<div\n\t\t\t\t\tclass=\"bui-stepper-content\"\n\t\t\t\t\trole=\"tabpanel\"\n\t\t\t\t\t[@stepTransition]=\"_getAnimationDirection(i)\"\n\t\t\t\t\t(@stepTransition.start)=\"_startStepTransition()\"\n\t\t\t\t\t(@stepTransition.done)=\"_animationDone.next($event)\"\n\t\t\t\t\t[id]=\"_getStepContentId(i)\"\n\t\t\t\t\t[attr.aria-labelledby]=\"_getStepLabelId(i)\"\n\t\t\t\t\t[attr.aria-expanded]=\"selectedIndex === i\"\n\t\t\t\t>\n\t\t\t\t\t@if (!_narrow) {\n\t\t\t\t\t\t<div class=\"bui-stepper-content-header-label\">\n\t\t\t\t\t\t\t<ng-container *ngTemplateOutlet=\"toCustomStep(step).stepLabelTopTemplate\"></ng-container>\n\t\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t\t<ng-template\n\t\t\t\t\t\t\t\t\t[ngTemplateOutlet]=\"labelTemplate\"\n\t\t\t\t\t\t\t\t\t[ngTemplateOutletContext]=\"{ $implicit: step }\"\n\t\t\t\t\t\t\t\t></ng-template>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t}\n\t\t\t\t\t<ng-template [ngTemplateOutlet]=\"step.content\"></ng-template>\n\t\t\t\t</div>\n\t\t\t}\n\t\t</div>\n\t</div>\n</div>\n\n<ng-template #labelTemplate let-step>\n\t@if (step.stepLabel) {\n\t\t<ng-template [ngTemplateOutlet]=\"step.stepLabel.template\"></ng-template>\n\t} @else {\n\t\t{{ step.label }}\n\t}\n\t<ng-template #stringLabelTempl>{{ step.label }}</ng-template>\n</ng-template>\n\n<ng-template #editIconTemplate let-index=\"index\">\n\t<span>{{ index + 1 }}</span>\n</ng-template>\n", styles: [".bui-stepper:not([hidden]){display:block;box-sizing:border-box}.bui-stepper-wrapper{display:flex;gap:16px;box-sizing:border-box}.bui-step-progress-label{margin-top:16px;margin-left:16px;font-size:90%;font-weight:600}.bui-stepper-left-header-container{max-width:30%}.bui-stepper-header-wrapper{position:relative}.bui-stepper-vertical-line:before{content:\"\";position:absolute;left:28px;border-left-width:1px;border-left-style:solid;border-left-color:var(--bui-color-divider);top:44px;bottom:-12px}[dir=rtl] .bui-stepper-vertical-line:before{left:auto;right:0}.bui-stepper-top-header-indicator{font-size:80%;font-weight:700}.bui-stepper-progress-indicator{display:flex;justify-content:space-between;width:100%;height:10px;gap:10px;margin-bottom:16px}.bui-stepper-progress-indicator-section{flex:1;background-color:#0000001a;border-radius:4px;cursor:pointer}.bui-stepper-content-header-label{font-size:larger;font-weight:700;margin-bottom:32px;display:flex;flex-direction:column;align-items:start;justify-items:start;justify-content:start;gap:16px}.bui-stepper .bui-stepper-header{display:flex;align-items:center;padding:0 16px;height:56px}.bui-stepper .bui-stepper-header .mat-step-icon{margin-right:16px}[dir=rtl] .bui-stepper .bui-stepper-header .mat-step-icon{margin-right:0;margin-left:16px}.bui-stepper .bui-stepper-header .mat-step-icon.mat-step-icon-state-done{background-color:var(--bui-color-success);color:#fff}.bui-stepper-top-header-container.bui-stepper-header-active{margin-bottom:16px}.bui-stepper-top-header-progress{margin-bottom:8px}.bui-stepper-top-header-titles-wrapper{display:flex;flex-direction:column;align-items:start;gap:16px}.bui-stepper-top-header-title{font-size:larger}.bui-stepper-top-header-title-next{color:var(--bui-color-muted);margin-bottom:16px;font-size:90%;color:#000c}.bui-stepper-content-container{flex:1 1 100%;border-radius:var(--bui-stepper-container-border-radius, 12px);box-shadow:0 0 1px 1px #0000001a;padding:16px;display:flex;flex-direction:column}.bui-stepper-content-wrapper{flex:1 1 100%}.bui-stepper-content-wrapper-transitioning{overflow:hidden}.bui-stepper-content{outline:0}.bui-stepper-content[aria-expanded=false]{height:0;overflow:hidden}\n"] }]
         }], ctorParameters: () => [{ type: i1.Directionality, decorators: [{
                     type: Optional
                 }] }, { type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: undefined, decorators: [{
@@ -245,8 +245,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImpo
             }] } });
 
 class StepperModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: StepperModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.17", ngImport: i0, type: StepperModule, declarations: [StepperComponent, StepDirective, StepLabelTopDirective], imports: [CommonModule,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: StepperModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.15", ngImport: i0, type: StepperModule, declarations: [StepperComponent, StepDirective, StepLabelTopDirective], imports: [CommonModule,
             PortalModule,
             CdkStepperModule,
             MatStepperModule,
@@ -255,7 +255,7 @@ class StepperModule {
             MatRippleModule,
             MatProgressSpinnerModule,
             BehaviorModule], exports: [StepperComponent, MatStepperModule, StepLabelTopDirective, StepDirective] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: StepperModule, imports: [CommonModule,
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: StepperModule, imports: [CommonModule,
             PortalModule,
             CdkStepperModule,
             MatStepperModule,
@@ -265,7 +265,7 @@ class StepperModule {
             MatProgressSpinnerModule,
             BehaviorModule, MatStepperModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: StepperModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: StepperModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [StepperComponent, StepDirective, StepLabelTopDirective],

package/fesm2022/bravura-ui-stepper.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"bravura-ui-stepper.mjs","sources":["../../../projects/ui/stepper/step-label-top.directive.ts","../../../projects/ui/stepper/stepper-animation.ts","../../../projects/ui/stepper/stepper.component.ts","../../../projects/ui/stepper/stepper.component.html","../../../projects/ui/stepper/stepper.module.ts","../../../projects/ui/stepper/bravura-ui-stepper.ts"],"sourcesContent":["import { AfterContentInit, ContentChild, Directive, inject, Optional, TemplateRef } from '@angular/core';\r\nimport { MatStep } from '@angular/material/stepper';\r\n\r\n@Directive({\r\n\tselector: '[buiStepLabelTop]',\r\n\tstandalone: false\r\n})\r\nexport class StepLabelTopDirective {\r\n\tconstructor(@Optional() public templateRef: TemplateRef<any>) {}\r\n}\r\n\r\n@Directive({\r\n\tselector: 'mat-step',\r\n\tstandalone: false\r\n})\r\nexport class StepDirective implements AfterContentInit {\r\n\t@ContentChild(StepLabelTopDirective)\r\n\t@Optional()\r\n\tstepLabelTopDirective: StepLabelTopDirective;\r\n\r\n\tstep = inject(MatStep);\r\n\r\n\tconstructor() {}\r\n\r\n\tngAfterContentInit(): void {\r\n\t\t(this.step as any).stepLabelTopTemplate = this.stepLabelTopDirective?.templateRef;\r\n\t}\r\n}\r\n","import {\r\n\tanimate,\r\n\tAnimationStateMetadata,\r\n\tAnimationTransitionMetadata,\r\n\tstate,\r\n\tstyle,\r\n\ttransition,\r\n\ttrigger\r\n} from '@angular/animations';\r\n\r\nfunction drawerAnimations(isLeft: boolean): (AnimationStateMetadata | AnimationTransitionMetadata)[] {\r\n\tconst closedStyle = { opacity: '0', height: 0, width: 0, visibility: 'hidden' };\r\n\tconst left = { ...closedStyle, transform: 'translateX(50%)' };\r\n\tconst height = { ...closedStyle, transform: 'scaleY(0.5)' };\r\n\treturn [\r\n\t\tstate('open, open-instant', style({ visibility: 'visible' })),\r\n\t\tstate('void', style(isLeft ? left : height)),\r\n\t\ttransition('void => open-instant', animate('0ms')),\r\n\t\ttransition('void <=> open, open-instant => void', animate('400ms cubic-bezier(0.25, 0.8, 0.25, 1)'))\r\n\t];\r\n}\r\n\r\nexport default {\r\n\tstepTransition: trigger('stepTransition', [\r\n\t\tstate('previous', style({ transform: 'translate3d(0, -100%, 0)', visibility: 'hidden' })),\r\n\t\tstate('current', style({ transform: 'none', visibility: 'inherit' })),\r\n\t\tstate('next', style({ transform: 'translate3d(0, 100%, 0)', visibility: 'hidden' })),\r\n\t\ttransition('* => *', animate('500ms cubic-bezier(0.35, 0, 0.25, 1)'))\r\n\t]),\r\n\r\n\tleftDrawer: trigger('leftDrawer', drawerAnimations(true)),\r\n\ttopDrawer: trigger('topDrawer', drawerAnimations(false))\r\n};\r\n","import { AnimationEvent } from '@angular/animations';\r\nimport { Directionality } from '@angular/cdk/bidi';\r\nimport { CdkStepper, STEPPER_GLOBAL_OPTIONS, StepContentPositionState, StepperOptions } from '@angular/cdk/stepper';\r\nimport { DOCUMENT } from '@angular/common';\r\nimport {\r\n\tAfterContentInit,\r\n\tChangeDetectionStrategy,\r\n\tChangeDetectorRef,\r\n\tComponent,\r\n\tContentChildren,\r\n\tElementRef,\r\n\tEventEmitter,\r\n\tInject,\r\n\tInput,\r\n\tOptional,\r\n\tOutput,\r\n\tQueryList,\r\n\tSelf,\r\n\tSkipSelf,\r\n\tTemplateRef,\r\n\tViewChild,\r\n\tViewChildren,\r\n\tViewEncapsulation\r\n} from '@angular/core';\r\nimport { ThemePalette } from '@angular/material/core';\r\nimport { MatStep, MatStepHeader, MatStepper, MatStepperIcon, MatStepperIconContext } from '@angular/material/stepper';\r\nimport { Subject } from 'rxjs';\r\nimport { distinctUntilChanged, filter, takeUntil } from 'rxjs/operators';\r\nimport animation from './stepper-animation';\r\n\r\n/** @ignore */\r\nconst BREAKPOINT = 768;\r\n\r\n/**\r\n * [Angular Material's stepper](https://material.angular.io/components/stepper/overview) provides a wizard-like workflow by dividing\r\n * content into logical steps.\r\n *\r\n * This stepper extends Angular's to customise the presentation of its headers to achieve a better user experience in both mobile and\r\n * desktop browsers.\r\n *\r\n */\r\n\r\n@Component({\r\n\tselector: 'bui-stepper, [buiStepper]',\r\n\texportAs: 'buiStepper, matStepper, matVerticalStepper, matHorizontalStepper',\r\n\ttemplateUrl: './stepper.component.html',\r\n\tstyleUrls: ['./stepper.component.scss'],\r\n\tinputs: ['selectedIndex'],\r\n\thost: {\r\n\t\tclass: 'bui-stepper bui-host',\r\n\t\t'[attr.aria-orientation]': 'orientation',\r\n\t\trole: 'tablist'\r\n\t},\r\n\tanimations: [animation.stepTransition, animation.leftDrawer, animation.topDrawer],\r\n\tproviders: [\r\n\t\t{ provide: MatStepper, useExisting: StepperComponent },\r\n\t\t{ provide: CdkStepper, useExisting: StepperComponent },\r\n\t\t{ provide: STEPPER_GLOBAL_OPTIONS, useValue: { displayDefaultIndicatorType: false } }\r\n\t],\r\n\tencapsulation: ViewEncapsulation.None,\r\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\r\n\tstandalone: false\r\n})\r\nexport class StepperComponent extends CdkStepper implements AfterContentInit {\r\n\t/** @ignore The list of step headers of the steps in the stepper. */\r\n\t@ViewChildren(MatStepHeader) override _stepHeader!: QueryList<MatStepHeader>;\r\n\r\n\t/** @ignore Full list of steps inside the stepper, including inside nested steppers. */\r\n\t@ContentChildren(MatStep, { descendants: true }) override _steps!: QueryList<MatStep>;\r\n\r\n\t/** @ignore Steps that belong to the current stepper, excluding ones from nested steppers. */\r\n\toverride readonly steps: QueryList<MatStep> = new QueryList<MatStep>();\r\n\r\n\t/** @ignore Custom icon overrides passed in by the consumer. */\r\n\t@ContentChildren(MatStepperIcon, { descendants: true }) _icons!: QueryList<MatStepperIcon>;\r\n\r\n\t/** @ignore Event emitted when the current step is done transitioning in. */\r\n\t@Output() readonly animationDone: EventEmitter<void> = new EventEmitter<void>();\r\n\r\n\t/** Whether ripples should be disabled for the step headers. */\r\n\t@Input() disableRipple?: boolean;\r\n\r\n\t/** Theme color for all of the steps in stepper. */\r\n\t@Input() color: ThemePalette;\r\n\r\n\t/**\r\n\t * A function that constructs the text in the progress cycle for the 'narrow' view.\r\n\t *\r\n\t * Default value: `'{selected step} of {total number of steps}'`\r\n\t */\r\n\t@Input() indicatorFormatter: (index: number, total: number) => string;\r\n\r\n\t/** The text that precedes the name of the next step label, used in the 'narrow' view.   */\r\n\t@Input() nextStepLabelPrefix = 'Next: ';\r\n\r\n\t/** @ignore Consumer-specified template-refs to be used to override the header icons. */\r\n\t_iconOverrides: Record<string, TemplateRef<MatStepperIconContext>> = {};\r\n\r\n\t/** @ignore Stream of animation `done` events when the body expands/collapses. */\r\n\treadonly _animationDone = new Subject<AnimationEvent>();\r\n\r\n\t/** @ignore Whether the stepper is in a narrow container */\r\n\t_narrow = false;\r\n\r\n\t/** @ignore Emits whenever the drawer has started animating. */\r\n\treadonly _leftDrawerStarted = new Subject<AnimationEvent>();\r\n\t/** @ignore Emits whenever the drawer is done animating. */\r\n\treadonly _leftDrawerEnded = new Subject<AnimationEvent>();\r\n\t/** @ignore Current state of the sidenav animation. */\r\n\t_leftDrawerState: 'open-instant' | 'open' | 'void' = 'open-instant';\r\n\r\n\t/** @ignore Emits whenever the drawer has started animating. */\r\n\treadonly _topDrawerStarted = new Subject<AnimationEvent>();\r\n\t/** @ignore Emits whenever the drawer is done animating. */\r\n\treadonly _topDrawerEnded = new Subject<AnimationEvent>();\r\n\t/** @ignore Current state of the sidenav animation. */\r\n\t_topDrawerState: 'open-instant' | 'open' | 'void' = 'void';\r\n\r\n\t/** @ignore */ readonly _progressCircleSize = 80;\r\n\t/** @ignore */ readonly _progressCircleWidth = 5;\r\n\t/** @ignore */ _stepTransitioning = false;\r\n\r\n\t@ViewChild('editIconTemplate', { static: true })\r\n\tprivate _editIconTemplate!: TemplateRef<any>;\r\n\r\n\tconstructor(\r\n\t\t@Optional() dir: Directionality,\r\n\t\tprivate changeDetectorRef: ChangeDetectorRef,\r\n\t\tprivate _buiElRef: ElementRef<HTMLElement>,\r\n\t\t@Inject(DOCUMENT) _document: any,\r\n\t\t@Self() @Inject(STEPPER_GLOBAL_OPTIONS) stepperOptions: StepperOptions,\r\n\t\t@Optional() @SkipSelf() @Inject(STEPPER_GLOBAL_OPTIONS) defaultStepperOptions?: StepperOptions\r\n\t) {\r\n\t\tsuper(dir, changeDetectorRef, _buiElRef);\r\n\t\tthis.orientation = 'vertical';\r\n\t\tthis.indicatorFormatter = (index, total) => `${index} of ${total}`;\r\n\t\tObject.keys(defaultStepperOptions || {})\r\n\t\t\t.filter(k => k !== 'displayDefaultIndicatorType')\r\n\t\t\t.forEach(((k: keyof StepperOptions) => (stepperOptions[k] = defaultStepperOptions![k])) as any);\r\n\t}\r\n\r\n\toverride ngAfterContentInit() {\r\n\t\tsuper.ngAfterContentInit();\r\n\t\tthis._icons.forEach(({ name, templateRef }) => (this._iconOverrides[name] = templateRef));\r\n\r\n\t\t// Mark the component for change detection whenever the content children query changes\r\n\t\tthis.steps.changes.pipe(takeUntil(this._destroyed)).subscribe(() => {\r\n\t\t\tthis._stateChanged();\r\n\t\t});\r\n\r\n\t\tthis._animationDone\r\n\t\t\t.pipe(\r\n\t\t\t\tdistinctUntilChanged((x, y) => x.fromState === y.fromState && x.toState === y.toState),\r\n\t\t\t\ttakeUntil(this._destroyed)\r\n\t\t\t)\r\n\t\t\t.subscribe(event => {\r\n\t\t\t\tif ((event.toState as StepContentPositionState) === 'current') {\r\n\t\t\t\t\tthis.animationDone.emit();\r\n\t\t\t\t\tthis._stepTransitioning = false;\r\n\t\t\t\t}\r\n\t\t\t});\r\n\r\n\t\tthis._leftDrawerEnded\r\n\t\t\t.pipe(\r\n\t\t\t\tdistinctUntilChanged((x, y) => x.fromState === y.fromState && x.toState === y.toState),\r\n\t\t\t\tfilter(ev => ev.toState === 'void' && ev.toState !== ev.fromState),\r\n\t\t\t\ttakeUntil(this._destroyed)\r\n\t\t\t)\r\n\t\t\t.subscribe(() => {\r\n\t\t\t\tthis._topDrawerState = 'open';\r\n\t\t\t});\r\n\r\n\t\tthis._topDrawerEnded\r\n\t\t\t.pipe(\r\n\t\t\t\tdistinctUntilChanged((x, y) => x.fromState === y.fromState && x.toState === y.toState),\r\n\t\t\t\tfilter(ev => ev.toState === 'void' && ev.toState !== ev.fromState),\r\n\t\t\t\ttakeUntil(this._destroyed)\r\n\t\t\t)\r\n\t\t\t.subscribe(() => {\r\n\t\t\t\tthis._leftDrawerState = 'open';\r\n\t\t\t});\r\n\t\tthis._iconOverrides.edit = this._iconOverrides.edit || this._editIconTemplate;\r\n\t}\r\n\r\n\t/** @ignore */\r\n\t_stepIsNavigable(index: number, step: MatStep): boolean {\r\n\t\treturn step.completed || this.selectedIndex === index || !this.linear;\r\n\t}\r\n\r\n\t/** @ignore */\r\n\t_widthChanged(w: number) {\r\n\t\tconst narrow = Math.abs(w - BREAKPOINT) < 20 ? this._narrow : w < BREAKPOINT;\r\n\t\tconst cls = 'bui-stepper-narrow';\r\n\t\tconst classList = this._buiElRef.nativeElement.classList;\r\n\t\tif (narrow) {\r\n\t\t\tthis._leftDrawerState = 'void';\r\n\t\t\tclassList.add(cls);\r\n\t\t} else {\r\n\t\t\tthis._topDrawerState = 'void';\r\n\t\t\tclassList.remove(cls);\r\n\t\t}\r\n\t\tif (this._narrow !== narrow) {\r\n\t\t\tthis._narrow = narrow;\r\n\t\t\tthis._stateChanged();\r\n\t\t}\r\n\t}\r\n\r\n\t/** @ignore */\r\n\t_startStepTransition() {\r\n\t\tsetTimeout(() => {\r\n\t\t\tthis._stepTransitioning = true;\r\n\t\t\tthis.changeDetectorRef.markForCheck();\r\n\t\t});\r\n\t}\r\n\r\n\ttoCustomStep(step: any) {\r\n\t\treturn <any>step;\r\n\t}\r\n}\r\n","<div class=\"bui-stepper-wrapper\" [style.display]=\"_leftDrawerState.startsWith('open') ? 'flex' : 'block'\" #sizeMonitor>\r\n\t<div\r\n\t\tclass=\"bui-stepper-left-header-container\"\r\n\t\t[@leftDrawer]=\"_leftDrawerState\"\r\n\t\t(@leftDrawer.start)=\"_leftDrawerStarted.next($event)\"\r\n\t\t(@leftDrawer.done)=\"_leftDrawerEnded.next($event)\"\r\n\t>\r\n\t\t<div class=\"bui-step-progress-label\">Step {{ selectedIndex + 1 }} of {{ steps.length }}</div>\r\n\t\t<div\r\n\t\t\t*ngFor=\"let step of steps; let i = index; let isLast = last\"\r\n\t\t\tclass=\"bui-stepper-header-wrapper\"\r\n\t\t\t[class.bui-stepper-vertical-line]=\"!isLast\"\r\n\t\t>\r\n\t\t\t<mat-step-header\r\n\t\t\t\tclass=\"bui-stepper-header\"\r\n\t\t\t\t(click)=\"step.select()\"\r\n\t\t\t\t(keydown)=\"_onKeydown($event)\"\r\n\t\t\t\t[tabIndex]=\"_getFocusIndex() === i ? 0 : -1\"\r\n\t\t\t\t[id]=\"_getStepLabelId(i)\"\r\n\t\t\t\t[attr.aria-posinset]=\"i + 1\"\r\n\t\t\t\t[attr.aria-setsize]=\"steps.length\"\r\n\t\t\t\t[attr.aria-controls]=\"_getStepContentId(i)\"\r\n\t\t\t\t[attr.aria-selected]=\"selectedIndex == i\"\r\n\t\t\t\t[attr.aria-label]=\"step.ariaLabel || null\"\r\n\t\t\t\t[attr.aria-labelledby]=\"!step.ariaLabel && step.ariaLabelledby ? step.ariaLabelledby : null\"\r\n\t\t\t\t[attr.aria-disabled]=\"_stepIsNavigable(i, step) ? null : true\"\r\n\t\t\t\t[index]=\"i\"\r\n\t\t\t\t[state]=\"_getIndicatorType(i, step.state)\"\r\n\t\t\t\t[label]=\"step.stepLabel || step.label\"\r\n\t\t\t\t[selected]=\"selectedIndex === i\"\r\n\t\t\t\t[active]=\"_stepIsNavigable(i, step)\"\r\n\t\t\t\t[optional]=\"step.optional\"\r\n\t\t\t\t[errorMessage]=\"step.errorMessage\"\r\n\t\t\t\t[iconOverrides]=\"_iconOverrides\"\r\n\t\t\t\t[disableRipple]=\"disableRipple || !_stepIsNavigable(i, step)\"\r\n\t\t\t\t[color]=\"step.color || color\"\r\n\t\t\t></mat-step-header>\r\n\t\t</div>\r\n\t</div>\r\n\r\n\t<div class=\"bui-stepper-content-container\" [buiSizingBy]=\"sizeMonitor\" (buiResized)=\"_widthChanged($event.width)\">\r\n\t\t<div\r\n\t\t\tclass=\"bui-stepper-top-header-container\"\r\n\t\t\t[class.bui-stepper-header-active]=\"_leftDrawerState === 'void'\"\r\n\t\t\t[@topDrawer]=\"_topDrawerState\"\r\n\t\t\t(@topDrawer.start)=\"_topDrawerStarted.next($event)\"\r\n\t\t\t(@topDrawer.done)=\"_topDrawerEnded.next($event)\"\r\n\t\t>\r\n\t\t\t<div class=\"bui-stepper-top-header-progress\">\r\n\t\t\t\t<span class=\"bui-stepper-top-header-indicator\">\r\n\t\t\t\t\tStep {{ indicatorFormatter(selectedIndex + 1, steps.length) }}\r\n\t\t\t\t</span>\r\n\t\t\t</div>\r\n\r\n\t\t\t<div class=\"bui-stepper-progress-indicator\">\r\n\t\t\t\t<div\r\n\t\t\t\t\trole=\"button\"\r\n\t\t\t\t\t(click)=\"selectedIndex = i\"\r\n\t\t\t\t\tclass=\"bui-stepper-progress-indicator-section\"\r\n\t\t\t\t\t*ngFor=\"let s of steps; let i = index\"\r\n\t\t\t\t\t[class.bui-step-section-interacted]=\"i <= selectedIndex\"\r\n\t\t\t\t></div>\r\n\t\t\t</div>\r\n\t\t\t<div class=\"bui-stepper-top-header-title-next\" *ngIf=\"selectedIndex < steps.length - 1\">\r\n\t\t\t\t{{ nextStepLabelPrefix }}\r\n\t\t\t\t<ng-template\r\n\t\t\t\t\t[ngTemplateOutlet]=\"labelTemplate\"\r\n\t\t\t\t\t[ngTemplateOutletContext]=\"{ $implicit: steps.get(selectedIndex + 1) }\"\r\n\t\t\t\t></ng-template>\r\n\t\t\t</div>\r\n\r\n\t\t\t<div class=\"bui-stepper-top-header-titles-wrapper\" *ngIf=\"selected\">\r\n\t\t\t\t<ng-container *ngTemplateOutlet=\"toCustomStep(selected).stepLabelTopTemplate\"></ng-container>\r\n\t\t\t\t<div class=\"bui-stepper-top-header-title\">\r\n\t\t\t\t\t<ng-template\r\n\t\t\t\t\t\t[ngTemplateOutlet]=\"labelTemplate\"\r\n\t\t\t\t\t\t[ngTemplateOutletContext]=\"{ $implicit: selected }\"\r\n\t\t\t\t\t></ng-template>\r\n\t\t\t\t</div>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t\t<div class=\"bui-stepper-content-wrapper\" [class.bui-stepper-content-wrapper-transitioning]=\"_stepTransitioning\">\r\n\t\t\t<div\r\n\t\t\t\t*ngFor=\"let step of steps; let i = index\"\r\n\t\t\t\tclass=\"bui-stepper-content\"\r\n\t\t\t\trole=\"tabpanel\"\r\n\t\t\t\t[@stepTransition]=\"_getAnimationDirection(i)\"\r\n\t\t\t\t(@stepTransition.start)=\"_startStepTransition()\"\r\n\t\t\t\t(@stepTransition.done)=\"_animationDone.next($event)\"\r\n\t\t\t\t[id]=\"_getStepContentId(i)\"\r\n\t\t\t\t[attr.aria-labelledby]=\"_getStepLabelId(i)\"\r\n\t\t\t\t[attr.aria-expanded]=\"selectedIndex === i\"\r\n\t\t\t>\r\n\t\t\t\t<div class=\"bui-stepper-content-header-label\" *ngIf=\"!_narrow\">\r\n\t\t\t\t\t<ng-container *ngTemplateOutlet=\"toCustomStep(step).stepLabelTopTemplate\"></ng-container>\r\n\r\n\t\t\t\t\t<div>\r\n\t\t\t\t\t\t<ng-template\r\n\t\t\t\t\t\t\t[ngTemplateOutlet]=\"labelTemplate\"\r\n\t\t\t\t\t\t\t[ngTemplateOutletContext]=\"{ $implicit: step }\"\r\n\t\t\t\t\t\t></ng-template>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</div>\r\n\t\t\t\t<ng-template [ngTemplateOutlet]=\"step.content\"></ng-template>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t</div>\r\n</div>\r\n\r\n<ng-template #labelTemplate let-step>\r\n\t<ng-template [ngIf]=\"step.stepLabel\" [ngIfElse]=\"stringLabelTempl\">\r\n\t\t<ng-template [ngTemplateOutlet]=\"step.stepLabel.template\"></ng-template>\r\n\t</ng-template>\r\n\t<ng-template #stringLabelTempl>{{ step.label }}</ng-template>\r\n</ng-template>\r\n\r\n<ng-template #editIconTemplate let-index=\"index\">\r\n\t<span>{{ index + 1 }}</span>\r\n</ng-template>\r\n","import { PortalModule } from '@angular/cdk/portal';\r\nimport { CdkStepperModule } from '@angular/cdk/stepper';\r\nimport { CommonModule } from '@angular/common';\r\nimport { NgModule } from '@angular/core';\r\nimport { MatButtonModule } from '@angular/material/button';\r\nimport { MatRippleModule } from '@angular/material/core';\r\nimport { MatIconModule } from '@angular/material/icon';\r\nimport { MatProgressSpinnerModule } from '@angular/material/progress-spinner';\r\nimport { MatStepperModule } from '@angular/material/stepper';\r\nimport { BehaviorModule } from '@bravura/ui/behavior';\r\nimport { StepDirective, StepLabelTopDirective } from './step-label-top.directive';\r\nimport { StepperComponent } from './stepper.component';\r\n\r\n@NgModule({\r\n\tdeclarations: [StepperComponent, StepDirective, StepLabelTopDirective],\r\n\timports: [\r\n\t\tCommonModule,\r\n\t\tPortalModule,\r\n\t\tCdkStepperModule,\r\n\t\tMatStepperModule,\r\n\t\tMatButtonModule,\r\n\t\tMatIconModule,\r\n\t\tMatRippleModule,\r\n\t\tMatProgressSpinnerModule,\r\n\t\tBehaviorModule\r\n\t],\r\n\texports: [StepperComponent, MatStepperModule, StepLabelTopDirective, StepDirective]\r\n})\r\nexport class StepperModule {}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"bravura-ui-stepper.mjs","sources":["../../../projects/ui/stepper/step-label-top.directive.ts","../../../projects/ui/stepper/stepper-animation.ts","../../../projects/ui/stepper/stepper.component.ts","../../../projects/ui/stepper/stepper.component.html","../../../projects/ui/stepper/stepper.module.ts","../../../projects/ui/stepper/bravura-ui-stepper.ts"],"sourcesContent":["import { AfterContentInit, ContentChild, Directive, inject, Optional, TemplateRef } from '@angular/core';\r\nimport { MatStep } from '@angular/material/stepper';\r\n\r\n@Directive({\r\n\tselector: '[buiStepLabelTop]',\r\n\tstandalone: false\r\n})\r\nexport class StepLabelTopDirective {\r\n\tconstructor(@Optional() public templateRef: TemplateRef<any>) {}\r\n}\r\n\r\n@Directive({\r\n\tselector: 'mat-step',\r\n\tstandalone: false\r\n})\r\nexport class StepDirective implements AfterContentInit {\r\n\t@ContentChild(StepLabelTopDirective)\r\n\t@Optional()\r\n\tstepLabelTopDirective: StepLabelTopDirective;\r\n\r\n\tstep = inject(MatStep);\r\n\r\n\tconstructor() {}\r\n\r\n\tngAfterContentInit(): void {\r\n\t\t(this.step as any).stepLabelTopTemplate = this.stepLabelTopDirective?.templateRef;\r\n\t}\r\n}\r\n","import {\r\n\tanimate,\r\n\tAnimationStateMetadata,\r\n\tAnimationTransitionMetadata,\r\n\tstate,\r\n\tstyle,\r\n\ttransition,\r\n\ttrigger\r\n} from '@angular/animations';\r\n\r\nfunction drawerAnimations(isLeft: boolean): (AnimationStateMetadata | AnimationTransitionMetadata)[] {\r\n\tconst closedStyle = { opacity: '0', height: 0, width: 0, visibility: 'hidden' };\r\n\tconst left = { ...closedStyle, transform: 'translateX(50%)' };\r\n\tconst height = { ...closedStyle, transform: 'scaleY(0.5)' };\r\n\treturn [\r\n\t\tstate('open, open-instant', style({ visibility: 'visible' })),\r\n\t\tstate('void', style(isLeft ? left : height)),\r\n\t\ttransition('void => open-instant', animate('0ms')),\r\n\t\ttransition('void <=> open, open-instant => void', animate('400ms cubic-bezier(0.25, 0.8, 0.25, 1)'))\r\n\t];\r\n}\r\n\r\nexport default {\r\n\tstepTransition: trigger('stepTransition', [\r\n\t\tstate('previous', style({ transform: 'translate3d(0, -100%, 0)', visibility: 'hidden' })),\r\n\t\tstate('current', style({ transform: 'none', visibility: 'inherit' })),\r\n\t\tstate('next', style({ transform: 'translate3d(0, 100%, 0)', visibility: 'hidden' })),\r\n\t\ttransition('* => *', animate('500ms cubic-bezier(0.35, 0, 0.25, 1)'))\r\n\t]),\r\n\r\n\tleftDrawer: trigger('leftDrawer', drawerAnimations(true)),\r\n\ttopDrawer: trigger('topDrawer', drawerAnimations(false))\r\n};\r\n","import { AnimationEvent } from '@angular/animations';\nimport { Directionality } from '@angular/cdk/bidi';\nimport { CdkStepper, STEPPER_GLOBAL_OPTIONS, StepContentPositionState, StepperOptions } from '@angular/cdk/stepper';\n\nimport {\n\tAfterContentInit,\n\tChangeDetectionStrategy,\n\tChangeDetectorRef,\n\tComponent,\n\tContentChildren,\n\tElementRef,\n\tEventEmitter,\n\tInject,\n\tInput,\n\tOptional,\n\tOutput,\n\tQueryList,\n\tSelf,\n\tSkipSelf,\n\tTemplateRef,\n\tViewChild,\n\tViewChildren,\n\tViewEncapsulation,\n\tDOCUMENT\n} from '@angular/core';\nimport { ThemePalette } from '@angular/material/core';\nimport { MatStep, MatStepHeader, MatStepper, MatStepperIcon, MatStepperIconContext } from '@angular/material/stepper';\nimport { Subject } from 'rxjs';\nimport { distinctUntilChanged, filter, takeUntil } from 'rxjs/operators';\nimport animation from './stepper-animation';\n\n/** @ignore */\nconst BREAKPOINT = 768;\n\n/**\n * [Angular Material's stepper](https://material.angular.io/components/stepper/overview) provides a wizard-like workflow by dividing\n * content into logical steps.\n *\n * This stepper extends Angular's to customise the presentation of its headers to achieve a better user experience in both mobile and\n * desktop browsers.\n *\n */\n\n@Component({\n\tselector: 'bui-stepper, [buiStepper]',\n\texportAs: 'buiStepper, matStepper, matVerticalStepper, matHorizontalStepper',\n\ttemplateUrl: './stepper.component.html',\n\tstyleUrls: ['./stepper.component.scss'],\n\tinputs: ['selectedIndex'],\n\thost: {\n\t\tclass: 'bui-stepper bui-host',\n\t\t'[attr.aria-orientation]': 'orientation',\n\t\trole: 'tablist'\n\t},\n\tanimations: [animation.stepTransition, animation.leftDrawer, animation.topDrawer],\n\tproviders: [\n\t\t{ provide: MatStepper, useExisting: StepperComponent },\n\t\t{ provide: CdkStepper, useExisting: StepperComponent },\n\t\t{ provide: STEPPER_GLOBAL_OPTIONS, useValue: { displayDefaultIndicatorType: false } }\n\t],\n\tencapsulation: ViewEncapsulation.None,\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n\tstandalone: false\n})\nexport class StepperComponent extends CdkStepper implements AfterContentInit {\n\t/** @ignore The list of step headers of the steps in the stepper. */\n\t@ViewChildren(MatStepHeader) override _stepHeader!: QueryList<MatStepHeader>;\n\n\t/** @ignore Full list of steps inside the stepper, including inside nested steppers. */\n\t@ContentChildren(MatStep, { descendants: true }) override _steps!: QueryList<MatStep>;\n\n\t/** @ignore Steps that belong to the current stepper, excluding ones from nested steppers. */\n\toverride readonly steps: QueryList<MatStep> = new QueryList<MatStep>();\n\n\t/** @ignore Custom icon overrides passed in by the consumer. */\n\t@ContentChildren(MatStepperIcon, { descendants: true }) _icons!: QueryList<MatStepperIcon>;\n\n\t/** @ignore Event emitted when the current step is done transitioning in. */\n\t@Output() readonly animationDone: EventEmitter<void> = new EventEmitter<void>();\n\n\t/** Whether ripples should be disabled for the step headers. */\n\t@Input() disableRipple?: boolean;\n\n\t/** Theme color for all of the steps in stepper. */\n\t@Input() color: ThemePalette;\n\n\t/**\n\t * A function that constructs the text in the progress cycle for the 'narrow' view.\n\t *\n\t * Default value: `'{selected step} of {total number of steps}'`\n\t */\n\t@Input() indicatorFormatter: (index: number, total: number) => string;\n\n\t/** The text that precedes the name of the next step label, used in the 'narrow' view.   */\n\t@Input() nextStepLabelPrefix = 'Next: ';\n\n\t/** @ignore Consumer-specified template-refs to be used to override the header icons. */\n\t_iconOverrides: Record<string, TemplateRef<MatStepperIconContext>> = {};\n\n\t/** @ignore Stream of animation `done` events when the body expands/collapses. */\n\treadonly _animationDone = new Subject<AnimationEvent>();\n\n\t/** @ignore Whether the stepper is in a narrow container */\n\t_narrow = false;\n\n\t/** @ignore Emits whenever the drawer has started animating. */\n\treadonly _leftDrawerStarted = new Subject<AnimationEvent>();\n\t/** @ignore Emits whenever the drawer is done animating. */\n\treadonly _leftDrawerEnded = new Subject<AnimationEvent>();\n\t/** @ignore Current state of the sidenav animation. */\n\t_leftDrawerState: 'open-instant' | 'open' | 'void' = 'open-instant';\n\n\t/** @ignore Emits whenever the drawer has started animating. */\n\treadonly _topDrawerStarted = new Subject<AnimationEvent>();\n\t/** @ignore Emits whenever the drawer is done animating. */\n\treadonly _topDrawerEnded = new Subject<AnimationEvent>();\n\t/** @ignore Current state of the sidenav animation. */\n\t_topDrawerState: 'open-instant' | 'open' | 'void' = 'void';\n\n\t/** @ignore */ readonly _progressCircleSize = 80;\n\t/** @ignore */ readonly _progressCircleWidth = 5;\n\t/** @ignore */ _stepTransitioning = false;\n\n\t@ViewChild('editIconTemplate', { static: true })\n\tprivate _editIconTemplate!: TemplateRef<any>;\n\n\tconstructor(\n\t\t@Optional() dir: Directionality,\n\t\tprivate changeDetectorRef: ChangeDetectorRef,\n\t\tprivate _buiElRef: ElementRef<HTMLElement>,\n\t\t@Inject(DOCUMENT) _document: any,\n\t\t@Self() @Inject(STEPPER_GLOBAL_OPTIONS) stepperOptions: StepperOptions,\n\t\t@Optional() @SkipSelf() @Inject(STEPPER_GLOBAL_OPTIONS) defaultStepperOptions?: StepperOptions\n\t) {\n\t\tsuper(dir, changeDetectorRef, _buiElRef);\n\t\tthis.orientation = 'vertical';\n\t\tthis.indicatorFormatter = (index, total) => `${index} of ${total}`;\n\t\tObject.keys(defaultStepperOptions || {})\n\t\t\t.filter(k => k !== 'displayDefaultIndicatorType')\n\t\t\t.forEach(((k: keyof StepperOptions) => (stepperOptions[k] = defaultStepperOptions![k])) as any);\n\t}\n\n\toverride ngAfterContentInit() {\n\t\tsuper.ngAfterContentInit();\n\t\tthis._icons.forEach(({ name, templateRef }) => (this._iconOverrides[name] = templateRef));\n\n\t\t// Mark the component for change detection whenever the content children query changes\n\t\tthis.steps.changes.pipe(takeUntil(this._destroyed)).subscribe(() => {\n\t\t\tthis._stateChanged();\n\t\t});\n\n\t\tthis._animationDone\n\t\t\t.pipe(\n\t\t\t\tdistinctUntilChanged((x, y) => x.fromState === y.fromState && x.toState === y.toState),\n\t\t\t\ttakeUntil(this._destroyed)\n\t\t\t)\n\t\t\t.subscribe(event => {\n\t\t\t\tif ((event.toState as StepContentPositionState) === 'current') {\n\t\t\t\t\tthis.animationDone.emit();\n\t\t\t\t\tthis._stepTransitioning = false;\n\t\t\t\t}\n\t\t\t});\n\n\t\tthis._leftDrawerEnded\n\t\t\t.pipe(\n\t\t\t\tdistinctUntilChanged((x, y) => x.fromState === y.fromState && x.toState === y.toState),\n\t\t\t\tfilter(ev => ev.toState === 'void' && ev.toState !== ev.fromState),\n\t\t\t\ttakeUntil(this._destroyed)\n\t\t\t)\n\t\t\t.subscribe(() => {\n\t\t\t\tthis._topDrawerState = 'open';\n\t\t\t});\n\n\t\tthis._topDrawerEnded\n\t\t\t.pipe(\n\t\t\t\tdistinctUntilChanged((x, y) => x.fromState === y.fromState && x.toState === y.toState),\n\t\t\t\tfilter(ev => ev.toState === 'void' && ev.toState !== ev.fromState),\n\t\t\t\ttakeUntil(this._destroyed)\n\t\t\t)\n\t\t\t.subscribe(() => {\n\t\t\t\tthis._leftDrawerState = 'open';\n\t\t\t});\n\t\tthis._iconOverrides.edit = this._iconOverrides.edit || this._editIconTemplate;\n\t}\n\n\t/** @ignore */\n\t_stepIsNavigable(index: number, step: MatStep): boolean {\n\t\treturn step.completed || this.selectedIndex === index || !this.linear;\n\t}\n\n\t/** @ignore */\n\t_widthChanged(w: number) {\n\t\tconst narrow = Math.abs(w - BREAKPOINT) < 20 ? this._narrow : w < BREAKPOINT;\n\t\tconst cls = 'bui-stepper-narrow';\n\t\tconst classList = this._buiElRef.nativeElement.classList;\n\t\tif (narrow) {\n\t\t\tthis._leftDrawerState = 'void';\n\t\t\tclassList.add(cls);\n\t\t} else {\n\t\t\tthis._topDrawerState = 'void';\n\t\t\tclassList.remove(cls);\n\t\t}\n\t\tif (this._narrow !== narrow) {\n\t\t\tthis._narrow = narrow;\n\t\t\tthis._stateChanged();\n\t\t}\n\t}\n\n\t/** @ignore */\n\t_startStepTransition() {\n\t\tsetTimeout(() => {\n\t\t\tthis._stepTransitioning = true;\n\t\t\tthis.changeDetectorRef.markForCheck();\n\t\t});\n\t}\n\n\ttoCustomStep(step: any) {\n\t\treturn <any>step;\n\t}\n}\n","<div class=\"bui-stepper-wrapper\" [style.display]=\"_leftDrawerState.startsWith('open') ? 'flex' : 'block'\" #sizeMonitor>\n\t<div\n\t\tclass=\"bui-stepper-left-header-container\"\n\t\t[@leftDrawer]=\"_leftDrawerState\"\n\t\t(@leftDrawer.start)=\"_leftDrawerStarted.next($event)\"\n\t\t(@leftDrawer.done)=\"_leftDrawerEnded.next($event)\"\n\t>\n\t\t<div class=\"bui-step-progress-label\">Step {{ selectedIndex + 1 }} of {{ steps.length }}</div>\n\t\t@for (step of steps; track step; let i = $index; let isLast = $last) {\n\t\t\t<div class=\"bui-stepper-header-wrapper\" [class.bui-stepper-vertical-line]=\"!isLast\">\n\t\t\t\t<mat-step-header\n\t\t\t\t\tclass=\"bui-stepper-header\"\n\t\t\t\t\t(click)=\"step.select()\"\n\t\t\t\t\t(keydown)=\"_onKeydown($event)\"\n\t\t\t\t\t[tabIndex]=\"_getFocusIndex() === i ? 0 : -1\"\n\t\t\t\t\t[id]=\"_getStepLabelId(i)\"\n\t\t\t\t\t[attr.aria-posinset]=\"i + 1\"\n\t\t\t\t\t[attr.aria-setsize]=\"steps.length\"\n\t\t\t\t\t[attr.aria-controls]=\"_getStepContentId(i)\"\n\t\t\t\t\t[attr.aria-selected]=\"selectedIndex == i\"\n\t\t\t\t\t[attr.aria-label]=\"step.ariaLabel || null\"\n\t\t\t\t\t[attr.aria-labelledby]=\"!step.ariaLabel && step.ariaLabelledby ? step.ariaLabelledby : null\"\n\t\t\t\t\t[attr.aria-disabled]=\"_stepIsNavigable(i, step) ? null : true\"\n\t\t\t\t\t[index]=\"i\"\n\t\t\t\t\t[state]=\"step.indicatorType()\"\n\t\t\t\t\t[label]=\"step.stepLabel || step.label\"\n\t\t\t\t\t[selected]=\"selectedIndex === i\"\n\t\t\t\t\t[active]=\"_stepIsNavigable(i, step)\"\n\t\t\t\t\t[optional]=\"step.optional\"\n\t\t\t\t\t[errorMessage]=\"step.errorMessage\"\n\t\t\t\t\t[iconOverrides]=\"_iconOverrides\"\n\t\t\t\t\t[disableRipple]=\"disableRipple || !_stepIsNavigable(i, step)\"\n\t\t\t\t\t[color]=\"step.color || color\"\n\t\t\t\t></mat-step-header>\n\t\t\t</div>\n\t\t}\n\t</div>\n\n\t<div class=\"bui-stepper-content-container\" [buiSizingBy]=\"sizeMonitor\" (buiResized)=\"_widthChanged($event.width)\">\n\t\t<div\n\t\t\tclass=\"bui-stepper-top-header-container\"\n\t\t\t[class.bui-stepper-header-active]=\"_leftDrawerState === 'void'\"\n\t\t\t[@topDrawer]=\"_topDrawerState\"\n\t\t\t(@topDrawer.start)=\"_topDrawerStarted.next($event)\"\n\t\t\t(@topDrawer.done)=\"_topDrawerEnded.next($event)\"\n\t\t>\n\t\t\t<div class=\"bui-stepper-top-header-progress\">\n\t\t\t\t<span class=\"bui-stepper-top-header-indicator\">\n\t\t\t\t\tStep {{ indicatorFormatter(selectedIndex + 1, steps.length) }}\n\t\t\t\t</span>\n\t\t\t</div>\n\n\t\t\t<div class=\"bui-stepper-progress-indicator\">\n\t\t\t\t@for (s of steps; track s; let i = $index) {\n\t\t\t\t\t<div\n\t\t\t\t\t\trole=\"button\"\n\t\t\t\t\t\t(click)=\"selectedIndex = i\"\n\t\t\t\t\t\tclass=\"bui-stepper-progress-indicator-section\"\n\t\t\t\t\t\t[class.bui-step-section-interacted]=\"i <= selectedIndex\"\n\t\t\t\t\t></div>\n\t\t\t\t}\n\t\t\t</div>\n\t\t\t@if (selectedIndex < steps.length - 1) {\n\t\t\t\t<div class=\"bui-stepper-top-header-title-next\">\n\t\t\t\t\t{{ nextStepLabelPrefix }}\n\t\t\t\t\t<ng-template\n\t\t\t\t\t\t[ngTemplateOutlet]=\"labelTemplate\"\n\t\t\t\t\t\t[ngTemplateOutletContext]=\"{ $implicit: steps.get(selectedIndex + 1) }\"\n\t\t\t\t\t></ng-template>\n\t\t\t\t</div>\n\t\t\t}\n\n\t\t\t@if (selected) {\n\t\t\t\t<div class=\"bui-stepper-top-header-titles-wrapper\">\n\t\t\t\t\t<ng-container *ngTemplateOutlet=\"toCustomStep(selected).stepLabelTopTemplate\"></ng-container>\n\t\t\t\t\t<div class=\"bui-stepper-top-header-title\">\n\t\t\t\t\t\t<ng-template\n\t\t\t\t\t\t\t[ngTemplateOutlet]=\"labelTemplate\"\n\t\t\t\t\t\t\t[ngTemplateOutletContext]=\"{ $implicit: selected }\"\n\t\t\t\t\t\t></ng-template>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t}\n\t\t</div>\n\t\t<div class=\"bui-stepper-content-wrapper\" [class.bui-stepper-content-wrapper-transitioning]=\"_stepTransitioning\">\n\t\t\t@for (step of steps; track step; let i = $index) {\n\t\t\t\t<div\n\t\t\t\t\tclass=\"bui-stepper-content\"\n\t\t\t\t\trole=\"tabpanel\"\n\t\t\t\t\t[@stepTransition]=\"_getAnimationDirection(i)\"\n\t\t\t\t\t(@stepTransition.start)=\"_startStepTransition()\"\n\t\t\t\t\t(@stepTransition.done)=\"_animationDone.next($event)\"\n\t\t\t\t\t[id]=\"_getStepContentId(i)\"\n\t\t\t\t\t[attr.aria-labelledby]=\"_getStepLabelId(i)\"\n\t\t\t\t\t[attr.aria-expanded]=\"selectedIndex === i\"\n\t\t\t\t>\n\t\t\t\t\t@if (!_narrow) {\n\t\t\t\t\t\t<div class=\"bui-stepper-content-header-label\">\n\t\t\t\t\t\t\t<ng-container *ngTemplateOutlet=\"toCustomStep(step).stepLabelTopTemplate\"></ng-container>\n\t\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t\t<ng-template\n\t\t\t\t\t\t\t\t\t[ngTemplateOutlet]=\"labelTemplate\"\n\t\t\t\t\t\t\t\t\t[ngTemplateOutletContext]=\"{ $implicit: step }\"\n\t\t\t\t\t\t\t\t></ng-template>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t}\n\t\t\t\t\t<ng-template [ngTemplateOutlet]=\"step.content\"></ng-template>\n\t\t\t\t</div>\n\t\t\t}\n\t\t</div>\n\t</div>\n</div>\n\n<ng-template #labelTemplate let-step>\n\t@if (step.stepLabel) {\n\t\t<ng-template [ngTemplateOutlet]=\"step.stepLabel.template\"></ng-template>\n\t} @else {\n\t\t{{ step.label }}\n\t}\n\t<ng-template #stringLabelTempl>{{ step.label }}</ng-template>\n</ng-template>\n\n<ng-template #editIconTemplate let-index=\"index\">\n\t<span>{{ index + 1 }}</span>\n</ng-template>\n","import { PortalModule } from '@angular/cdk/portal';\r\nimport { CdkStepperModule } from '@angular/cdk/stepper';\r\nimport { CommonModule } from '@angular/common';\r\nimport { NgModule } from '@angular/core';\r\nimport { MatButtonModule } from '@angular/material/button';\r\nimport { MatRippleModule } from '@angular/material/core';\r\nimport { MatIconModule } from '@angular/material/icon';\r\nimport { MatProgressSpinnerModule } from '@angular/material/progress-spinner';\r\nimport { MatStepperModule } from '@angular/material/stepper';\r\nimport { BehaviorModule } from '@bravura/ui/behavior';\r\nimport { StepDirective, StepLabelTopDirective } from './step-label-top.directive';\r\nimport { StepperComponent } from './stepper.component';\r\n\r\n@NgModule({\r\n\tdeclarations: [StepperComponent, StepDirective, StepLabelTopDirective],\r\n\timports: [\r\n\t\tCommonModule,\r\n\t\tPortalModule,\r\n\t\tCdkStepperModule,\r\n\t\tMatStepperModule,\r\n\t\tMatButtonModule,\r\n\t\tMatIconModule,\r\n\t\tMatRippleModule,\r\n\t\tMatProgressSpinnerModule,\r\n\t\tBehaviorModule\r\n\t],\r\n\texports: [StepperComponent, MatStepperModule, StepLabelTopDirective, StepDirective]\r\n})\r\nexport class StepperModule {}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/fesm2022/bravura-ui-tooltip.mjs

@@ -4,9 +4,9 @@ import * as i1$1 from '@angular/cdk/overlay';
 import { OverlayModule } from '@angular/cdk/overlay';
 import { CdkScrollableModule } from '@angular/cdk/scrolling';
 import * as i1 from '@angular/common';
-import { DOCUMENT, CommonModule } from '@angular/common';
+import { CommonModule } from '@angular/common';
 import * as i0 from '@angular/core';
-import { InjectionToken, ANIMATION_MODULE_TYPE, ViewContainerRef, ViewChild, Inject, Optional, ChangeDetectionStrategy, ViewEncapsulation, Component, TemplateRef, forwardRef, HostListener, Input, Directive, NgModule } from '@angular/core';
+import { InjectionToken, ANIMATION_MODULE_TYPE, ViewContainerRef, ViewChild, Inject, Optional, ChangeDetectionStrategy, ViewEncapsulation, Component, TemplateRef, DOCUMENT, forwardRef, HostListener, Input, Directive, NgModule } from '@angular/core';
 import { MatCommonModule } from '@angular/material/core';
 import { TooltipComponent as TooltipComponent$1, matTooltipAnimations, MatTooltip, MAT_TOOLTIP_SCROLL_STRATEGY, MAT_TOOLTIP_DEFAULT_OPTIONS, MAT_TOOLTIP_SCROLL_STRATEGY_FACTORY_PROVIDER } from '@angular/material/tooltip';
 import { getTextWidth } from '@bravura/ui/common';
@@ -39,10 +39,10 @@ class TooltipComponent extends TooltipComponent$1 {
         }
         super.show(delay);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: TooltipComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: BUI_TOOLTIP_TEMPLATE_REF }, { token: ANIMATION_MODULE_TYPE, optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.17", type: TooltipComponent, isStandalone: false, selector: "bui-tooltip-component", host: { attributes: { "aria-hidden": "true" }, listeners: { "mouseleave": "_handleMouseLeave($event)" }, properties: { "style.zoom": "isVisible() ? 1 : null" }, classAttribute: "bui-tooltip-component bui-host" }, viewQueries: [{ propertyName: "_tooltip", first: true, predicate: ["tooltip"], descendants: true, static: true }, { propertyName: "tooltipDiv", first: true, predicate: ["tooltipDiv"], descendants: true, static: true }, { propertyName: "messageCont", first: true, predicate: ["messageCont"], descendants: true, read: ViewContainerRef, static: true }], usesInheritance: true, ngImport: i0, template: "<div\r\n\t#tooltip\r\n\tclass=\"mdc-tooltip mdc-tooltip--shown mat-mdc-tooltip bui-tooltip\"\r\n\t[ngClass]=\"tooltipClass\"\r\n\t(animationend)=\"_handleAnimationEnd($event)\"\r\n\t[class.mdc-tooltip--multiline]=\"_isMultiline\"\r\n>\r\n\t<div #tooltipDiv>\r\n\t\t<ng-container #messageCont></ng-container>\r\n\t</div>\r\n</div>\r\n", styles: [".bui-tooltip.mat-mdc-tooltip{--mdc-plain-tooltip-supporting-text-size: inherit;padding:8px;border-radius:4px;background-color:var(--mdc-plain-tooltip-container-color, #fff);color:var(--mdc-plain-tooltip-supporting-text-color, #000)}.bui-tooltip.mat-mdc-tooltip.bui-tooltip-400{max-width:400px!important}.bui-tooltip.mat-mdc-tooltip.bui-tooltip-500{max-width:500px!important}.bui-tooltip.mat-mdc-tooltip.bui-tooltip-600{max-width:600px!important}.bui-tooltip.mat-mdc-tooltip.bui-tooltip-700{max-width:700px!important}.bui-tooltip.mat-mdc-tooltip.bui-tooltip-800{max-width:800px!important}.bui-tooltip.mat-mdc-tooltip.bui-tooltip-900{max-width:900px!important}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], animations: [matTooltipAnimations.tooltipState], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: TooltipComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: BUI_TOOLTIP_TEMPLATE_REF }, { token: ANIMATION_MODULE_TYPE, optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: TooltipComponent, isStandalone: false, selector: "bui-tooltip-component", host: { attributes: { "aria-hidden": "true" }, listeners: { "mouseleave": "_handleMouseLeave($event)" }, properties: { "style.zoom": "isVisible() ? 1 : null" }, classAttribute: "bui-tooltip-component bui-host" }, viewQueries: [{ propertyName: "_tooltip", first: true, predicate: ["tooltip"], descendants: true, static: true }, { propertyName: "tooltipDiv", first: true, predicate: ["tooltipDiv"], descendants: true, static: true }, { propertyName: "messageCont", first: true, predicate: ["messageCont"], descendants: true, read: ViewContainerRef, static: true }], usesInheritance: true, ngImport: i0, template: "<div\r\n\t#tooltip\r\n\tclass=\"mdc-tooltip mdc-tooltip--shown mat-mdc-tooltip bui-tooltip\"\r\n\t[ngClass]=\"tooltipClass\"\r\n\t(animationend)=\"_handleAnimationEnd($event)\"\r\n\t[class.mdc-tooltip--multiline]=\"_isMultiline\"\r\n>\r\n\t<div #tooltipDiv>\r\n\t\t<ng-container #messageCont></ng-container>\r\n\t</div>\r\n</div>\r\n", styles: [".bui-tooltip.mat-mdc-tooltip{--mat-tooltip-supporting-text-size: inherit;padding:8px;border-radius:4px;background-color:var(--mat-tooltip-container-color, #fff);color:var(--mat-tooltip-supporting-text-color, #000)}.bui-tooltip.mat-mdc-tooltip.bui-tooltip-400{max-width:400px!important}.bui-tooltip.mat-mdc-tooltip.bui-tooltip-500{max-width:500px!important}.bui-tooltip.mat-mdc-tooltip.bui-tooltip-600{max-width:600px!important}.bui-tooltip.mat-mdc-tooltip.bui-tooltip-700{max-width:700px!important}.bui-tooltip.mat-mdc-tooltip.bui-tooltip-800{max-width:800px!important}.bui-tooltip.mat-mdc-tooltip.bui-tooltip-900{max-width:900px!important}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], animations: [matTooltipAnimations.tooltipState], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: TooltipComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: TooltipComponent, decorators: [{
             type: Component,
             args: [{ selector: 'bui-tooltip-component', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, animations: [matTooltipAnimations.tooltipState], host: {
                         class: 'bui-tooltip-component bui-host',
@@ -51,7 +51,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImpo
                         '[style.zoom]': 'isVisible() ? 1 : null',
                         '(mouseleave)': '_handleMouseLeave($event)',
                         'aria-hidden': 'true'
-                    }, standalone: false, template: "<div\r\n\t#tooltip\r\n\tclass=\"mdc-tooltip mdc-tooltip--shown mat-mdc-tooltip bui-tooltip\"\r\n\t[ngClass]=\"tooltipClass\"\r\n\t(animationend)=\"_handleAnimationEnd($event)\"\r\n\t[class.mdc-tooltip--multiline]=\"_isMultiline\"\r\n>\r\n\t<div #tooltipDiv>\r\n\t\t<ng-container #messageCont></ng-container>\r\n\t</div>\r\n</div>\r\n", styles: [".bui-tooltip.mat-mdc-tooltip{--mdc-plain-tooltip-supporting-text-size: inherit;padding:8px;border-radius:4px;background-color:var(--mdc-plain-tooltip-container-color, #fff);color:var(--mdc-plain-tooltip-supporting-text-color, #000)}.bui-tooltip.mat-mdc-tooltip.bui-tooltip-400{max-width:400px!important}.bui-tooltip.mat-mdc-tooltip.bui-tooltip-500{max-width:500px!important}.bui-tooltip.mat-mdc-tooltip.bui-tooltip-600{max-width:600px!important}.bui-tooltip.mat-mdc-tooltip.bui-tooltip-700{max-width:700px!important}.bui-tooltip.mat-mdc-tooltip.bui-tooltip-800{max-width:800px!important}.bui-tooltip.mat-mdc-tooltip.bui-tooltip-900{max-width:900px!important}\n"] }]
+                    }, standalone: false, template: "<div\r\n\t#tooltip\r\n\tclass=\"mdc-tooltip mdc-tooltip--shown mat-mdc-tooltip bui-tooltip\"\r\n\t[ngClass]=\"tooltipClass\"\r\n\t(animationend)=\"_handleAnimationEnd($event)\"\r\n\t[class.mdc-tooltip--multiline]=\"_isMultiline\"\r\n>\r\n\t<div #tooltipDiv>\r\n\t\t<ng-container #messageCont></ng-container>\r\n\t</div>\r\n</div>\r\n", styles: [".bui-tooltip.mat-mdc-tooltip{--mat-tooltip-supporting-text-size: inherit;padding:8px;border-radius:4px;background-color:var(--mat-tooltip-container-color, #fff);color:var(--mat-tooltip-supporting-text-color, #000)}.bui-tooltip.mat-mdc-tooltip.bui-tooltip-400{max-width:400px!important}.bui-tooltip.mat-mdc-tooltip.bui-tooltip-500{max-width:500px!important}.bui-tooltip.mat-mdc-tooltip.bui-tooltip-600{max-width:600px!important}.bui-tooltip.mat-mdc-tooltip.bui-tooltip-700{max-width:700px!important}.bui-tooltip.mat-mdc-tooltip.bui-tooltip-800{max-width:800px!important}.bui-tooltip.mat-mdc-tooltip.bui-tooltip-900{max-width:900px!important}\n"] }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: undefined, decorators: [{
                     type: Inject,
                     args: [BUI_TOOLTIP_TEMPLATE_REF]
@@ -163,15 +163,15 @@ class TooltipDirective extends MatTooltip {
     ngOnDestroy() {
         this._contentSub.unsubscribe();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: TooltipDirective, deps: [{ token: i1$1.Overlay }, { token: i0.ElementRef }, { token: i1$1.ScrollDispatcher }, { token: i0.ViewContainerRef }, { token: i0.NgZone }, { token: i2.Platform }, { token: i3.AriaDescriber }, { token: i3.FocusMonitor }, { token: MAT_TOOLTIP_SCROLL_STRATEGY }, { token: i4.Directionality, optional: true }, { token: MAT_TOOLTIP_DEFAULT_OPTIONS, optional: true }, { token: DOCUMENT }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.17", type: TooltipDirective, isStandalone: false, selector: "[buiTooltip]", inputs: { buiTooltipPosition: "buiTooltipPosition", buiTooltipDisabled: "buiTooltipDisabled", buiTooltip: "buiTooltip", buiTooltipClass: "buiTooltipClass" }, host: { listeners: { "click": "clicked()" }, classAttribute: "mat-tooltip-trigger bui-tooltip-trigger" }, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: TooltipDirective, deps: [{ token: i1$1.Overlay }, { token: i0.ElementRef }, { token: i1$1.ScrollDispatcher }, { token: i0.ViewContainerRef }, { token: i0.NgZone }, { token: i2.Platform }, { token: i3.AriaDescriber }, { token: i3.FocusMonitor }, { token: MAT_TOOLTIP_SCROLL_STRATEGY }, { token: i4.Directionality, optional: true }, { token: MAT_TOOLTIP_DEFAULT_OPTIONS, optional: true }, { token: DOCUMENT }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.15", type: TooltipDirective, isStandalone: false, selector: "[buiTooltip]", inputs: { buiTooltipPosition: "buiTooltipPosition", buiTooltipDisabled: "buiTooltipDisabled", buiTooltip: "buiTooltip", buiTooltipClass: "buiTooltipClass" }, host: { listeners: { "click": "clicked()" }, classAttribute: "mat-tooltip-trigger bui-tooltip-trigger" }, providers: [
             {
                 provide: BUI_TOOLTIP_TEMPLATE_REF,
                 useExisting: forwardRef(() => TooltipDirective)
             }
         ], exportAs: ["buiTooltip"], usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: TooltipDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: TooltipDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[buiTooltip]',
@@ -214,11 +214,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImpo
             }] } });
 
 class TooltipModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: TooltipModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.17", ngImport: i0, type: TooltipModule, declarations: [TooltipDirective, TooltipComponent], imports: [A11yModule, CommonModule, OverlayModule, MatCommonModule], exports: [TooltipDirective, MatCommonModule, CdkScrollableModule] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: TooltipModule, providers: [MAT_TOOLTIP_SCROLL_STRATEGY_FACTORY_PROVIDER], imports: [A11yModule, CommonModule, OverlayModule, MatCommonModule, MatCommonModule, CdkScrollableModule] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: TooltipModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.15", ngImport: i0, type: TooltipModule, declarations: [TooltipDirective, TooltipComponent], imports: [A11yModule, CommonModule, OverlayModule, MatCommonModule], exports: [TooltipDirective, MatCommonModule, CdkScrollableModule] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: TooltipModule, providers: [MAT_TOOLTIP_SCROLL_STRATEGY_FACTORY_PROVIDER], imports: [A11yModule, CommonModule, OverlayModule, MatCommonModule, MatCommonModule, CdkScrollableModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: TooltipModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: TooltipModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [A11yModule, CommonModule, OverlayModule, MatCommonModule],

package/fesm2022/bravura-ui-tooltip.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"bravura-ui-tooltip.mjs","sources":["../../../projects/ui/tooltip/tooltip.component.ts","../../../projects/ui/tooltip/tooltip.component.html","../../../projects/ui/tooltip/tooltip.directive.ts","../../../projects/ui/tooltip/tooltip.module.ts","../../../projects/ui/tooltip/bravura-ui-tooltip.ts"],"sourcesContent":["import {\r\n\tANIMATION_MODULE_TYPE,\r\n\tChangeDetectionStrategy,\r\n\tChangeDetectorRef,\r\n\tComponent,\r\n\tElementRef,\r\n\tInject,\r\n\tInjectionToken,\r\n\tOptional,\r\n\tTemplateRef,\r\n\tViewChild,\r\n\tViewContainerRef,\r\n\tViewEncapsulation\r\n} from '@angular/core';\r\nimport { matTooltipAnimations, TooltipComponent as MatTooltipComponent } from '@angular/material/tooltip';\r\nimport { getTextWidth } from '@bravura/ui/common';\r\n\r\n/**\r\n * @ignore\r\n */\r\ninterface TooltipTemplateContainer {\r\n\ttemplate?: TemplateRef<any>;\r\n\tmessage?: string;\r\n}\r\n\r\n/**\r\n * @ignore\r\n */\r\nexport const BUI_TOOLTIP_TEMPLATE_REF = new InjectionToken<TooltipTemplateContainer>(\r\n\t'@bravura/ui/tooltip/templateContainer'\r\n);\r\n\r\n@Component({\r\n\tselector: 'bui-tooltip-component',\r\n\ttemplateUrl: './tooltip.component.html',\r\n\tstyleUrls: ['./tooltip.component.scss'],\r\n\tencapsulation: ViewEncapsulation.None,\r\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\r\n\tanimations: [matTooltipAnimations.tooltipState],\r\n\thost: {\r\n\t\tclass: 'bui-tooltip-component bui-host',\r\n\t\t// Forces the element to have a layout in IE and Edge. This fixes issues where the element\r\n\t\t// won't be rendered if the animations are disabled or there is no web animations polyfill.\r\n\t\t'[style.zoom]': 'isVisible() ? 1 : null',\r\n\t\t'(mouseleave)': '_handleMouseLeave($event)',\r\n\t\t'aria-hidden': 'true'\r\n\t},\r\n\tstandalone: false\r\n})\r\nexport class TooltipComponent extends MatTooltipComponent {\r\n\tprivate _messageCopy = '';\r\n\r\n\t@ViewChild('tooltip', { static: true })\r\n\t_tooltip!: ElementRef<HTMLElement>;\r\n\r\n\t@ViewChild('tooltipDiv', { static: true })\r\n\tprivate tooltipDiv!: ElementRef<HTMLDivElement>;\r\n\r\n\t@ViewChild('messageCont', { static: true, read: ViewContainerRef })\r\n\tprivate messageCont!: ViewContainerRef;\r\n\r\n\tconstructor(\r\n\t\tchangeDetectorRef: ChangeDetectorRef,\r\n\t\telementRef: ElementRef<HTMLElement>,\r\n\t\t@Inject(BUI_TOOLTIP_TEMPLATE_REF) public _tooltipInst: TooltipTemplateContainer,\r\n\t\t@Optional() @Inject(ANIMATION_MODULE_TYPE) animationMode?: string\r\n\t) {\r\n\t\tsuper(changeDetectorRef, elementRef, animationMode);\r\n\t}\r\n\r\n\tshow(delay: number): void {\r\n\t\tif (this._messageCopy !== this.message && !this._tooltipInst.template) {\r\n\t\t\tthis.tooltipDiv.nativeElement.innerHTML = this.message;\r\n\t\t\tthis._messageCopy = this.message;\r\n\t\t\tconst width = Math.max(Math.sqrt(getTextWidth(this.message) * 40), 360);\r\n\t\t\tthis._tooltip.nativeElement.style.maxWidth = `${width}px`;\r\n\t\t} else if (this._tooltipInst.template) {\r\n\t\t\tthis.messageCont.clear();\r\n\t\t\tconst ref = this.messageCont.createEmbeddedView(this._tooltipInst.template);\r\n\t\t\tref.detectChanges();\r\n\t\t\tthis._tooltipInst.message = this.message = this.tooltipDiv.nativeElement.textContent as string;\r\n\t\t}\r\n\t\tsuper.show(delay);\r\n\t}\r\n}\r\n\r\n(TooltipComponent as any).ɵcmp.styles.push(...(MatTooltipComponent as any).ɵcmp.styles);\r\n","<div\r\n\t#tooltip\r\n\tclass=\"mdc-tooltip mdc-tooltip--shown mat-mdc-tooltip bui-tooltip\"\r\n\t[ngClass]=\"tooltipClass\"\r\n\t(animationend)=\"_handleAnimationEnd($event)\"\r\n\t[class.mdc-tooltip--multiline]=\"_isMultiline\"\r\n>\r\n\t<div #tooltipDiv>\r\n\t\t<ng-container #messageCont></ng-container>\r\n\t</div>\r\n</div>\r\n","import { AriaDescriber, FocusMonitor } from '@angular/cdk/a11y';\r\nimport { Directionality } from '@angular/cdk/bidi';\r\nimport { Overlay, ScrollDispatcher } from '@angular/cdk/overlay';\r\nimport { Platform } from '@angular/cdk/platform';\r\nimport { DOCUMENT } from '@angular/common';\r\nimport {\r\n\tDirective,\r\n\tElementRef,\r\n\tHostListener,\r\n\tInject,\r\n\tInput,\r\n\tNgZone,\r\n\tOptional,\r\n\tTemplateRef,\r\n\tViewContainerRef,\r\n\tforwardRef\r\n} from '@angular/core';\r\nimport {\r\n\tMAT_TOOLTIP_DEFAULT_OPTIONS,\r\n\tMAT_TOOLTIP_SCROLL_STRATEGY,\r\n\tMatTooltip,\r\n\tMatTooltipDefaultOptions,\r\n\tTooltipPosition\r\n} from '@angular/material/tooltip';\r\nimport { Observable, Subject, Subscription } from 'rxjs';\r\nimport { BUI_TOOLTIP_TEMPLATE_REF, TooltipComponent } from './tooltip.component';\r\n\r\n/**\r\n * This directive extends [Angular Material tooltip](https://material.angular.io/components/tooltip/overview), with the additional capability of displaying\r\n * HTML content in the overlay area.\r\n *\r\n * All the other features are identical as those in Angular Material tooltip.\r\n */\r\n@Directive({\r\n\tselector: '[buiTooltip]',\r\n\texportAs: 'buiTooltip',\r\n\thost: {\r\n\t\tclass: 'mat-tooltip-trigger bui-tooltip-trigger'\r\n\t},\r\n\tproviders: [\r\n\t\t{\r\n\t\t\tprovide: BUI_TOOLTIP_TEMPLATE_REF,\r\n\t\t\tuseExisting: forwardRef(() => TooltipDirective)\r\n\t\t}\r\n\t],\r\n\tstandalone: false\r\n})\r\nexport class TooltipDirective extends MatTooltip {\r\n\tprivate _templateRef?: TemplateRef<any>;\r\n\tprivate _contentSub: Subscription = new Subject<void>().subscribe();\r\n\tprivate _contentObs?: Observable<string>;\r\n\r\n\tconstructor(\r\n\t\toverlay: Overlay,\r\n\t\telementRef: ElementRef<HTMLElement>,\r\n\t\tscrollDispatcher: ScrollDispatcher,\r\n\t\tviewContainerRef: ViewContainerRef,\r\n\t\tngZone: NgZone,\r\n\t\tplatform: Platform,\r\n\t\tariaDescriber: AriaDescriber,\r\n\t\tfocusMonitor: FocusMonitor,\r\n\t\t@Inject(MAT_TOOLTIP_SCROLL_STRATEGY) scrollStrategy: any,\r\n\t\t@Optional() dir: Directionality,\r\n\t\t@Optional() @Inject(MAT_TOOLTIP_DEFAULT_OPTIONS) defaultOptions: MatTooltipDefaultOptions,\r\n\t\t@Inject(DOCUMENT) _document: any\r\n\t) {\r\n\t\tsuper(\r\n\t\t\toverlay,\r\n\t\t\telementRef,\r\n\t\t\tscrollDispatcher,\r\n\t\t\tviewContainerRef,\r\n\t\t\tngZone,\r\n\t\t\tplatform,\r\n\t\t\tariaDescriber,\r\n\t\t\tfocusMonitor,\r\n\t\t\tscrollStrategy,\r\n\t\t\tdir,\r\n\t\t\tdefaultOptions,\r\n\t\t\t_document\r\n\t\t);\r\n\t\tconst _self = this as any;\r\n\t\t_self._tooltipComponent = TooltipComponent;\r\n\t\tthis.touchGestures = 'off';\r\n\t\tconst element = elementRef.nativeElement;\r\n\t\telement.setAttribute('aria-hidden', 'false');\r\n\t\tif (element.tabIndex === -1) {\r\n\t\t\telement.tabIndex = 0;\r\n\t\t\telement.setAttribute('aria-roledescription', 'tooltip');\r\n\t\t}\r\n\t}\r\n\r\n\t/** Allows the user to define the position of the tooltip relative to the parent element */\r\n\t@Input()\r\n\tget buiTooltipPosition(): TooltipPosition {\r\n\t\treturn this.position;\r\n\t}\r\n\tset buiTooltipPosition(value: TooltipPosition) {\r\n\t\tthis.position = value;\r\n\t}\r\n\r\n\t/** Disables the display of the tooltip. */\r\n\t@Input()\r\n\tget buiTooltipDisabled(): boolean {\r\n\t\treturn this.disabled;\r\n\t}\r\n\tset buiTooltipDisabled(value) {\r\n\t\tthis.disabled = value;\r\n\t}\r\n\r\n\t/** The message to be displayed in the tooltip. */\r\n\t@Input()\r\n\tget buiTooltip(): string | TemplateRef<any> | Observable<string> {\r\n\t\treturn this._templateRef || this.message;\r\n\t}\r\n\tset buiTooltip(value) {\r\n\t\tthis._contentSub.unsubscribe();\r\n\t\tthis._contentObs = undefined;\r\n\t\tif (typeof value === 'string') {\r\n\t\t\tthis.message = value;\r\n\t\t} else if (value instanceof TemplateRef) {\r\n\t\t\tthis._templateRef = value;\r\n\t\t\tif (value) {\r\n\t\t\t\tthis.message = '[bui-tooltip-template]';\r\n\t\t\t} else {\r\n\t\t\t\tthis._templateRef = undefined;\r\n\t\t\t\tthis.message = '';\r\n\t\t\t}\r\n\t\t} else if (value instanceof Observable) {\r\n\t\t\tthis.message = '...';\r\n\t\t\tthis._contentObs = value;\r\n\t\t}\r\n\t}\r\n\r\n\t/** @ignore */\r\n\tget template(): TemplateRef<any> | undefined {\r\n\t\treturn this._templateRef;\r\n\t}\r\n\r\n\t/** Classes to be passed to the tooltip. Supports the same syntax as `ngClass`. */\r\n\t@Input()\r\n\tget buiTooltipClass() {\r\n\t\treturn this.tooltipClass;\r\n\t}\r\n\tset buiTooltipClass(value: string | string[] | Set<string> | { [key: string]: any }) {\r\n\t\tthis.tooltipClass = value;\r\n\t}\r\n\r\n\t/** @ignore */\r\n\t@HostListener('click')\r\n\tclicked() {\r\n\t\tthis.toggle();\r\n\t}\r\n\r\n\t/** Shows the tooltip after the delay in ms, defaults to tooltip-delay-show or 0ms if no input */\r\n\tshow(\r\n\t\tdelay: number = this.showDelay,\r\n\t\torigin?:\r\n\t\t\t| {\r\n\t\t\t\t\tx: number;\r\n\t\t\t\t\ty: number;\r\n\t\t\t  }\r\n\t\t\t| undefined\r\n\t): void {\r\n\t\tif (this._contentObs) {\r\n\t\t\tthis._contentSub.unsubscribe();\r\n\t\t\tthis._contentSub = this._contentObs.subscribe(c => {\r\n\t\t\t\tthis.message = c;\r\n\t\t\t\tthis._contentSub.unsubscribe();\r\n\t\t\t\tsuper.show(delay, origin);\r\n\t\t\t});\r\n\t\t} else {\r\n\t\t\tsuper.show(delay, origin);\r\n\t\t}\r\n\t}\r\n\r\n\tngOnDestroy() {\r\n\t\tthis._contentSub.unsubscribe();\r\n\t}\r\n}\r\n","import { A11yModule } from '@angular/cdk/a11y';\r\nimport { OverlayModule } from '@angular/cdk/overlay';\r\nimport { CdkScrollableModule } from '@angular/cdk/scrolling';\r\nimport { CommonModule } from '@angular/common';\r\nimport { NgModule } from '@angular/core';\r\nimport { MatCommonModule } from '@angular/material/core';\r\nimport { MAT_TOOLTIP_SCROLL_STRATEGY_FACTORY_PROVIDER } from '@angular/material/tooltip';\r\nimport { TooltipComponent } from './tooltip.component';\r\nimport { TooltipDirective } from './tooltip.directive';\r\n\r\n@NgModule({\r\n\timports: [A11yModule, CommonModule, OverlayModule, MatCommonModule],\r\n\texports: [TooltipDirective, MatCommonModule, CdkScrollableModule],\r\n\tdeclarations: [TooltipDirective, TooltipComponent],\r\n\tproviders: [MAT_TOOLTIP_SCROLL_STRATEGY_FACTORY_PROVIDER]\r\n})\r\nexport class TooltipModule {}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["MatTooltipComponent","i1"],"mappings":"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"}
+{"version":3,"file":"bravura-ui-tooltip.mjs","sources":["../../../projects/ui/tooltip/tooltip.component.ts","../../../projects/ui/tooltip/tooltip.component.html","../../../projects/ui/tooltip/tooltip.directive.ts","../../../projects/ui/tooltip/tooltip.module.ts","../../../projects/ui/tooltip/bravura-ui-tooltip.ts"],"sourcesContent":["import {\r\n\tANIMATION_MODULE_TYPE,\r\n\tChangeDetectionStrategy,\r\n\tChangeDetectorRef,\r\n\tComponent,\r\n\tElementRef,\r\n\tInject,\r\n\tInjectionToken,\r\n\tOptional,\r\n\tTemplateRef,\r\n\tViewChild,\r\n\tViewContainerRef,\r\n\tViewEncapsulation\r\n} from '@angular/core';\r\nimport { matTooltipAnimations, TooltipComponent as MatTooltipComponent } from '@angular/material/tooltip';\r\nimport { getTextWidth } from '@bravura/ui/common';\r\n\r\n/**\r\n * @ignore\r\n */\r\ninterface TooltipTemplateContainer {\r\n\ttemplate?: TemplateRef<any>;\r\n\tmessage?: string;\r\n}\r\n\r\n/**\r\n * @ignore\r\n */\r\nexport const BUI_TOOLTIP_TEMPLATE_REF = new InjectionToken<TooltipTemplateContainer>(\r\n\t'@bravura/ui/tooltip/templateContainer'\r\n);\r\n\r\n@Component({\r\n\tselector: 'bui-tooltip-component',\r\n\ttemplateUrl: './tooltip.component.html',\r\n\tstyleUrls: ['./tooltip.component.scss'],\r\n\tencapsulation: ViewEncapsulation.None,\r\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\r\n\tanimations: [matTooltipAnimations.tooltipState],\r\n\thost: {\r\n\t\tclass: 'bui-tooltip-component bui-host',\r\n\t\t// Forces the element to have a layout in IE and Edge. This fixes issues where the element\r\n\t\t// won't be rendered if the animations are disabled or there is no web animations polyfill.\r\n\t\t'[style.zoom]': 'isVisible() ? 1 : null',\r\n\t\t'(mouseleave)': '_handleMouseLeave($event)',\r\n\t\t'aria-hidden': 'true'\r\n\t},\r\n\tstandalone: false\r\n})\r\nexport class TooltipComponent extends MatTooltipComponent {\r\n\tprivate _messageCopy = '';\r\n\r\n\t@ViewChild('tooltip', { static: true })\r\n\t_tooltip!: ElementRef<HTMLElement>;\r\n\r\n\t@ViewChild('tooltipDiv', { static: true })\r\n\tprivate tooltipDiv!: ElementRef<HTMLDivElement>;\r\n\r\n\t@ViewChild('messageCont', { static: true, read: ViewContainerRef })\r\n\tprivate messageCont!: ViewContainerRef;\r\n\r\n\tconstructor(\r\n\t\tchangeDetectorRef: ChangeDetectorRef,\r\n\t\telementRef: ElementRef<HTMLElement>,\r\n\t\t@Inject(BUI_TOOLTIP_TEMPLATE_REF) public _tooltipInst: TooltipTemplateContainer,\r\n\t\t@Optional() @Inject(ANIMATION_MODULE_TYPE) animationMode?: string\r\n\t) {\r\n\t\tsuper(changeDetectorRef, elementRef, animationMode);\r\n\t}\r\n\r\n\tshow(delay: number): void {\r\n\t\tif (this._messageCopy !== this.message && !this._tooltipInst.template) {\r\n\t\t\tthis.tooltipDiv.nativeElement.innerHTML = this.message;\r\n\t\t\tthis._messageCopy = this.message;\r\n\t\t\tconst width = Math.max(Math.sqrt(getTextWidth(this.message) * 40), 360);\r\n\t\t\tthis._tooltip.nativeElement.style.maxWidth = `${width}px`;\r\n\t\t} else if (this._tooltipInst.template) {\r\n\t\t\tthis.messageCont.clear();\r\n\t\t\tconst ref = this.messageCont.createEmbeddedView(this._tooltipInst.template);\r\n\t\t\tref.detectChanges();\r\n\t\t\tthis._tooltipInst.message = this.message = this.tooltipDiv.nativeElement.textContent as string;\r\n\t\t}\r\n\t\tsuper.show(delay);\r\n\t}\r\n}\r\n\r\n(TooltipComponent as any).ɵcmp.styles.push(...(MatTooltipComponent as any).ɵcmp.styles);\r\n","<div\r\n\t#tooltip\r\n\tclass=\"mdc-tooltip mdc-tooltip--shown mat-mdc-tooltip bui-tooltip\"\r\n\t[ngClass]=\"tooltipClass\"\r\n\t(animationend)=\"_handleAnimationEnd($event)\"\r\n\t[class.mdc-tooltip--multiline]=\"_isMultiline\"\r\n>\r\n\t<div #tooltipDiv>\r\n\t\t<ng-container #messageCont></ng-container>\r\n\t</div>\r\n</div>\r\n","import { AriaDescriber, FocusMonitor } from '@angular/cdk/a11y';\nimport { Directionality } from '@angular/cdk/bidi';\nimport { Overlay, ScrollDispatcher } from '@angular/cdk/overlay';\nimport { Platform } from '@angular/cdk/platform';\n\nimport {\n\tDirective,\n\tElementRef,\n\tHostListener,\n\tInject,\n\tInput,\n\tNgZone,\n\tOptional,\n\tTemplateRef,\n\tViewContainerRef,\n\tforwardRef,\n\tDOCUMENT\n} from '@angular/core';\nimport {\n\tMAT_TOOLTIP_DEFAULT_OPTIONS,\n\tMAT_TOOLTIP_SCROLL_STRATEGY,\n\tMatTooltip,\n\tMatTooltipDefaultOptions,\n\tTooltipPosition\n} from '@angular/material/tooltip';\nimport { Observable, Subject, Subscription } from 'rxjs';\nimport { BUI_TOOLTIP_TEMPLATE_REF, TooltipComponent } from './tooltip.component';\n\n/**\n * This directive extends [Angular Material tooltip](https://material.angular.io/components/tooltip/overview), with the additional capability of displaying\n * HTML content in the overlay area.\n *\n * All the other features are identical as those in Angular Material tooltip.\n */\n@Directive({\n\tselector: '[buiTooltip]',\n\texportAs: 'buiTooltip',\n\thost: {\n\t\tclass: 'mat-tooltip-trigger bui-tooltip-trigger'\n\t},\n\tproviders: [\n\t\t{\n\t\t\tprovide: BUI_TOOLTIP_TEMPLATE_REF,\n\t\t\tuseExisting: forwardRef(() => TooltipDirective)\n\t\t}\n\t],\n\tstandalone: false\n})\nexport class TooltipDirective extends MatTooltip {\n\tprivate _templateRef?: TemplateRef<any>;\n\tprivate _contentSub: Subscription = new Subject<void>().subscribe();\n\tprivate _contentObs?: Observable<string>;\n\n\tconstructor(\n\t\toverlay: Overlay,\n\t\telementRef: ElementRef<HTMLElement>,\n\t\tscrollDispatcher: ScrollDispatcher,\n\t\tviewContainerRef: ViewContainerRef,\n\t\tngZone: NgZone,\n\t\tplatform: Platform,\n\t\tariaDescriber: AriaDescriber,\n\t\tfocusMonitor: FocusMonitor,\n\t\t@Inject(MAT_TOOLTIP_SCROLL_STRATEGY) scrollStrategy: any,\n\t\t@Optional() dir: Directionality,\n\t\t@Optional() @Inject(MAT_TOOLTIP_DEFAULT_OPTIONS) defaultOptions: MatTooltipDefaultOptions,\n\t\t@Inject(DOCUMENT) _document: any\n\t) {\n\t\tsuper(\n\t\t\toverlay,\n\t\t\telementRef,\n\t\t\tscrollDispatcher,\n\t\t\tviewContainerRef,\n\t\t\tngZone,\n\t\t\tplatform,\n\t\t\tariaDescriber,\n\t\t\tfocusMonitor,\n\t\t\tscrollStrategy,\n\t\t\tdir,\n\t\t\tdefaultOptions,\n\t\t\t_document\n\t\t);\n\t\tconst _self = this as any;\n\t\t_self._tooltipComponent = TooltipComponent;\n\t\tthis.touchGestures = 'off';\n\t\tconst element = elementRef.nativeElement;\n\t\telement.setAttribute('aria-hidden', 'false');\n\t\tif (element.tabIndex === -1) {\n\t\t\telement.tabIndex = 0;\n\t\t\telement.setAttribute('aria-roledescription', 'tooltip');\n\t\t}\n\t}\n\n\t/** Allows the user to define the position of the tooltip relative to the parent element */\n\t@Input()\n\tget buiTooltipPosition(): TooltipPosition {\n\t\treturn this.position;\n\t}\n\tset buiTooltipPosition(value: TooltipPosition) {\n\t\tthis.position = value;\n\t}\n\n\t/** Disables the display of the tooltip. */\n\t@Input()\n\tget buiTooltipDisabled(): boolean {\n\t\treturn this.disabled;\n\t}\n\tset buiTooltipDisabled(value) {\n\t\tthis.disabled = value;\n\t}\n\n\t/** The message to be displayed in the tooltip. */\n\t@Input()\n\tget buiTooltip(): string | TemplateRef<any> | Observable<string> {\n\t\treturn this._templateRef || this.message;\n\t}\n\tset buiTooltip(value) {\n\t\tthis._contentSub.unsubscribe();\n\t\tthis._contentObs = undefined;\n\t\tif (typeof value === 'string') {\n\t\t\tthis.message = value;\n\t\t} else if (value instanceof TemplateRef) {\n\t\t\tthis._templateRef = value;\n\t\t\tif (value) {\n\t\t\t\tthis.message = '[bui-tooltip-template]';\n\t\t\t} else {\n\t\t\t\tthis._templateRef = undefined;\n\t\t\t\tthis.message = '';\n\t\t\t}\n\t\t} else if (value instanceof Observable) {\n\t\t\tthis.message = '...';\n\t\t\tthis._contentObs = value;\n\t\t}\n\t}\n\n\t/** @ignore */\n\tget template(): TemplateRef<any> | undefined {\n\t\treturn this._templateRef;\n\t}\n\n\t/** Classes to be passed to the tooltip. Supports the same syntax as `ngClass`. */\n\t@Input()\n\tget buiTooltipClass() {\n\t\treturn this.tooltipClass;\n\t}\n\tset buiTooltipClass(value: string | string[] | Set<string> | { [key: string]: any }) {\n\t\tthis.tooltipClass = value;\n\t}\n\n\t/** @ignore */\n\t@HostListener('click')\n\tclicked() {\n\t\tthis.toggle();\n\t}\n\n\t/** Shows the tooltip after the delay in ms, defaults to tooltip-delay-show or 0ms if no input */\n\tshow(\n\t\tdelay: number = this.showDelay,\n\t\torigin?:\n\t\t\t| {\n\t\t\t\t\tx: number;\n\t\t\t\t\ty: number;\n\t\t\t  }\n\t\t\t| undefined\n\t): void {\n\t\tif (this._contentObs) {\n\t\t\tthis._contentSub.unsubscribe();\n\t\t\tthis._contentSub = this._contentObs.subscribe(c => {\n\t\t\t\tthis.message = c;\n\t\t\t\tthis._contentSub.unsubscribe();\n\t\t\t\tsuper.show(delay, origin);\n\t\t\t});\n\t\t} else {\n\t\t\tsuper.show(delay, origin);\n\t\t}\n\t}\n\n\tngOnDestroy() {\n\t\tthis._contentSub.unsubscribe();\n\t}\n}\n","import { A11yModule } from '@angular/cdk/a11y';\r\nimport { OverlayModule } from '@angular/cdk/overlay';\r\nimport { CdkScrollableModule } from '@angular/cdk/scrolling';\r\nimport { CommonModule } from '@angular/common';\r\nimport { NgModule } from '@angular/core';\r\nimport { MatCommonModule } from '@angular/material/core';\r\nimport { MAT_TOOLTIP_SCROLL_STRATEGY_FACTORY_PROVIDER } from '@angular/material/tooltip';\r\nimport { TooltipComponent } from './tooltip.component';\r\nimport { TooltipDirective } from './tooltip.directive';\r\n\r\n@NgModule({\r\n\timports: [A11yModule, CommonModule, OverlayModule, MatCommonModule],\r\n\texports: [TooltipDirective, MatCommonModule, CdkScrollableModule],\r\n\tdeclarations: [TooltipDirective, TooltipComponent],\r\n\tproviders: [MAT_TOOLTIP_SCROLL_STRATEGY_FACTORY_PROVIDER]\r\n})\r\nexport class TooltipModule {}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["MatTooltipComponent","i1"],"mappings":"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"}