@bravura/ui 5.2.0 → 5.2.2

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

@@ -1 +1 @@
-{"version":3,"file":"bravura-ui-stepper.mjs","sources":["../../../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 {\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@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})\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","<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<div\n\t\t\t*ngFor=\"let step of steps; let i = index; let isLast = last\"\n\t\t\tclass=\"bui-stepper-header-wrapper\"\n\t\t\t[class.bui-stepper-vertical-line]=\"!isLast\"\n\t\t>\n\t\t\t<mat-step-header\n\t\t\t\tclass=\"bui-stepper-header\"\n\t\t\t\t(click)=\"step.select()\"\n\t\t\t\t(keydown)=\"_onKeydown($event)\"\n\t\t\t\t[tabIndex]=\"_getFocusIndex() === i ? 0 : -1\"\n\t\t\t\t[id]=\"_getStepLabelId(i)\"\n\t\t\t\t[attr.aria-posinset]=\"i + 1\"\n\t\t\t\t[attr.aria-setsize]=\"steps.length\"\n\t\t\t\t[attr.aria-controls]=\"_getStepContentId(i)\"\n\t\t\t\t[attr.aria-selected]=\"selectedIndex == i\"\n\t\t\t\t[attr.aria-label]=\"step.ariaLabel || null\"\n\t\t\t\t[attr.aria-labelledby]=\"!step.ariaLabel && step.ariaLabelledby ? step.ariaLabelledby : null\"\n\t\t\t\t[attr.aria-disabled]=\"_stepIsNavigable(i, step) ? null : true\"\n\t\t\t\t[index]=\"i\"\n\t\t\t\t[state]=\"_getIndicatorType(i, step.state)\"\n\t\t\t\t[label]=\"step.stepLabel || step.label\"\n\t\t\t\t[selected]=\"selectedIndex === i\"\n\t\t\t\t[active]=\"_stepIsNavigable(i, step)\"\n\t\t\t\t[optional]=\"step.optional\"\n\t\t\t\t[errorMessage]=\"step.errorMessage\"\n\t\t\t\t[iconOverrides]=\"_iconOverrides\"\n\t\t\t\t[disableRipple]=\"disableRipple || !_stepIsNavigable(i, step)\"\n\t\t\t\t[color]=\"step.color || color\"\n\t\t\t></mat-step-header>\n\t\t</div>\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\n\t\t\t\tclass=\"bui-stepper-top-header-progress\"\n\t\t\t\t[style]=\"'height:' + _progressCircleSize + 'px; width:' + _progressCircleSize + 'px'\"\n\t\t\t>\n\t\t\t\t<mat-progress-spinner\n\t\t\t\t\tclass=\"bui-progress-spinner-light\"\n\t\t\t\t\t[value]=\"100\"\n\t\t\t\t\t[diameter]=\"_progressCircleSize\"\n\t\t\t\t\t[strokeWidth]=\"_progressCircleWidth\"\n\t\t\t\t></mat-progress-spinner>\n\t\t\t\t<mat-progress-spinner\n\t\t\t\t\t[color]=\"color\"\n\t\t\t\t\t[value]=\"((selectedIndex + 1) * 100) / steps.length\"\n\t\t\t\t\t[diameter]=\"_progressCircleSize\"\n\t\t\t\t\t[strokeWidth]=\"_progressCircleWidth\"\n\t\t\t\t></mat-progress-spinner>\n\t\t\t\t<span class=\"bui-stepper-top-header-indicator\">\n\t\t\t\t\t{{ indicatorFormatter(selectedIndex + 1, steps.length) }}\n\t\t\t\t</span>\n\t\t\t</div>\n\t\t\t<div class=\"bui-stepper-top-header-titles-wrapper\" *ngIf=\"selected\">\n\t\t\t\t<div class=\"bui-stepper-top-header-title\">\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: selected }\"\n\t\t\t\t\t></ng-template>\n\t\t\t\t</div>\n\t\t\t\t<div class=\"bui-stepper-top-header-title-next\" *ngIf=\"selectedIndex < steps.length - 1\">\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</div>\n\t\t</div>\n\t\t<div class=\"bui-stepper-content-wrapper\" [class.bui-stepper-content-wrapper-transitioning]=\"_stepTransitioning\">\n\t\t\t<div\n\t\t\t\t*ngFor=\"let step of steps; let i = index\"\n\t\t\t\tclass=\"bui-stepper-content\"\n\t\t\t\trole=\"tabpanel\"\n\t\t\t\t[@stepTransition]=\"_getAnimationDirection(i)\"\n\t\t\t\t(@stepTransition.start)=\"_startStepTransition()\"\n\t\t\t\t(@stepTransition.done)=\"_animationDone.next($event)\"\n\t\t\t\t[id]=\"_getStepContentId(i)\"\n\t\t\t\t[attr.aria-labelledby]=\"_getStepLabelId(i)\"\n\t\t\t\t[attr.aria-expanded]=\"selectedIndex === i\"\n\t\t\t>\n\t\t\t\t<div class=\"bui-stepper-content-header-label\" *ngIf=\"!_narrow\">\n\t\t\t\t\t<ng-template [ngTemplateOutlet]=\"labelTemplate\" [ngTemplateOutletContext]=\"{ $implicit: step }\"></ng-template>\n\t\t\t\t</div>\n\t\t\t\t<ng-template [ngTemplateOutlet]=\"step.content\"></ng-template>\n\t\t\t</div>\n\t\t</div>\n\t</div>\n</div>\n\n<ng-template #labelTemplate let-step>\n\t<ng-template [ngIf]=\"step.stepLabel\" [ngIfElse]=\"stringLabelTempl\">\n\t\t<ng-template [ngTemplateOutlet]=\"step.stepLabel.template\"></ng-template>\n\t</ng-template>\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 { StepperComponent } from './stepper.component';\r\n\r\n@NgModule({\r\n\tdeclarations: [StepperComponent],\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]\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-prefix.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';\nimport { MatStep } from '@angular/material/stepper';\n\n@Directive({\n\tselector: '[buiStepLabelPrefix]'\n})\nexport class StepLabelPrefixDirective {\n\tconstructor(@Optional() public templateRef: TemplateRef<any>) {}\n}\n\n@Directive({\n\tselector: 'mat-step'\n})\nexport class StepDirective implements AfterContentInit {\n\t@ContentChild(StepLabelPrefixDirective)\n\t@Optional()\n\tstepLabelPrefixDirective: StepLabelPrefixDirective;\n\n\tstep = inject(MatStep);\n\n\tconstructor() {}\n\n\tngAfterContentInit(): void {\n\t\t(this.step as any).stepLabelPrefixTemplate = this.stepLabelPrefixDirective?.templateRef;\n\t}\n}\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';\nimport { DOCUMENT } from '@angular/common';\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} 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})\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<div\n\t\t\t*ngFor=\"let step of steps; let i = index; let isLast = last\"\n\t\t\tclass=\"bui-stepper-header-wrapper\"\n\t\t\t[class.bui-stepper-vertical-line]=\"!isLast\"\n\t\t>\n\t\t\t<mat-step-header\n\t\t\t\tclass=\"bui-stepper-header\"\n\t\t\t\t(click)=\"step.select()\"\n\t\t\t\t(keydown)=\"_onKeydown($event)\"\n\t\t\t\t[tabIndex]=\"_getFocusIndex() === i ? 0 : -1\"\n\t\t\t\t[id]=\"_getStepLabelId(i)\"\n\t\t\t\t[attr.aria-posinset]=\"i + 1\"\n\t\t\t\t[attr.aria-setsize]=\"steps.length\"\n\t\t\t\t[attr.aria-controls]=\"_getStepContentId(i)\"\n\t\t\t\t[attr.aria-selected]=\"selectedIndex == i\"\n\t\t\t\t[attr.aria-label]=\"step.ariaLabel || null\"\n\t\t\t\t[attr.aria-labelledby]=\"!step.ariaLabel && step.ariaLabelledby ? step.ariaLabelledby : null\"\n\t\t\t\t[attr.aria-disabled]=\"_stepIsNavigable(i, step) ? null : true\"\n\t\t\t\t[index]=\"i\"\n\t\t\t\t[state]=\"_getIndicatorType(i, step.state)\"\n\t\t\t\t[label]=\"step.stepLabel || step.label\"\n\t\t\t\t[selected]=\"selectedIndex === i\"\n\t\t\t\t[active]=\"_stepIsNavigable(i, step)\"\n\t\t\t\t[optional]=\"step.optional\"\n\t\t\t\t[errorMessage]=\"step.errorMessage\"\n\t\t\t\t[iconOverrides]=\"_iconOverrides\"\n\t\t\t\t[disableRipple]=\"disableRipple || !_stepIsNavigable(i, step)\"\n\t\t\t\t[color]=\"step.color || color\"\n\t\t\t></mat-step-header>\n\t\t</div>\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<div\n\t\t\t\t\trole=\"button\"\n\t\t\t\t\t(click)=\"selectedIndex = i\"\n\t\t\t\t\tclass=\"bui-stepper-progress-indicator-section\"\n\t\t\t\t\t*ngFor=\"let s of steps; let i = index\"\n\t\t\t\t\t[class.bui-step-section-interacted]=\"i <= selectedIndex\"\n\t\t\t\t></div>\n\t\t\t</div>\n\t\t\t<div class=\"bui-stepper-top-header-title-next\" *ngIf=\"selectedIndex < steps.length - 1\">\n\t\t\t\t{{ nextStepLabelPrefix }}\n\t\t\t\t<ng-template\n\t\t\t\t\t[ngTemplateOutlet]=\"labelTemplate\"\n\t\t\t\t\t[ngTemplateOutletContext]=\"{ $implicit: steps.get(selectedIndex + 1) }\"\n\t\t\t\t></ng-template>\n\t\t\t</div>\n\n\t\t\t<div class=\"bui-stepper-top-header-titles-wrapper\" *ngIf=\"selected\">\n\t\t\t\t<div>\n\t\t\t\t\t<ng-container *ngTemplateOutlet=\"toCustomStep(selected).stepLabelPrefixTemplate\"></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</div>\n\t\t</div>\n\t\t<div class=\"bui-stepper-content-wrapper\" [class.bui-stepper-content-wrapper-transitioning]=\"_stepTransitioning\">\n\t\t\t<div\n\t\t\t\t*ngFor=\"let step of steps; let i = index\"\n\t\t\t\tclass=\"bui-stepper-content\"\n\t\t\t\trole=\"tabpanel\"\n\t\t\t\t[@stepTransition]=\"_getAnimationDirection(i)\"\n\t\t\t\t(@stepTransition.start)=\"_startStepTransition()\"\n\t\t\t\t(@stepTransition.done)=\"_animationDone.next($event)\"\n\t\t\t\t[id]=\"_getStepContentId(i)\"\n\t\t\t\t[attr.aria-labelledby]=\"_getStepLabelId(i)\"\n\t\t\t\t[attr.aria-expanded]=\"selectedIndex === i\"\n\t\t\t>\n\t\t\t\t<div class=\"bui-stepper-content-header-label\" *ngIf=\"!_narrow\">\n\t\t\t\t\t<ng-container *ngTemplateOutlet=\"toCustomStep(step).stepLabelPrefixTemplate\"></ng-container>\n\t\t\t\t\t<ng-template [ngTemplateOutlet]=\"labelTemplate\" [ngTemplateOutletContext]=\"{ $implicit: step }\"></ng-template>\n\t\t\t\t</div>\n\t\t\t\t<ng-template [ngTemplateOutlet]=\"step.content\"></ng-template>\n\t\t\t</div>\n\t\t</div>\n\t</div>\n</div>\n\n<ng-template #labelTemplate let-step>\n\t<ng-template [ngIf]=\"step.stepLabel\" [ngIfElse]=\"stringLabelTempl\">\n\t\t<ng-template [ngTemplateOutlet]=\"step.stepLabel.template\"></ng-template>\n\t</ng-template>\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';\nimport { CdkStepperModule } from '@angular/cdk/stepper';\nimport { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { MatButtonModule } from '@angular/material/button';\nimport { MatRippleModule } from '@angular/material/core';\nimport { MatIconModule } from '@angular/material/icon';\nimport { MatProgressSpinnerModule } from '@angular/material/progress-spinner';\nimport { MatStepperModule } from '@angular/material/stepper';\nimport { BehaviorModule } from '@bravura/ui/behavior';\nimport { StepDirective, StepLabelPrefixDirective } from './step-label-prefix.directive';\nimport { StepperComponent } from './stepper.component';\n\n@NgModule({\n\tdeclarations: [StepperComponent, StepDirective, StepLabelPrefixDirective],\n\timports: [\n\t\tCommonModule,\n\t\tPortalModule,\n\t\tCdkStepperModule,\n\t\tMatStepperModule,\n\t\tMatButtonModule,\n\t\tMatIconModule,\n\t\tMatRippleModule,\n\t\tMatProgressSpinnerModule,\n\t\tBehaviorModule\n\t],\n\texports: [StepperComponent, MatStepperModule, StepLabelPrefixDirective, StepDirective]\n})\nexport class StepperModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/m3-theme.scss

@@ -0,0 +1,155 @@
+// This file was generated by running 'ng generate @angular/material:m3-theme'.
+// Proceed with caution if making changes to this file.
+
+@use 'sass:map';
+@use '@angular/material' as mat;
+
+// Note: Color palettes are generated from primary: #135ac5, secondary: #29bcb0
+$_palettes: (
+	primary: (
+		0: #000000,
+		10: #001944,
+		20: #002d6d,
+		25: #003783,
+		30: #00429a,
+		35: #004db1,
+		40: #1159c4,
+		50: #3973df,
+		60: #588dfb,
+		70: #84aaff,
+		80: #afc6ff,
+		90: #d9e2ff,
+		95: #edf0ff,
+		98: #faf8ff,
+		99: #fefbff,
+		100: #ffffff
+	),
+	secondary: (
+		0: #000000,
+		10: #00201d,
+		20: #003733,
+		25: #00433e,
+		30: #00504a,
+		35: #005d56,
+		40: #006a63,
+		50: #00867c,
+		60: #00a297,
+		70: #2dbeb2,
+		80: #54dace,
+		90: #75f7ea,
+		95: #b2fff5,
+		98: #e4fffa,
+		99: #f2fffc,
+		100: #ffffff
+	),
+	tertiary: (
+		0: #000000,
+		10: #330044,
+		20: #54006d,
+		25: #620f7c,
+		30: #6f2089,
+		35: #7c2f96,
+		40: #8a3ca3,
+		50: #a556be,
+		60: #c270da,
+		70: #df8bf7,
+		80: #f0b0ff,
+		90: #fbd7ff,
+		95: #ffebff,
+		98: #fff7fb,
+		99: #fffbff,
+		100: #ffffff
+	),
+	neutral: (
+		0: #000000,
+		10: #191b22,
+		20: #2e3037,
+		25: #393b43,
+		30: #44464e,
+		35: #50525a,
+		40: #5c5e66,
+		50: #75777f,
+		60: #8f9099,
+		70: #aaabb4,
+		80: #c5c6cf,
+		90: #e1e2eb,
+		95: #f0f0fa,
+		98: #faf8ff,
+		99: #fefbff,
+		100: #ffffff,
+		4: #0c0e14,
+		6: #11131a,
+		12: #1d1f26,
+		17: #282a31,
+		22: #32353c,
+		24: #373940,
+		87: #d9d9e3,
+		92: #e7e7f1,
+		94: #ededf7,
+		96: #f3f3fc
+	),
+	neutral-variant: (
+		0: #000000,
+		10: #171b26,
+		20: #2c303c,
+		25: #373b47,
+		30: #424653,
+		35: #4e525f,
+		40: #5a5e6b,
+		50: #737784,
+		60: #8c909f,
+		70: #a7abba,
+		80: #c2c6d5,
+		90: #dfe2f2,
+		95: #edf0ff,
+		98: #faf8ff,
+		99: #fefbff,
+		100: #ffffff
+	),
+	error: (
+		0: #000000,
+		10: #410002,
+		20: #690005,
+		25: #7e0007,
+		30: #93000a,
+		35: #a80710,
+		40: #ba1a1a,
+		50: #de3730,
+		60: #ff5449,
+		70: #ff897d,
+		80: #ffb4ab,
+		90: #ffdad6,
+		95: #ffedea,
+		98: #fff8f7,
+		99: #fffbff,
+		100: #ffffff
+	)
+);
+
+$_rest: (
+	secondary: map.get($_palettes, secondary),
+	neutral: map.get($_palettes, neutral),
+	neutral-variant: map.get($_palettes, neutral-variant),
+	error: map.get($_palettes, error)
+);
+$_primary: map.merge(map.get($_palettes, primary), $_rest);
+$_tertiary: map.merge(map.get($_palettes, tertiary), $_rest);
+
+$light-theme: mat.define-theme(
+	(
+		color: (
+			theme-type: light,
+			primary: $_primary,
+			tertiary: $_tertiary
+		)
+	)
+);
+$dark-theme: mat.define-theme(
+	(
+		color: (
+			theme-type: dark,
+			primary: $_primary,
+			tertiary: $_tertiary
+		)
+	)
+);

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@bravura/ui",
   "description": "Bravura UI Components for Angular applications",
-  "version": "5.2.0",
+  "version": "5.2.2",
   "keywords": [
     "Angular",
     "Angular Material",
@@ -39,23 +39,17 @@
       "esm": "./esm2022/alert/bravura-ui-alert.mjs",
       "default": "./fesm2022/bravura-ui-alert.mjs"
     },
-    "./behavior": {
-      "types": "./behavior/index.d.ts",
-      "esm2022": "./esm2022/behavior/bravura-ui-behavior.mjs",
-      "esm": "./esm2022/behavior/bravura-ui-behavior.mjs",
-      "default": "./fesm2022/bravura-ui-behavior.mjs"
-    },
     "./common": {
       "types": "./common/index.d.ts",
       "esm2022": "./esm2022/common/bravura-ui-common.mjs",
       "esm": "./esm2022/common/bravura-ui-common.mjs",
       "default": "./fesm2022/bravura-ui-common.mjs"
     },
-    "./clip-note": {
-      "types": "./clip-note/index.d.ts",
-      "esm2022": "./esm2022/clip-note/bravura-ui-clip-note.mjs",
-      "esm": "./esm2022/clip-note/bravura-ui-clip-note.mjs",
-      "default": "./fesm2022/bravura-ui-clip-note.mjs"
+    "./behavior": {
+      "types": "./behavior/index.d.ts",
+      "esm2022": "./esm2022/behavior/bravura-ui-behavior.mjs",
+      "esm": "./esm2022/behavior/bravura-ui-behavior.mjs",
+      "default": "./fesm2022/bravura-ui-behavior.mjs"
     },
     "./currency-input": {
       "types": "./currency-input/index.d.ts",
@@ -63,6 +57,12 @@
       "esm": "./esm2022/currency-input/bravura-ui-currency-input.mjs",
       "default": "./fesm2022/bravura-ui-currency-input.mjs"
     },
+    "./clip-note": {
+      "types": "./clip-note/index.d.ts",
+      "esm2022": "./esm2022/clip-note/bravura-ui-clip-note.mjs",
+      "esm": "./esm2022/clip-note/bravura-ui-clip-note.mjs",
+      "default": "./fesm2022/bravura-ui-clip-note.mjs"
+    },
     "./decimal-input": {
       "types": "./decimal-input/index.d.ts",
       "esm2022": "./esm2022/decimal-input/bravura-ui-decimal-input.mjs",
@@ -75,54 +75,54 @@
       "esm": "./esm2022/discrete-input/bravura-ui-discrete-input.mjs",
       "default": "./fesm2022/bravura-ui-discrete-input.mjs"
     },
-    "./form-field": {
-      "types": "./form-field/index.d.ts",
-      "esm2022": "./esm2022/form-field/bravura-ui-form-field.mjs",
-      "esm": "./esm2022/form-field/bravura-ui-form-field.mjs",
-      "default": "./fesm2022/bravura-ui-form-field.mjs"
-    },
     "./file-upload": {
       "types": "./file-upload/index.d.ts",
       "esm2022": "./esm2022/file-upload/bravura-ui-file-upload.mjs",
       "esm": "./esm2022/file-upload/bravura-ui-file-upload.mjs",
       "default": "./fesm2022/bravura-ui-file-upload.mjs"
     },
+    "./form-field": {
+      "types": "./form-field/index.d.ts",
+      "esm2022": "./esm2022/form-field/bravura-ui-form-field.mjs",
+      "esm": "./esm2022/form-field/bravura-ui-form-field.mjs",
+      "default": "./fesm2022/bravura-ui-form-field.mjs"
+    },
     "./icon-font": {
       "types": "./icon-font/index.d.ts",
       "esm2022": "./esm2022/icon-font/bravura-ui-icon-font.mjs",
       "esm": "./esm2022/icon-font/bravura-ui-icon-font.mjs",
       "default": "./fesm2022/bravura-ui-icon-font.mjs"
     },
-    "./panel": {
-      "types": "./panel/index.d.ts",
-      "esm2022": "./esm2022/panel/bravura-ui-panel.mjs",
-      "esm": "./esm2022/panel/bravura-ui-panel.mjs",
-      "default": "./fesm2022/bravura-ui-panel.mjs"
-    },
     "./phone-number": {
       "types": "./phone-number/index.d.ts",
       "esm2022": "./esm2022/phone-number/bravura-ui-phone-number.mjs",
       "esm": "./esm2022/phone-number/bravura-ui-phone-number.mjs",
       "default": "./fesm2022/bravura-ui-phone-number.mjs"
     },
+    "./panel": {
+      "types": "./panel/index.d.ts",
+      "esm2022": "./esm2022/panel/bravura-ui-panel.mjs",
+      "esm": "./esm2022/panel/bravura-ui-panel.mjs",
+      "default": "./fesm2022/bravura-ui-panel.mjs"
+    },
     "./radio-panel": {
       "types": "./radio-panel/index.d.ts",
       "esm2022": "./esm2022/radio-panel/bravura-ui-radio-panel.mjs",
       "esm": "./esm2022/radio-panel/bravura-ui-radio-panel.mjs",
       "default": "./fesm2022/bravura-ui-radio-panel.mjs"
     },
-    "./skeletons": {
-      "types": "./skeletons/index.d.ts",
-      "esm2022": "./esm2022/skeletons/bravura-ui-skeletons.mjs",
-      "esm": "./esm2022/skeletons/bravura-ui-skeletons.mjs",
-      "default": "./fesm2022/bravura-ui-skeletons.mjs"
-    },
     "./selection-panel": {
       "types": "./selection-panel/index.d.ts",
       "esm2022": "./esm2022/selection-panel/bravura-ui-selection-panel.mjs",
       "esm": "./esm2022/selection-panel/bravura-ui-selection-panel.mjs",
       "default": "./fesm2022/bravura-ui-selection-panel.mjs"
     },
+    "./skeletons": {
+      "types": "./skeletons/index.d.ts",
+      "esm2022": "./esm2022/skeletons/bravura-ui-skeletons.mjs",
+      "esm": "./esm2022/skeletons/bravura-ui-skeletons.mjs",
+      "default": "./fesm2022/bravura-ui-skeletons.mjs"
+    },
     "./stepper": {
       "types": "./stepper/index.d.ts",
       "esm2022": "./esm2022/stepper/bravura-ui-stepper.mjs",
@@ -135,17 +135,17 @@
       "esm": "./esm2022/tooltip/bravura-ui-tooltip.mjs",
       "default": "./fesm2022/bravura-ui-tooltip.mjs"
     },
-    "./alert/testing": {
-      "types": "./alert/testing/index.d.ts",
-      "esm2022": "./esm2022/alert/testing/bravura-ui-alert-testing.mjs",
-      "esm": "./esm2022/alert/testing/bravura-ui-alert-testing.mjs",
-      "default": "./fesm2022/bravura-ui-alert-testing.mjs"
-    },
     "./radio-panel/testing": {
       "types": "./radio-panel/testing/index.d.ts",
       "esm2022": "./esm2022/radio-panel/testing/bravura-ui-radio-panel-testing.mjs",
       "esm": "./esm2022/radio-panel/testing/bravura-ui-radio-panel-testing.mjs",
       "default": "./fesm2022/bravura-ui-radio-panel-testing.mjs"
+    },
+    "./alert/testing": {
+      "types": "./alert/testing/index.d.ts",
+      "esm2022": "./esm2022/alert/testing/bravura-ui-alert-testing.mjs",
+      "esm": "./esm2022/alert/testing/bravura-ui-alert-testing.mjs",
+      "default": "./fesm2022/bravura-ui-alert-testing.mjs"
     }
   },
   "dependencies": {

package/radio-panel/_radio-panel-theme.scss

@@ -0,0 +1,11 @@
+@use '@angular/material' as mat;
+
+@mixin color($theme) {
+	.bui-radio-panel-checked-icon {
+		color: mat.get-theme-color($theme, primary);
+	}
+}
+
+@mixin theme($theme) {
+	@include color($theme);
+}

package/selection-panel/_selection-panel-theme.scss

@@ -0,0 +1,33 @@
+@use '@angular/material' as mat;
+@use 'sass:map';
+@use 'sass:meta';
+
+@mixin color($theme, $options...) {
+	bui-selection-panel-item {
+		$option-map: meta.keywords($options);
+		$color-variant: map.get($option-map, color-variant);
+
+		border-color: mat.get-theme-color($theme, outline-variant);
+
+		.bui-selection-checkbox {
+			@if $color-variant {
+				@include mat.checkbox-color($theme, $color-variant: $color-variant);
+			}
+		}
+
+		&.bui-selection-checked,
+		&.bui-selection-checked:not(.bui-disabled:hover, .bui-unselectable) {
+			border-color: mat.get-theme-color($theme, $color-variant or primary);
+		}
+
+		&:not(.bui-disabled, .bui-unselectable) {
+			&:hover {
+				border-color: mat.get-theme-color($theme, outline);
+			}
+		}
+	}
+}
+
+@mixin theme($theme, $options...) {
+	@include color($theme, $options...);
+}

package/stepper/_stepper-theme.scss

@@ -0,0 +1,20 @@
+@use '@angular/material' as mat;
+
+@mixin color($theme) {
+	.bui-step-progress-label {
+		color: mat.get-theme-color($theme, on-surface-variant);
+	}
+
+	.bui-stepper-content-container {
+		border-color: mat.get-theme-color($theme, outline-variant);
+		background-color: mat.get-theme-color($theme, surface);
+	}
+
+	.bui-stepper-progress-indicator-section.bui-step-section-interacted {
+		background-color: mat.get-theme-color($theme, tertiary);
+	}
+}
+
+@mixin theme($theme) {
+	@include color($theme);
+}

package/stepper/public-api.d.ts

@@ -1,2 +1,3 @@
+export * from './step-label-prefix.directive';
 export * from './stepper.component';
 export * from './stepper.module';

package/stepper/step-label-prefix.directive.d.ts

@@ -0,0 +1,17 @@
+import { AfterContentInit, TemplateRef } from '@angular/core';
+import { MatStep } from '@angular/material/stepper';
+import * as i0 from "@angular/core";
+export declare class StepLabelPrefixDirective {
+    templateRef: TemplateRef<any>;
+    constructor(templateRef: TemplateRef<any>);
+    static ɵfac: i0.ɵɵFactoryDeclaration<StepLabelPrefixDirective, [{ optional: true; }]>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<StepLabelPrefixDirective, "[buiStepLabelPrefix]", never, {}, {}, never, never, false, never>;
+}
+export declare class StepDirective implements AfterContentInit {
+    stepLabelPrefixDirective: StepLabelPrefixDirective;
+    step: MatStep;
+    constructor();
+    ngAfterContentInit(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<StepDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<StepDirective, "mat-step", never, {}, {}, ["stepLabelPrefixDirective"], never, false, never>;
+}

package/stepper/stepper.component.d.ts

@@ -69,6 +69,7 @@ export declare class StepperComponent extends CdkStepper implements AfterContent
     _widthChanged(w: number): void;
     /** @ignore */
     _startStepTransition(): void;
+    toCustomStep(step: any): any;
     static ɵfac: i0.ɵɵFactoryDeclaration<StepperComponent, [{ optional: true; }, null, null, null, { self: true; }, { optional: true; skipSelf: true; }]>;
     static ɵcmp: i0.ɵɵComponentDeclaration<StepperComponent, "bui-stepper, [buiStepper]", ["buiStepper", "matStepper", "matVerticalStepper", "matHorizontalStepper"], { "selectedIndex": { "alias": "selectedIndex"; "required": false; }; "disableRipple": { "alias": "disableRipple"; "required": false; }; "color": { "alias": "color"; "required": false; }; "indicatorFormatter": { "alias": "indicatorFormatter"; "required": false; }; "nextStepLabelPrefix": { "alias": "nextStepLabelPrefix"; "required": false; }; }, { "animationDone": "animationDone"; }, ["_steps", "_icons"], never, false, never>;
 }

package/stepper/stepper.module.d.ts

@@ -1,16 +1,17 @@
 import * as i0 from "@angular/core";
 import * as i1 from "./stepper.component";
-import * as i2 from "@angular/common";
-import * as i3 from "@angular/cdk/portal";
-import * as i4 from "@angular/cdk/stepper";
-import * as i5 from "@angular/material/stepper";
-import * as i6 from "@angular/material/button";
-import * as i7 from "@angular/material/icon";
-import * as i8 from "@angular/material/core";
-import * as i9 from "@angular/material/progress-spinner";
-import * as i10 from "@bravura/ui/behavior";
+import * as i2 from "./step-label-prefix.directive";
+import * as i3 from "@angular/common";
+import * as i4 from "@angular/cdk/portal";
+import * as i5 from "@angular/cdk/stepper";
+import * as i6 from "@angular/material/stepper";
+import * as i7 from "@angular/material/button";
+import * as i8 from "@angular/material/icon";
+import * as i9 from "@angular/material/core";
+import * as i10 from "@angular/material/progress-spinner";
+import * as i11 from "@bravura/ui/behavior";
 export declare class StepperModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<StepperModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<StepperModule, [typeof i1.StepperComponent], [typeof i2.CommonModule, typeof i3.PortalModule, typeof i4.CdkStepperModule, typeof i5.MatStepperModule, typeof i6.MatButtonModule, typeof i7.MatIconModule, typeof i8.MatRippleModule, typeof i9.MatProgressSpinnerModule, typeof i10.BehaviorModule], [typeof i1.StepperComponent, typeof i5.MatStepperModule]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<StepperModule, [typeof i1.StepperComponent, typeof i2.StepDirective, typeof i2.StepLabelPrefixDirective], [typeof i3.CommonModule, typeof i4.PortalModule, typeof i5.CdkStepperModule, typeof i6.MatStepperModule, typeof i7.MatButtonModule, typeof i8.MatIconModule, typeof i9.MatRippleModule, typeof i10.MatProgressSpinnerModule, typeof i11.BehaviorModule], [typeof i1.StepperComponent, typeof i6.MatStepperModule, typeof i2.StepLabelPrefixDirective, typeof i2.StepDirective]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<StepperModule>;
 }

package/theme/_ui-theme.scss

@@ -22,33 +22,37 @@ $mat-background-extract: (
 );
 
 @mixin all-component-colors($theme, $border-color-transition: $default-border-color-transition) {
-	@include stepper.color($theme);
-	@include radio.color($theme);
-	@include selection.color($theme);
+	@if (mat.get-theme-version($theme) == 1) {
+		@include stepper.color($theme);
+		@include radio.color($theme);
+		@include selection.color($theme);
 
-	.bui-border-emphasis:hover {
-		border-color: currentColor !important;
-		transition: $border-color-transition;
-	}
-
-	// @include card.bui-card($color-config);
-	@each $p in (primary, tertiary, secondary, error) {
-		$c: mat.get-theme-color($theme, $p);
-		@include apply-color($p, $c, $border-color-transition);
-	}
+		.bui-border-emphasis:hover {
+			border-color: currentColor !important;
+			transition: $border-color-transition;
+		}
 
-	.bui-host {
+		// @include card.bui-card($color-config);
 		@each $p in (primary, tertiary, secondary, error) {
 			$c: mat.get-theme-color($theme, $p);
-			--bui-color-#{$p}: #{$c};
+			@include apply-color($p, $c, $border-color-transition);
 		}
 
-		@if mat.get-theme-type($theme) != dark {
-			--bui-color-success: #519602;
-			--bui-color-info: #0dcaf0;
-			--bui-color-warning: #ffc107;
-			--bui-color-error: #dc3545;
+		.bui-host {
+			@each $p in (primary, tertiary, secondary, error) {
+				$c: mat.get-theme-color($theme, $p);
+				--bui-color-#{$p}: #{$c};
+			}
+
+			@if mat.get-theme-type($theme) != dark {
+				--bui-color-success: #519602;
+				--bui-color-info: #0dcaf0;
+				--bui-color-warning: #ffc107;
+				--bui-color-error: #dc3545;
+			}
 		}
+	} @else {
+		@include legacy.apply-colors($theme);
 	}
 }
 
@@ -73,9 +77,7 @@ $mat-background-extract: (
 }
 
 @mixin theme($theme, $border-color-transition: $default-border-color-transition) {
-	@if (mat.get-theme-version($theme) != 1) {
-		@include legacy.theme($theme);
-	} @else {
+	@if (mat.get-theme-version($theme) == 1) {
 		@include apply-colors($theme, $border-color-transition);
 		@include stepper.theme($theme);
 		@include radio.theme($theme);
@@ -93,5 +95,7 @@ $mat-background-extract: (
 				font-size: 20px;
 			}
 		}
+	} @else {
+		@include legacy.theme($theme);
 	}
 }