@tylertech/forge 2.24.2 → 2.24.3

package/esm/stepper/step/step.js

@@ -12,8 +12,8 @@ import { StepFoundation } from './step-foundation';
 import { IconRegistry, IconComponent } from '../../icon';
 import { BaseComponent } from '../../core/base/base-component';
 import { ExpansionPanelComponent } from '../../expansion-panel';
-const template = '<template><div class=\"forge-step__container\" part=\"root\"><button class=\"forge-step\" type=\"button\" part=\"button\"><div class=\"before\" part=\"before\"></div><div class=\"forge-step__icon-container\" part=\"icon-container\"><div class=\"forge-step-icon-content\" part=\"icon-content\"><span class=\"forge-step-index\" part=\"index\"></span><forge-icon class=\"forge-step-icon\" part=\"icon\"></forge-icon></div></div><div class=\"forge-step__text-container\" part=\"text-container\"><div class=\"forge-step__title\" part=\"title-container\"><slot></slot></div><div class=\"forge-step__subtitle\" part=\"subtitle-container\"><slot name=\"optional\"></slot></div></div><div class=\"after\" part=\"after\"></div></button></div></template>';
-const styles = '@-webkit-keyframes mdc-ripple-fg-radius-in{from{-webkit-animation-timing-function:cubic-bezier(0.4,0,0.2,1);animation-timing-function:cubic-bezier(0.4,0,0.2,1);-webkit-transform:translate(var(--mdc-ripple-fg-translate-start,0)) scale(1);transform:translate(var(--mdc-ripple-fg-translate-start,0)) scale(1)}to{-webkit-transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1));transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1))}}@keyframes mdc-ripple-fg-radius-in{from{-webkit-animation-timing-function:cubic-bezier(0.4,0,0.2,1);animation-timing-function:cubic-bezier(0.4,0,0.2,1);-webkit-transform:translate(var(--mdc-ripple-fg-translate-start,0)) scale(1);transform:translate(var(--mdc-ripple-fg-translate-start,0)) scale(1)}to{-webkit-transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1));transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1))}}@-webkit-keyframes mdc-ripple-fg-opacity-in{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:0}to{opacity:var(--mdc-ripple-fg-opacity, 0)}}@keyframes mdc-ripple-fg-opacity-in{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:0}to{opacity:var(--mdc-ripple-fg-opacity, 0)}}@-webkit-keyframes mdc-ripple-fg-opacity-out{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:var(--mdc-ripple-fg-opacity, 0)}to{opacity:0}}@keyframes mdc-ripple-fg-opacity-out{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:var(--mdc-ripple-fg-opacity, 0)}to{opacity:0}}.mdc-ripple-surface{--mdc-ripple-fg-size:0;--mdc-ripple-left:0;--mdc-ripple-top:0;--mdc-ripple-fg-scale:1;--mdc-ripple-fg-translate-end:0;--mdc-ripple-fg-translate-start:0;-webkit-tap-highlight-color:transparent;will-change:transform,opacity;position:relative;outline:0;overflow:hidden}.mdc-ripple-surface::after,.mdc-ripple-surface::before{position:absolute;border-radius:50%;opacity:0;pointer-events:none;content:\"\"}.mdc-ripple-surface::before{-webkit-transition:opacity 15ms linear,background-color 15ms linear;transition:opacity 15ms linear,background-color 15ms linear;z-index:1;z-index:var(--mdc-ripple-z-index,1)}.mdc-ripple-surface::after{z-index:0;z-index:var(--mdc-ripple-z-index,0)}.mdc-ripple-surface.mdc-ripple-upgraded::before{-webkit-transform:scale(var(--mdc-ripple-fg-scale,1));transform:scale(var(--mdc-ripple-fg-scale,1))}.mdc-ripple-surface.mdc-ripple-upgraded::after{top:0;left:0;-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:center center;transform-origin:center center}.mdc-ripple-surface.mdc-ripple-upgraded--unbounded::after{top:var(--mdc-ripple-top,0);left:var(--mdc-ripple-left,0)}.mdc-ripple-surface.mdc-ripple-upgraded--foreground-activation::after{-webkit-animation:mdc-ripple-fg-radius-in 225ms forwards,mdc-ripple-fg-opacity-in 75ms forwards;animation:mdc-ripple-fg-radius-in 225ms forwards,mdc-ripple-fg-opacity-in 75ms forwards}.mdc-ripple-surface.mdc-ripple-upgraded--foreground-deactivation::after{-webkit-animation:mdc-ripple-fg-opacity-out 150ms;animation:mdc-ripple-fg-opacity-out 150ms;-webkit-transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1));transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1))}.mdc-ripple-surface::after,.mdc-ripple-surface::before{top:calc(50% - 100%);left:calc(50% - 100%);width:200%;height:200%}.mdc-ripple-surface.mdc-ripple-upgraded::after{width:var(--mdc-ripple-fg-size,100%);height:var(--mdc-ripple-fg-size,100%)}.mdc-ripple-surface[data-mdc-ripple-is-unbounded],.mdc-ripple-upgraded--unbounded{overflow:visible}.mdc-ripple-surface[data-mdc-ripple-is-unbounded]::after,.mdc-ripple-surface[data-mdc-ripple-is-unbounded]::before,.mdc-ripple-upgraded--unbounded::after,.mdc-ripple-upgraded--unbounded::before{top:calc(50% - 50%);left:calc(50% - 50%);width:100%;height:100%}.mdc-ripple-surface[data-mdc-ripple-is-unbounded].mdc-ripple-upgraded::after,.mdc-ripple-surface[data-mdc-ripple-is-unbounded].mdc-ripple-upgraded::before,.mdc-ripple-upgraded--unbounded.mdc-ripple-upgraded::after,.mdc-ripple-upgraded--unbounded.mdc-ripple-upgraded::before{top:var(--mdc-ripple-top,calc(50% - 50%));left:var(--mdc-ripple-left,calc(50% - 50%));width:var(--mdc-ripple-fg-size,100%);height:var(--mdc-ripple-fg-size,100%)}.mdc-ripple-surface[data-mdc-ripple-is-unbounded].mdc-ripple-upgraded::after,.mdc-ripple-upgraded--unbounded.mdc-ripple-upgraded::after{width:var(--mdc-ripple-fg-size,100%);height:var(--mdc-ripple-fg-size,100%)}.mdc-ripple-surface::after,.mdc-ripple-surface::before{background-color:#000;background-color:var(--mdc-ripple-color,#000)}.mdc-ripple-surface.mdc-ripple-surface--hover::before,.mdc-ripple-surface:hover::before{opacity:.04;opacity:var(--mdc-ripple-hover-opacity, .04)}.mdc-ripple-surface.mdc-ripple-upgraded--background-focused::before,.mdc-ripple-surface:not(.mdc-ripple-upgraded):focus::before{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.12;opacity:var(--mdc-ripple-focus-opacity, .12)}.mdc-ripple-surface:not(.mdc-ripple-upgraded)::after{-webkit-transition:opacity 150ms linear;transition:opacity 150ms linear}.mdc-ripple-surface:not(.mdc-ripple-upgraded):active::after{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.12;opacity:var(--mdc-ripple-press-opacity, .12)}.mdc-ripple-surface.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.12)}.forge-step{padding:12px 16px;outline:0;background:0 0;border:none;border-radius:14px;position:relative;display:-webkit-box;display:flex;overflow:hidden;-webkit-box-align:center;align-items:center;z-index:1;--mdc-ripple-fg-size:0;--mdc-ripple-left:0;--mdc-ripple-top:0;--mdc-ripple-fg-scale:1;--mdc-ripple-fg-translate-end:0;--mdc-ripple-fg-translate-start:0;-webkit-tap-highlight-color:transparent;will-change:transform,opacity;cursor:pointer}.forge-step:focus{outline:0}.forge-step::-moz-focus-inner,.forge-step::-moz-focus-outer{padding:0;border:0}.forge-step::after,.forge-step::before{position:absolute;border-radius:50%;opacity:0;pointer-events:none;content:\"\"}.forge-step::before{-webkit-transition:opacity 15ms linear,background-color 15ms linear;transition:opacity 15ms linear,background-color 15ms linear;z-index:1;z-index:var(--mdc-ripple-z-index,1)}.forge-step::after{z-index:0;z-index:var(--mdc-ripple-z-index,0)}.forge-step.mdc-ripple-upgraded::before{-webkit-transform:scale(var(--mdc-ripple-fg-scale,1));transform:scale(var(--mdc-ripple-fg-scale,1))}.forge-step.mdc-ripple-upgraded::after{top:0;left:0;-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:center center;transform-origin:center center}.forge-step.mdc-ripple-upgraded--unbounded::after{top:var(--mdc-ripple-top,0);left:var(--mdc-ripple-left,0)}.forge-step.mdc-ripple-upgraded--foreground-activation::after{-webkit-animation:mdc-ripple-fg-radius-in 225ms forwards,mdc-ripple-fg-opacity-in 75ms forwards;animation:mdc-ripple-fg-radius-in 225ms forwards,mdc-ripple-fg-opacity-in 75ms forwards}.forge-step.mdc-ripple-upgraded--foreground-deactivation::after{-webkit-animation:mdc-ripple-fg-opacity-out 150ms;animation:mdc-ripple-fg-opacity-out 150ms;-webkit-transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1));transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1))}.forge-step::after,.forge-step::before{top:calc(50% - 100%);left:calc(50% - 100%);width:200%;height:200%}.forge-step.mdc-ripple-upgraded::after{width:var(--mdc-ripple-fg-size,100%);height:var(--mdc-ripple-fg-size,100%)}.forge-step::after,.forge-step::before{background-color:#000;background-color:var(--mdc-ripple-color,#000)}.forge-step.mdc-ripple-surface--hover::before,.forge-step:hover::before{opacity:.04;opacity:var(--mdc-ripple-hover-opacity, .04)}.forge-step.mdc-ripple-upgraded--background-focused::before,.forge-step:not(.mdc-ripple-upgraded):focus::before{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.12;opacity:var(--mdc-ripple-focus-opacity, .12)}.forge-step:not(.mdc-ripple-upgraded)::after{-webkit-transition:opacity 150ms linear;transition:opacity 150ms linear}.forge-step:not(.mdc-ripple-upgraded):active::after{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.12;opacity:var(--mdc-ripple-press-opacity, .12)}.forge-step.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.12)}.forge-step--selected::before{opacity:.08;opacity:var(--mdc-ripple-selected-opacity, .08)}.forge-step--selected::after,.forge-step--selected::before{background-color:#3f51b5;background-color:var(--mdc-ripple-color,var(--mdc-theme-primary,#3f51b5))}.forge-step--selected.mdc-ripple-surface--hover::before,.forge-step--selected:hover::before{opacity:.12;opacity:var(--mdc-ripple-hover-opacity, .12)}.forge-step--selected.mdc-ripple-upgraded--background-focused::before,.forge-step--selected:not(.mdc-ripple-upgraded):focus::before{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.2;opacity:var(--mdc-ripple-focus-opacity, .2)}.forge-step--selected:not(.mdc-ripple-upgraded)::after{-webkit-transition:opacity 150ms linear;transition:opacity 150ms linear}.forge-step--selected:not(.mdc-ripple-upgraded):active::after{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.2;opacity:var(--mdc-ripple-press-opacity, .2)}.forge-step--selected.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.2)}.forge-step.forge-step--error.forge-step--selected::before{opacity:.08;opacity:var(--mdc-ripple-selected-opacity, .08)}.forge-step.forge-step--error.forge-step--selected::after,.forge-step.forge-step--error.forge-step--selected::before{background-color:#b00020;background-color:var(--mdc-ripple-color,var(--mdc-theme-error,#b00020))}.forge-step.forge-step--error.forge-step--selected.mdc-ripple-surface--hover::before,.forge-step.forge-step--error.forge-step--selected:hover::before{opacity:.12;opacity:var(--mdc-ripple-hover-opacity, .12)}.forge-step.forge-step--error.forge-step--selected.mdc-ripple-upgraded--background-focused::before,.forge-step.forge-step--error.forge-step--selected:not(.mdc-ripple-upgraded):focus::before{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.2;opacity:var(--mdc-ripple-focus-opacity, .2)}.forge-step.forge-step--error.forge-step--selected:not(.mdc-ripple-upgraded)::after{-webkit-transition:opacity 150ms linear;transition:opacity 150ms linear}.forge-step.forge-step--error.forge-step--selected:not(.mdc-ripple-upgraded):active::after{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.2;opacity:var(--mdc-ripple-press-opacity, .2)}.forge-step.forge-step--error.forge-step--selected.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.2)}.forge-step--selected{color:#3f51b5;color:var(--mdc-theme-primary,#3f51b5)}.forge-step--disabled::after,.forge-step--disabled::before{background-color:transparent}.forge-step__container{display:contents}.forge-step__expansion-panel{display:none}.forge-step__expanded-icon{color:#757575;color:var(--forge-theme-icon-color,#757575);display:none;margin-left:auto}.forge-step__title{color:rgba(0,0,0,.87);color:var(--mdc-theme-text-primary-on-background,rgba(0,0,0,.87));-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto,sans-serif;font-family:var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:.875rem;font-size:var(--mdc-typography-body2-font-size, .875rem);line-height:1.25rem;line-height:var(--mdc-typography-body2-line-height, 1.25rem);font-weight:400;font-weight:var(--mdc-typography-body2-font-weight,400);letter-spacing:.0178571429em;letter-spacing:var(--mdc-typography-body2-letter-spacing, .0178571429em);text-decoration:inherit;-webkit-text-decoration:var(--mdc-typography-body2-text-decoration,inherit);text-decoration:var(--mdc-typography-body2-text-decoration,inherit);text-transform:inherit;text-transform:var(--mdc-typography-body2-text-transform,inherit);text-align:left;overflow:hidden;text-overflow:ellipsis}.forge-step__subtitle{text-align:left;overflow:hidden;text-overflow:ellipsis}.forge-step__subtitle ::slotted(*){color:rgba(0,0,0,.54);color:var(--mdc-theme-text-secondary-on-background,rgba(0,0,0,.54));-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto,sans-serif;font-family:var(--mdc-typography-caption-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:.75rem;font-size:var(--mdc-typography-caption-font-size, .75rem);line-height:1.25rem;line-height:var(--mdc-typography-caption-line-height, 1.25rem);font-weight:400;font-weight:var(--mdc-typography-caption-font-weight,400);letter-spacing:.0333333333em;letter-spacing:var(--mdc-typography-caption-letter-spacing, .0333333333em);text-decoration:inherit;-webkit-text-decoration:var(--mdc-typography-caption-text-decoration,inherit);text-decoration:var(--mdc-typography-caption-text-decoration,inherit);text-transform:inherit;text-transform:var(--mdc-typography-caption-text-transform,inherit)}.forge-step__icon-container .forge-step-icon-content{border-style:solid;border-width:2px;border-color:transparent;display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;border-radius:50%;height:24px;width:24px;font-size:14px;-webkit-transition:background-color .4s cubic-bezier(.25, .8, .25, 1);transition:background-color .4s cubic-bezier(.25, .8, .25, 1);margin:0 8px 0 0;-webkit-box-flex:0;flex:none}.forge-step__icon-container .forge-step-icon-content forge-icon{font-size:14px}.forge-step:not(.forge-step--disabled) .forge-step-icon-content{color:rgba(0,0,0,.87);color:var(--mdc-theme-text-primary-on-background,rgba(0,0,0,.87))}.forge-step--disabled{cursor:not-allowed;color:rgba(0,0,0,.6);color:var(--forge-theme-form-field-text-disabled-on-background,rgba(0,0,0,.6))}.forge-step--disabled.forge-step .forge-step__icon-container .forge-step-icon-content{color:rgba(0,0,0,.38);color:var(--mdc-theme-text-disabled-on-light,rgba(0,0,0,.38));background-color:#f5f5f5;background-color:var(--forge-theme-form-field-disabled-on-background,#f5f5f5)}.forge-step--disabled .forge-step__text-container .forge-step__title{color:rgba(0,0,0,.6);color:var(--forge-theme-form-field-text-disabled-on-background,rgba(0,0,0,.6))}.forge-step--disabled .forge-step__text-container .forge-step__subtitle ::slotted(*){color:rgba(0,0,0,.6);color:var(--forge-theme-form-field-text-disabled-on-background,rgba(0,0,0,.6))}.forge-step--alternative{-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column}.forge-step--alternative .forge-step__icon-container .forge-step-icon-content{margin:0}.forge-step--alternative .forge-step__text-container{margin-top:8px;place-items:center}.forge-step:not(.forge-step--selected):not(.forge-step--disabled).forge-step--editable:not(.forge-step--completed):not(.forge-step--error) .forge-step-icon-content,.forge-step:not(.forge-step--selected):not(.forge-step--disabled):not(.forge-step--editable):not(.forge-step--completed):not(.forge-step--error) .forge-step-icon-content{border-color:#3f51b5;border-color:var(--mdc-theme-primary,#3f51b5)}.forge-step:not(.forge-step--selected):not(.forge-step--disabled).forge-step--editable:not(.forge-step--completed):not(.forge-step--error) .forge-step-icon-content .forge-step-index,.forge-step:not(.forge-step--selected):not(.forge-step--disabled):not(.forge-step--editable):not(.forge-step--completed):not(.forge-step--error) .forge-step-icon-content .forge-step-index{color:#3f51b5;color:var(--mdc-theme-primary,#3f51b5)}.forge-step--selected.forge-step--disabled .forge-step-icon-content{color:rgba(0,0,0,.38);color:var(--mdc-theme-text-disabled-on-light,rgba(0,0,0,.38));background-color:#f5f5f5;background-color:var(--forge-theme-form-field-disabled-on-background,#f5f5f5)}.forge-step--selected:not(.forge-step--disabled) .forge-step__icon-container .forge-step-icon-content{background-color:#3f51b5;background-color:var(--mdc-theme-primary,#3f51b5);color:#fff;color:var(--mdc-theme-on-primary,#fff)}.forge-step--selected:not(.forge-step--disabled) .forge-step__title{color:#3f51b5;color:var(--mdc-theme-primary,#3f51b5);font-weight:500}.forge-step--selected:not(.forge-step--disabled) .forge-step__subtitle ::slotted(*){color:#3f51b5;color:var(--mdc-theme-primary,#3f51b5);font-weight:500}.forge-step--error:not(.forge-step--disabled) .forge-step__title{color:#b00020;color:var(--mdc-theme-error,#b00020)}.forge-step--error:not(.forge-step--disabled) .forge-step__subtitle ::slotted(*){color:#b00020;color:var(--mdc-theme-error,#b00020)}.forge-step--error:not(.forge-step--disabled) .forge-step__icon-container .forge-step-icon-content{background-color:#b00020;background-color:var(--mdc-theme-error,#b00020);color:#fff;color:var(--mdc-theme-on-error,#fff)}.forge-step--completed:not(.forge-step--disabled):not(.forge-step--error):not(.forge-step--editable) .forge-step-icon-content{background-color:#3f51b5;background-color:var(--mdc-theme-primary,#3f51b5);color:#fff;color:var(--mdc-theme-on-primary,#fff)}.forge-step--completed:not(.forge-step--disabled):not(.forge-step--error).forge-step--editable .forge-step-icon-content{background-color:#3f51b5;background-color:var(--mdc-theme-primary,#3f51b5);color:#fff;color:var(--mdc-theme-on-primary,#fff)}.forge-step--expandable .forge-step__expanded-icon{display:inline-block;-webkit-transition:-webkit-transform .3s ease-in-out;transition:-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out;transition:transform .3s ease-in-out,-webkit-transform .3s ease-in-out}.forge-step--expandable.forge-step--expanded .forge-step__expanded-icon{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.forge-step--expandable .forge-step__icon-container .forge-step-icon-content{margin:0 16px 0 0}.forge-step__text-container{display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host(:first-child[alternative])::after{align-self:flex-start;top:22px;margin:0}:host(:last-child[alternative])::before{align-self:flex-start;top:22px;margin:0}:host(:not(:first-child):not(:last-child)[alternative])::after,:host(:not(:first-child):not(:last-child)[alternative])::before{align-self:flex-start;top:22px;min-width:7px;margin:0}:host(:not(:last-child)[alternative]) .after{align-self:flex-start;top:22px;position:absolute;width:calc(50% - 18px);left:calc(50% + 18px);height:0;right:0}:host(:not(:last-child)[alternative]) .after::after{content:\"\";-webkit-box-flex:1;flex:1;flex-basis:0.000000001px;position:absolute;right:0;left:0;min-width:0;width:100%;border-top-color:#e0e0e0;border-top-color:var(--forge-theme-border-color,#e0e0e0);border-top-style:solid;border-top-width:1px;border-radius:1px 0 0 1px}:host(:not(:first-child)[alternative]) .before{align-self:flex-start;top:22px;position:absolute;left:0;width:calc(50% - 18px);height:0}:host(:not(:first-child)[alternative]) .before::before{content:\"\";left:0;min-width:0;width:100%;-webkit-box-flex:1;flex:1;flex-basis:0.000000001px;position:absolute;border-top-color:#e0e0e0;border-top-color:var(--forge-theme-border-color,#e0e0e0);border-top-style:solid;border-top-width:1px;border-radius:1px 0 0 1px}:host(:not(:first-child):not(:last-child)):host(:not([vertical]))::after,:host(:not(:first-child):not(:last-child)):host(:not([vertical]))::before{border-top-color:#e0e0e0;border-top-color:var(--forge-theme-border-color,#e0e0e0);content:\"\";position:relative;height:0;min-width:10px;-webkit-box-flex:1;flex:1;flex-basis:0.000000001px;border-top-style:solid;border-top-width:1px;border-radius:1px 0 0 1px;margin:0 -10px}:host(:last-child):host(:not([vertical]))::before{border-top-color:#e0e0e0;border-top-color:var(--forge-theme-border-color,#e0e0e0);content:\"\";position:relative;height:0;min-width:10px;-webkit-box-flex:1;flex:1;flex-basis:0.000000001px;border-top-style:solid;border-top-width:1px;border-radius:1px 0 0 1px;margin:0 -10px 0 0}:host(:not(:last-child)):host(:not([vertical]))::after{border-top-color:#e0e0e0;border-top-color:var(--forge-theme-border-color,#e0e0e0);content:\"\";position:relative;height:0;min-width:10px;-webkit-box-flex:1;flex:1;flex-basis:0.000000001px;border-top-style:solid;border-top-width:1px;border-radius:1px 0 0 1px;margin:0 0 0 -10px}:host(:focus){outline:0}:host([vertical]){-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column}:host([vertical])::after{content:none}:host([vertical])::before{content:none}:host([vertical]) .forge-step{width:100%;border-radius:4px;min-height:52px}:host([vertical]) .forge-step__text-container{white-space:normal}:host([vertical]) .forge-step__icon-container .forge-step-icon-content{margin:0 16px 0 0}:host([vertical][expandable]) .forge-step__expansion-panel{display:block}:host([ignore-user-expansion]) .forge-step__expanded-icon{display:none}forge-expansion-panel::part(root){border-left-style:solid;border-color:#e0e0e0;border-color:var(--forge-theme-border-color,#e0e0e0);border-left-width:1px;border-left-width:var(--forge-step-expansion-panel-border-left-width,1px);margin-left:60px;margin-left:var(--forge-step-expansion-panel-margin-left,60px);margin-top:4px;margin-top:var(--forge-step-expansion-panel-margin-top,4px);margin-bottom:4px;margin-bottom:var(--forge-step-expansion-panel-margin-bottom,4px)}:host(:not(:last-child)[clustered])::after{min-width:25px}:host(:last-child[clustered])::before{min-width:25px}:host(:not(:first-child):not(:last-child)[clustered])::after,:host(:not(:first-child):not(:last-child)[clustered])::before{min-width:25px}:host(:not(:last-child)[safari][alternative])::after{top:24px;margin:0 -5px}:host(:last-child[safari][alternative])::before{top:24px;margin:0 -5px}:host(:not(:first-child):not(:last-child)[safari][alternative])::after,:host(:not(:first-child):not(:last-child)[safari][alternative])::before{top:24px;margin:0 -5px}';
+const template = '<template><div class=\"forge-step__container\" part=\"root\"><div class=\"forge-step\" part=\"button\"><div class=\"before\" part=\"before\"></div><div class=\"forge-step__icon-container\" part=\"icon-container\"><div class=\"forge-step-icon-content\" part=\"icon-content\"><span class=\"forge-step-index\" part=\"index\"></span><forge-icon class=\"forge-step-icon\" part=\"icon\"></forge-icon></div></div><div class=\"forge-step__text-container\" part=\"text-container\"><div class=\"forge-step__title\" part=\"title-container\"><slot></slot></div><div class=\"forge-step__subtitle\" part=\"subtitle-container\"><slot name=\"optional\"></slot></div></div><div class=\"after\" part=\"after\"></div><span class=\"forge-step__ripple\"></span></div></div></template>';
+const styles = '@-webkit-keyframes mdc-ripple-fg-radius-in{from{-webkit-animation-timing-function:cubic-bezier(0.4,0,0.2,1);animation-timing-function:cubic-bezier(0.4,0,0.2,1);-webkit-transform:translate(var(--mdc-ripple-fg-translate-start,0)) scale(1);transform:translate(var(--mdc-ripple-fg-translate-start,0)) scale(1)}to{-webkit-transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1));transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1))}}@keyframes mdc-ripple-fg-radius-in{from{-webkit-animation-timing-function:cubic-bezier(0.4,0,0.2,1);animation-timing-function:cubic-bezier(0.4,0,0.2,1);-webkit-transform:translate(var(--mdc-ripple-fg-translate-start,0)) scale(1);transform:translate(var(--mdc-ripple-fg-translate-start,0)) scale(1)}to{-webkit-transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1));transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1))}}@-webkit-keyframes mdc-ripple-fg-opacity-in{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:0}to{opacity:var(--mdc-ripple-fg-opacity, 0)}}@keyframes mdc-ripple-fg-opacity-in{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:0}to{opacity:var(--mdc-ripple-fg-opacity, 0)}}@-webkit-keyframes mdc-ripple-fg-opacity-out{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:var(--mdc-ripple-fg-opacity, 0)}to{opacity:0}}@keyframes mdc-ripple-fg-opacity-out{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:var(--mdc-ripple-fg-opacity, 0)}to{opacity:0}}.mdc-ripple-surface{--mdc-ripple-fg-size:0;--mdc-ripple-left:0;--mdc-ripple-top:0;--mdc-ripple-fg-scale:1;--mdc-ripple-fg-translate-end:0;--mdc-ripple-fg-translate-start:0;-webkit-tap-highlight-color:transparent;will-change:transform,opacity;position:relative;outline:0;overflow:hidden}.mdc-ripple-surface::after,.mdc-ripple-surface::before{position:absolute;border-radius:50%;opacity:0;pointer-events:none;content:\"\"}.mdc-ripple-surface::before{-webkit-transition:opacity 15ms linear,background-color 15ms linear;transition:opacity 15ms linear,background-color 15ms linear;z-index:1;z-index:var(--mdc-ripple-z-index,1)}.mdc-ripple-surface::after{z-index:0;z-index:var(--mdc-ripple-z-index,0)}.mdc-ripple-surface.mdc-ripple-upgraded::before{-webkit-transform:scale(var(--mdc-ripple-fg-scale,1));transform:scale(var(--mdc-ripple-fg-scale,1))}.mdc-ripple-surface.mdc-ripple-upgraded::after{top:0;left:0;-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:center center;transform-origin:center center}.mdc-ripple-surface.mdc-ripple-upgraded--unbounded::after{top:var(--mdc-ripple-top,0);left:var(--mdc-ripple-left,0)}.mdc-ripple-surface.mdc-ripple-upgraded--foreground-activation::after{-webkit-animation:mdc-ripple-fg-radius-in 225ms forwards,mdc-ripple-fg-opacity-in 75ms forwards;animation:mdc-ripple-fg-radius-in 225ms forwards,mdc-ripple-fg-opacity-in 75ms forwards}.mdc-ripple-surface.mdc-ripple-upgraded--foreground-deactivation::after{-webkit-animation:mdc-ripple-fg-opacity-out 150ms;animation:mdc-ripple-fg-opacity-out 150ms;-webkit-transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1));transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1))}.mdc-ripple-surface::after,.mdc-ripple-surface::before{top:calc(50% - 100%);left:calc(50% - 100%);width:200%;height:200%}.mdc-ripple-surface.mdc-ripple-upgraded::after{width:var(--mdc-ripple-fg-size,100%);height:var(--mdc-ripple-fg-size,100%)}.mdc-ripple-surface[data-mdc-ripple-is-unbounded],.mdc-ripple-upgraded--unbounded{overflow:visible}.mdc-ripple-surface[data-mdc-ripple-is-unbounded]::after,.mdc-ripple-surface[data-mdc-ripple-is-unbounded]::before,.mdc-ripple-upgraded--unbounded::after,.mdc-ripple-upgraded--unbounded::before{top:calc(50% - 50%);left:calc(50% - 50%);width:100%;height:100%}.mdc-ripple-surface[data-mdc-ripple-is-unbounded].mdc-ripple-upgraded::after,.mdc-ripple-surface[data-mdc-ripple-is-unbounded].mdc-ripple-upgraded::before,.mdc-ripple-upgraded--unbounded.mdc-ripple-upgraded::after,.mdc-ripple-upgraded--unbounded.mdc-ripple-upgraded::before{top:var(--mdc-ripple-top,calc(50% - 50%));left:var(--mdc-ripple-left,calc(50% - 50%));width:var(--mdc-ripple-fg-size,100%);height:var(--mdc-ripple-fg-size,100%)}.mdc-ripple-surface[data-mdc-ripple-is-unbounded].mdc-ripple-upgraded::after,.mdc-ripple-upgraded--unbounded.mdc-ripple-upgraded::after{width:var(--mdc-ripple-fg-size,100%);height:var(--mdc-ripple-fg-size,100%)}.mdc-ripple-surface::after,.mdc-ripple-surface::before{background-color:#000;background-color:var(--mdc-ripple-color,#000)}.mdc-ripple-surface.mdc-ripple-surface--hover::before,.mdc-ripple-surface:hover::before{opacity:.04;opacity:var(--mdc-ripple-hover-opacity, .04)}.mdc-ripple-surface.mdc-ripple-upgraded--background-focused::before,.mdc-ripple-surface:not(.mdc-ripple-upgraded):focus::before{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.12;opacity:var(--mdc-ripple-focus-opacity, .12)}.mdc-ripple-surface:not(.mdc-ripple-upgraded)::after{-webkit-transition:opacity 150ms linear;transition:opacity 150ms linear}.mdc-ripple-surface:not(.mdc-ripple-upgraded):active::after{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.12;opacity:var(--mdc-ripple-press-opacity, .12)}.mdc-ripple-surface.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.12)}.mdc-ripple-surface::after,.mdc-ripple-surface::before{--mdc-ripple-color:var(--mdc-theme-on-surface)}.forge-step{padding:12px 16px;outline:0;background:0 0;border:none;border-radius:14px;position:relative;display:-webkit-box;display:flex;overflow:hidden;-webkit-box-align:center;align-items:center;z-index:1}.forge-step:focus{outline:0}.forge-step::-moz-focus-inner,.forge-step::-moz-focus-outer{padding:0;border:0}.forge-step__container{display:contents}.forge-step__expansion-panel{display:none}.forge-step__expanded-icon{color:#757575;color:var(--forge-theme-icon-color,#757575);display:none;margin-left:auto}.forge-step__title{color:rgba(0,0,0,.87);color:var(--mdc-theme-text-primary-on-background,rgba(0,0,0,.87));-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto,sans-serif;font-family:var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:.875rem;font-size:var(--mdc-typography-body2-font-size, .875rem);line-height:1.25rem;line-height:var(--mdc-typography-body2-line-height, 1.25rem);font-weight:400;font-weight:var(--mdc-typography-body2-font-weight,400);letter-spacing:.0178571429em;letter-spacing:var(--mdc-typography-body2-letter-spacing, .0178571429em);text-decoration:inherit;-webkit-text-decoration:var(--mdc-typography-body2-text-decoration,inherit);text-decoration:var(--mdc-typography-body2-text-decoration,inherit);text-transform:inherit;text-transform:var(--mdc-typography-body2-text-transform,inherit);text-align:left;overflow:hidden;text-overflow:ellipsis}.forge-step__subtitle{text-align:left;overflow:hidden;text-overflow:ellipsis}.forge-step__subtitle ::slotted(*){color:rgba(0,0,0,.54);color:var(--mdc-theme-text-secondary-on-background,rgba(0,0,0,.54));-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto,sans-serif;font-family:var(--mdc-typography-caption-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:.75rem;font-size:var(--mdc-typography-caption-font-size, .75rem);line-height:1.25rem;line-height:var(--mdc-typography-caption-line-height, 1.25rem);font-weight:400;font-weight:var(--mdc-typography-caption-font-weight,400);letter-spacing:.0333333333em;letter-spacing:var(--mdc-typography-caption-letter-spacing, .0333333333em);text-decoration:inherit;-webkit-text-decoration:var(--mdc-typography-caption-text-decoration,inherit);text-decoration:var(--mdc-typography-caption-text-decoration,inherit);text-transform:inherit;text-transform:var(--mdc-typography-caption-text-transform,inherit)}.forge-step__ripple{--mdc-ripple-fg-size:0;--mdc-ripple-left:0;--mdc-ripple-top:0;--mdc-ripple-fg-scale:1;--mdc-ripple-fg-translate-end:0;--mdc-ripple-fg-translate-start:0;-webkit-tap-highlight-color:transparent;will-change:transform,opacity;cursor:pointer;position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;border-radius:inherit}.forge-step__ripple::after,.forge-step__ripple::before{position:absolute;border-radius:50%;opacity:0;pointer-events:none;content:\"\"}.forge-step__ripple::before{-webkit-transition:opacity 15ms linear,background-color 15ms linear;transition:opacity 15ms linear,background-color 15ms linear;z-index:1;z-index:var(--mdc-ripple-z-index,1)}.forge-step__ripple::after{z-index:0;z-index:var(--mdc-ripple-z-index,0)}.forge-step__ripple.mdc-ripple-upgraded::before{-webkit-transform:scale(var(--mdc-ripple-fg-scale,1));transform:scale(var(--mdc-ripple-fg-scale,1))}.forge-step__ripple.mdc-ripple-upgraded::after{top:0;left:0;-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:center center;transform-origin:center center}.forge-step__ripple.mdc-ripple-upgraded--unbounded::after{top:var(--mdc-ripple-top,0);left:var(--mdc-ripple-left,0)}.forge-step__ripple.mdc-ripple-upgraded--foreground-activation::after{-webkit-animation:mdc-ripple-fg-radius-in 225ms forwards,mdc-ripple-fg-opacity-in 75ms forwards;animation:mdc-ripple-fg-radius-in 225ms forwards,mdc-ripple-fg-opacity-in 75ms forwards}.forge-step__ripple.mdc-ripple-upgraded--foreground-deactivation::after{-webkit-animation:mdc-ripple-fg-opacity-out 150ms;animation:mdc-ripple-fg-opacity-out 150ms;-webkit-transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1));transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1))}.forge-step__ripple::after,.forge-step__ripple::before{top:calc(50% - 100%);left:calc(50% - 100%);width:200%;height:200%}.forge-step__ripple.mdc-ripple-upgraded::after{width:var(--mdc-ripple-fg-size,100%);height:var(--mdc-ripple-fg-size,100%)}.forge-step__ripple::after,.forge-step__ripple::before{background-color:#000;background-color:var(--mdc-ripple-color,#000)}.forge-step__ripple.mdc-ripple-surface--hover::before,.forge-step__ripple:hover::before{opacity:.04;opacity:var(--mdc-ripple-hover-opacity, .04)}.forge-step__ripple.mdc-ripple-upgraded--background-focused::before,.forge-step__ripple:not(.mdc-ripple-upgraded):focus::before{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.12;opacity:var(--mdc-ripple-focus-opacity, .12)}.forge-step__ripple:not(.mdc-ripple-upgraded)::after{-webkit-transition:opacity 150ms linear;transition:opacity 150ms linear}.forge-step__ripple:not(.mdc-ripple-upgraded):active::after{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.12;opacity:var(--mdc-ripple-press-opacity, .12)}.forge-step__ripple.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.12)}.forge-step__ripple--selected::before{opacity:.08;opacity:var(--mdc-ripple-selected-opacity, .08)}.forge-step__ripple--selected::after,.forge-step__ripple--selected::before{background-color:#3f51b5;background-color:var(--mdc-ripple-color,var(--mdc-theme-primary,#3f51b5))}.forge-step__ripple--selected.mdc-ripple-surface--hover::before,.forge-step__ripple--selected:hover::before{opacity:.12;opacity:var(--mdc-ripple-hover-opacity, .12)}.forge-step__ripple--selected.mdc-ripple-upgraded--background-focused::before,.forge-step__ripple--selected:not(.mdc-ripple-upgraded):focus::before{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.2;opacity:var(--mdc-ripple-focus-opacity, .2)}.forge-step__ripple--selected:not(.mdc-ripple-upgraded)::after{-webkit-transition:opacity 150ms linear;transition:opacity 150ms linear}.forge-step__ripple--selected:not(.mdc-ripple-upgraded):active::after{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.2;opacity:var(--mdc-ripple-press-opacity, .2)}.forge-step__ripple--selected.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.2)}.forge-step__ripple.forge-step--error.forge-step--selected::before{opacity:.08;opacity:var(--mdc-ripple-selected-opacity, .08)}.forge-step__ripple.forge-step--error.forge-step--selected::after,.forge-step__ripple.forge-step--error.forge-step--selected::before{background-color:#b00020;background-color:var(--mdc-ripple-color,var(--mdc-theme-error,#b00020))}.forge-step__ripple.forge-step--error.forge-step--selected.mdc-ripple-surface--hover::before,.forge-step__ripple.forge-step--error.forge-step--selected:hover::before{opacity:.12;opacity:var(--mdc-ripple-hover-opacity, .12)}.forge-step__ripple.forge-step--error.forge-step--selected.mdc-ripple-upgraded--background-focused::before,.forge-step__ripple.forge-step--error.forge-step--selected:not(.mdc-ripple-upgraded):focus::before{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.2;opacity:var(--mdc-ripple-focus-opacity, .2)}.forge-step__ripple.forge-step--error.forge-step--selected:not(.mdc-ripple-upgraded)::after{-webkit-transition:opacity 150ms linear;transition:opacity 150ms linear}.forge-step__ripple.forge-step--error.forge-step--selected:not(.mdc-ripple-upgraded):active::after{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.2;opacity:var(--mdc-ripple-press-opacity, .2)}.forge-step__ripple.forge-step--error.forge-step--selected.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.2)}.forge-step__ripple--selected{color:#3f51b5;color:var(--mdc-theme-primary,#3f51b5)}.forge-step__ripple--disabled::after,.forge-step__ripple--disabled::before{background-color:transparent}.forge-step__icon-container .forge-step-icon-content{border-style:solid;border-width:2px;border-color:transparent;display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;border-radius:50%;height:24px;width:24px;font-size:14px;-webkit-transition:background-color .4s cubic-bezier(.25, .8, .25, 1);transition:background-color .4s cubic-bezier(.25, .8, .25, 1);margin:0 8px 0 0;-webkit-box-flex:0;flex:none}.forge-step__icon-container .forge-step-icon-content forge-icon{font-size:14px}.forge-step:not(.forge-step--disabled) .forge-step-icon-content{color:rgba(0,0,0,.87);color:var(--mdc-theme-text-primary-on-background,rgba(0,0,0,.87))}.forge-step--disabled{cursor:not-allowed;color:rgba(0,0,0,.6);color:var(--forge-theme-form-field-text-disabled-on-background,rgba(0,0,0,.6))}.forge-step--disabled.forge-step .forge-step__icon-container .forge-step-icon-content{color:rgba(0,0,0,.38);color:var(--mdc-theme-text-disabled-on-light,rgba(0,0,0,.38));background-color:#f5f5f5;background-color:var(--forge-theme-form-field-disabled-on-background,#f5f5f5)}.forge-step--disabled .forge-step__text-container .forge-step__title{color:rgba(0,0,0,.6);color:var(--forge-theme-form-field-text-disabled-on-background,rgba(0,0,0,.6))}.forge-step--disabled .forge-step__text-container .forge-step__subtitle ::slotted(*){color:rgba(0,0,0,.6);color:var(--forge-theme-form-field-text-disabled-on-background,rgba(0,0,0,.6))}.forge-step--alternative{-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column}.forge-step--alternative .forge-step__icon-container .forge-step-icon-content{margin:0}.forge-step--alternative .forge-step__text-container{margin-top:8px;place-items:center}.forge-step:not(.forge-step--selected):not(.forge-step--disabled).forge-step--editable:not(.forge-step--completed):not(.forge-step--error) .forge-step-icon-content,.forge-step:not(.forge-step--selected):not(.forge-step--disabled):not(.forge-step--editable):not(.forge-step--completed):not(.forge-step--error) .forge-step-icon-content{border-color:#3f51b5;border-color:var(--mdc-theme-primary,#3f51b5)}.forge-step:not(.forge-step--selected):not(.forge-step--disabled).forge-step--editable:not(.forge-step--completed):not(.forge-step--error) .forge-step-icon-content .forge-step-index,.forge-step:not(.forge-step--selected):not(.forge-step--disabled):not(.forge-step--editable):not(.forge-step--completed):not(.forge-step--error) .forge-step-icon-content .forge-step-index{color:#3f51b5;color:var(--mdc-theme-primary,#3f51b5)}.forge-step--selected.forge-step--disabled .forge-step-icon-content{color:rgba(0,0,0,.38);color:var(--mdc-theme-text-disabled-on-light,rgba(0,0,0,.38));background-color:#f5f5f5;background-color:var(--forge-theme-form-field-disabled-on-background,#f5f5f5)}.forge-step--selected:not(.forge-step--disabled) .forge-step__icon-container .forge-step-icon-content{background-color:#3f51b5;background-color:var(--mdc-theme-primary,#3f51b5);color:#fff;color:var(--mdc-theme-on-primary,#fff)}.forge-step--selected:not(.forge-step--disabled) .forge-step__title{color:#3f51b5;color:var(--mdc-theme-primary,#3f51b5);font-weight:500}.forge-step--selected:not(.forge-step--disabled) .forge-step__subtitle ::slotted(*){color:#3f51b5;color:var(--mdc-theme-primary,#3f51b5);font-weight:500}.forge-step--error:not(.forge-step--disabled) .forge-step__title{color:#b00020;color:var(--mdc-theme-error,#b00020)}.forge-step--error:not(.forge-step--disabled) .forge-step__subtitle ::slotted(*){color:#b00020;color:var(--mdc-theme-error,#b00020)}.forge-step--error:not(.forge-step--disabled) .forge-step__icon-container .forge-step-icon-content{background-color:#b00020;background-color:var(--mdc-theme-error,#b00020);color:#fff;color:var(--mdc-theme-on-error,#fff)}.forge-step--completed:not(.forge-step--disabled):not(.forge-step--error):not(.forge-step--editable) .forge-step-icon-content{background-color:#3f51b5;background-color:var(--mdc-theme-primary,#3f51b5);color:#fff;color:var(--mdc-theme-on-primary,#fff)}.forge-step--completed:not(.forge-step--disabled):not(.forge-step--error).forge-step--editable .forge-step-icon-content{background-color:#3f51b5;background-color:var(--mdc-theme-primary,#3f51b5);color:#fff;color:var(--mdc-theme-on-primary,#fff)}.forge-step--expandable .forge-step__expanded-icon{display:inline-block;-webkit-transition:-webkit-transform .3s ease-in-out;transition:-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out;transition:transform .3s ease-in-out,-webkit-transform .3s ease-in-out}.forge-step--expandable.forge-step--expanded .forge-step__expanded-icon{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.forge-step--expandable .forge-step__icon-container .forge-step-icon-content{margin:0 16px 0 0}.forge-step__text-container{display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host(:first-child[alternative])::after{align-self:flex-start;top:22px;margin:0}:host(:last-child[alternative])::before{align-self:flex-start;top:22px;margin:0}:host(:not(:first-child):not(:last-child)[alternative])::after,:host(:not(:first-child):not(:last-child)[alternative])::before{align-self:flex-start;top:22px;min-width:7px;margin:0}:host(:not(:last-child)[alternative]) .after{align-self:flex-start;top:22px;position:absolute;width:calc(50% - 18px);left:calc(50% + 18px);height:0;right:0}:host(:not(:last-child)[alternative]) .after::after{content:\"\";-webkit-box-flex:1;flex:1;flex-basis:0.000000001px;position:absolute;right:0;left:0;min-width:0;width:100%;border-top-color:#e0e0e0;border-top-color:var(--forge-theme-border-color,#e0e0e0);border-top-style:solid;border-top-width:1px;border-radius:1px 0 0 1px}:host(:not(:first-child)[alternative]) .before{align-self:flex-start;top:22px;position:absolute;left:0;width:calc(50% - 18px);height:0}:host(:not(:first-child)[alternative]) .before::before{content:\"\";left:0;min-width:0;width:100%;-webkit-box-flex:1;flex:1;flex-basis:0.000000001px;position:absolute;border-top-color:#e0e0e0;border-top-color:var(--forge-theme-border-color,#e0e0e0);border-top-style:solid;border-top-width:1px;border-radius:1px 0 0 1px}:host(:not(:first-child):not(:last-child)):host(:not([vertical]))::after,:host(:not(:first-child):not(:last-child)):host(:not([vertical]))::before{border-top-color:#e0e0e0;border-top-color:var(--forge-theme-border-color,#e0e0e0);content:\"\";position:relative;height:0;min-width:10px;-webkit-box-flex:1;flex:1;flex-basis:0.000000001px;border-top-style:solid;border-top-width:1px;border-radius:1px 0 0 1px;margin:0 -10px}:host(:last-child):host(:not([vertical]))::before{border-top-color:#e0e0e0;border-top-color:var(--forge-theme-border-color,#e0e0e0);content:\"\";position:relative;height:0;min-width:10px;-webkit-box-flex:1;flex:1;flex-basis:0.000000001px;border-top-style:solid;border-top-width:1px;border-radius:1px 0 0 1px;margin:0 -10px 0 0}:host(:not(:last-child)):host(:not([vertical]))::after{border-top-color:#e0e0e0;border-top-color:var(--forge-theme-border-color,#e0e0e0);content:\"\";position:relative;height:0;min-width:10px;-webkit-box-flex:1;flex:1;flex-basis:0.000000001px;border-top-style:solid;border-top-width:1px;border-radius:1px 0 0 1px;margin:0 0 0 -10px}:host(:focus){outline:0}:host([vertical]){-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column}:host([vertical])::after{content:none}:host([vertical])::before{content:none}:host([vertical]) .forge-step{width:100%;border-radius:4px;min-height:52px}:host([vertical]) .forge-step__text-container{white-space:normal}:host([vertical]) .forge-step__icon-container .forge-step-icon-content{margin:0 16px 0 0}:host([vertical][expandable]) .forge-step__expansion-panel{display:block}:host([ignore-user-expansion]) .forge-step__expanded-icon{display:none}forge-expansion-panel::part(root){border-left-style:solid;border-color:#e0e0e0;border-color:var(--forge-theme-border-color,#e0e0e0);border-left-width:1px;border-left-width:var(--forge-step-expansion-panel-border-left-width,1px);margin-left:60px;margin-left:var(--forge-step-expansion-panel-margin-left,60px);margin-top:4px;margin-top:var(--forge-step-expansion-panel-margin-top,4px);margin-bottom:4px;margin-bottom:var(--forge-step-expansion-panel-margin-bottom,4px)}:host(:not(:last-child)[clustered])::after{min-width:25px}:host(:last-child[clustered])::before{min-width:25px}:host(:not(:first-child):not(:last-child)[clustered])::after,:host(:not(:first-child):not(:last-child)[clustered])::before{min-width:25px}:host(:not(:last-child)[safari][alternative])::after{top:24px;margin:0 -5px}:host(:last-child[safari][alternative])::before{top:24px;margin:0 -5px}:host(:not(:first-child):not(:last-child)[safari][alternative])::after,:host(:not(:first-child):not(:last-child)[safari][alternative])::before{top:24px;margin:0 -5px}';
 /**
  * The web component class behind the `<forge-step>` custom element.
  *
@@ -86,12 +86,6 @@ let StepComponent = class StepComponent extends BaseComponent {
                 break;
         }
     }
-    focus() {
-        this._foundation.focus();
-    }
-    setStepTabIndex(index) {
-        this._foundation.setStepTabIndex(index);
-    }
 };
 __decorate([
     FoundationProperty()

package/esm/stepper/stepper/stepper-adapter.js

@@ -3,7 +3,7 @@
  * Copyright 2023 Tyler Technologies, Inc. 
  * License: Apache-2.0
  */
-import { getShadowElement, getActiveElement, toggleClass } from '@tylertech/forge-core';
+import { getShadowElement, toggleClass } from '@tylertech/forge-core';
 import { BaseAdapter } from '../../core/base';
 import { StepperUtils } from '../core/stepper-utils';
 import { STEP_CONSTANTS } from '../step/step-constants';
@@ -97,9 +97,8 @@ export class StepperAdapter extends BaseAdapter {
     }
     tryGetFocusedStep() {
         let focusedStep = undefined;
-        const activeElement = getActiveElement(this._component.ownerDocument);
         this._applyToSteps(step => {
-            if (activeElement === getShadowElement(step, STEP_CONSTANTS.selectors.STEP)) {
+            if (step.matches(':focus-within')) {
                 focusedStep = step;
             }
         });

package/esm/stepper/stepper/stepper-foundation.js

@@ -3,7 +3,7 @@
  * Copyright 2023 Tyler Technologies, Inc. 
  * License: Apache-2.0
  */
-import { getEventPath, getShadowElement, isDefined, isNumber, Platform } from '@tylertech/forge-core';
+import { getEventPath, isDefined, isNumber, Platform } from '@tylertech/forge-core';
 import { STEP_CONSTANTS } from '../step/step-constants';
 import { StepperUtils } from '../core/stepper-utils';
 import { STEPPER_CONSTANTS } from './stepper-constants';
@@ -177,9 +177,8 @@ export class StepperFoundation {
             return;
         }
         const eventPath = getEventPath(event);
-        const stepRoot = eventPath.find(el => el.classList && el.classList.contains(STEP_CONSTANTS.classes.STEP));
-        const step = eventPath.find(el => el.localName === STEP_CONSTANTS.elementName);
-        if (stepRoot && step && !step.selected && !step.disabled && this._adapter.emitHostEvent(STEP_CONSTANTS.events.SELECT, step.index, true, true)) {
+        const step = eventPath.filter(el => el.nodeType === Node.ELEMENT_NODE).find(el => el.matches(STEP_CONSTANTS.elementName));
+        if (step && !step.selected && !step.disabled && this._adapter.emitHostEvent(STEP_CONSTANTS.events.SELECT, step.index, true, true)) {
             this._adapter.setSelected(step);
             this.selectedIndex = step.index;
         }
@@ -199,6 +198,7 @@ export class StepperFoundation {
         this.initialize();
     }
     _onKeydown(event) {
+        var _a;
         if (this._linear) {
             return;
         }
@@ -211,16 +211,20 @@ export class StepperFoundation {
         if (!key) {
             return;
         }
-        if ([STEP_CONSTANTS.strings.HOME_KEY, STEP_CONSTANTS.strings.END_KEY, STEP_CONSTANTS.strings.ARROW_DOWN_KEY, STEPPER_CONSTANTS.strings.ARROW_UP_KEY].includes(key)) {
+        if ([STEPPER_CONSTANTS.strings.ENTER_KEY, STEPPER_CONSTANTS.strings.SPACE_KEY, STEP_CONSTANTS.strings.HOME_KEY, STEP_CONSTANTS.strings.END_KEY, STEP_CONSTANTS.strings.ARROW_DOWN_KEY, STEPPER_CONSTANTS.strings.ARROW_UP_KEY].includes(key)) {
             event.preventDefault();
         }
+        if ([STEPPER_CONSTANTS.strings.ENTER_KEY, STEPPER_CONSTANTS.strings.SPACE_KEY].includes(key)) {
+            (_a = this._adapter.getFocusedOrSelectedStep()) === null || _a === void 0 ? void 0 : _a.click();
+            return;
+        }
         const step = this._vertical ? this._determineVerticalMoveTarget(key) : this._determineMoveTarget(key);
         if (step) {
             this._moveFocusTo(step);
         }
     }
     _moveFocusTo(step) {
-        getShadowElement(step, STEP_CONSTANTS.selectors.STEP).focus();
+        step.focus();
     }
     _getKeyFromEvent(evt) {
         if (STEPPER_CONSTANTS.ACCEPTABLE_KEYS.includes(evt.key)) {
@@ -267,17 +271,17 @@ export class StepperFoundation {
     _onStepExpandedContentFocusIn(event) {
         const step = this._adapter.getStep(event.detail.index + 1);
         if (step) {
-            step.setStepTabIndex(0);
+            step.tabIndex = 0;
         }
-        event.detail.setStepTabIndex(0);
+        event.detail.tabIndex = 0;
     }
     _onStepExpandedContentFocusOut(event) {
         const focusOutStep = event.target;
         const step = this._adapter.getStep(focusOutStep.index + 1);
         if (step) {
-            step.setStepTabIndex(-1);
+            step.tabIndex = -1;
         }
-        focusOutStep.setStepTabIndex(-1);
+        focusOutStep.tabIndex = -1;
     }
     _onStepFocus() {
         this._adapter.toggleRootClass(STEPPER_CONSTANTS.classes.FOCUSED, true);

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@tylertech/forge",
   "description": "Tyler Forge™ Web Components library",
-  "version": "2.24.2",
+  "version": "2.24.3",
   "author": "Tyler Technologies, Inc.",
   "license": "Apache-2.0",
   "repository": {

package/styles/stepper/step/_mixins.scss

@@ -13,7 +13,6 @@
 @mixin core-styles() {
   .forge-step {
     @include base();
-    @include forge-interactable();
 
     &__container {
       display: contents;
@@ -42,6 +41,18 @@
       }
     }
 
+    &__ripple {
+      @include forge-interactable();
+
+      position: absolute;
+      top: 0;
+      left: 0;
+      width: 100%;
+      height: 100%;
+      overflow: hidden;
+      border-radius: inherit;
+    }
+
     &__icon-container {
       .forge-step-icon-content {
         @include icon-content;

package/styles/stepper/step/step.scss

@@ -6,7 +6,7 @@
 @use '../../theme';
 @use './mixins';
 @use './variables';
-@use '@material/ripple/mdc-ripple';
+@use '../../ripple/forge-ripple';
 
 @include mixins.core-styles;
 

package/dist/esm/chunks/chunk.M5AHW6YM.js

@@ -1,7 +0,0 @@
-/**
- * @license
- * Copyright 2023 Tyler Technologies, Inc. 
- * License: Apache-2.0
- */
-import{a,d as M}from"./chunk.POYFRYFF.js";import{a as C}from"./chunk.4DAIIJ37.js";import{a as y}from"./chunk.YI4JTY4T.js";import{a as O}from"./chunk.UWYANU5D.js";import{a as c}from"./chunk.KTGSZEAG.js";import{a as x,b as D}from"./chunk.DL7NX432.js";import{a as T,e as R,g as E,l as N}from"./chunk.LJLEPTLU.js";import{l as A,s as I,t as L}from"./chunk.4LA6HEA7.js";import{b as m,d as f,k as _}from"./chunk.J2M2MXP2.js";import{a as b,f as p}from"./chunk.MCIQXNKY.js";var Y=`${D}stepper`,F={STEPPER:"forge-stepper",LINEAR:"forge-stepper--linear",ALTERNATIVE:"forge-stepper--alternative",CLUSTERED:"forge-stepper--clustered",FIXED:"forge-stepper--fixed",ALIGN_LEFT:"forge-stepper--align-left",ALIGN_CENTER:"forge-stepper--align-center",ALIGN_RIGHT:"forge-stepper--align-right",VERTICAL:"forge-stepper--vertical",FOCUSED:"forge-stepper--focused"},K={STEPPER:`.${F.STEPPER}`},k={SELECTED_INDEX:"selected-index",LINEAR:"linear",ALTERNATIVE:"alternative",LAYOUT_MODE:"layout-mode",LAYOUT_ALIGN:"layout-align",DISABLED:"disabled",VERTICAL:"vertical"},n={ARROW_LEFT_KEY:"ArrowLeft",ARROW_RIGHT_KEY:"ArrowRight",ARROW_UP_KEY:"ArrowUp",ARROW_DOWN_KEY:"ArrowDown",END_KEY:"End",ENTER_KEY:"Enter",HOME_KEY:"Home",SPACE_KEY:"Space",TAB_KEY:"Tab"},u={ARROW_LEFT_KEYCODE:37,ARROW_RIGHT_KEYCODE:39,END_KEYCODE:35,HOME_KEYCODE:36,ENTER_KEYCODE:13,SPACE_KEYCODE:32},P=[n.ARROW_LEFT_KEY,n.ARROW_RIGHT_KEY,n.ARROW_DOWN_KEY,n.ARROW_UP_KEY,n.END_KEY,n.HOME_KEY,n.ENTER_KEY,n.SPACE_KEY,n.TAB_KEY],H={[u.ARROW_LEFT_KEYCODE]:n.ARROW_LEFT_KEY,[u.ARROW_RIGHT_KEYCODE]:n.ARROW_RIGHT_KEY,[u.END_KEYCODE]:n.END_KEY,[u.HOME_KEYCODE]:n.HOME_KEY,[u.ENTER_KEYCODE]:n.ENTER_KEY,[u.SPACE_KEYCODE]:n.SPACE_KEY},i={elementName:Y,classes:F,selectors:K,attributes:k,numbers:u,strings:n,ACCEPTABLE_KEYS:P,KEYCODE_MAP:H};var l=class{static createStepElement(t,e,s){var d,v;let o=document.createElement(a.elementName);return o.index=e,o.completed=t.completed||!1,o.editable=t.editable||!1,o.selected=s.selectedIndex===e,o.alternative=s.alternative,o.error=t.error||!1,o.disabled=t.disabled||!1,o.vertical=(v=(d=t.vertical)!=null?d:s.vertical)!=null?v:!1,o.ignoreUserExpansion=t.ignoreUserExpansion||!1,o.expanded=t.expanded||!1,s.linear&&e>s.selectedIndex&&(o.tabIndex=-1),o.textContent=t.label,t.optionalLabel&&o.appendChild(this.createStepOptionalLabel(t.optionalLabel)),o}static createStepOptionalLabel(t){let e=document.createElement("span");return e.slot="optional",e.textContent=t||"",e}static setLinearState(t,e){let s=t.classList.contains(i.classes.LINEAR);s&&!e&&(t.classList.remove(i.classes.LINEAR),s=!1),!s&&e&&t.classList.add(i.classes.LINEAR)}static setAlternativeState(t,e){let s=t.classList.contains(i.classes.ALTERNATIVE);s&&!e&&(t.classList.remove(i.classes.ALTERNATIVE),s=!1),!s&&e&&t.classList.add(i.classes.ALTERNATIVE)}static setLayoutMode(t,e){switch(e){case"clustered":t.classList.contains(i.classes.FIXED)&&t.classList.remove(i.classes.FIXED),t.classList.add(i.classes.CLUSTERED);break;case"fixed":t.classList.contains(i.classes.CLUSTERED)&&t.classList.remove(i.classes.CLUSTERED),t.classList.add(i.classes.FIXED);break}}static setLayoutAlign(t,e){switch(t.classList.contains(i.classes.ALIGN_LEFT)&&t.classList.remove(i.classes.ALIGN_LEFT),t.classList.contains(i.classes.ALIGN_CENTER)&&t.classList.remove(i.classes.ALIGN_CENTER),t.classList.contains(i.classes.ALIGN_RIGHT)&&t.classList.remove(i.classes.ALIGN_RIGHT),e){case"left":t.classList.add(i.classes.ALIGN_LEFT);break;case"center":t.classList.add(i.classes.ALIGN_CENTER);break;case"right":t.classList.add(i.classes.ALIGN_RIGHT);break}}static createSteps(t){let e=[];return t.steps.forEach((s,o)=>{let d=l.createStepElement(s,o,t);e.push(d)}),e[0].setAttribute(a.attributes.FIRST,""),e[e.length-1].setAttribute(a.attributes.LAST,""),e}};var S=class extends O{constructor(e){super(e);this._rootElement=E(e,i.selectors.STEPPER),this._slotElement=this._rootElement.querySelector("slot")}initializeAccessibility(){this._component.hasAttribute("role")||this._component.setAttribute("role","tablist")}patchSafari(){this._applyToSteps(e=>e.setAttribute("safari",""))}addSlotChangeListener(e){this._slotElement.addEventListener("slotchange",e)}removeSlotChangeListener(e){this._slotElement.addEventListener("slotchange",e)}getLastStep(){let e=this._getSteps();return e.item(e.length-1)}setSelected(e){this._getSteps().forEach(s=>{s===e?s.selected=!0:s.selected=!1})}assignIndices(){this._getSteps().forEach((s,o)=>{s.index=o})}assignFirstLastStep(){let e=this._getSteps();e&&e.length>1&&(e[0].setAttribute("first",""),e[e.length-1].setAttribute("last",""))}setLayoutAlign(e){l.setLayoutAlign(this._rootElement,e)}setLayoutMode(e){l.setLayoutMode(this._rootElement,e),this._applyToSteps(s=>s.setAttribute(a.attributes.CLUSTERED,""))}setAlternativeState(e){l.setAlternativeState(this._rootElement,e),this._applyToSteps(s=>s.alternative=e)}setVertical(e){L(this._rootElement,e,i.classes.VERTICAL),this._applyToSteps(s=>s.vertical=e)}setLinearState(e){l.setLinearState(this._rootElement,e)}removeRootListener(e,s){this._rootElement.removeEventListener("click",s)}addRootListener(e,s){this._rootElement.addEventListener(e,s)}setSelectedByIndex(e){this._applyToSteps(s=>{s.selected&&s.index!==e&&(s.selected=!1),s.index===e&&(s.selected=!0)})}applyConfiguredSteps(e){this._component.querySelectorAll(a.elementName).forEach(s=>{this._component.removeChild(s)}),e.forEach(s=>this._component.appendChild(s))}tryGetFocusedStep(){let e,s=I(this._component.ownerDocument);return this._applyToSteps(o=>{s===E(o,a.selectors.STEP)&&(e=o)}),e}getFocusedOrSelectedStep(){let e=this.tryGetFocusedStep();return e||(e=this._getSteps()[0],e.focus()),e}getStep(e){let s=0,o=this._getSteps();return e<0?o.item(o.length-1):(o.length>e&&(s=e),o.item(s))}toggleDisabled(e){this._applyToSteps(s=>s.disabled=e)}toggleRootClass(e,s){L(this._rootElement,s,e)}isStepperFocused(){return this._rootElement.classList.contains(i.classes.FOCUSED)}setStepsListener(e,s){this._applyToSteps(o=>o.addEventListener(e,s))}removeStepsListener(e,s){this._applyToSteps(o=>o.removeEventListener(e,s))}_applyToSteps(e){this._getSteps().forEach(e)}_getSteps(){return this._component.querySelectorAll(a.elementName)}};var h=class{constructor(t){this._adapter=t;this._steps=[];this._selectedIndex=0;this._linear=!1;this._alternative=!1;this._layoutMode="fixed";this._layoutAlign="center";this._initialize=!1;this._clickListener=e=>this._handleClick(e),this._keyListener=e=>this._onKeydown(e),this._stepFocusListener=()=>this._onStepFocus(),this._stepBlurListener=()=>this._onStepBlur(),this._stepExpandedContentFocusInListener=e=>this._onStepExpandedContentFocusIn(e),this._stepExpandedContentFocusOutListener=e=>this._onStepExpandedContentFocusOut(e),this._slotChangeListener=e=>this._onSlotChange(e)}initialize(){this._adapter.initializeAccessibility(),this._adapter.assignIndices(),this._adapter.setLinearState(this._linear),this._adapter.setAlternativeState(this._alternative),this._adapter.setLayoutAlign(this._layoutAlign),this._adapter.setLayoutMode(this._layoutMode),this._adapter.addRootListener("click",this._clickListener),this._adapter.addHostListener("keydown",this._keyListener),this._adapter.assignFirstLastStep(),this._adapter.addRootListener(a.events.EXPANDED_CONTENT_FOCUSIN,this._stepExpandedContentFocusInListener),this._adapter.addRootListener(a.events.EXPANDED_CONTENT_FOCUSOUT,this._stepExpandedContentFocusOutListener),this._applySelectedIndex(),this._patchBrowser(),this._adapter.setStepsListener("blur",this._stepBlurListener),this._adapter.setStepsListener("focus",this._stepFocusListener),this._initialize||this._adapter.addSlotChangeListener(this._slotChangeListener),this._initialize=!0}disconnect(){this._adapter.removeRootListener("click",this._clickListener),this._adapter.removeHostListener("keydown",this._keyListener),this._adapter.removeSlotChangeListener(this._slotChangeListener),this._adapter.removeStepsListener("blur",this._stepBlurListener),this._adapter.removeStepsListener("focus",this._stepFocusListener)}get steps(){return this._steps.map(t=>b({},t))}set steps(t){if(Array.isArray(t)&&t.length>0)this._steps=[...t.map(e=>b({},e))];else{this._steps=[];return}this._renderConfiguration()}get selectedIndex(){return this._selectedIndex}set selectedIndex(t){if(!m(t))t=0;else if(!f(t)){let e=Number(t);t=isNaN(e)?0:e}this._selectedIndex!==t&&(this._selectedIndex=t,this._adapter.setHostAttribute(i.attributes.SELECTED_INDEX,this._selectedIndex.toString()),this._applySelectedIndex())}get linear(){return this._linear}set linear(t){t=Boolean(t),this._linear!==t&&(this._linear=t,this._adapter.setLinearState(this._linear),this._adapter.setHostAttribute(i.attributes.LINEAR,this._linear.toString()))}get alternative(){return this._alternative}set alternative(t){t=Boolean(t),this._alternative!==t&&(this._alternative=t,this._adapter.setAlternativeState(this._alternative),this._adapter.setHostAttribute(i.attributes.ALTERNATIVE,this._alternative.toString()))}get layoutMode(){return this._layoutMode}set layoutMode(t){!/^(fixed|clustered)$/.test(t)||this._layoutMode!==t&&(this._layoutMode=t,this._adapter.setHostAttribute(i.attributes.LAYOUT_MODE,this._layoutMode),this._adapter.setLayoutMode(this._layoutMode))}get layoutAlign(){return this._layoutAlign}set layoutAlign(t){!/^(left|center|right)$/.test(t)||this._layoutAlign!==t&&(this._layoutAlign=t,this._adapter.setLayoutAlign(this._layoutAlign),this._adapter.setHostAttribute(i.attributes.LAYOUT_ALIGN,this._layoutAlign))}get disabled(){return this._disabled}set disabled(t){t!==this._disabled&&(this._disabled=t,this._applyDisabled())}get vertical(){return this._vertical}set vertical(t){t!==this._vertical&&(this._vertical=t,this._applyVertical(),this._adapter.toggleHostAttribute(i.attributes.VERTICAL,this._vertical))}_applyVertical(){this._adapter.setVertical(this._vertical)}_applyDisabled(){this._disabled?this._adapter.setHostAttribute(i.attributes.DISABLED,"disabled"):this._adapter.removeHostAttribute(i.attributes.DISABLED),this._adapter.toggleDisabled(this._disabled)}_applySelectedIndex(){this._adapter.setSelectedByIndex(this._selectedIndex)}_handleClick(t){if(t.preventDefault(),this._linear)return;let e=C(t),s=e.find(d=>d.classList&&d.classList.contains(a.classes.STEP)),o=e.find(d=>d.localName===a.elementName);s&&o&&!o.selected&&!o.disabled&&this._adapter.emitHostEvent(a.events.SELECT,o.index,!0,!0)&&(this._adapter.setSelected(o),this.selectedIndex=o.index)}_renderConfiguration(){let t=l.createSteps({steps:this._steps,vertical:this._vertical,selectedIndex:this._selectedIndex,alternative:this._alternative,layoutAlign:this._layoutAlign,layoutMode:this._layoutMode,linear:this._linear});this.disconnect(),this._adapter.applyConfiguredSteps(t),this.initialize()}_onKeydown(t){if(this._linear)return;let e=this._getKeyFromEvent(t);if(!this._adapter.isStepperFocused()||!e)return;[a.strings.HOME_KEY,a.strings.END_KEY,a.strings.ARROW_DOWN_KEY,i.strings.ARROW_UP_KEY].includes(e)&&t.preventDefault();let s=this._vertical?this._determineVerticalMoveTarget(e):this._determineMoveTarget(e);s&&this._moveFocusTo(s)}_moveFocusTo(t){E(t,a.selectors.STEP).focus()}_getKeyFromEvent(t){return i.ACCEPTABLE_KEYS.includes(t.key)?t.key:i.KEYCODE_MAP[t.keyCode]}_determineMoveTarget(t){let e=this._adapter.getFocusedOrSelectedStep();if(e)switch(t){case i.strings.ARROW_RIGHT_KEY:return this._adapter.getStep(e.index+1);case i.strings.ARROW_LEFT_KEY:return this._adapter.getStep(e.index-1);case i.strings.HOME_KEY:return this._adapter.getStep(0);case i.strings.END_KEY:return this._adapter.getLastStep()}return e}_determineVerticalMoveTarget(t){let e=this._adapter.getFocusedOrSelectedStep();if(e)switch(t){case i.strings.ARROW_DOWN_KEY:return this._adapter.getStep(e.index+1);case i.strings.ARROW_UP_KEY:return this._adapter.getStep(e.index-1);case i.strings.HOME_KEY:return this._adapter.getStep(0);case i.strings.END_KEY:return this._adapter.getLastStep()}return e}_onSlotChange(t){this.disconnect(),this.initialize()}_onStepExpandedContentFocusIn(t){let e=this._adapter.getStep(t.detail.index+1);e&&e.setStepTabIndex(0),t.detail.setStepTabIndex(0)}_onStepExpandedContentFocusOut(t){let e=t.target,s=this._adapter.getStep(e.index+1);s&&s.setStepTabIndex(-1),e.setStepTabIndex(-1)}_onStepFocus(){this._adapter.toggleRootClass(i.classes.FOCUSED,!0)}_onStepBlur(){this._adapter.toggleRootClass(i.classes.FOCUSED,!1)}_patchBrowser(){new y().SAFARI()&&this._adapter.patchSafari()}};var w='<template><div class="forge-stepper" part="root"><slot></slot></div></template>',B=".forge-stepper{display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;white-space:nowrap;overflow:hidden}.forge-stepper:not(.forge-stepper--vertical) ::slotted(*){display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;position:relative;min-width:112px}.forge-stepper--fixed ::slotted(*){-webkit-box-flex:1;flex:1}.forge-stepper--alternative{-webkit-box-align:start;align-items:flex-start}.forge-stepper--alternative ::slotted(*){min-width:160px}.forge-stepper--align-left{-webkit-box-pack:start;justify-content:flex-start}.forge-stepper--align-center{-webkit-box-pack:center;justify-content:center}.forge-stepper--align-right{-webkit-box-pack:end;justify-content:flex-end}:host{display:block}:host([hidden]){display:none}:host([vertical]) .forge-stepper{display:unset;-webkit-box-align:unset;align-items:unset;white-space:unset;overflow:unset}",r=class extends N{constructor(){super();R(this,w,B),this._foundation=new h(new S(this))}static get observedAttributes(){return[i.attributes.SELECTED_INDEX,i.attributes.LINEAR,i.attributes.ALTERNATIVE,i.attributes.LAYOUT_MODE,i.attributes.LAYOUT_ALIGN,i.attributes.DISABLED,i.attributes.VERTICAL]}async connectedCallback(){await A(this),this._foundation.initialize()}disconnectedCallback(){this._foundation.disconnect()}attributeChangedCallback(e,s,o){switch(e){case i.attributes.SELECTED_INDEX:this.selectedIndex=Number(o)||0;break;case i.attributes.LINEAR:this.linear=_(o);break;case i.attributes.ALTERNATIVE:this.alternative=_(o);break;case i.attributes.LAYOUT_MODE:this.layoutMode=o;break;case i.attributes.LAYOUT_ALIGN:this.layoutAlign=o;break;case i.attributes.DISABLED:this.disabled=_(o);break;case i.attributes.VERTICAL:this.vertical=_(o);break}}};p([c()],r.prototype,"steps",2),p([c()],r.prototype,"selectedIndex",2),p([c()],r.prototype,"linear",2),p([c()],r.prototype,"alternative",2),p([c()],r.prototype,"layoutMode",2),p([c()],r.prototype,"layoutAlign",2),p([c()],r.prototype,"disabled",2),p([c()],r.prototype,"vertical",2),r=p([x({name:i.elementName,dependencies:[M]})],r);function ye(){T(r)}export{i as a,S as b,h as c,r as d,ye as e};
-//# sourceMappingURL=chunk.M5AHW6YM.js.map

package/dist/esm/chunks/chunk.M5AHW6YM.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/stepper/stepper/stepper-constants.ts", "../../src/stepper/core/stepper-utils.ts", "../../src/stepper/stepper/stepper-adapter.ts", "../../src/stepper/stepper/stepper-foundation.ts", "../../src/stepper/stepper/stepper.ts", "../../src/stepper/stepper/index.ts"],
-  "sourcesContent": ["import { COMPONENT_NAME_PREFIX } from '../../constants';\n\nconst elementName: keyof HTMLElementTagNameMap = `${COMPONENT_NAME_PREFIX}stepper`;\n\nconst classes = {\n  STEPPER: 'forge-stepper',\n  LINEAR: 'forge-stepper--linear',\n  ALTERNATIVE: 'forge-stepper--alternative',\n  CLUSTERED: 'forge-stepper--clustered',\n  FIXED: 'forge-stepper--fixed',\n  ALIGN_LEFT: 'forge-stepper--align-left',\n  ALIGN_CENTER: 'forge-stepper--align-center',\n  ALIGN_RIGHT: 'forge-stepper--align-right',\n  VERTICAL: 'forge-stepper--vertical',\n  FOCUSED: 'forge-stepper--focused'\n};\n\nconst selectors = {\n  STEPPER: `.${classes.STEPPER}`\n};\n\nconst attributes = {\n  SELECTED_INDEX: 'selected-index',\n  LINEAR: 'linear',\n  ALTERNATIVE: 'alternative',\n  LAYOUT_MODE: 'layout-mode',\n  LAYOUT_ALIGN: 'layout-align',\n  DISABLED: 'disabled',\n  VERTICAL: 'vertical'\n};\n\nconst strings = {\n  ARROW_LEFT_KEY: 'ArrowLeft',\n  ARROW_RIGHT_KEY: 'ArrowRight',\n  ARROW_UP_KEY: 'ArrowUp',\n  ARROW_DOWN_KEY: 'ArrowDown',\n  END_KEY: 'End',\n  ENTER_KEY: 'Enter',\n  HOME_KEY: 'Home',\n  SPACE_KEY: 'Space',\n  TAB_KEY: 'Tab'\n};\n\nconst numbers = {\n  ARROW_LEFT_KEYCODE: 37,\n  ARROW_RIGHT_KEYCODE: 39,\n  END_KEYCODE: 35,\n  HOME_KEYCODE: 36,\n  ENTER_KEYCODE: 13,\n  SPACE_KEYCODE: 32\n};\n\nconst ACCEPTABLE_KEYS = [\n  strings.ARROW_LEFT_KEY,\n  strings.ARROW_RIGHT_KEY,\n  strings.ARROW_DOWN_KEY,\n  strings.ARROW_UP_KEY,\n  strings.END_KEY,\n  strings.HOME_KEY,\n  strings.ENTER_KEY,\n  strings.SPACE_KEY,\n  strings.TAB_KEY\n];\n\nconst KEYCODE_MAP = {\n  [numbers.ARROW_LEFT_KEYCODE]: strings.ARROW_LEFT_KEY,\n  [numbers.ARROW_RIGHT_KEYCODE]: strings.ARROW_RIGHT_KEY,\n  [numbers.END_KEYCODE]: strings.END_KEY,\n  [numbers.HOME_KEYCODE]: strings.HOME_KEY,\n  [numbers.ENTER_KEYCODE]: strings.ENTER_KEY,\n  [numbers.SPACE_KEYCODE]: strings.SPACE_KEY\n};\n\nexport const STEPPER_CONSTANTS = {\n  elementName,\n  classes,\n  selectors,\n  attributes,\n  numbers,\n  strings,\n  ACCEPTABLE_KEYS,\n  KEYCODE_MAP\n};\n\nexport interface IStepConfiguration {\n  label: string;\n  optionalLabel?: string;\n  editable?: boolean;\n  completed?: boolean;\n  error?: boolean;\n  disabled?: boolean;\n  vertical?: boolean;\n  expanded?: boolean;\n  ignoreUserExpansion?: boolean;\n}\n\nexport interface IStepperConfiguration {\n  steps: IStepConfiguration[];\n  selectedIndex: number;\n  linear: boolean;\n  alternative: boolean;\n  layoutMode: StepperLayoutMode;\n  layoutAlign: StepperLayoutAlign;\n  vertical?: boolean;\n}\n\nexport type StepperLayoutMode = 'fixed' | 'clustered';\nexport type StepperLayoutAlign = 'left' | 'center' | 'right';\n", "import { IStepComponent, STEP_CONSTANTS } from '../step';\nimport { STEPPER_CONSTANTS, IStepConfiguration, IStepperConfiguration, StepperLayoutAlign, StepperLayoutMode } from '../stepper/stepper-constants';\n\nexport class StepperUtils {\n  /**\n   * Creates a step element using the provided configuration.\n   * @param {IStepConfiguration} step The step configuration\n   * @param {number} index The index of the step.\n   * @param {number} activeStepIndex The currently active step index.\n   * @param {boolean} linear Whether the stepper is in linear mode or not.\n   */\n  public static createStepElement(step: IStepConfiguration, index: number, stepperConfig: IStepperConfiguration): IStepComponent {\n    const stepElement = document.createElement(STEP_CONSTANTS.elementName);\n\n    stepElement.index = index;\n    stepElement.completed = step.completed || false;\n    stepElement.editable = step.editable || false;\n    stepElement.selected = stepperConfig.selectedIndex === index;\n    stepElement.alternative = stepperConfig.alternative;\n    stepElement.error = step.error || false;\n    stepElement.disabled = step.disabled || false;\n    stepElement.vertical = step.vertical ?? stepperConfig.vertical ?? false;\n    stepElement.ignoreUserExpansion = step.ignoreUserExpansion || false;\n    stepElement.expanded = step.expanded || false;\n\n    if (stepperConfig.linear && index > stepperConfig.selectedIndex) {\n      stepElement.tabIndex = -1;\n    }\n\n    stepElement.textContent = step.label;\n\n    if (step.optionalLabel) {\n      stepElement.appendChild(this.createStepOptionalLabel(step.optionalLabel));\n    }\n\n    return stepElement;\n  }\n\n  /**\n   * Creates the step label element using the provided configuration.\n   * @param {IStepConfiguration} step The step configuration.\n   */\n  public static createStepOptionalLabel(labelText: string): HTMLElement {\n    const label = document.createElement('span');\n    label.slot = 'optional';\n    label.textContent = labelText || '';\n    return label;\n  }\n\n  /**\n   * Sets the stepper to the provided linear state.\n   * @param {HTMLElement} stepperElement The stepper element.\n   * @param {boolean} isLinear Whether the stepper is in linear mode or not.\n   */\n  public static setLinearState(stepperElement: HTMLElement, isLinear: boolean): void {\n    let hasLinearClass = stepperElement.classList.contains(STEPPER_CONSTANTS.classes.LINEAR);\n\n    if (hasLinearClass && !isLinear) {\n      stepperElement.classList.remove(STEPPER_CONSTANTS.classes.LINEAR);\n      hasLinearClass = false;\n    }\n\n    if (!hasLinearClass && isLinear) {\n      stepperElement.classList.add(STEPPER_CONSTANTS.classes.LINEAR);\n    }\n  }\n\n  /**\n   * Sets the stepper to the provided label state.\n   * @param {HTMLElement} stepperElement The stepper element.\n   * @param {boolean} isAlternative Whether the stepper is in alternative mode or not.\n   */\n  public static setAlternativeState(stepperElement: HTMLElement, isAlternative: boolean): void {\n    let hasAlternativeClass = stepperElement.classList.contains(STEPPER_CONSTANTS.classes.ALTERNATIVE);\n\n    if (hasAlternativeClass && !isAlternative) {\n      stepperElement.classList.remove(STEPPER_CONSTANTS.classes.ALTERNATIVE);\n      hasAlternativeClass = false;\n    }\n\n    if (!hasAlternativeClass && isAlternative) {\n      stepperElement.classList.add(STEPPER_CONSTANTS.classes.ALTERNATIVE);\n    }\n  }\n\n  /**\n   * Sets the stepper layout mode.\n   * @param {HTMLElement} stepperElement The stepper element.\n   * @param {StepperLayoutMode} mode The layout mode.\n   */\n  public static setLayoutMode(stepperElement: HTMLElement, mode: StepperLayoutMode): void {\n    switch (mode) {\n      case 'clustered':\n        if (stepperElement.classList.contains(STEPPER_CONSTANTS.classes.FIXED)) {\n          stepperElement.classList.remove(STEPPER_CONSTANTS.classes.FIXED);\n        }\n        stepperElement.classList.add(STEPPER_CONSTANTS.classes.CLUSTERED);\n        break;\n      case 'fixed':\n        if (stepperElement.classList.contains(STEPPER_CONSTANTS.classes.CLUSTERED)) {\n          stepperElement.classList.remove(STEPPER_CONSTANTS.classes.CLUSTERED);\n        }\n        stepperElement.classList.add(STEPPER_CONSTANTS.classes.FIXED);\n        break;\n    }\n  }\n\n  /**\n   * Sets the stepper layout alignment.\n   * @param {HTMLElement} stepperElement The stepper element.\n   * @param {StepperLayoutAlign} mode The layout alignment.\n   */\n  public static setLayoutAlign(stepperElement: HTMLElement, mode: StepperLayoutAlign): void {\n    if (stepperElement.classList.contains(STEPPER_CONSTANTS.classes.ALIGN_LEFT)) {\n      stepperElement.classList.remove(STEPPER_CONSTANTS.classes.ALIGN_LEFT);\n    }\n\n    if (stepperElement.classList.contains(STEPPER_CONSTANTS.classes.ALIGN_CENTER)) {\n      stepperElement.classList.remove(STEPPER_CONSTANTS.classes.ALIGN_CENTER);\n    }\n\n    if (stepperElement.classList.contains(STEPPER_CONSTANTS.classes.ALIGN_RIGHT)) {\n      stepperElement.classList.remove(STEPPER_CONSTANTS.classes.ALIGN_RIGHT);\n    }\n\n    switch (mode) {\n      case 'left':\n        stepperElement.classList.add(STEPPER_CONSTANTS.classes.ALIGN_LEFT);\n        break;\n      case 'center':\n        stepperElement.classList.add(STEPPER_CONSTANTS.classes.ALIGN_CENTER);\n        break;\n      case 'right':\n        stepperElement.classList.add(STEPPER_CONSTANTS.classes.ALIGN_RIGHT);\n        break;\n    }\n  }\n\n  /**\n   * Creates a stepper with all of its step elements.\n   * @param {IStepperConfiguration} stepperConfiguration The stepper configuration.\n   */\n  public static createSteps(stepperConfiguration: IStepperConfiguration): IStepComponent[] {\n    const steps: IStepComponent[] = [];\n\n    stepperConfiguration.steps.forEach((step, index) => {\n      const stepElement = StepperUtils.createStepElement(step, index, stepperConfiguration);\n      steps.push(stepElement);\n    });\n\n    steps[0].setAttribute(STEP_CONSTANTS.attributes.FIRST, '');\n    steps[steps.length - 1].setAttribute(STEP_CONSTANTS.attributes.LAST, '');\n\n    return steps;\n  }\n}\n", "import { getShadowElement, getActiveElement, toggleClass } from '@tylertech/forge-core';\nimport { BaseAdapter, IBaseAdapter } from '../../core/base';\nimport { StepperUtils } from '../core/stepper-utils';\nimport { IStepComponent } from '../step/step';\nimport { STEP_CONSTANTS } from '../step/step-constants';\nimport { IStepperComponent } from './stepper';\nimport { StepperLayoutAlign, StepperLayoutMode, STEPPER_CONSTANTS } from './stepper-constants';\n\nexport interface IStepperAdapter extends IBaseAdapter {\n  initializeAccessibility(): void;\n  toggleDisabled(disabled: boolean): void;\n  patchSafari(): void;\n  getFocusedOrSelectedStep(): IStepComponent;\n  applyConfiguredSteps(steps: IStepComponent[]): void;\n  setLinearState(linear: boolean): void;\n  setLayoutAlign(layoutAlign: StepperLayoutAlign): void;\n  setLayoutMode(layoutMode: StepperLayoutMode): void;\n  setAlternativeState(alternative: boolean): void;\n  setVertical(vertical: boolean): void;\n  assignIndices(): void;\n  addRootListener(event: string, listener: EventListener): void;\n  removeRootListener(event: string, listener: EventListener): void;\n  setSelected(step: IStepComponent): void;\n  setSelectedByIndex(index: number): void;\n  assignFirstLastStep(): void;\n  getStep(index: number): IStepComponent;\n  getLastStep(): IStepComponent;\n  addSlotChangeListener(listener: EventListener): void;\n  removeSlotChangeListener(listener: EventListener): void;\n  toggleRootClass(className: string, show: boolean): void;\n  isStepperFocused(): boolean;\n  setStepsListener(event: string, listener: EventListener): void;\n  removeStepsListener(event: string, listener: EventListener): void;\n}\n\nexport class StepperAdapter extends BaseAdapter<IStepperComponent> implements IStepperAdapter {\n  private _rootElement: HTMLElement;\n  private _slotElement: HTMLSlotElement;\n\n  constructor(component: IStepperComponent) {\n    super(component);\n    this._rootElement = getShadowElement(component, STEPPER_CONSTANTS.selectors.STEPPER);\n    this._slotElement = this._rootElement.querySelector('slot') as HTMLSlotElement;\n  }\n\n  public initializeAccessibility(): void {\n    if (!this._component.hasAttribute('role')) {\n      this._component.setAttribute('role', 'tablist');\n    }\n  }\n\n  public patchSafari(): void {\n    this._applyToSteps(s => s.setAttribute('safari', ''));\n  }\n\n  public addSlotChangeListener(listener: EventListener): void {\n    this._slotElement.addEventListener('slotchange', listener);\n  }\n  public removeSlotChangeListener(listener: EventListener): void {\n    this._slotElement.addEventListener('slotchange', listener);\n  }\n\n  public getLastStep(): IStepComponent {\n    const steps = this._getSteps();\n    return steps.item(steps.length - 1);\n  }\n\n  public setSelected(step: IStepComponent): void {\n    this._getSteps().forEach(s => {\n      if (s === step) {\n        s.selected = true;\n      } else {\n        s.selected = false;\n      }\n    });\n  }\n\n  public assignIndices(): void {\n    const steps = this._getSteps();\n\n    steps.forEach((tab, index) => {\n      tab.index = index;\n    });\n  }\n\n  public assignFirstLastStep(): void {\n    const steps = this._getSteps();\n    if (steps && steps.length > 1) {\n      steps[0].setAttribute('first', '');\n      steps[steps.length - 1].setAttribute('last', '');\n    }\n  }\n\n  public setLayoutAlign(layoutAlign: StepperLayoutAlign): void {\n    StepperUtils.setLayoutAlign(this._rootElement, layoutAlign);\n  }\n  public setLayoutMode(layoutMode: StepperLayoutMode): void {\n    StepperUtils.setLayoutMode(this._rootElement, layoutMode);\n    this._applyToSteps(s => s.setAttribute(STEP_CONSTANTS.attributes.CLUSTERED, ''));\n  }\n  public setAlternativeState(alternative: boolean): void {\n    StepperUtils.setAlternativeState(this._rootElement, alternative);\n    this._applyToSteps(step => step.alternative = alternative);\n  }\n\n  public setVertical(vertical: boolean): void {\n    toggleClass(this._rootElement, vertical, STEPPER_CONSTANTS.classes.VERTICAL);\n    this._applyToSteps(step => step.vertical = vertical);\n  }\n\n  public setLinearState(linear: boolean): void {\n    StepperUtils.setLinearState(this._rootElement, linear);\n  }\n\n  public removeRootListener(event: string, listener: EventListener): void {\n    this._rootElement.removeEventListener('click', listener);\n  }\n  public addRootListener(event: string, listener: EventListener): void {\n    this._rootElement.addEventListener(event, listener);\n  }\n\n  public setSelectedByIndex(index: number): void {\n    this._applyToSteps(step => {\n      if (step.selected && step.index !== index) {\n        step.selected = false;\n      }\n\n      if (step.index === index) {\n        step.selected = true;\n      }\n    });\n  }\n\n  public applyConfiguredSteps(steps: IStepComponent[]): void {\n    this._component.querySelectorAll(STEP_CONSTANTS.elementName).forEach(n => {\n      this._component.removeChild(n);\n    });\n\n    steps.forEach(s => this._component.appendChild(s));\n  }\n\n  public tryGetFocusedStep(): IStepComponent | undefined {\n    let focusedStep: IStepComponent = undefined as any;\n    const activeElement = getActiveElement(this._component.ownerDocument);\n    this._applyToSteps(step => {\n      if (activeElement === getShadowElement(step, STEP_CONSTANTS.selectors.STEP)) {\n        focusedStep = step;\n      }\n    });\n\n    return focusedStep;\n  }\n\n  public getFocusedOrSelectedStep(): IStepComponent {\n    let focusedStep = this.tryGetFocusedStep();\n\n    if (!focusedStep) {\n      focusedStep = this._getSteps()[0];\n      focusedStep.focus();\n    }\n\n    return focusedStep;\n  }\n\n  public getStep(index: number): IStepComponent {\n    let realIndex = 0;\n    const steps = this._getSteps();\n\n    if (index < 0) {\n      return steps.item(steps.length - 1);\n    }\n\n    if (steps.length > index) {\n      realIndex = index;\n    }\n    return steps.item(realIndex);\n  }\n\n  public toggleDisabled(disabled: boolean): void {\n    this._applyToSteps(s => s.disabled = disabled);\n  }\n\n  public toggleRootClass(className: string, show: boolean): void{\n    toggleClass(this._rootElement, show, className);\n  }\n\n  public isStepperFocused(): boolean {\n    return this._rootElement.classList.contains(STEPPER_CONSTANTS.classes.FOCUSED);\n  }\n\n  public setStepsListener(event: string, listener: EventListener): void {\n    this._applyToSteps(s => s.addEventListener(event, listener));\n  }\n\n  public removeStepsListener(event: string, listener: EventListener): void {\n    this._applyToSteps(s => s.removeEventListener(event, listener));\n  }\n\n  private _applyToSteps(action: (step: IStepComponent, index?: number) => void): void {\n    this._getSteps().forEach(action);\n  }\n\n  private _getSteps(): NodeListOf<IStepComponent> {\n    return this._component.querySelectorAll<IStepComponent>(STEP_CONSTANTS.elementName);\n  }\n}\n", "import { getEventPath, getShadowElement, ICustomElementFoundation, isDefined, isNumber, Platform } from '@tylertech/forge-core';\nimport { STEP_CONSTANTS } from '../step/step-constants';\nimport { StepperUtils } from '../core/stepper-utils';\nimport { IStepComponent } from '../step/step';\nimport { IStepperAdapter } from './stepper-adapter';\nimport { STEPPER_CONSTANTS, IStepConfiguration, StepperLayoutAlign, StepperLayoutMode } from './stepper-constants';\n\nexport interface IStepperFoundation extends ICustomElementFoundation {\n  steps: IStepConfiguration[];\n  selectedIndex: number;\n  linear: boolean;\n  alternative: boolean;\n  layoutMode: StepperLayoutMode;\n  layoutAlign: StepperLayoutAlign;\n}\n\nexport class StepperFoundation implements IStepperFoundation {\n  private _steps: IStepConfiguration[] = [];\n  private _selectedIndex = 0;\n  private _linear = false;\n  private _alternative = false;\n  private _layoutMode: StepperLayoutMode = 'fixed';\n  private _layoutAlign: StepperLayoutAlign = 'center';\n  private _initialize = false;\n  private _disabled: boolean;\n  private _vertical: boolean;\n\n  private _clickListener: EventListener;\n  private _keyListener: EventListener;\n  private _slotChangeListener: EventListener;\n  private _stepFocusListener: () => void;\n  private _stepBlurListener: () => void;\n  private _stepExpandedContentFocusInListener: (event: CustomEvent<IStepComponent>) => void;\n  private _stepExpandedContentFocusOutListener: (event: CustomEvent<IStepComponent>) => void;\n\n  constructor(private _adapter: IStepperAdapter) {\n    this._clickListener = event => this._handleClick(event);\n    this._keyListener = event => this._onKeydown(event as KeyboardEvent);\n    this._stepFocusListener = () => this._onStepFocus();\n    this._stepBlurListener = () => this._onStepBlur();\n    this._stepExpandedContentFocusInListener = event => this._onStepExpandedContentFocusIn(event);\n    this._stepExpandedContentFocusOutListener = event => this._onStepExpandedContentFocusOut(event);\n    this._slotChangeListener = event => this._onSlotChange(event as Event);\n  }\n\n  public initialize(): void {\n    this._adapter.initializeAccessibility();\n    this._adapter.assignIndices();\n    this._adapter.setLinearState(this._linear);\n    this._adapter.setAlternativeState(this._alternative);\n    this._adapter.setLayoutAlign(this._layoutAlign);\n    this._adapter.setLayoutMode(this._layoutMode);\n    this._adapter.addRootListener('click', this._clickListener);\n    this._adapter.addHostListener('keydown', this._keyListener);\n    this._adapter.assignFirstLastStep();\n    this._adapter.addRootListener(STEP_CONSTANTS.events.EXPANDED_CONTENT_FOCUSIN, this._stepExpandedContentFocusInListener);\n    this._adapter.addRootListener(STEP_CONSTANTS.events.EXPANDED_CONTENT_FOCUSOUT, this._stepExpandedContentFocusOutListener);\n    this._applySelectedIndex();\n    this._patchBrowser();\n    this._adapter.setStepsListener('blur', this._stepBlurListener);\n    this._adapter.setStepsListener('focus', this._stepFocusListener);\n    if (!this._initialize) {\n      this._adapter.addSlotChangeListener(this._slotChangeListener);\n    }\n\n    this._initialize = true;\n  }\n\n  public disconnect(): void {\n    this._adapter.removeRootListener('click', this._clickListener);\n    this._adapter.removeHostListener('keydown', this._keyListener);\n    this._adapter.removeSlotChangeListener(this._slotChangeListener);\n    this._adapter.removeStepsListener('blur', this._stepBlurListener);\n    this._adapter.removeStepsListener('focus', this._stepFocusListener);\n  }\n\n  /** The step configurations. */\n  public get steps(): IStepConfiguration[] {\n    return this._steps.map(s => ({ ...s })); // Shallow clone\n  }\n  public set steps(value: IStepConfiguration[]) {\n    if (Array.isArray(value) && value.length > 0) {\n      this._steps = [...value.map(s => ({ ...s }))];\n    } else {\n      this._steps = [];\n      return;\n    }\n\n    this._renderConfiguration();\n  }\n\n  /** The active step index. */\n  public get selectedIndex(): number {\n    return this._selectedIndex;\n  }\n  public set selectedIndex(value: number) {\n    if (!isDefined(value)) {\n      value = 0;\n    } else if (!isNumber(value)) {\n      const v = Number(value);\n      value = !isNaN(v) ? v : 0;\n    }\n\n    if (this._selectedIndex !== value) {\n      this._selectedIndex = value;\n      this._adapter.setHostAttribute(STEPPER_CONSTANTS.attributes.SELECTED_INDEX, this._selectedIndex.toString());\n      this._applySelectedIndex();\n    }\n  }\n\n  /** Whether the stepper is linear or non-linear. */\n  public get linear(): boolean {\n    return this._linear;\n  }\n  public set linear(value: boolean) {\n    value = Boolean(value);\n    if (this._linear !== value) {\n      this._linear = value;\n      this._adapter.setLinearState(this._linear);\n      this._adapter.setHostAttribute(STEPPER_CONSTANTS.attributes.LINEAR, this._linear.toString());\n    }\n  }\n\n  /** Whether the stepper uses the default or alternative label layout mode. */\n  public get alternative(): boolean {\n    return this._alternative;\n  }\n  public set alternative(value: boolean) {\n    value = Boolean(value);\n    if (this._alternative !== value) {\n      this._alternative = value;\n      this._adapter.setAlternativeState(this._alternative);\n      this._adapter.setHostAttribute(STEPPER_CONSTANTS.attributes.ALTERNATIVE, this._alternative.toString());\n    }\n  }\n\n  /** The layout mode of the stepper. */\n  public get layoutMode(): StepperLayoutMode {\n    return this._layoutMode;\n  }\n  public set layoutMode(value: StepperLayoutMode) {\n    if (!/^(fixed|clustered)$/.test(value)) {\n      return;\n    }\n\n    if (this._layoutMode !== value) {\n      this._layoutMode = value;\n      this._adapter.setHostAttribute(STEPPER_CONSTANTS.attributes.LAYOUT_MODE, this._layoutMode);\n      this._adapter.setLayoutMode(this._layoutMode);\n    }\n  }\n\n  /** The layout alignment of the stepper. */\n  public get layoutAlign(): StepperLayoutAlign {\n    return this._layoutAlign;\n  }\n  public set layoutAlign(value: StepperLayoutAlign) {\n    if (!/^(left|center|right)$/.test(value)) {\n      return;\n    }\n\n    if (this._layoutAlign !== value) {\n      this._layoutAlign = value;\n      this._adapter.setLayoutAlign(this._layoutAlign);\n      this._adapter.setHostAttribute(STEPPER_CONSTANTS.attributes.LAYOUT_ALIGN, this._layoutAlign);\n    }\n  }\n\n  public get disabled(): boolean {\n    return this._disabled;\n  }\n  public set disabled(value: boolean) {\n    if (value !== this._disabled) {\n      this._disabled = value;\n      this._applyDisabled();\n    }\n  }\n\n  public get vertical(): boolean {\n    return this._vertical;\n  }\n  public set vertical(value: boolean) {\n    if (value !== this._vertical) {\n      this._vertical = value;\n      this._applyVertical();\n      this._adapter.toggleHostAttribute(STEPPER_CONSTANTS.attributes.VERTICAL, this._vertical);\n    }\n  }\n\n  private _applyVertical(): void {\n    this._adapter.setVertical(this._vertical);\n  }\n\n  private _applyDisabled(): void {\n    if (this._disabled) {\n      this._adapter.setHostAttribute(STEPPER_CONSTANTS.attributes.DISABLED, 'disabled');\n    } else {\n      this._adapter.removeHostAttribute(STEPPER_CONSTANTS.attributes.DISABLED);\n    }\n\n    this._adapter.toggleDisabled(this._disabled);\n  }\n\n  private _applySelectedIndex(): void {\n    this._adapter.setSelectedByIndex(this._selectedIndex);\n  }\n\n  private _handleClick(event: Event): void {\n    event.preventDefault();\n    if (this._linear) {\n      return;\n    }\n    const eventPath = getEventPath(event);\n    const stepRoot = eventPath.find(el => el.classList && el.classList.contains(STEP_CONSTANTS.classes.STEP));\n    const step = eventPath.find(el => el.localName === STEP_CONSTANTS.elementName) as IStepComponent | undefined;\n\n    if (stepRoot && step && !step.selected && !step.disabled && this._adapter.emitHostEvent(STEP_CONSTANTS.events.SELECT, step.index, true, true)) {\n      this._adapter.setSelected(step);\n      this.selectedIndex = step.index;\n    }\n  }\n\n  private _renderConfiguration(): void {\n    const steps = StepperUtils.createSteps({\n      steps: this._steps,\n      vertical: this._vertical,\n      selectedIndex: this._selectedIndex,\n      alternative: this._alternative,\n      layoutAlign: this._layoutAlign,\n      layoutMode: this._layoutMode,\n      linear: this._linear\n    });\n\n    this.disconnect();\n    this._adapter.applyConfiguredSteps(steps);\n    this.initialize();\n  }\n\n  private _onKeydown(event: KeyboardEvent): void {\n    if (this._linear) {\n      return;\n    }\n\n    const key = this._getKeyFromEvent(event);\n\n    // If the expanded content is currently being focused, ignore stepper specific keys\n    if (!this._adapter.isStepperFocused()) {\n      return;\n    }\n\n    // Early exit if the event key isn't one of the keyboard navigation keys\n    if (!key) {\n      return;\n    }\n\n    if ([STEP_CONSTANTS.strings.HOME_KEY, STEP_CONSTANTS.strings.END_KEY, STEP_CONSTANTS.strings.ARROW_DOWN_KEY, STEPPER_CONSTANTS.strings.ARROW_UP_KEY].includes(key)) {\n      event.preventDefault();\n    }\n\n\n    const step = this._vertical ? this._determineVerticalMoveTarget(key) : this._determineMoveTarget(key);\n\n    if (step) {\n      this._moveFocusTo(step);\n    }\n  }\n\n  private _moveFocusTo(step: IStepComponent): void {\n    getShadowElement(step, STEP_CONSTANTS.selectors.STEP).focus();\n  }\n\n  private _getKeyFromEvent(evt: KeyboardEvent): string {\n    if (STEPPER_CONSTANTS.ACCEPTABLE_KEYS.includes(evt.key)) {\n      return evt.key;\n    }\n    return STEPPER_CONSTANTS.KEYCODE_MAP[evt.keyCode];\n  }\n\n  private _determineMoveTarget(key: string): IStepComponent {\n    const step = this._adapter.getFocusedOrSelectedStep();\n\n    if (step) {\n      switch (key) {\n        case STEPPER_CONSTANTS.strings.ARROW_RIGHT_KEY:\n          return this._adapter.getStep(step.index + 1);\n        case STEPPER_CONSTANTS.strings.ARROW_LEFT_KEY:\n          return this._adapter.getStep(step.index - 1);\n        case STEPPER_CONSTANTS.strings.HOME_KEY:\n          return this._adapter.getStep(0);\n        case STEPPER_CONSTANTS.strings.END_KEY:\n          return this._adapter.getLastStep();\n      }\n    }\n\n    return step as IStepComponent;\n  }\n\n  private _determineVerticalMoveTarget(key: string): IStepComponent {\n    const step = this._adapter.getFocusedOrSelectedStep();\n\n    if (step) {\n      switch (key) {\n        case STEPPER_CONSTANTS.strings.ARROW_DOWN_KEY:\n          return this._adapter.getStep(step.index + 1);\n        case STEPPER_CONSTANTS.strings.ARROW_UP_KEY:\n          return this._adapter.getStep(step.index - 1);\n        case STEPPER_CONSTANTS.strings.HOME_KEY:\n          return this._adapter.getStep(0);\n        case STEPPER_CONSTANTS.strings.END_KEY:\n          return this._adapter.getLastStep();\n      }\n    }\n\n    return step as IStepComponent;\n  }\n\n  private _onSlotChange(event: Event): void {\n    this.disconnect();\n    this.initialize();\n  }\n\n  private _onStepExpandedContentFocusIn(event: CustomEvent<IStepComponent>): void {\n    const step = this._adapter.getStep(event.detail.index + 1);\n    if (step) {\n      step.setStepTabIndex(0);\n    }\n    event.detail.setStepTabIndex(0);\n  }\n\n  private _onStepExpandedContentFocusOut(event: CustomEvent<IStepComponent>): void {\n    const focusOutStep = event.target as IStepComponent;\n    const step = this._adapter.getStep(focusOutStep.index + 1);\n\n    if (step) {\n      step.setStepTabIndex(-1);\n    }\n\n    focusOutStep.setStepTabIndex(-1);\n  }\n\n  private _onStepFocus(): void {\n    this._adapter.toggleRootClass(STEPPER_CONSTANTS.classes.FOCUSED, true);\n  }\n\n  private _onStepBlur(): void {\n    this._adapter.toggleRootClass(STEPPER_CONSTANTS.classes.FOCUSED, false);\n  }\n\n  private _patchBrowser(): void {\n    if (new Platform().SAFARI()) {\n      this._adapter.patchSafari();\n    }\n  }\n}\n", "import { attachShadowTemplate, coerceBoolean, CustomElement, ensureChildren, FoundationProperty } from '@tylertech/forge-core';\nimport { BaseComponent, IBaseComponent } from '../../core/base/base-component';\nimport { IStepConfiguration, StepperLayoutAlign, StepperLayoutMode } from '../stepper/stepper-constants';\nimport { StepComponent } from '../step/step';\nimport { StepperAdapter } from './stepper-adapter';\nimport { STEPPER_CONSTANTS } from './stepper-constants';\nimport { StepperFoundation } from './stepper-foundation';\n\nconst template = '<template><div class=\\\"forge-stepper\\\" part=\\\"root\\\"><slot></slot></div></template>';\nconst styles = '.forge-stepper{display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;white-space:nowrap;overflow:hidden}.forge-stepper:not(.forge-stepper--vertical) ::slotted(*){display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;position:relative;min-width:112px}.forge-stepper--fixed ::slotted(*){-webkit-box-flex:1;flex:1}.forge-stepper--alternative{-webkit-box-align:start;align-items:flex-start}.forge-stepper--alternative ::slotted(*){min-width:160px}.forge-stepper--align-left{-webkit-box-pack:start;justify-content:flex-start}.forge-stepper--align-center{-webkit-box-pack:center;justify-content:center}.forge-stepper--align-right{-webkit-box-pack:end;justify-content:flex-end}:host{display:block}:host([hidden]){display:none}:host([vertical]) .forge-stepper{display:unset;-webkit-box-align:unset;align-items:unset;white-space:unset;overflow:unset}';\n\nexport interface IStepperComponent extends IBaseComponent {\n  steps: IStepConfiguration[];\n  selectedIndex: number;\n  linear: boolean;\n  alternative: boolean;\n  layoutMode: StepperLayoutMode;\n  layoutAlign: StepperLayoutAlign;\n  disabled: boolean;\n  vertical: boolean;\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'forge-stepper': IStepperComponent;\n  }\n}\n\n/**\n * The web component class behind the `<forge-stepper>` custom element.\n * \n * @tag forge-stepper\n */\n@CustomElement({\n  name: STEPPER_CONSTANTS.elementName,\n  dependencies: [StepComponent]\n})\nexport class StepperComponent extends BaseComponent implements IStepperComponent {\n  public static get observedAttributes(): string[] {\n    return [\n      STEPPER_CONSTANTS.attributes.SELECTED_INDEX,\n      STEPPER_CONSTANTS.attributes.LINEAR,\n      STEPPER_CONSTANTS.attributes.ALTERNATIVE,\n      STEPPER_CONSTANTS.attributes.LAYOUT_MODE,\n      STEPPER_CONSTANTS.attributes.LAYOUT_ALIGN,\n      STEPPER_CONSTANTS.attributes.DISABLED,\n      STEPPER_CONSTANTS.attributes.VERTICAL\n    ];\n  }\n\n  private _foundation: StepperFoundation;\n\n  constructor() {\n    super();\n    attachShadowTemplate(this, template, styles);\n    this._foundation = new StepperFoundation(new StepperAdapter(this));\n  }\n\n  public async connectedCallback(): Promise<void> {\n    await ensureChildren(this);\n    this._foundation.initialize();\n  }\n\n  public disconnectedCallback(): void {\n    this._foundation.disconnect();\n  }\n\n  public attributeChangedCallback(name: string, oldValue: string, newValue: string): void {\n    switch (name) {\n      case STEPPER_CONSTANTS.attributes.SELECTED_INDEX:\n        this.selectedIndex = Number(newValue) || 0;\n        break;\n      case STEPPER_CONSTANTS.attributes.LINEAR:\n        this.linear = coerceBoolean(newValue);\n        break;\n      case STEPPER_CONSTANTS.attributes.ALTERNATIVE:\n        this.alternative = coerceBoolean(newValue);\n        break;\n      case STEPPER_CONSTANTS.attributes.LAYOUT_MODE:\n        this.layoutMode = newValue as StepperLayoutMode;\n        break;\n      case STEPPER_CONSTANTS.attributes.LAYOUT_ALIGN:\n        this.layoutAlign = newValue as StepperLayoutAlign;\n        break;\n      case STEPPER_CONSTANTS.attributes.DISABLED:\n        this.disabled = coerceBoolean(newValue);\n        break;\n      case STEPPER_CONSTANTS.attributes.VERTICAL:\n        this.vertical = coerceBoolean(newValue);\n        break;\n    }\n  }\n\n  /** The step configurations. */\n  @FoundationProperty()\n  public declare steps: IStepConfiguration[];\n\n  /** The active step index. */\n  @FoundationProperty()\n  public declare selectedIndex: number;\n\n  /** Whether the stepper is linear or non-linear. */\n  @FoundationProperty()\n  public declare linear: boolean;\n\n  /** Whether the stepper uses the default or alternative label layout mode. */\n  @FoundationProperty()\n  public declare alternative: boolean;\n\n  /** The layout mode of the stepper. */\n  @FoundationProperty()\n  public declare layoutMode: StepperLayoutMode;\n\n  /** The layout alignment of the stepper. */\n  @FoundationProperty()\n  public declare layoutAlign: StepperLayoutAlign;\n\n  @FoundationProperty()\n  public declare disabled: boolean;\n\n  @FoundationProperty()\n  public declare vertical: boolean;\n}\n", "import { defineCustomElement } from '@tylertech/forge-core';\nimport { StepperComponent } from './stepper';\n\nexport * from './stepper';\nexport * from './stepper-adapter';\nexport * from './stepper-constants';\nexport * from './stepper-foundation';\n\nexport function defineStepperComponent(): void {\n  defineCustomElement(StepperComponent);\n}\n\n"],
-  "mappings": "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",
-  "names": ["elementName", "COMPONENT_NAME_PREFIX", "classes", "selectors", "attributes", "strings", "numbers", "ACCEPTABLE_KEYS", "KEYCODE_MAP", "STEPPER_CONSTANTS", "StepperUtils", "step", "index", "stepperConfig", "_a", "_b", "stepElement", "STEP_CONSTANTS", "labelText", "label", "stepperElement", "isLinear", "hasLinearClass", "STEPPER_CONSTANTS", "isAlternative", "hasAlternativeClass", "mode", "stepperConfiguration", "steps", "StepperAdapter", "BaseAdapter", "component", "getShadowElement", "STEPPER_CONSTANTS", "s", "listener", "steps", "step", "tab", "index", "layoutAlign", "StepperUtils", "layoutMode", "STEP_CONSTANTS", "alternative", "vertical", "toggleClass", "linear", "event", "n", "focusedStep", "activeElement", "getActiveElement", "realIndex", "disabled", "className", "show", "action", "StepperFoundation", "_adapter", "event", "STEP_CONSTANTS", "s", "__spreadValues", "value", "isDefined", "isNumber", "v", "STEPPER_CONSTANTS", "eventPath", "getEventPath", "stepRoot", "el", "step", "steps", "StepperUtils", "key", "getShadowElement", "evt", "focusOutStep", "Platform", "template", "styles", "StepperComponent", "BaseComponent", "attachShadowTemplate", "StepperFoundation", "StepperAdapter", "STEPPER_CONSTANTS", "ensureChildren", "name", "oldValue", "newValue", "coerceBoolean", "__decorateClass", "FoundationProperty", "CustomElement", "StepComponent", "defineStepperComponent", "defineCustomElement", "StepperComponent"]
-}

package/dist/esm/chunks/chunk.POYFRYFF.js

@@ -1,7 +0,0 @@
-/**
- * @license
- * Copyright 2023 Tyler Technologies, Inc. 
- * License: Apache-2.0
- */
-import{d as z}from"./chunk.SXQ22MNR.js";import{b as v,c as X}from"./chunk.EC5JFSHR.js";import{C as R,e as S,i as L,q as T,x as P}from"./chunk.MZLPUI6R.js";import{d as O,l as D}from"./chunk.WHQZNZHW.js";import{a as A}from"./chunk.UWYANU5D.js";import{a as s}from"./chunk.KTGSZEAG.js";import{a as C,b as w}from"./chunk.DL7NX432.js";import{a as I,e as k,g as h,l as N}from"./chunk.LJLEPTLU.js";import{f as d,t as c,u}from"./chunk.4LA6HEA7.js";import{k as p,l as y}from"./chunk.J2M2MXP2.js";import{a as x,b as E,f as n}from"./chunk.MCIQXNKY.js";var f=`${w}step`,l={STEP:"forge-step",STEP_CONTAINER:"forge-step__container",ERROR:"forge-step--error",SELECTED:"forge-step--selected",COMPLETED:"forge-step--completed",EDITABLE:"forge-step--editable",ALTERNATIVE:"forge-step--alternative",ICON_CONTENT:"forge-step-icon-content",ICON:"forge-step-icon",LABEL_CONTAINER:"forge-step-label-container",LABEL:"forge-step-label",OPTIONAL_LABEL:"forge-step-optional-label",INDEX:"forge-step-index",CLUSTERED:"forge-step--clustered",DISABLED:"forge-step--disabled",VERTICAL:"forge-step--vertical",EXPANDED:"forge-step--expanded",EXPANDABLE:"forge-step--expandable",EXPANSION_PANEL:"forge-step__expansion-panel",EXPANSION_ICON:"forge-step__expanded-icon",EXPANSION_ICON_EXPANDED:"forge-step__expanded-icon--expanded",EXPANSION_CONTENT:"forge-step__expansion-content"},F={SELECTED:"selected",INDEX:"index",EDITABLE:"editable",COMPLETED:"completed",ERROR:"error",ALTERNATIVE:"alternative",FIRST:"first",LAST:"last",ARIA_SELECTED:"aria-selected",CLUSTERED:"clustered",DISABLED:"disabled",VERTICAL:"vertical",EXPANDED:"expanded",EXPANDABLE:"expandable",IGNORE_USER_EXPANSION:"ignore-user-expansion"},M={STEP:`.${l.STEP}`,STEP_CONTAINER:`.${l.STEP_CONTAINER}`,INDEX:`.${l.INDEX}`,ICON:`.${l.ICON}`,ICON_CONTENT:`.${l.ICON_CONTENT}`,EXPANSION_SLOT:'slot[name="expansion-content"]',EXPANSION_PANEL:`.${l.EXPANSION_PANEL}`,EXPANSION_ICON:`.${l.EXPANSION_ICON}`},H={ARROW_LEFT_KEY:"ArrowLeft",ARROW_RIGHT_KEY:"ArrowRight",ARROW_UP_KEY:"ArrowUp",ARROW_DOWN_KEY:"ArrowDown",END_KEY:"End",ENTER_KEY:"Enter",HOME_KEY:"Home",SPACE_KEY:"Space",EXPANSION_CONTENT_SLOT_NAME:"expansion-content"},B={SELECT:`${f}-select`,EXPANDED_CONTENT_FOCUSIN:`${f}-expanded-content-focusin`,EXPANDED_CONTENT_FOCUSOUT:`${f}-expanded-content-focusout`},t={elementName:f,classes:l,selectors:M,attributes:F,events:B,strings:H};var m=class extends A{constructor(e){super(e);this.unbounded=!1;this._buttonElement=h(e,t.selectors.STEP),this._container=h(e,t.selectors.STEP_CONTAINER)}get root(){return this._buttonElement}get disabled(){return this._buttonElement.disabled}get component(){return this._component}setRootTabIndex(e){this._buttonElement.tabIndex=e}initialize(){this._component.setAttribute("role","tab")}attachRipple(){this._rippleInstance=this.initializeRipple()}detatchRipple(){this._rippleInstance&&this._rippleInstance.destroy()}initializeRipple(){return this._createRipple()}setIndex(e){this._buttonElement.querySelector(t.selectors.INDEX).innerHTML=(e+1||"").toString()}toggleRootClass(e,r){c(this._buttonElement,r,e)}setRootAttribute(e,r){this._buttonElement.setAttribute(e,r)}focusButton(){this._buttonElement.focus()}toggleDisabled(e){c(this._buttonElement,e,t.classes.DISABLED),u(this._buttonElement,e,"aria-disabled"),this._buttonElement.disabled=e}toggleIcon(e,r){let a=this._buttonElement.querySelector(t.selectors.INDEX),g=this._buttonElement.querySelector(t.selectors.ICON);if(!r){a.style.display="inherit",g.style.display="none";return}a.style.display="none",g.style.display="inherit",g.name=e}slotHasContent(){return this._expansionSlot.assignedElements({flatten:!0}).length>0}setClickListener(e){this._buttonElement.addEventListener("click",e)}removeClickListener(e){this._buttonElement.removeEventListener("click",e)}setSlotListener(e){this._expansionSlot.addEventListener("slotchange",e)}removeSlotListener(e){this._expansionSlot&&this._expansionSlot.removeEventListener("slotchange",e)}setExpanded(e){this._expansionPanel&&(this._expansionPanel.open=e,u(this._expansionPanel,!e,"tabindex","-1")),c(this._buttonElement,e,t.classes.EXPANDED)}setExpansionPanelAnimations(e){this._expansionPanel.useAnimations=e}addExpansionPanel(){this._container.querySelector(t.selectors.EXPANSION_PANEL)||(this._expansionPanel=this._container.appendChild(this._createExpansionPanel()),this._expansionSlot=this._expansionPanel.querySelector(t.selectors.EXPANSION_SLOT))}removeExpansionPanel(){let e=this._container.querySelector(t.selectors.EXPANSION_PANEL);e&&this._container.removeChild(e)}addExpansionIcon(){this._buttonElement.querySelector(t.selectors.EXPANSION_ICON)||this._buttonElement.appendChild(this._createExpansionIcon())}removeExpansionIcon(){let e=this._buttonElement.querySelector(t.selectors.EXPANSION_ICON);e&&this._buttonElement.removeChild(e)}addExpansionPanelListener(e,r){this._expansionPanel.addEventListener(e,r)}removeExpansionPanelListener(e,r){this._expansionPanel&&this._expansionPanel.removeEventListener(e,r)}isExpandedContentInFocus(e){return this._expansionSlot.assignedElements().some(r=>r.contains(e||document.activeElement))}_createRipple(){let e=E(x({},v.createAdapter(this)),{isSurfaceDisabled:()=>this._buttonElement.disabled});return new v(this._buttonElement,new X(e))}_createExpansionPanel(){let e=document.createElement("forge-expansion-panel");e.useAnimations=!1,e.setAttribute("part","expansion-panel"),d(t.classes.EXPANSION_PANEL,e);let r=document.createElement("slot");return r.setAttribute("name","expansion-content"),d(t.classes.EXPANSION_CONTENT,r),e.appendChild(r),e}_createExpansionIcon(){let e=document.createElement("forge-icon");return d(t.classes.EXPANSION_ICON,e),e.name="keyboard_arrow_down",e.setAttribute("part","expanded-icon"),e}};var b=class{constructor(o){this._adapter=o;this._clickListener=()=>this._onClickListener(),this._expansionContentSlotChangeListener=e=>this._onExpansionContentSlotChange(e),this._expansionContentFocusInListener=e=>this._onExpansionContentFocusIn(e),this._expansionContentFocusOutListener=e=>this._onExpansionContentFocusOut(e)}initialize(){this._adapter.initialize(),this._adapter.attachRipple(),this._applySelected(),this._toggleIcon(),this._vertical&&(this._adapter.addExpansionPanel(),this._adapter.addExpansionIcon(),this._adapter.setClickListener(this._clickListener),this._adapter.setSlotListener(this._expansionContentSlotChangeListener),this._adapter.addExpansionPanelListener("focusin",this._expansionContentFocusInListener),this._adapter.addExpansionPanelListener("focusout",this._expansionContentFocusOutListener)),this._initialized=!0}disconnect(){this._adapter.detatchRipple(),this._adapter.removeClickListener(this._clickListener),this._adapter.removeSlotListener(this._expansionContentSlotChangeListener),this._adapter.removeExpansionPanelListener("focusin",this._onExpansionContentFocusIn),this._adapter.removeExpansionPanelListener("focusout",this._onExpansionContentFocusOut)}get index(){return this._index}set index(o){this._index!==o&&(this._index=o,this._applyIndex(),this._adapter.setHostAttribute(t.attributes.INDEX,o.toString()))}get editable(){return this._editable}set editable(o){this._editable!==o&&(this._editable=o,this._adapter.toggleHostAttribute(t.attributes.EDITABLE,o),this._applyEditable())}get completed(){return this._completed}set completed(o){this._completed!==o&&(this._completed=o,this._adapter.toggleHostAttribute(t.attributes.COMPLETED,o),this._applyCompleted())}get error(){return this._error}set error(o){this._error!==o&&(this._error=o,this._adapter.toggleHostAttribute(t.attributes.ERROR,o),this._applyError())}get selected(){return this._selected}set selected(o){this._selected!==o&&(this._selected=o,this._adapter.toggleHostAttribute(t.attributes.SELECTED,o),this._applySelected())}get alternative(){return this._alternative}set alternative(o){this._alternative!==o&&(this._alternative=o,this._adapter.toggleHostAttribute(t.attributes.ALTERNATIVE,o),this._applyAlternative())}get disabled(){return this._disabled}set disabled(o){this._disabled=o,this._applyDisabled()}get vertical(){return this._vertical}set vertical(o){o!==this._vertical&&(this._vertical=o,this._applyVertical(),this._initialized&&(this._vertical?(this._adapter.addExpansionPanel(),this._adapter.addExpansionIcon(),this._adapter.setClickListener(this._clickListener),this._adapter.setSlotListener(this._expansionContentSlotChangeListener)):(this._adapter.removeClickListener(this._clickListener),this._adapter.removeSlotListener(this._expansionContentSlotChangeListener),this._adapter.removeExpansionPanel(),this._adapter.removeExpansionIcon())))}get expanded(){return this._expanded}set expanded(o){o!==this._expanded&&(this._expanded=o,this._adapter.toggleHostAttribute(t.attributes.EXPANDED,this._expanded),this._initialized&&this._applyExpanded())}get ignoreUserExpansion(){return this._ignoreUserExpansion}set ignoreUserExpansion(o){o!==this._ignoreUserExpansion&&(this._ignoreUserExpansion=o)}setStepTabIndex(o){this._adapter.setRootTabIndex(o)}_applyExpanded(){this._adapter.setExpanded(this._expanded)}_applyVertical(){this._adapter.toggleHostAttribute(t.attributes.VERTICAL,this._vertical),this._adapter.toggleRootClass(t.classes.VERTICAL,this._vertical)}focus(){this._adapter.focusButton()}_applyAlternative(){this._adapter.toggleRootClass(t.classes.ALTERNATIVE,this._alternative)}_applySelected(){this._adapter.toggleRootClass(t.classes.SELECTED,this._selected),this._adapter.setHostAttribute(t.attributes.ARIA_SELECTED,(this._selected||!1).toString()),this._adapter.setRootTabIndex(this._selected?0:-1),this._toggleIcon()}_applyIndex(){this._adapter.setIndex(this._index)}_applyEditable(){this._adapter.toggleRootClass(t.classes.EDITABLE,this._editable),this._toggleIcon()}_applyCompleted(){this._adapter.toggleRootClass(t.classes.COMPLETED,this._completed),this._toggleIcon()}_applyError(){this._adapter.toggleRootClass(t.classes.ERROR,this._error),this._toggleIcon()}_applyDisabled(){this._adapter.toggleDisabled(this._disabled),this._toggleIcon()}_getIconState(){return this._error?"warning":this._completed?this._editable?"mode_edit":"check":this._editable&&this._selected&&!this._disabled?"mode_edit":this._disabled?"block":""}_toggleIcon(){this._iconState=this._getIconState(),this._adapter.toggleIcon(this._iconState,this._iconState!=="")}_toggleExpanded(){this._adapter.slotHasContent()&&(this._expanded=!this._expanded,this._applyExpanded(),this._adapter.toggleHostAttribute(t.attributes.EXPANDED,this._expanded))}_onClickListener(){this._vertical&&!this._ignoreUserExpansion&&this._toggleExpanded()}_onExpansionContentSlotChange(o){let e=this._adapter.slotHasContent();e?(this._adapter.setHostAttribute(t.attributes.EXPANDABLE),this._applyExpanded(),this._adapter.setExpansionPanelAnimations(!0)):(this._adapter.removeHostAttribute(t.attributes.EXPANDABLE),this._adapter.setExpansionPanelAnimations(!1)),this._adapter.toggleRootClass(t.classes.EXPANDABLE,e)}_onExpansionContentFocusIn(o){!this._expandedContentFocused&&this._adapter.isExpandedContentInFocus(o.target)&&(this._adapter.emitHostEvent(t.events.EXPANDED_CONTENT_FOCUSIN,this._adapter.component),this._expandedContentFocused=!0)}_onExpansionContentFocusOut(o){o.relatedTarget&&!this._adapter.isExpandedContentInFocus(o.relatedTarget)&&(this._adapter.emitHostEvent(t.events.EXPANDED_CONTENT_FOCUSOUT,this._adapter.component),this._expandedContentFocused=!1)}};var U='<template><div class="forge-step__container" part="root"><button class="forge-step" type="button" part="button"><div class="before" part="before"></div><div class="forge-step__icon-container" part="icon-container"><div class="forge-step-icon-content" part="icon-content"><span class="forge-step-index" part="index"></span><forge-icon class="forge-step-icon" part="icon"></forge-icon></div></div><div class="forge-step__text-container" part="text-container"><div class="forge-step__title" part="title-container"><slot></slot></div><div class="forge-step__subtitle" part="subtitle-container"><slot name="optional"></slot></div></div><div class="after" part="after"></div></button></div></template>',$='@-webkit-keyframes mdc-ripple-fg-radius-in{from{-webkit-animation-timing-function:cubic-bezier(0.4,0,0.2,1);animation-timing-function:cubic-bezier(0.4,0,0.2,1);-webkit-transform:translate(var(--mdc-ripple-fg-translate-start,0)) scale(1);transform:translate(var(--mdc-ripple-fg-translate-start,0)) scale(1)}to{-webkit-transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1));transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1))}}@keyframes mdc-ripple-fg-radius-in{from{-webkit-animation-timing-function:cubic-bezier(0.4,0,0.2,1);animation-timing-function:cubic-bezier(0.4,0,0.2,1);-webkit-transform:translate(var(--mdc-ripple-fg-translate-start,0)) scale(1);transform:translate(var(--mdc-ripple-fg-translate-start,0)) scale(1)}to{-webkit-transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1));transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1))}}@-webkit-keyframes mdc-ripple-fg-opacity-in{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:0}to{opacity:var(--mdc-ripple-fg-opacity, 0)}}@keyframes mdc-ripple-fg-opacity-in{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:0}to{opacity:var(--mdc-ripple-fg-opacity, 0)}}@-webkit-keyframes mdc-ripple-fg-opacity-out{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:var(--mdc-ripple-fg-opacity, 0)}to{opacity:0}}@keyframes mdc-ripple-fg-opacity-out{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:var(--mdc-ripple-fg-opacity, 0)}to{opacity:0}}.mdc-ripple-surface{--mdc-ripple-fg-size:0;--mdc-ripple-left:0;--mdc-ripple-top:0;--mdc-ripple-fg-scale:1;--mdc-ripple-fg-translate-end:0;--mdc-ripple-fg-translate-start:0;-webkit-tap-highlight-color:transparent;will-change:transform,opacity;position:relative;outline:0;overflow:hidden}.mdc-ripple-surface::after,.mdc-ripple-surface::before{position:absolute;border-radius:50%;opacity:0;pointer-events:none;content:""}.mdc-ripple-surface::before{-webkit-transition:opacity 15ms linear,background-color 15ms linear;transition:opacity 15ms linear,background-color 15ms linear;z-index:1;z-index:var(--mdc-ripple-z-index,1)}.mdc-ripple-surface::after{z-index:0;z-index:var(--mdc-ripple-z-index,0)}.mdc-ripple-surface.mdc-ripple-upgraded::before{-webkit-transform:scale(var(--mdc-ripple-fg-scale,1));transform:scale(var(--mdc-ripple-fg-scale,1))}.mdc-ripple-surface.mdc-ripple-upgraded::after{top:0;left:0;-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:center center;transform-origin:center center}.mdc-ripple-surface.mdc-ripple-upgraded--unbounded::after{top:var(--mdc-ripple-top,0);left:var(--mdc-ripple-left,0)}.mdc-ripple-surface.mdc-ripple-upgraded--foreground-activation::after{-webkit-animation:mdc-ripple-fg-radius-in 225ms forwards,mdc-ripple-fg-opacity-in 75ms forwards;animation:mdc-ripple-fg-radius-in 225ms forwards,mdc-ripple-fg-opacity-in 75ms forwards}.mdc-ripple-surface.mdc-ripple-upgraded--foreground-deactivation::after{-webkit-animation:mdc-ripple-fg-opacity-out 150ms;animation:mdc-ripple-fg-opacity-out 150ms;-webkit-transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1));transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1))}.mdc-ripple-surface::after,.mdc-ripple-surface::before{top:calc(50% - 100%);left:calc(50% - 100%);width:200%;height:200%}.mdc-ripple-surface.mdc-ripple-upgraded::after{width:var(--mdc-ripple-fg-size,100%);height:var(--mdc-ripple-fg-size,100%)}.mdc-ripple-surface[data-mdc-ripple-is-unbounded],.mdc-ripple-upgraded--unbounded{overflow:visible}.mdc-ripple-surface[data-mdc-ripple-is-unbounded]::after,.mdc-ripple-surface[data-mdc-ripple-is-unbounded]::before,.mdc-ripple-upgraded--unbounded::after,.mdc-ripple-upgraded--unbounded::before{top:calc(50% - 50%);left:calc(50% - 50%);width:100%;height:100%}.mdc-ripple-surface[data-mdc-ripple-is-unbounded].mdc-ripple-upgraded::after,.mdc-ripple-surface[data-mdc-ripple-is-unbounded].mdc-ripple-upgraded::before,.mdc-ripple-upgraded--unbounded.mdc-ripple-upgraded::after,.mdc-ripple-upgraded--unbounded.mdc-ripple-upgraded::before{top:var(--mdc-ripple-top,calc(50% - 50%));left:var(--mdc-ripple-left,calc(50% - 50%));width:var(--mdc-ripple-fg-size,100%);height:var(--mdc-ripple-fg-size,100%)}.mdc-ripple-surface[data-mdc-ripple-is-unbounded].mdc-ripple-upgraded::after,.mdc-ripple-upgraded--unbounded.mdc-ripple-upgraded::after{width:var(--mdc-ripple-fg-size,100%);height:var(--mdc-ripple-fg-size,100%)}.mdc-ripple-surface::after,.mdc-ripple-surface::before{background-color:#000;background-color:var(--mdc-ripple-color,#000)}.mdc-ripple-surface.mdc-ripple-surface--hover::before,.mdc-ripple-surface:hover::before{opacity:.04;opacity:var(--mdc-ripple-hover-opacity, .04)}.mdc-ripple-surface.mdc-ripple-upgraded--background-focused::before,.mdc-ripple-surface:not(.mdc-ripple-upgraded):focus::before{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.12;opacity:var(--mdc-ripple-focus-opacity, .12)}.mdc-ripple-surface:not(.mdc-ripple-upgraded)::after{-webkit-transition:opacity 150ms linear;transition:opacity 150ms linear}.mdc-ripple-surface:not(.mdc-ripple-upgraded):active::after{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.12;opacity:var(--mdc-ripple-press-opacity, .12)}.mdc-ripple-surface.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.12)}.forge-step{padding:12px 16px;outline:0;background:0 0;border:none;border-radius:14px;position:relative;display:-webkit-box;display:flex;overflow:hidden;-webkit-box-align:center;align-items:center;z-index:1;--mdc-ripple-fg-size:0;--mdc-ripple-left:0;--mdc-ripple-top:0;--mdc-ripple-fg-scale:1;--mdc-ripple-fg-translate-end:0;--mdc-ripple-fg-translate-start:0;-webkit-tap-highlight-color:transparent;will-change:transform,opacity;cursor:pointer}.forge-step:focus{outline:0}.forge-step::-moz-focus-inner,.forge-step::-moz-focus-outer{padding:0;border:0}.forge-step::after,.forge-step::before{position:absolute;border-radius:50%;opacity:0;pointer-events:none;content:""}.forge-step::before{-webkit-transition:opacity 15ms linear,background-color 15ms linear;transition:opacity 15ms linear,background-color 15ms linear;z-index:1;z-index:var(--mdc-ripple-z-index,1)}.forge-step::after{z-index:0;z-index:var(--mdc-ripple-z-index,0)}.forge-step.mdc-ripple-upgraded::before{-webkit-transform:scale(var(--mdc-ripple-fg-scale,1));transform:scale(var(--mdc-ripple-fg-scale,1))}.forge-step.mdc-ripple-upgraded::after{top:0;left:0;-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:center center;transform-origin:center center}.forge-step.mdc-ripple-upgraded--unbounded::after{top:var(--mdc-ripple-top,0);left:var(--mdc-ripple-left,0)}.forge-step.mdc-ripple-upgraded--foreground-activation::after{-webkit-animation:mdc-ripple-fg-radius-in 225ms forwards,mdc-ripple-fg-opacity-in 75ms forwards;animation:mdc-ripple-fg-radius-in 225ms forwards,mdc-ripple-fg-opacity-in 75ms forwards}.forge-step.mdc-ripple-upgraded--foreground-deactivation::after{-webkit-animation:mdc-ripple-fg-opacity-out 150ms;animation:mdc-ripple-fg-opacity-out 150ms;-webkit-transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1));transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1))}.forge-step::after,.forge-step::before{top:calc(50% - 100%);left:calc(50% - 100%);width:200%;height:200%}.forge-step.mdc-ripple-upgraded::after{width:var(--mdc-ripple-fg-size,100%);height:var(--mdc-ripple-fg-size,100%)}.forge-step::after,.forge-step::before{background-color:#000;background-color:var(--mdc-ripple-color,#000)}.forge-step.mdc-ripple-surface--hover::before,.forge-step:hover::before{opacity:.04;opacity:var(--mdc-ripple-hover-opacity, .04)}.forge-step.mdc-ripple-upgraded--background-focused::before,.forge-step:not(.mdc-ripple-upgraded):focus::before{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.12;opacity:var(--mdc-ripple-focus-opacity, .12)}.forge-step:not(.mdc-ripple-upgraded)::after{-webkit-transition:opacity 150ms linear;transition:opacity 150ms linear}.forge-step:not(.mdc-ripple-upgraded):active::after{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.12;opacity:var(--mdc-ripple-press-opacity, .12)}.forge-step.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.12)}.forge-step--selected::before{opacity:.08;opacity:var(--mdc-ripple-selected-opacity, .08)}.forge-step--selected::after,.forge-step--selected::before{background-color:#3f51b5;background-color:var(--mdc-ripple-color,var(--mdc-theme-primary,#3f51b5))}.forge-step--selected.mdc-ripple-surface--hover::before,.forge-step--selected:hover::before{opacity:.12;opacity:var(--mdc-ripple-hover-opacity, .12)}.forge-step--selected.mdc-ripple-upgraded--background-focused::before,.forge-step--selected:not(.mdc-ripple-upgraded):focus::before{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.2;opacity:var(--mdc-ripple-focus-opacity, .2)}.forge-step--selected:not(.mdc-ripple-upgraded)::after{-webkit-transition:opacity 150ms linear;transition:opacity 150ms linear}.forge-step--selected:not(.mdc-ripple-upgraded):active::after{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.2;opacity:var(--mdc-ripple-press-opacity, .2)}.forge-step--selected.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.2)}.forge-step.forge-step--error.forge-step--selected::before{opacity:.08;opacity:var(--mdc-ripple-selected-opacity, .08)}.forge-step.forge-step--error.forge-step--selected::after,.forge-step.forge-step--error.forge-step--selected::before{background-color:#b00020;background-color:var(--mdc-ripple-color,var(--mdc-theme-error,#b00020))}.forge-step.forge-step--error.forge-step--selected.mdc-ripple-surface--hover::before,.forge-step.forge-step--error.forge-step--selected:hover::before{opacity:.12;opacity:var(--mdc-ripple-hover-opacity, .12)}.forge-step.forge-step--error.forge-step--selected.mdc-ripple-upgraded--background-focused::before,.forge-step.forge-step--error.forge-step--selected:not(.mdc-ripple-upgraded):focus::before{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.2;opacity:var(--mdc-ripple-focus-opacity, .2)}.forge-step.forge-step--error.forge-step--selected:not(.mdc-ripple-upgraded)::after{-webkit-transition:opacity 150ms linear;transition:opacity 150ms linear}.forge-step.forge-step--error.forge-step--selected:not(.mdc-ripple-upgraded):active::after{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.2;opacity:var(--mdc-ripple-press-opacity, .2)}.forge-step.forge-step--error.forge-step--selected.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.2)}.forge-step--selected{color:#3f51b5;color:var(--mdc-theme-primary,#3f51b5)}.forge-step--disabled::after,.forge-step--disabled::before{background-color:transparent}.forge-step__container{display:contents}.forge-step__expansion-panel{display:none}.forge-step__expanded-icon{color:#757575;color:var(--forge-theme-icon-color,#757575);display:none;margin-left:auto}.forge-step__title{color:rgba(0,0,0,.87);color:var(--mdc-theme-text-primary-on-background,rgba(0,0,0,.87));-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto,sans-serif;font-family:var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:.875rem;font-size:var(--mdc-typography-body2-font-size, .875rem);line-height:1.25rem;line-height:var(--mdc-typography-body2-line-height, 1.25rem);font-weight:400;font-weight:var(--mdc-typography-body2-font-weight,400);letter-spacing:.0178571429em;letter-spacing:var(--mdc-typography-body2-letter-spacing, .0178571429em);text-decoration:inherit;-webkit-text-decoration:var(--mdc-typography-body2-text-decoration,inherit);text-decoration:var(--mdc-typography-body2-text-decoration,inherit);text-transform:inherit;text-transform:var(--mdc-typography-body2-text-transform,inherit);text-align:left;overflow:hidden;text-overflow:ellipsis}.forge-step__subtitle{text-align:left;overflow:hidden;text-overflow:ellipsis}.forge-step__subtitle ::slotted(*){color:rgba(0,0,0,.54);color:var(--mdc-theme-text-secondary-on-background,rgba(0,0,0,.54));-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto,sans-serif;font-family:var(--mdc-typography-caption-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:.75rem;font-size:var(--mdc-typography-caption-font-size, .75rem);line-height:1.25rem;line-height:var(--mdc-typography-caption-line-height, 1.25rem);font-weight:400;font-weight:var(--mdc-typography-caption-font-weight,400);letter-spacing:.0333333333em;letter-spacing:var(--mdc-typography-caption-letter-spacing, .0333333333em);text-decoration:inherit;-webkit-text-decoration:var(--mdc-typography-caption-text-decoration,inherit);text-decoration:var(--mdc-typography-caption-text-decoration,inherit);text-transform:inherit;text-transform:var(--mdc-typography-caption-text-transform,inherit)}.forge-step__icon-container .forge-step-icon-content{border-style:solid;border-width:2px;border-color:transparent;display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;border-radius:50%;height:24px;width:24px;font-size:14px;-webkit-transition:background-color .4s cubic-bezier(.25, .8, .25, 1);transition:background-color .4s cubic-bezier(.25, .8, .25, 1);margin:0 8px 0 0;-webkit-box-flex:0;flex:none}.forge-step__icon-container .forge-step-icon-content forge-icon{font-size:14px}.forge-step:not(.forge-step--disabled) .forge-step-icon-content{color:rgba(0,0,0,.87);color:var(--mdc-theme-text-primary-on-background,rgba(0,0,0,.87))}.forge-step--disabled{cursor:not-allowed;color:rgba(0,0,0,.6);color:var(--forge-theme-form-field-text-disabled-on-background,rgba(0,0,0,.6))}.forge-step--disabled.forge-step .forge-step__icon-container .forge-step-icon-content{color:rgba(0,0,0,.38);color:var(--mdc-theme-text-disabled-on-light,rgba(0,0,0,.38));background-color:#f5f5f5;background-color:var(--forge-theme-form-field-disabled-on-background,#f5f5f5)}.forge-step--disabled .forge-step__text-container .forge-step__title{color:rgba(0,0,0,.6);color:var(--forge-theme-form-field-text-disabled-on-background,rgba(0,0,0,.6))}.forge-step--disabled .forge-step__text-container .forge-step__subtitle ::slotted(*){color:rgba(0,0,0,.6);color:var(--forge-theme-form-field-text-disabled-on-background,rgba(0,0,0,.6))}.forge-step--alternative{-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column}.forge-step--alternative .forge-step__icon-container .forge-step-icon-content{margin:0}.forge-step--alternative .forge-step__text-container{margin-top:8px;place-items:center}.forge-step:not(.forge-step--selected):not(.forge-step--disabled).forge-step--editable:not(.forge-step--completed):not(.forge-step--error) .forge-step-icon-content,.forge-step:not(.forge-step--selected):not(.forge-step--disabled):not(.forge-step--editable):not(.forge-step--completed):not(.forge-step--error) .forge-step-icon-content{border-color:#3f51b5;border-color:var(--mdc-theme-primary,#3f51b5)}.forge-step:not(.forge-step--selected):not(.forge-step--disabled).forge-step--editable:not(.forge-step--completed):not(.forge-step--error) .forge-step-icon-content .forge-step-index,.forge-step:not(.forge-step--selected):not(.forge-step--disabled):not(.forge-step--editable):not(.forge-step--completed):not(.forge-step--error) .forge-step-icon-content .forge-step-index{color:#3f51b5;color:var(--mdc-theme-primary,#3f51b5)}.forge-step--selected.forge-step--disabled .forge-step-icon-content{color:rgba(0,0,0,.38);color:var(--mdc-theme-text-disabled-on-light,rgba(0,0,0,.38));background-color:#f5f5f5;background-color:var(--forge-theme-form-field-disabled-on-background,#f5f5f5)}.forge-step--selected:not(.forge-step--disabled) .forge-step__icon-container .forge-step-icon-content{background-color:#3f51b5;background-color:var(--mdc-theme-primary,#3f51b5);color:#fff;color:var(--mdc-theme-on-primary,#fff)}.forge-step--selected:not(.forge-step--disabled) .forge-step__title{color:#3f51b5;color:var(--mdc-theme-primary,#3f51b5);font-weight:500}.forge-step--selected:not(.forge-step--disabled) .forge-step__subtitle ::slotted(*){color:#3f51b5;color:var(--mdc-theme-primary,#3f51b5);font-weight:500}.forge-step--error:not(.forge-step--disabled) .forge-step__title{color:#b00020;color:var(--mdc-theme-error,#b00020)}.forge-step--error:not(.forge-step--disabled) .forge-step__subtitle ::slotted(*){color:#b00020;color:var(--mdc-theme-error,#b00020)}.forge-step--error:not(.forge-step--disabled) .forge-step__icon-container .forge-step-icon-content{background-color:#b00020;background-color:var(--mdc-theme-error,#b00020);color:#fff;color:var(--mdc-theme-on-error,#fff)}.forge-step--completed:not(.forge-step--disabled):not(.forge-step--error):not(.forge-step--editable) .forge-step-icon-content{background-color:#3f51b5;background-color:var(--mdc-theme-primary,#3f51b5);color:#fff;color:var(--mdc-theme-on-primary,#fff)}.forge-step--completed:not(.forge-step--disabled):not(.forge-step--error).forge-step--editable .forge-step-icon-content{background-color:#3f51b5;background-color:var(--mdc-theme-primary,#3f51b5);color:#fff;color:var(--mdc-theme-on-primary,#fff)}.forge-step--expandable .forge-step__expanded-icon{display:inline-block;-webkit-transition:-webkit-transform .3s ease-in-out;transition:-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out;transition:transform .3s ease-in-out,-webkit-transform .3s ease-in-out}.forge-step--expandable.forge-step--expanded .forge-step__expanded-icon{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.forge-step--expandable .forge-step__icon-container .forge-step-icon-content{margin:0 16px 0 0}.forge-step__text-container{display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host(:first-child[alternative])::after{align-self:flex-start;top:22px;margin:0}:host(:last-child[alternative])::before{align-self:flex-start;top:22px;margin:0}:host(:not(:first-child):not(:last-child)[alternative])::after,:host(:not(:first-child):not(:last-child)[alternative])::before{align-self:flex-start;top:22px;min-width:7px;margin:0}:host(:not(:last-child)[alternative]) .after{align-self:flex-start;top:22px;position:absolute;width:calc(50% - 18px);left:calc(50% + 18px);height:0;right:0}:host(:not(:last-child)[alternative]) .after::after{content:"";-webkit-box-flex:1;flex:1;flex-basis:0.000000001px;position:absolute;right:0;left:0;min-width:0;width:100%;border-top-color:#e0e0e0;border-top-color:var(--forge-theme-border-color,#e0e0e0);border-top-style:solid;border-top-width:1px;border-radius:1px 0 0 1px}:host(:not(:first-child)[alternative]) .before{align-self:flex-start;top:22px;position:absolute;left:0;width:calc(50% - 18px);height:0}:host(:not(:first-child)[alternative]) .before::before{content:"";left:0;min-width:0;width:100%;-webkit-box-flex:1;flex:1;flex-basis:0.000000001px;position:absolute;border-top-color:#e0e0e0;border-top-color:var(--forge-theme-border-color,#e0e0e0);border-top-style:solid;border-top-width:1px;border-radius:1px 0 0 1px}:host(:not(:first-child):not(:last-child)):host(:not([vertical]))::after,:host(:not(:first-child):not(:last-child)):host(:not([vertical]))::before{border-top-color:#e0e0e0;border-top-color:var(--forge-theme-border-color,#e0e0e0);content:"";position:relative;height:0;min-width:10px;-webkit-box-flex:1;flex:1;flex-basis:0.000000001px;border-top-style:solid;border-top-width:1px;border-radius:1px 0 0 1px;margin:0 -10px}:host(:last-child):host(:not([vertical]))::before{border-top-color:#e0e0e0;border-top-color:var(--forge-theme-border-color,#e0e0e0);content:"";position:relative;height:0;min-width:10px;-webkit-box-flex:1;flex:1;flex-basis:0.000000001px;border-top-style:solid;border-top-width:1px;border-radius:1px 0 0 1px;margin:0 -10px 0 0}:host(:not(:last-child)):host(:not([vertical]))::after{border-top-color:#e0e0e0;border-top-color:var(--forge-theme-border-color,#e0e0e0);content:"";position:relative;height:0;min-width:10px;-webkit-box-flex:1;flex:1;flex-basis:0.000000001px;border-top-style:solid;border-top-width:1px;border-radius:1px 0 0 1px;margin:0 0 0 -10px}:host(:focus){outline:0}:host([vertical]){-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column}:host([vertical])::after{content:none}:host([vertical])::before{content:none}:host([vertical]) .forge-step{width:100%;border-radius:4px;min-height:52px}:host([vertical]) .forge-step__text-container{white-space:normal}:host([vertical]) .forge-step__icon-container .forge-step-icon-content{margin:0 16px 0 0}:host([vertical][expandable]) .forge-step__expansion-panel{display:block}:host([ignore-user-expansion]) .forge-step__expanded-icon{display:none}forge-expansion-panel::part(root){border-left-style:solid;border-color:#e0e0e0;border-color:var(--forge-theme-border-color,#e0e0e0);border-left-width:1px;border-left-width:var(--forge-step-expansion-panel-border-left-width,1px);margin-left:60px;margin-left:var(--forge-step-expansion-panel-margin-left,60px);margin-top:4px;margin-top:var(--forge-step-expansion-panel-margin-top,4px);margin-bottom:4px;margin-bottom:var(--forge-step-expansion-panel-margin-bottom,4px)}:host(:not(:last-child)[clustered])::after{min-width:25px}:host(:last-child[clustered])::before{min-width:25px}:host(:not(:first-child):not(:last-child)[clustered])::after,:host(:not(:first-child):not(:last-child)[clustered])::before{min-width:25px}:host(:not(:last-child)[safari][alternative])::after{top:24px;margin:0 -5px}:host(:last-child[safari][alternative])::before{top:24px;margin:0 -5px}:host(:not(:first-child):not(:last-child)[safari][alternative])::after,:host(:not(:first-child):not(:last-child)[safari][alternative])::before{top:24px;margin:0 -5px}',i=class extends N{constructor(){super();O.define([P,L,R,S,T]),k(this,U,$),this._foundation=new b(new m(this))}static get observedAttributes(){return[t.attributes.COMPLETED,t.attributes.EDITABLE,t.attributes.ERROR,t.attributes.INDEX,t.attributes.SELECTED,t.attributes.ALTERNATIVE,t.attributes.DISABLED,t.attributes.VERTICAL,t.attributes.EXPANDED,t.attributes.IGNORE_USER_EXPANSION]}connectedCallback(){this._foundation.initialize()}disconnectedCallback(){this._foundation.disconnect()}attributeChangedCallback(e,r,a){switch(e){case t.attributes.INDEX:this.index=y(a);break;case t.attributes.COMPLETED:this.completed=p(a);break;case t.attributes.EDITABLE:this.editable=p(a);break;case t.attributes.ERROR:this.error=p(a);break;case t.attributes.SELECTED:this.selected=p(a);break;case t.attributes.ALTERNATIVE:this.alternative=p(a);break;case t.attributes.DISABLED:this.disabled=p(a);break;case t.attributes.VERTICAL:this.vertical=p(a);break;case t.attributes.EXPANDED:this.expanded=p(a);break;case t.attributes.IGNORE_USER_EXPANSION:this.ignoreUserExpansion=p(a);break}}focus(){this._foundation.focus()}setStepTabIndex(e){this._foundation.setStepTabIndex(e)}};n([s()],i.prototype,"alternative",2),n([s()],i.prototype,"index",2),n([s()],i.prototype,"editable",2),n([s()],i.prototype,"completed",2),n([s()],i.prototype,"error",2),n([s()],i.prototype,"selected",2),n([s()],i.prototype,"disabled",2),n([s()],i.prototype,"vertical",2),n([s()],i.prototype,"expanded",2),n([s()],i.prototype,"ignoreUserExpansion",2),i=n([C({name:t.elementName,dependencies:[D,z]})],i);function ue(){I(i)}export{t as a,m as b,b as c,i as d,ue as e};
-//# sourceMappingURL=chunk.POYFRYFF.js.map