@tylertech/forge 2.3.0 → 2.6.0

package/dist/esm/chunks/{chunk.C44LSSHS.js.map → chunk.67B6JDOJ.js.map}

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/stepper/step/step-constants.ts", "../../src/stepper/step/step-adapter.ts", "../../src/stepper/step/step-foundation.ts", "../../src/stepper/step/step.ts", "../../src/stepper/step/index.ts"],
-  "sourcesContent": ["import { COMPONENT_NAME_PREFIX } from '../../constants';\n\nconst elementName: keyof HTMLElementTagNameMap = `${COMPONENT_NAME_PREFIX}step`;\n\nconst classes = {\n  STEP: 'forge-step',\n  STEP_CONTAINER: 'forge-step__container',\n  ERROR: 'forge-step--error',\n  SELECTED: 'forge-step--selected',\n  COMPLETED: 'forge-step--completed',\n  EDITABLE: 'forge-step--editable',\n  ALTERNATIVE: 'forge-step--alternative',\n  ICON_CONTENT: 'forge-step-icon-content',\n  ICON: 'forge-step-icon',\n  LABEL_CONTAINER: 'forge-step-label-container',\n  LABEL: 'forge-step-label',\n  OPTIONAL_LABEL: 'forge-step-optional-label',\n  INDEX: 'forge-step-index',\n  CLUSTERED: 'forge-step--clustered',\n  DISABLED: 'forge-step--disabled',\n  VERTICAL: 'forge-step--vertical',\n  EXPANDED: 'forge-step--expanded',\n  EXPANDABLE: 'forge-step--expandable',\n  EXPANSION_PANEL: 'forge-step__expansion-panel',\n  EXPANSION_ICON: 'forge-step__expanded-icon',\n  EXPANSION_ICON_EXPANDED: 'forge-step__expanded-icon--expanded',\n  EXPANSION_CONTENT: 'forge-step__expansion-content'\n};\n\nconst attributes = {\n  SELECTED: `selected`,\n  INDEX: `index`,\n  EDITABLE: `editable`,\n  COMPLETED: `completed`,\n  ERROR: `error`,\n  ALTERNATIVE: 'alternative',\n  FIRST: 'first',\n  LAST: 'last',\n  ARIA_SELECTED: 'aria-selected',\n  CLUSTERED: `clustered`,\n  DISABLED: 'disabled',\n  VERTICAL: 'vertical',\n  EXPANDED: 'expanded',\n  EXPANDABLE: 'expandable',\n  IGNORE_USER_EXPANSION: 'ignore-user-expansion'\n};\n\nconst selectors = {\n  STEP: `.${classes.STEP}`,\n  STEP_CONTAINER: `.${classes.STEP_CONTAINER}`,\n  INDEX: `.${classes.INDEX}`,\n  ICON: `.${classes.ICON}`,\n  ICON_CONTENT: `.${classes.ICON_CONTENT}`,\n  EXPANSION_SLOT: `slot[name=\"expansion-content\"]`,\n  EXPANSION_PANEL: `.${classes.EXPANSION_PANEL}`,\n  EXPANSION_ICON: `.${classes.EXPANSION_ICON}`\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  EXPANSION_CONTENT_SLOT_NAME: 'expansion-content'\n};\n\nconst events = {\n  SELECT: `${elementName}-select`,\n  EXPANDED_CONTENT_FOCUSIN: `${elementName}-expanded-content-focusin`,\n  EXPANDED_CONTENT_FOCUSOUT: `${elementName}-expanded-content-focusout`\n};\n\nexport const STEP_CONSTANTS = {\n  elementName,\n  classes,\n  selectors,\n  attributes,\n  events,\n  strings\n};\n\nexport type StepIcons = 'check' | 'block' | 'mode_edit' | 'warning' | '';\n", "import { addClass, getShadowElement, toggleAttribute, toggleClass } from '@tylertech/forge-core';\nimport { BaseAdapter, IBaseAdapter } from '../../core/base';\nimport { IStepComponent } from './step';\nimport { StepIcons, STEP_CONSTANTS } from './step-constants';\nimport { IIconComponent } from '../../icon';\nimport { IExpansionPanelComponent } from '../../expansion-panel';\nimport { ForgeRipple, ForgeRippleAdapter, ForgeRippleCapableSurface, ForgeRippleFoundation } from '../../ripple';\n\nexport interface IStepAdapter extends IBaseAdapter {\n  component: IStepComponent;\n  toggleDisabled(disabled: boolean): void;\n  focusButton(): void;\n  attachRipple: () => void;\n  detatchRipple: () => void;\n  setIndex(value: number): void;\n  initialize(): void;\n  toggleRootClass(className: string, on: boolean): void;\n  setRootAttribute(attribute: string, value: string): void;\n  setRootTabIndex(value: number): void;\n  toggleIcon(name: StepIcons, show: boolean): void;\n  setClickListener(listener: (evt: MouseEvent) => void): void;\n  removeClickListener(listener: (evt: MouseEvent) => void): void;\n  slotHasContent(): boolean;\n  setExpanded(expanded: boolean): void;\n  setSlotListener(listener: (evt: MouseEvent) => void): void;\n  removeSlotListener(listener: (evt: MouseEvent) => void): void;\n  setExpansionPanelAnimations: (animate: boolean) => void;\n  addExpansionPanel: () => void;\n  removeExpansionPanel: () => void;\n  addExpansionIcon: () => void;\n  removeExpansionIcon: () => void;\n  addExpansionPanelListener(event: string, listener: EventListener): void;\n  removeExpansionPanelListener(event: string, listener: EventListener): void;\n  isExpandedContentInFocus(checkElement?: HTMLElement): boolean;\n}\n\nexport class StepAdapter extends BaseAdapter<IStepComponent> implements IStepAdapter, ForgeRippleCapableSurface {\n  private _buttonElement: HTMLButtonElement;\n  private _container: HTMLElement;\n  private _rippleInstance: ForgeRipple;\n  private _expansionSlot: HTMLSlotElement;\n  private _expansionPanel: IExpansionPanelComponent;\n\n  constructor(_component: IStepComponent) {\n    super(_component);\n    this._buttonElement = getShadowElement(_component, STEP_CONSTANTS.selectors.STEP) as HTMLButtonElement;\n    this._container = getShadowElement(_component, STEP_CONSTANTS.selectors.STEP_CONTAINER) as HTMLElement;\n  }\n\n  // ForgeRippleCapableSurface\n  public get root(): HTMLElement {\n    return this._buttonElement;\n  }\n  public unbounded = false;\n  public get disabled(): boolean {\n    return this._buttonElement.disabled;\n  }\n\n  public get component(): IStepComponent {\n    return this._component;\n  }\n\n  public setRootTabIndex(value: number): void {\n    this._buttonElement.tabIndex = value;\n  }\n\n  public initialize(): void {\n    this._component.setAttribute('role', 'tab');\n  }\n\n  public attachRipple(): void {\n    this._rippleInstance = this.initializeRipple();\n  }\n\n  public detatchRipple(): void {\n    if (this._rippleInstance) {\n      this._rippleInstance.destroy();\n    }\n  }\n\n  public initializeRipple(): ForgeRipple {\n    return this._createRipple();\n  }\n\n  public setIndex(value: number): void {\n    (this._buttonElement.querySelector(STEP_CONSTANTS.selectors.INDEX) as HTMLElement).innerHTML = (value + 1 || '').toString();\n  }\n\n  public toggleRootClass(className: string, on: boolean): void {\n    toggleClass(this._buttonElement, on, className);\n  }\n\n  public setRootAttribute(attribute: string, value: string): void {\n    this._buttonElement.setAttribute(attribute, value);\n  }\n\n  public focusButton(): void {\n    this._buttonElement.focus();\n  }\n\n  public toggleDisabled(disabled: boolean): void {\n    toggleClass(this._buttonElement, disabled, STEP_CONSTANTS.classes.DISABLED);\n    toggleAttribute(this._buttonElement, disabled, 'aria-disabled');\n    this._buttonElement.disabled = disabled;\n  }\n\n  public toggleIcon(name: StepIcons, show: boolean): void {\n    const index = this._buttonElement.querySelector(STEP_CONSTANTS.selectors.INDEX) as HTMLElement;\n    const icon = this._buttonElement.querySelector(STEP_CONSTANTS.selectors.ICON) as IIconComponent;\n    if (!show) {\n      index.style.display = 'inherit';\n      icon.style.display = 'none';\n      return;\n    }\n\n    index.style.display = 'none';\n    icon.style.display = 'inherit';\n    icon.name = name;\n  }\n\n  public slotHasContent(): boolean {\n    return this._expansionSlot.assignedElements({ flatten: true }).length > 0;\n  }\n\n  public setClickListener(listener: (evt: MouseEvent) => void): void {\n    this._buttonElement.addEventListener('click', listener);\n  }\n\n  public removeClickListener(listener: (evt: MouseEvent) => void): void {\n    this._buttonElement.removeEventListener('click', listener);\n  }\n\n  public setSlotListener(listener: (evt: MouseEvent) => void): void {\n    this._expansionSlot.addEventListener('slotchange', listener);\n  }\n\n  public removeSlotListener(listener: (evt: MouseEvent) => void): void {\n    if (this._expansionSlot) {\n      this._expansionSlot.removeEventListener('slotchange', listener);\n    }\n  }\n\n  public setExpanded(expanded: boolean): void {\n    if (this._expansionPanel) {\n      this._expansionPanel.open = expanded;\n      toggleAttribute(this._expansionPanel, !expanded, 'tabindex', '-1');\n    }\n\n    toggleClass(this._buttonElement, expanded, STEP_CONSTANTS.classes.EXPANDED);\n  }\n\n  public setExpansionPanelAnimations(animate: boolean): void {\n    this._expansionPanel.useAnimations = animate;\n  }\n\n  public addExpansionPanel(): void {\n    const panel = this._container.querySelector(STEP_CONSTANTS.selectors.EXPANSION_PANEL);\n\n    if (panel) {\n      return;\n    }\n\n    this._expansionPanel = this._container.appendChild(this._createExpansionPanel());\n    this._expansionSlot = this._expansionPanel.querySelector(STEP_CONSTANTS.selectors.EXPANSION_SLOT) as HTMLSlotElement;\n  }\n\n  public removeExpansionPanel(): void {\n    const panel = this._container.querySelector(STEP_CONSTANTS.selectors.EXPANSION_PANEL);\n\n    if (panel) {\n      this._container.removeChild(panel);\n    }\n  }\n\n  public addExpansionIcon(): void {\n    const icon = this._buttonElement.querySelector(STEP_CONSTANTS.selectors.EXPANSION_ICON);\n\n    if (icon) {\n      return;\n    }\n\n    this._buttonElement.appendChild(this._createExpansionIcon());\n  }\n\n  public removeExpansionIcon(): void {\n    const icon = this._buttonElement.querySelector(STEP_CONSTANTS.selectors.EXPANSION_ICON);\n\n    if (icon) {\n      this._buttonElement.removeChild(icon);\n    }\n  }\n\n  public addExpansionPanelListener(event: string, listener: EventListener): void {\n    this._expansionPanel.addEventListener(event, listener);\n  }\n\n  public removeExpansionPanelListener(event: string, listener: EventListener): void {\n    if (this._expansionPanel) {\n      this._expansionPanel.removeEventListener(event, listener);\n    }\n  }\n\n  public isExpandedContentInFocus(checkElement?: HTMLElement): boolean {\n    return this._expansionSlot.assignedElements().some(element => element.contains(checkElement || document.activeElement));\n  }\n\n  private _createRipple(): ForgeRipple {\n    const adapter: ForgeRippleAdapter = {\n      ...ForgeRipple.createAdapter(this),\n      isSurfaceDisabled: () => this._buttonElement.disabled\n    };\n    const ripple = new ForgeRipple(this._buttonElement, new ForgeRippleFoundation(adapter));\n    return ripple;\n  }\n\n  private _createExpansionPanel(): IExpansionPanelComponent {\n    const panel = document.createElement('forge-expansion-panel');\n    panel.useAnimations = false;\n    panel.setAttribute('part', 'expansion-panel');\n    addClass(STEP_CONSTANTS.classes.EXPANSION_PANEL, panel);\n\n    const slot = document.createElement('slot');\n\n    slot.setAttribute('name', 'expansion-content');\n    addClass(STEP_CONSTANTS.classes.EXPANSION_CONTENT, slot);\n    panel.appendChild(slot);\n\n    return panel;\n  }\n\n  private _createExpansionIcon(): IIconComponent {\n    const icon = document.createElement('forge-icon');\n    addClass(STEP_CONSTANTS.classes.EXPANSION_ICON, icon);\n    icon.name = 'keyboard_arrow_down';\n    icon.setAttribute('part', 'expanded-icon');\n    return icon;\n  }\n}\n", "import { ICustomElementFoundation } from '@tylertech/forge-core';\nimport { IStepAdapter } from './step-adapter';\nimport { StepIcons, STEP_CONSTANTS } from './step-constants';\n\n\nexport interface IStepFoundation extends ICustomElementFoundation {\n  index: number;\n  editable: boolean;\n  completed: boolean;\n  error: boolean;\n  selected: boolean;\n  alternative: boolean;\n  vertical: boolean;\n  setStepTabIndex(index: number): void;\n}\n\nexport class StepFoundation implements IStepFoundation {\n  private _index: number;\n  private _completed: boolean;\n  private _editable: boolean;\n  private _error: boolean;\n  private _selected: boolean;\n  private _alternative: boolean;\n  private _disabled: boolean;\n  private _iconState: StepIcons;\n  private _vertical: boolean;\n  private _expanded: boolean;\n  private _ignoreUserExpansion: boolean;\n  private _initialized: boolean;\n  private _expandedContentFocused: boolean;\n  private _clickListener: EventListener;\n  private _expansionContentFocusInListener: EventListener;\n  private _expansionContentFocusOutListener: EventListener;\n  private _expansionContentSlotChangeListener: EventListener;\n\n  constructor(private _adapter: IStepAdapter) {\n    this._clickListener = () => this._onClickListener();\n    this._expansionContentSlotChangeListener = evt => this._onExpansionContentSlotChange(evt);\n    this._expansionContentFocusInListener = evt => this._onExpansionContentFocusIn(evt as FocusEvent);\n    this._expansionContentFocusOutListener = evt => this._onExpansionContentFocusOut(evt as FocusEvent);\n  }\n\n  public initialize(): void {\n    this._adapter.initialize();\n    this._adapter.attachRipple();\n    this._applySelected();\n    this._toggleIcon();\n    if (this._vertical) {\n      this._adapter.addExpansionPanel();\n      this._adapter.addExpansionIcon();\n      this._adapter.setClickListener(this._clickListener);\n      this._adapter.setSlotListener(this._expansionContentSlotChangeListener);\n      this._adapter.addExpansionPanelListener('focusin', this._expansionContentFocusInListener);\n      this._adapter.addExpansionPanelListener('focusout', this._expansionContentFocusOutListener);\n    }\n    this._initialized = true;\n  }\n\n  public disconnect(): void {\n    this._adapter.detatchRipple();\n    this._adapter.removeClickListener(this._clickListener);\n    this._adapter.removeSlotListener(this._expansionContentSlotChangeListener);\n    this._adapter.removeExpansionPanelListener('focusin', this._onExpansionContentFocusIn);\n    this._adapter.removeExpansionPanelListener('focusout', this._onExpansionContentFocusOut);\n  }\n\n  public get index(): number {\n    return this._index;\n  }\n  public set index(value: number) {\n    if (this._index !== value) {\n      this._index = value;\n      this._applyIndex();\n      this._adapter.setHostAttribute(STEP_CONSTANTS.attributes.INDEX, value.toString());\n    }\n  }\n\n  public get editable(): boolean {\n    return this._editable;\n  }\n  public set editable(value: boolean) {\n    if (this._editable !== value) {\n      this._editable = value;\n      this._adapter.toggleHostAttribute(STEP_CONSTANTS.attributes.EDITABLE, value);\n      this._applyEditable();\n    }\n  }\n\n  public get completed(): boolean {\n    return this._completed;\n  }\n  public set completed(value: boolean) {\n    if (this._completed !== value) {\n      this._completed = value;\n      this._adapter.toggleHostAttribute(STEP_CONSTANTS.attributes.COMPLETED, value);\n      this._applyCompleted();\n    }\n  }\n\n  public get error(): boolean {\n    return this._error;\n  }\n  public set error(value: boolean) {\n    if (this._error !== value) {\n      this._error = value;\n      this._adapter.toggleHostAttribute(STEP_CONSTANTS.attributes.ERROR, value);\n      this._applyError();\n    }\n  }\n\n  public get selected(): boolean {\n    return this._selected;\n  }\n  public set selected(value: boolean) {\n    if (this._selected !== value) {\n      this._selected = value;\n      this._adapter.toggleHostAttribute(STEP_CONSTANTS.attributes.SELECTED, value);\n      this._applySelected();\n    }\n  }\n\n  public get alternative(): boolean {\n    return this._alternative;\n  }\n  public set alternative(value: boolean) {\n    if (this._alternative !== value) {\n      this._alternative = value;\n      this._adapter.toggleHostAttribute(STEP_CONSTANTS.attributes.ALTERNATIVE, value);\n      this._applyAlternative();\n    }\n  }\n\n  public get disabled(): boolean {\n    return this._disabled;\n  }\n  public set disabled(value: boolean) {\n    this._disabled = value;\n    this._applyDisabled();\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\n      if (this._initialized) {\n        if (this._vertical) {\n          this._adapter.addExpansionPanel();\n          this._adapter.addExpansionIcon();\n\n          this._adapter.setClickListener(this._clickListener);\n          this._adapter.setSlotListener(this._expansionContentSlotChangeListener);\n        } else {\n          this._adapter.removeClickListener(this._clickListener);\n          this._adapter.removeSlotListener(this._expansionContentSlotChangeListener);\n\n          this._adapter.removeExpansionPanel();\n          this._adapter.removeExpansionIcon();\n        }\n      }\n    }\n  }\n\n  public get expanded(): boolean {\n    return this._expanded;\n  }\n  public set expanded(value: boolean) {\n    if (value !== this._expanded) {\n      this._expanded = value;\n      this._adapter.toggleHostAttribute(STEP_CONSTANTS.attributes.EXPANDED, this._expanded);\n      if (this._initialized) {\n        this._applyExpanded();\n      }\n    }\n  }\n\n  public get ignoreUserExpansion(): boolean {\n    return this._ignoreUserExpansion;\n  }\n  public set ignoreUserExpansion(value: boolean) {\n    if (value !== this._ignoreUserExpansion) {\n      this._ignoreUserExpansion = value;\n    }\n  }\n\n  public setStepTabIndex(index: number): void {\n    this._adapter.setRootTabIndex(index);\n  }\n\n  private _applyExpanded(): void {\n    this._adapter.setExpanded(this._expanded);\n  }\n\n  private _applyVertical(): void {\n    this._adapter.toggleHostAttribute(STEP_CONSTANTS.attributes.VERTICAL, this._vertical);\n    this._adapter.toggleRootClass(STEP_CONSTANTS.classes.VERTICAL, this._vertical);\n  }\n\n  public focus(): void {\n    this._adapter.focusButton();\n  }\n\n  private _applyAlternative(): void {\n    this._adapter.toggleRootClass(STEP_CONSTANTS.classes.ALTERNATIVE, this._alternative);\n  }\n\n  private _applySelected(): void {\n    this._adapter.toggleRootClass(STEP_CONSTANTS.classes.SELECTED, this._selected);\n    this._adapter.setHostAttribute(STEP_CONSTANTS.attributes.ARIA_SELECTED, (this._selected || false).toString());\n    this._adapter.setRootTabIndex(this._selected ? 0 : -1);\n    this._toggleIcon();\n  }\n\n  private _applyIndex(): void {\n    this._adapter.setIndex(this._index);\n  }\n\n  private _applyEditable(): void {\n    this._adapter.toggleRootClass(STEP_CONSTANTS.classes.EDITABLE, this._editable);\n    this._toggleIcon();\n  }\n\n  private _applyCompleted(): void {\n    this._adapter.toggleRootClass(STEP_CONSTANTS.classes.COMPLETED, this._completed);\n    this._toggleIcon();\n  }\n\n  private _applyError(): void {\n    this._adapter.toggleRootClass(STEP_CONSTANTS.classes.ERROR, this._error);\n\n    this._toggleIcon();\n  }\n\n  private _applyDisabled(): void {\n    this._adapter.toggleDisabled(this._disabled);\n    this._toggleIcon();\n  }\n\n  private _getIconState(): StepIcons {\n    if (this._error) {\n      return 'warning';\n    }\n\n    if (this._completed) {\n      if (this._editable) {\n        return 'mode_edit';\n      }\n\n      return 'check';\n    }\n\n    if (this._editable && this._selected && !this._disabled) {\n      return 'mode_edit';\n    }\n\n    if (this._disabled) {\n      return 'block';\n    }\n\n    return '';\n  }\n\n  private _toggleIcon(): void {\n    this._iconState = this._getIconState();\n    this._adapter.toggleIcon(this._iconState, this._iconState !== '');\n  }\n\n  private _toggleExpanded(): void {\n    if (this._adapter.slotHasContent()) {\n      this._expanded = !this._expanded;\n      this._applyExpanded();\n      this._adapter.toggleHostAttribute(STEP_CONSTANTS.attributes.EXPANDED, this._expanded);\n    }\n  }\n\n  private _onClickListener(): void {\n    if (this._vertical && !this._ignoreUserExpansion) {\n      this._toggleExpanded();\n    }\n  }\n\n  private _onExpansionContentSlotChange(evt: Event): void {\n    const hasSlotContent = this._adapter.slotHasContent();\n\n    if (hasSlotContent) {\n      this._adapter.setHostAttribute(STEP_CONSTANTS.attributes.EXPANDABLE);\n      this._applyExpanded();\n      // The animations on the initial slot content  is causing the panel not to open correctly. Opting out for animations on initialization\n      this._adapter.setExpansionPanelAnimations(true);\n    } else {\n      this._adapter.removeHostAttribute(STEP_CONSTANTS.attributes.EXPANDABLE);\n      this._adapter.setExpansionPanelAnimations(false);\n    }\n\n    this._adapter.toggleRootClass(STEP_CONSTANTS.classes.EXPANDABLE, hasSlotContent);\n  }\n\n  private _onExpansionContentFocusIn(event: FocusEvent): void {\n    if (!this._expandedContentFocused && this._adapter.isExpandedContentInFocus(event.target as HTMLElement)) {\n      this._adapter.emitHostEvent(STEP_CONSTANTS.events.EXPANDED_CONTENT_FOCUSIN, this._adapter.component);\n      this._expandedContentFocused = true;\n    }\n  }\n\n  private _onExpansionContentFocusOut(event: FocusEvent): void {\n    if (event.relatedTarget && !this._adapter.isExpandedContentInFocus(event.relatedTarget as HTMLElement)) {\n      this._adapter.emitHostEvent(STEP_CONSTANTS.events.EXPANDED_CONTENT_FOCUSOUT, this._adapter.component);\n      this._expandedContentFocused = false;\n    }\n  }\n}\n", "import { attachShadowTemplate, coerceBoolean, coerceNumber, CustomElement, FoundationProperty } from '@tylertech/forge-core';\nimport { tylIconModeEdit, tylIconWarning, tylIconCheck, tylIconBlock } from '@tylertech/tyler-icons/standard';\nimport { StepAdapter } from './step-adapter';\nimport { STEP_CONSTANTS } from './step-constants';\nimport { StepFoundation } from './step-foundation';\nimport { IconRegistry, IconComponent } from '../../icon';\nimport { BaseComponent, IBaseComponent } from '../../core/base/base-component';\n\nconst 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>';\nconst 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}';\n\nexport interface IStepComponent extends IBaseComponent {\n  index: number;\n  editable: boolean;\n  completed: boolean;\n  error: boolean;\n  selected: boolean;\n  alternative: boolean;\n  disabled: boolean;\n  vertical: boolean;\n  expanded: boolean;\n  ignoreUserExpansion: boolean;\n  setStepTabIndex(index: number): void;\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'forge-step': IStepComponent;\n  }\n\n  interface HTMLElementEventMap {\n    'forge-step-selected': CustomEvent<number>;\n    'forge-step-expanded-content-focusin': CustomEvent<IStepComponent>;\n    'forge-step-expanded-content-focusout': CustomEvent<IStepComponent>;\n  }\n}\n\n@CustomElement({\n  name: STEP_CONSTANTS.elementName,\n  dependencies: [\n    IconComponent\n  ]\n})\nexport class StepComponent extends BaseComponent implements IStepComponent {\n  public static get observedAttributes(): string[] {\n    return [\n      STEP_CONSTANTS.attributes.COMPLETED,\n      STEP_CONSTANTS.attributes.EDITABLE,\n      STEP_CONSTANTS.attributes.ERROR,\n      STEP_CONSTANTS.attributes.INDEX,\n      STEP_CONSTANTS.attributes.SELECTED,\n      STEP_CONSTANTS.attributes.ALTERNATIVE,\n      STEP_CONSTANTS.attributes.DISABLED,\n      STEP_CONSTANTS.attributes.VERTICAL,\n      STEP_CONSTANTS.attributes.EXPANDED,\n      STEP_CONSTANTS.attributes.IGNORE_USER_EXPANSION\n    ];\n  }\n\n  private _foundation: StepFoundation;\n\n  constructor() {\n    super();\n    IconRegistry.define([\n      tylIconModeEdit,\n      tylIconCheck,\n      tylIconWarning,\n      tylIconBlock\n    ]);\n    attachShadowTemplate(this, template, styles);\n    this._foundation = new StepFoundation(new StepAdapter(this));\n  }\n\n  public connectedCallback(): void {\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 STEP_CONSTANTS.attributes.INDEX:\n        this.index = coerceNumber(newValue);\n        break;\n      case STEP_CONSTANTS.attributes.COMPLETED:\n        this.completed = coerceBoolean(newValue);\n        break;\n      case STEP_CONSTANTS.attributes.EDITABLE:\n        this.editable = coerceBoolean(newValue);\n        break;\n      case STEP_CONSTANTS.attributes.ERROR:\n        this.error = coerceBoolean(newValue);\n        break;\n      case STEP_CONSTANTS.attributes.SELECTED:\n        this.selected = coerceBoolean(newValue);\n        break;\n      case STEP_CONSTANTS.attributes.ALTERNATIVE:\n        this.alternative = coerceBoolean(newValue);\n        break;\n      case STEP_CONSTANTS.attributes.DISABLED:\n        this.disabled = coerceBoolean(newValue);\n        break;\n      case STEP_CONSTANTS.attributes.VERTICAL:\n        this.vertical = coerceBoolean(newValue);\n        break;\n      case STEP_CONSTANTS.attributes.EXPANDED:\n        this.expanded = coerceBoolean(newValue);\n        break;\n      case STEP_CONSTANTS.attributes.IGNORE_USER_EXPANSION:\n        this.ignoreUserExpansion = coerceBoolean(newValue);\n        break;\n    }\n  }\n\n  @FoundationProperty()\n  public alternative: boolean;\n\n  @FoundationProperty()\n  public index: number;\n\n  @FoundationProperty()\n  public editable: boolean;\n\n  @FoundationProperty()\n  public completed: boolean;\n\n  @FoundationProperty()\n  public error: boolean;\n\n  @FoundationProperty()\n  public selected: boolean;\n\n  @FoundationProperty()\n  public disabled: boolean;\n\n  @FoundationProperty()\n  public vertical: boolean;\n  \n  @FoundationProperty()\n  public expanded: boolean;\n  \n  @FoundationProperty()\n  public ignoreUserExpansion: boolean;\n\n  public override focus(): void {\n    this._foundation.focus();\n  }\n\n  public setStepTabIndex(index: number): void {\n    this._foundation.setStepTabIndex(index);\n  }\n}\n", "import { defineCustomElement } from '@tylertech/forge-core';\n\nimport { StepComponent } from './step';\n\nexport * from './step-adapter';\nexport * from './step-constants';\nexport * from './step-foundation';\nexport * from './step';\n\nexport function defineStepComponent(): void {\n  defineCustomElement(StepComponent);\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["import { COMPONENT_NAME_PREFIX } from '../../constants';\n\nconst elementName: keyof HTMLElementTagNameMap = `${COMPONENT_NAME_PREFIX}step`;\n\nconst classes = {\n  STEP: 'forge-step',\n  STEP_CONTAINER: 'forge-step__container',\n  ERROR: 'forge-step--error',\n  SELECTED: 'forge-step--selected',\n  COMPLETED: 'forge-step--completed',\n  EDITABLE: 'forge-step--editable',\n  ALTERNATIVE: 'forge-step--alternative',\n  ICON_CONTENT: 'forge-step-icon-content',\n  ICON: 'forge-step-icon',\n  LABEL_CONTAINER: 'forge-step-label-container',\n  LABEL: 'forge-step-label',\n  OPTIONAL_LABEL: 'forge-step-optional-label',\n  INDEX: 'forge-step-index',\n  CLUSTERED: 'forge-step--clustered',\n  DISABLED: 'forge-step--disabled',\n  VERTICAL: 'forge-step--vertical',\n  EXPANDED: 'forge-step--expanded',\n  EXPANDABLE: 'forge-step--expandable',\n  EXPANSION_PANEL: 'forge-step__expansion-panel',\n  EXPANSION_ICON: 'forge-step__expanded-icon',\n  EXPANSION_ICON_EXPANDED: 'forge-step__expanded-icon--expanded',\n  EXPANSION_CONTENT: 'forge-step__expansion-content'\n};\n\nconst attributes = {\n  SELECTED: `selected`,\n  INDEX: `index`,\n  EDITABLE: `editable`,\n  COMPLETED: `completed`,\n  ERROR: `error`,\n  ALTERNATIVE: 'alternative',\n  FIRST: 'first',\n  LAST: 'last',\n  ARIA_SELECTED: 'aria-selected',\n  CLUSTERED: `clustered`,\n  DISABLED: 'disabled',\n  VERTICAL: 'vertical',\n  EXPANDED: 'expanded',\n  EXPANDABLE: 'expandable',\n  IGNORE_USER_EXPANSION: 'ignore-user-expansion'\n};\n\nconst selectors = {\n  STEP: `.${classes.STEP}`,\n  STEP_CONTAINER: `.${classes.STEP_CONTAINER}`,\n  INDEX: `.${classes.INDEX}`,\n  ICON: `.${classes.ICON}`,\n  ICON_CONTENT: `.${classes.ICON_CONTENT}`,\n  EXPANSION_SLOT: `slot[name=\"expansion-content\"]`,\n  EXPANSION_PANEL: `.${classes.EXPANSION_PANEL}`,\n  EXPANSION_ICON: `.${classes.EXPANSION_ICON}`\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  EXPANSION_CONTENT_SLOT_NAME: 'expansion-content'\n};\n\nconst events = {\n  SELECT: `${elementName}-select`,\n  EXPANDED_CONTENT_FOCUSIN: `${elementName}-expanded-content-focusin`,\n  EXPANDED_CONTENT_FOCUSOUT: `${elementName}-expanded-content-focusout`\n};\n\nexport const STEP_CONSTANTS = {\n  elementName,\n  classes,\n  selectors,\n  attributes,\n  events,\n  strings\n};\n\nexport type StepIcons = 'check' | 'block' | 'mode_edit' | 'warning' | '';\n", "import { addClass, getShadowElement, toggleAttribute, toggleClass } from '@tylertech/forge-core';\nimport { BaseAdapter, IBaseAdapter } from '../../core/base';\nimport { IStepComponent } from './step';\nimport { StepIcons, STEP_CONSTANTS } from './step-constants';\nimport { IIconComponent } from '../../icon';\nimport { IExpansionPanelComponent } from '../../expansion-panel';\nimport { ForgeRipple, ForgeRippleAdapter, ForgeRippleCapableSurface, ForgeRippleFoundation } from '../../ripple';\n\nexport interface IStepAdapter extends IBaseAdapter {\n  component: IStepComponent;\n  toggleDisabled(disabled: boolean): void;\n  focusButton(): void;\n  attachRipple: () => void;\n  detatchRipple: () => void;\n  setIndex(value: number): void;\n  initialize(): void;\n  toggleRootClass(className: string, on: boolean): void;\n  setRootAttribute(attribute: string, value: string): void;\n  setRootTabIndex(value: number): void;\n  toggleIcon(name: StepIcons, show: boolean): void;\n  setClickListener(listener: (evt: MouseEvent) => void): void;\n  removeClickListener(listener: (evt: MouseEvent) => void): void;\n  slotHasContent(): boolean;\n  setExpanded(expanded: boolean): void;\n  setSlotListener(listener: (evt: MouseEvent) => void): void;\n  removeSlotListener(listener: (evt: MouseEvent) => void): void;\n  setExpansionPanelAnimations: (animate: boolean) => void;\n  addExpansionPanel: () => void;\n  removeExpansionPanel: () => void;\n  addExpansionIcon: () => void;\n  removeExpansionIcon: () => void;\n  addExpansionPanelListener(event: string, listener: EventListener): void;\n  removeExpansionPanelListener(event: string, listener: EventListener): void;\n  isExpandedContentInFocus(checkElement?: HTMLElement): boolean;\n}\n\nexport class StepAdapter extends BaseAdapter<IStepComponent> implements IStepAdapter, ForgeRippleCapableSurface {\n  private _buttonElement: HTMLButtonElement;\n  private _container: HTMLElement;\n  private _rippleInstance: ForgeRipple;\n  private _expansionSlot: HTMLSlotElement;\n  private _expansionPanel: IExpansionPanelComponent;\n\n  constructor(_component: IStepComponent) {\n    super(_component);\n    this._buttonElement = getShadowElement(_component, STEP_CONSTANTS.selectors.STEP) as HTMLButtonElement;\n    this._container = getShadowElement(_component, STEP_CONSTANTS.selectors.STEP_CONTAINER) as HTMLElement;\n  }\n\n  // ForgeRippleCapableSurface\n  public get root(): HTMLElement {\n    return this._buttonElement;\n  }\n  public unbounded = false;\n  public get disabled(): boolean {\n    return this._buttonElement.disabled;\n  }\n\n  public get component(): IStepComponent {\n    return this._component;\n  }\n\n  public setRootTabIndex(value: number): void {\n    this._buttonElement.tabIndex = value;\n  }\n\n  public initialize(): void {\n    this._component.setAttribute('role', 'tab');\n  }\n\n  public attachRipple(): void {\n    this._rippleInstance = this.initializeRipple();\n  }\n\n  public detatchRipple(): void {\n    if (this._rippleInstance) {\n      this._rippleInstance.destroy();\n    }\n  }\n\n  public initializeRipple(): ForgeRipple {\n    return this._createRipple();\n  }\n\n  public setIndex(value: number): void {\n    (this._buttonElement.querySelector(STEP_CONSTANTS.selectors.INDEX) as HTMLElement).innerHTML = (value + 1 || '').toString();\n  }\n\n  public toggleRootClass(className: string, on: boolean): void {\n    toggleClass(this._buttonElement, on, className);\n  }\n\n  public setRootAttribute(attribute: string, value: string): void {\n    this._buttonElement.setAttribute(attribute, value);\n  }\n\n  public focusButton(): void {\n    this._buttonElement.focus();\n  }\n\n  public toggleDisabled(disabled: boolean): void {\n    toggleClass(this._buttonElement, disabled, STEP_CONSTANTS.classes.DISABLED);\n    toggleAttribute(this._buttonElement, disabled, 'aria-disabled');\n    this._buttonElement.disabled = disabled;\n  }\n\n  public toggleIcon(name: StepIcons, show: boolean): void {\n    const index = this._buttonElement.querySelector(STEP_CONSTANTS.selectors.INDEX) as HTMLElement;\n    const icon = this._buttonElement.querySelector(STEP_CONSTANTS.selectors.ICON) as IIconComponent;\n    if (!show) {\n      index.style.display = 'inherit';\n      icon.style.display = 'none';\n      return;\n    }\n\n    index.style.display = 'none';\n    icon.style.display = 'inherit';\n    icon.name = name;\n  }\n\n  public slotHasContent(): boolean {\n    return this._expansionSlot.assignedElements({ flatten: true }).length > 0;\n  }\n\n  public setClickListener(listener: (evt: MouseEvent) => void): void {\n    this._buttonElement.addEventListener('click', listener);\n  }\n\n  public removeClickListener(listener: (evt: MouseEvent) => void): void {\n    this._buttonElement.removeEventListener('click', listener);\n  }\n\n  public setSlotListener(listener: (evt: MouseEvent) => void): void {\n    this._expansionSlot.addEventListener('slotchange', listener);\n  }\n\n  public removeSlotListener(listener: (evt: MouseEvent) => void): void {\n    if (this._expansionSlot) {\n      this._expansionSlot.removeEventListener('slotchange', listener);\n    }\n  }\n\n  public setExpanded(expanded: boolean): void {\n    if (this._expansionPanel) {\n      this._expansionPanel.open = expanded;\n      toggleAttribute(this._expansionPanel, !expanded, 'tabindex', '-1');\n    }\n\n    toggleClass(this._buttonElement, expanded, STEP_CONSTANTS.classes.EXPANDED);\n  }\n\n  public setExpansionPanelAnimations(animate: boolean): void {\n    this._expansionPanel.useAnimations = animate;\n  }\n\n  public addExpansionPanel(): void {\n    const panel = this._container.querySelector(STEP_CONSTANTS.selectors.EXPANSION_PANEL);\n\n    if (panel) {\n      return;\n    }\n\n    this._expansionPanel = this._container.appendChild(this._createExpansionPanel());\n    this._expansionSlot = this._expansionPanel.querySelector(STEP_CONSTANTS.selectors.EXPANSION_SLOT) as HTMLSlotElement;\n  }\n\n  public removeExpansionPanel(): void {\n    const panel = this._container.querySelector(STEP_CONSTANTS.selectors.EXPANSION_PANEL);\n\n    if (panel) {\n      this._container.removeChild(panel);\n    }\n  }\n\n  public addExpansionIcon(): void {\n    const icon = this._buttonElement.querySelector(STEP_CONSTANTS.selectors.EXPANSION_ICON);\n\n    if (icon) {\n      return;\n    }\n\n    this._buttonElement.appendChild(this._createExpansionIcon());\n  }\n\n  public removeExpansionIcon(): void {\n    const icon = this._buttonElement.querySelector(STEP_CONSTANTS.selectors.EXPANSION_ICON);\n\n    if (icon) {\n      this._buttonElement.removeChild(icon);\n    }\n  }\n\n  public addExpansionPanelListener(event: string, listener: EventListener): void {\n    this._expansionPanel.addEventListener(event, listener);\n  }\n\n  public removeExpansionPanelListener(event: string, listener: EventListener): void {\n    if (this._expansionPanel) {\n      this._expansionPanel.removeEventListener(event, listener);\n    }\n  }\n\n  public isExpandedContentInFocus(checkElement?: HTMLElement): boolean {\n    return this._expansionSlot.assignedElements().some(element => element.contains(checkElement || document.activeElement));\n  }\n\n  private _createRipple(): ForgeRipple {\n    const adapter: ForgeRippleAdapter = {\n      ...ForgeRipple.createAdapter(this),\n      isSurfaceDisabled: () => this._buttonElement.disabled\n    };\n    const ripple = new ForgeRipple(this._buttonElement, new ForgeRippleFoundation(adapter));\n    return ripple;\n  }\n\n  private _createExpansionPanel(): IExpansionPanelComponent {\n    const panel = document.createElement('forge-expansion-panel');\n    panel.useAnimations = false;\n    panel.setAttribute('part', 'expansion-panel');\n    addClass(STEP_CONSTANTS.classes.EXPANSION_PANEL, panel);\n\n    const slot = document.createElement('slot');\n\n    slot.setAttribute('name', 'expansion-content');\n    addClass(STEP_CONSTANTS.classes.EXPANSION_CONTENT, slot);\n    panel.appendChild(slot);\n\n    return panel;\n  }\n\n  private _createExpansionIcon(): IIconComponent {\n    const icon = document.createElement('forge-icon');\n    addClass(STEP_CONSTANTS.classes.EXPANSION_ICON, icon);\n    icon.name = 'keyboard_arrow_down';\n    icon.setAttribute('part', 'expanded-icon');\n    return icon;\n  }\n}\n", "import { ICustomElementFoundation } from '@tylertech/forge-core';\nimport { IStepAdapter } from './step-adapter';\nimport { StepIcons, STEP_CONSTANTS } from './step-constants';\n\n\nexport interface IStepFoundation extends ICustomElementFoundation {\n  index: number;\n  editable: boolean;\n  completed: boolean;\n  error: boolean;\n  selected: boolean;\n  alternative: boolean;\n  vertical: boolean;\n  setStepTabIndex(index: number): void;\n}\n\nexport class StepFoundation implements IStepFoundation {\n  private _index: number;\n  private _completed: boolean;\n  private _editable: boolean;\n  private _error: boolean;\n  private _selected: boolean;\n  private _alternative: boolean;\n  private _disabled: boolean;\n  private _iconState: StepIcons;\n  private _vertical: boolean;\n  private _expanded: boolean;\n  private _ignoreUserExpansion: boolean;\n  private _initialized: boolean;\n  private _expandedContentFocused: boolean;\n  private _clickListener: EventListener;\n  private _expansionContentFocusInListener: EventListener;\n  private _expansionContentFocusOutListener: EventListener;\n  private _expansionContentSlotChangeListener: EventListener;\n\n  constructor(private _adapter: IStepAdapter) {\n    this._clickListener = () => this._onClickListener();\n    this._expansionContentSlotChangeListener = evt => this._onExpansionContentSlotChange(evt);\n    this._expansionContentFocusInListener = evt => this._onExpansionContentFocusIn(evt as FocusEvent);\n    this._expansionContentFocusOutListener = evt => this._onExpansionContentFocusOut(evt as FocusEvent);\n  }\n\n  public initialize(): void {\n    this._adapter.initialize();\n    this._adapter.attachRipple();\n    this._applySelected();\n    this._toggleIcon();\n    if (this._vertical) {\n      this._adapter.addExpansionPanel();\n      this._adapter.addExpansionIcon();\n      this._adapter.setClickListener(this._clickListener);\n      this._adapter.setSlotListener(this._expansionContentSlotChangeListener);\n      this._adapter.addExpansionPanelListener('focusin', this._expansionContentFocusInListener);\n      this._adapter.addExpansionPanelListener('focusout', this._expansionContentFocusOutListener);\n    }\n    this._initialized = true;\n  }\n\n  public disconnect(): void {\n    this._adapter.detatchRipple();\n    this._adapter.removeClickListener(this._clickListener);\n    this._adapter.removeSlotListener(this._expansionContentSlotChangeListener);\n    this._adapter.removeExpansionPanelListener('focusin', this._onExpansionContentFocusIn);\n    this._adapter.removeExpansionPanelListener('focusout', this._onExpansionContentFocusOut);\n  }\n\n  public get index(): number {\n    return this._index;\n  }\n  public set index(value: number) {\n    if (this._index !== value) {\n      this._index = value;\n      this._applyIndex();\n      this._adapter.setHostAttribute(STEP_CONSTANTS.attributes.INDEX, value.toString());\n    }\n  }\n\n  public get editable(): boolean {\n    return this._editable;\n  }\n  public set editable(value: boolean) {\n    if (this._editable !== value) {\n      this._editable = value;\n      this._adapter.toggleHostAttribute(STEP_CONSTANTS.attributes.EDITABLE, value);\n      this._applyEditable();\n    }\n  }\n\n  public get completed(): boolean {\n    return this._completed;\n  }\n  public set completed(value: boolean) {\n    if (this._completed !== value) {\n      this._completed = value;\n      this._adapter.toggleHostAttribute(STEP_CONSTANTS.attributes.COMPLETED, value);\n      this._applyCompleted();\n    }\n  }\n\n  public get error(): boolean {\n    return this._error;\n  }\n  public set error(value: boolean) {\n    if (this._error !== value) {\n      this._error = value;\n      this._adapter.toggleHostAttribute(STEP_CONSTANTS.attributes.ERROR, value);\n      this._applyError();\n    }\n  }\n\n  public get selected(): boolean {\n    return this._selected;\n  }\n  public set selected(value: boolean) {\n    if (this._selected !== value) {\n      this._selected = value;\n      this._adapter.toggleHostAttribute(STEP_CONSTANTS.attributes.SELECTED, value);\n      this._applySelected();\n    }\n  }\n\n  public get alternative(): boolean {\n    return this._alternative;\n  }\n  public set alternative(value: boolean) {\n    if (this._alternative !== value) {\n      this._alternative = value;\n      this._adapter.toggleHostAttribute(STEP_CONSTANTS.attributes.ALTERNATIVE, value);\n      this._applyAlternative();\n    }\n  }\n\n  public get disabled(): boolean {\n    return this._disabled;\n  }\n  public set disabled(value: boolean) {\n    this._disabled = value;\n    this._applyDisabled();\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\n      if (this._initialized) {\n        if (this._vertical) {\n          this._adapter.addExpansionPanel();\n          this._adapter.addExpansionIcon();\n\n          this._adapter.setClickListener(this._clickListener);\n          this._adapter.setSlotListener(this._expansionContentSlotChangeListener);\n        } else {\n          this._adapter.removeClickListener(this._clickListener);\n          this._adapter.removeSlotListener(this._expansionContentSlotChangeListener);\n\n          this._adapter.removeExpansionPanel();\n          this._adapter.removeExpansionIcon();\n        }\n      }\n    }\n  }\n\n  public get expanded(): boolean {\n    return this._expanded;\n  }\n  public set expanded(value: boolean) {\n    if (value !== this._expanded) {\n      this._expanded = value;\n      this._adapter.toggleHostAttribute(STEP_CONSTANTS.attributes.EXPANDED, this._expanded);\n      if (this._initialized) {\n        this._applyExpanded();\n      }\n    }\n  }\n\n  public get ignoreUserExpansion(): boolean {\n    return this._ignoreUserExpansion;\n  }\n  public set ignoreUserExpansion(value: boolean) {\n    if (value !== this._ignoreUserExpansion) {\n      this._ignoreUserExpansion = value;\n    }\n  }\n\n  public setStepTabIndex(index: number): void {\n    this._adapter.setRootTabIndex(index);\n  }\n\n  private _applyExpanded(): void {\n    this._adapter.setExpanded(this._expanded);\n  }\n\n  private _applyVertical(): void {\n    this._adapter.toggleHostAttribute(STEP_CONSTANTS.attributes.VERTICAL, this._vertical);\n    this._adapter.toggleRootClass(STEP_CONSTANTS.classes.VERTICAL, this._vertical);\n  }\n\n  public focus(): void {\n    this._adapter.focusButton();\n  }\n\n  private _applyAlternative(): void {\n    this._adapter.toggleRootClass(STEP_CONSTANTS.classes.ALTERNATIVE, this._alternative);\n  }\n\n  private _applySelected(): void {\n    this._adapter.toggleRootClass(STEP_CONSTANTS.classes.SELECTED, this._selected);\n    this._adapter.setHostAttribute(STEP_CONSTANTS.attributes.ARIA_SELECTED, (this._selected || false).toString());\n    this._adapter.setRootTabIndex(this._selected ? 0 : -1);\n    this._toggleIcon();\n  }\n\n  private _applyIndex(): void {\n    this._adapter.setIndex(this._index);\n  }\n\n  private _applyEditable(): void {\n    this._adapter.toggleRootClass(STEP_CONSTANTS.classes.EDITABLE, this._editable);\n    this._toggleIcon();\n  }\n\n  private _applyCompleted(): void {\n    this._adapter.toggleRootClass(STEP_CONSTANTS.classes.COMPLETED, this._completed);\n    this._toggleIcon();\n  }\n\n  private _applyError(): void {\n    this._adapter.toggleRootClass(STEP_CONSTANTS.classes.ERROR, this._error);\n\n    this._toggleIcon();\n  }\n\n  private _applyDisabled(): void {\n    this._adapter.toggleDisabled(this._disabled);\n    this._toggleIcon();\n  }\n\n  private _getIconState(): StepIcons {\n    if (this._error) {\n      return 'warning';\n    }\n\n    if (this._completed) {\n      if (this._editable) {\n        return 'mode_edit';\n      }\n\n      return 'check';\n    }\n\n    if (this._editable && this._selected && !this._disabled) {\n      return 'mode_edit';\n    }\n\n    if (this._disabled) {\n      return 'block';\n    }\n\n    return '';\n  }\n\n  private _toggleIcon(): void {\n    this._iconState = this._getIconState();\n    this._adapter.toggleIcon(this._iconState, this._iconState !== '');\n  }\n\n  private _toggleExpanded(): void {\n    if (this._adapter.slotHasContent()) {\n      this._expanded = !this._expanded;\n      this._applyExpanded();\n      this._adapter.toggleHostAttribute(STEP_CONSTANTS.attributes.EXPANDED, this._expanded);\n    }\n  }\n\n  private _onClickListener(): void {\n    if (this._vertical && !this._ignoreUserExpansion) {\n      this._toggleExpanded();\n    }\n  }\n\n  private _onExpansionContentSlotChange(evt: Event): void {\n    const hasSlotContent = this._adapter.slotHasContent();\n\n    if (hasSlotContent) {\n      this._adapter.setHostAttribute(STEP_CONSTANTS.attributes.EXPANDABLE);\n      this._applyExpanded();\n      // The animations on the initial slot content  is causing the panel not to open correctly. Opting out for animations on initialization\n      this._adapter.setExpansionPanelAnimations(true);\n    } else {\n      this._adapter.removeHostAttribute(STEP_CONSTANTS.attributes.EXPANDABLE);\n      this._adapter.setExpansionPanelAnimations(false);\n    }\n\n    this._adapter.toggleRootClass(STEP_CONSTANTS.classes.EXPANDABLE, hasSlotContent);\n  }\n\n  private _onExpansionContentFocusIn(event: FocusEvent): void {\n    if (!this._expandedContentFocused && this._adapter.isExpandedContentInFocus(event.target as HTMLElement)) {\n      this._adapter.emitHostEvent(STEP_CONSTANTS.events.EXPANDED_CONTENT_FOCUSIN, this._adapter.component);\n      this._expandedContentFocused = true;\n    }\n  }\n\n  private _onExpansionContentFocusOut(event: FocusEvent): void {\n    if (event.relatedTarget && !this._adapter.isExpandedContentInFocus(event.relatedTarget as HTMLElement)) {\n      this._adapter.emitHostEvent(STEP_CONSTANTS.events.EXPANDED_CONTENT_FOCUSOUT, this._adapter.component);\n      this._expandedContentFocused = false;\n    }\n  }\n}\n", "import { attachShadowTemplate, coerceBoolean, coerceNumber, CustomElement, FoundationProperty } from '@tylertech/forge-core';\nimport { tylIconModeEdit, tylIconWarning, tylIconCheck, tylIconBlock } from '@tylertech/tyler-icons/standard';\nimport { StepAdapter } from './step-adapter';\nimport { STEP_CONSTANTS } from './step-constants';\nimport { StepFoundation } from './step-foundation';\nimport { IconRegistry, IconComponent } from '../../icon';\nimport { BaseComponent, IBaseComponent } from '../../core/base/base-component';\n\nconst 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>';\nconst 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}';\n\nexport interface IStepComponent extends IBaseComponent {\n  index: number;\n  editable: boolean;\n  completed: boolean;\n  error: boolean;\n  selected: boolean;\n  alternative: boolean;\n  disabled: boolean;\n  vertical: boolean;\n  expanded: boolean;\n  ignoreUserExpansion: boolean;\n  setStepTabIndex(index: number): void;\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'forge-step': IStepComponent;\n  }\n\n  interface HTMLElementEventMap {\n    'forge-step-selected': CustomEvent<number>;\n    'forge-step-expanded-content-focusin': CustomEvent<IStepComponent>;\n    'forge-step-expanded-content-focusout': CustomEvent<IStepComponent>;\n  }\n}\n\n/**\n * The web component class behind the `<forge-step>` custom element.\n * \n * @tag forge-step\n */\n@CustomElement({\n  name: STEP_CONSTANTS.elementName,\n  dependencies: [\n    IconComponent\n  ]\n})\nexport class StepComponent extends BaseComponent implements IStepComponent {\n  public static get observedAttributes(): string[] {\n    return [\n      STEP_CONSTANTS.attributes.COMPLETED,\n      STEP_CONSTANTS.attributes.EDITABLE,\n      STEP_CONSTANTS.attributes.ERROR,\n      STEP_CONSTANTS.attributes.INDEX,\n      STEP_CONSTANTS.attributes.SELECTED,\n      STEP_CONSTANTS.attributes.ALTERNATIVE,\n      STEP_CONSTANTS.attributes.DISABLED,\n      STEP_CONSTANTS.attributes.VERTICAL,\n      STEP_CONSTANTS.attributes.EXPANDED,\n      STEP_CONSTANTS.attributes.IGNORE_USER_EXPANSION\n    ];\n  }\n\n  private _foundation: StepFoundation;\n\n  constructor() {\n    super();\n    IconRegistry.define([\n      tylIconModeEdit,\n      tylIconCheck,\n      tylIconWarning,\n      tylIconBlock\n    ]);\n    attachShadowTemplate(this, template, styles);\n    this._foundation = new StepFoundation(new StepAdapter(this));\n  }\n\n  public connectedCallback(): void {\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 STEP_CONSTANTS.attributes.INDEX:\n        this.index = coerceNumber(newValue);\n        break;\n      case STEP_CONSTANTS.attributes.COMPLETED:\n        this.completed = coerceBoolean(newValue);\n        break;\n      case STEP_CONSTANTS.attributes.EDITABLE:\n        this.editable = coerceBoolean(newValue);\n        break;\n      case STEP_CONSTANTS.attributes.ERROR:\n        this.error = coerceBoolean(newValue);\n        break;\n      case STEP_CONSTANTS.attributes.SELECTED:\n        this.selected = coerceBoolean(newValue);\n        break;\n      case STEP_CONSTANTS.attributes.ALTERNATIVE:\n        this.alternative = coerceBoolean(newValue);\n        break;\n      case STEP_CONSTANTS.attributes.DISABLED:\n        this.disabled = coerceBoolean(newValue);\n        break;\n      case STEP_CONSTANTS.attributes.VERTICAL:\n        this.vertical = coerceBoolean(newValue);\n        break;\n      case STEP_CONSTANTS.attributes.EXPANDED:\n        this.expanded = coerceBoolean(newValue);\n        break;\n      case STEP_CONSTANTS.attributes.IGNORE_USER_EXPANSION:\n        this.ignoreUserExpansion = coerceBoolean(newValue);\n        break;\n    }\n  }\n\n  @FoundationProperty()\n  public alternative: boolean;\n\n  @FoundationProperty()\n  public index: number;\n\n  @FoundationProperty()\n  public editable: boolean;\n\n  @FoundationProperty()\n  public completed: boolean;\n\n  @FoundationProperty()\n  public error: boolean;\n\n  @FoundationProperty()\n  public selected: boolean;\n\n  @FoundationProperty()\n  public disabled: boolean;\n\n  @FoundationProperty()\n  public vertical: boolean;\n  \n  @FoundationProperty()\n  public expanded: boolean;\n  \n  @FoundationProperty()\n  public ignoreUserExpansion: boolean;\n\n  public override focus(): void {\n    this._foundation.focus();\n  }\n\n  public setStepTabIndex(index: number): void {\n    this._foundation.setStepTabIndex(index);\n  }\n}\n", "import { defineCustomElement } from '@tylertech/forge-core';\n\nimport { StepComponent } from './step';\n\nexport * from './step-adapter';\nexport * from './step-constants';\nexport * from './step-foundation';\nexport * from './step';\n\nexport function defineStepComponent(): void {\n  defineCustomElement(StepComponent);\n}\n"],
+  "mappings": "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",
   "names": []
 }

package/dist/esm/chunks/chunk.6EGTLHJS.js

@@ -0,0 +1,16 @@
+/**
+ * @license
+ * Copyright 2022 Tyler Technologies, Inc. 
+ * License: Apache-2.0
+ */
+// dist/build/lib/staging/src/core/utils/event-utils.ts
+function proxyShadowScrollEvent(shadowEl, proxyEl) {
+  const scrollListenerFn = () => proxyEl.dispatchEvent(new Event("scroll"));
+  shadowEl.addEventListener("scroll", scrollListenerFn, true);
+  return () => shadowEl.removeEventListener("scroll", scrollListenerFn, true);
+}
+
+export {
+  proxyShadowScrollEvent
+};
+//# sourceMappingURL=chunk.6EGTLHJS.js.map

package/dist/esm/chunks/chunk.6EGTLHJS.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/core/utils/event-utils.ts"],
+  "sourcesContent": ["/**\n * Proxies a `scroll` event from an element and dispatches it from another element.\n * Typically used when proxying the event from an element within a shadow root from its host element in the light dom.\n * @param originalEl The element that the `scroll` event originated from.\n * @param targetEl The element to manually dispatch (proxy) the `scroll` event from.\n */\nexport function proxyShadowScrollEvent(shadowEl: Node, proxyEl: Node): () => void {\n  const scrollListenerFn = (): boolean => proxyEl.dispatchEvent(new Event('scroll'));\n  shadowEl.addEventListener('scroll', scrollListenerFn, true);\n  return () => shadowEl.removeEventListener('scroll', scrollListenerFn, true);\n}\n"],
+  "mappings": ";AAMO,gCAAgC,UAAgB,SAA2B;AAChF,QAAM,mBAAmB,MAAe,QAAQ,cAAc,IAAI,MAAM,QAAQ,CAAC;AACjF,WAAS,iBAAiB,UAAU,kBAAkB,IAAI;AAC1D,SAAO,MAAM,SAAS,oBAAoB,UAAU,kBAAkB,IAAI;AAC5E;",
+  "names": []
+}

package/dist/esm/chunks/{chunk.EL6B2ODN.js → chunk.6ZBFCE2A.js}

@@ -49,4 +49,4 @@ export {
   SkeletonComponent,
   defineSkeletonComponent
 };
-//# sourceMappingURL=chunk.EL6B2ODN.js.map
+//# sourceMappingURL=chunk.6ZBFCE2A.js.map

package/dist/esm/chunks/{chunk.EL6B2ODN.js.map → chunk.6ZBFCE2A.js.map}

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/skeleton/skeleton-constants.ts", "../../src/skeleton/skeleton.ts", "../../src/skeleton/index.ts"],
-  "sourcesContent": ["import { COMPONENT_NAME_PREFIX } from '../constants';\r\n\r\nconst elementName: keyof HTMLElementTagNameMap = `${COMPONENT_NAME_PREFIX}skeleton`;\r\n\r\nexport const SKELETON_CONSTANTS = {\r\n  elementName\r\n};\r\n", "import { CustomElement, attachShadowTemplate } from '@tylertech/forge-core';\r\nimport { BaseComponent, IBaseComponent } from '../core/base/base-component';\r\nimport { SKELETON_CONSTANTS } from './skeleton-constants';\r\n\r\nconst template = '<template><div class=\\\"forge-skeleton\\\" part=\\\"root\\\"></div></template>';\r\nconst styles = '.forge-skeleton{display:block;width:100%;height:100%}.forge-skeleton::after{display:block;position:absolute;width:100%;height:100%;-webkit-transform:translateX(-100%);transform:translateX(-100%);background-repeat:no-repeat;background-image:-webkit-gradient(linear,left top,right top,from(transparent),color-stop(var(--forge-skeleton-theme-gradient,rgba(255,255,255,.3))),to(transparent));background-image:linear-gradient(90deg,transparent,var(--forge-skeleton-theme-gradient,rgba(255,255,255,.3)),transparent);-webkit-animation:loading 1.5s ease-in infinite;animation:loading 1.5s ease-in infinite;content:\\\"\\\"}@-webkit-keyframes loading{100%,25%{-webkit-transform:translateX(100%);transform:translateX(100%)}}@keyframes loading{100%,25%{-webkit-transform:translateX(100%);transform:translateX(100%)}}:host{height:48px;height:var(--forge-skeleton-height,48px);margin:16px 0;margin:var(--forge-skeleton-margin,16px 0);border-radius:4px;border-radius:var(--forge-skeleton-border-radius,4px);background-color:rgba(0,0,0,.12);background-color:var(--forge-skeleton-theme-background,rgba(0,0,0,.12));display:block;position:relative;overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box}:host([hidden]){display:none}:host([avatar]){height:48px;height:var(--forge-skeleton-avatar-size,48px);width:48px;width:var(--forge-skeleton-avatar-size,48px);border-radius:50%}:host([list-item]){height:32px;height:var(--forge-skeleton-list-item-height,32px);margin:12px 8px;margin:var(--forge-skeleton-list-item-margin,12px 8px)}:host([text]){height:16px;height:var(--forge-skeleton-text-height,16px)}:host([stretch]){height:100%;width:100%}:host([chip]){height:32px;height:var(--forge-skeleton-chip-height,32px);width:72px;width:var(--forge-skeleton-chip-width,72px);border-radius:16px}:host([button]){height:36px;height:var(--forge-skeleton-button-height,36px);width:72px;width:var(--forge-skeleton-button-width,72px)}:host([form-field]){height:40px;height:var(--forge-skeleton-form-field-height,40px);width:256px;width:var(--forge-skeleton-form-field-width,256px)}';\r\n\r\nexport interface ISkeletonComponent extends IBaseComponent {}\r\n\r\ndeclare global {\r\n  interface HTMLElementTagNameMap {\r\n    'forge-skeleton': ISkeletonComponent;\r\n  }\r\n}\r\n\r\n@CustomElement({\r\n  name: SKELETON_CONSTANTS.elementName\r\n})\r\nexport class SkeletonComponent extends BaseComponent implements ISkeletonComponent {\r\n  constructor() {\r\n    super();\r\n    attachShadowTemplate(this, template, styles);\r\n  }\r\n}\r\n", "import { defineCustomElement } from '@tylertech/forge-core';\r\n\r\nimport { SkeletonComponent } from './skeleton';\r\n\r\nexport * from './skeleton-constants';\r\nexport * from './skeleton';\r\n\r\nexport function defineSkeletonComponent(): void {\r\n  defineCustomElement(SkeletonComponent);\r\n}\r\n"],
-  "mappings": ";;;;;;;;;;;;;;;;AAEA,IAAM,cAA2C,GAAG;AAE7C,IAAM,qBAAqB;AAAA,EAChC;AACF;;;ACFA,IAAM,WAAW;AACjB,IAAM,SAAS;AAaR,IAAM,oBAAN,cAAgC,cAA4C;AAAA,EACjF,cAAc;AACZ,UAAM;AACN,yBAAqB,MAAM,UAAU,MAAM;AAAA,EAC7C;AACF;AALa,oBAAN;AAAA,EAHP,AAAC,cAAc;AAAA,IACb,MAAM,mBAAmB;AAAA,EAC3B,CAAC;AAAA,GACY;;;ACXN,mCAAyC;AAC9C,sBAAoB,iBAAiB;AACvC;",
+  "sourcesContent": ["import { COMPONENT_NAME_PREFIX } from '../constants';\r\n\r\nconst elementName: keyof HTMLElementTagNameMap = `${COMPONENT_NAME_PREFIX}skeleton`;\r\n\r\nexport const SKELETON_CONSTANTS = {\r\n  elementName\r\n};\r\n", "import { CustomElement, attachShadowTemplate } from '@tylertech/forge-core';\r\nimport { BaseComponent, IBaseComponent } from '../core/base/base-component';\r\nimport { SKELETON_CONSTANTS } from './skeleton-constants';\r\n\r\nconst template = '<template><div class=\\\"forge-skeleton\\\" part=\\\"root\\\"></div></template>';\r\nconst styles = '.forge-skeleton{display:block;width:100%;height:100%}.forge-skeleton::after{display:block;position:absolute;width:100%;height:100%;-webkit-transform:translateX(-100%);transform:translateX(-100%);background-repeat:no-repeat;background-image:-webkit-gradient(linear,left top,right top,from(transparent),color-stop(var(--forge-skeleton-theme-gradient,rgba(255,255,255,.3))),to(transparent));background-image:linear-gradient(90deg,transparent,var(--forge-skeleton-theme-gradient,rgba(255,255,255,.3)),transparent);-webkit-animation:loading 1.5s ease-in infinite;animation:loading 1.5s ease-in infinite;content:\\\"\\\"}@-webkit-keyframes loading{100%,25%{-webkit-transform:translateX(100%);transform:translateX(100%)}}@keyframes loading{100%,25%{-webkit-transform:translateX(100%);transform:translateX(100%)}}:host{height:48px;height:var(--forge-skeleton-height,48px);margin:16px 0;margin:var(--forge-skeleton-margin,16px 0);border-radius:4px;border-radius:var(--forge-skeleton-border-radius,4px);background-color:rgba(0,0,0,.12);background-color:var(--forge-skeleton-theme-background,rgba(0,0,0,.12));display:block;position:relative;overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box}:host([hidden]){display:none}:host([avatar]){height:48px;height:var(--forge-skeleton-avatar-size,48px);width:48px;width:var(--forge-skeleton-avatar-size,48px);border-radius:50%}:host([list-item]){height:32px;height:var(--forge-skeleton-list-item-height,32px);margin:12px 8px;margin:var(--forge-skeleton-list-item-margin,12px 8px)}:host([text]){height:16px;height:var(--forge-skeleton-text-height,16px)}:host([stretch]){height:100%;width:100%}:host([chip]){height:32px;height:var(--forge-skeleton-chip-height,32px);width:72px;width:var(--forge-skeleton-chip-width,72px);border-radius:16px}:host([button]){height:36px;height:var(--forge-skeleton-button-height,36px);width:72px;width:var(--forge-skeleton-button-width,72px)}:host([form-field]){height:40px;height:var(--forge-skeleton-form-field-height,40px);width:256px;width:var(--forge-skeleton-form-field-width,256px)}';\r\n\r\nexport interface ISkeletonComponent extends IBaseComponent {}\r\n\r\ndeclare global {\r\n  interface HTMLElementTagNameMap {\r\n    'forge-skeleton': ISkeletonComponent;\r\n  }\r\n}\r\n\r\n/**\r\n * The web component class behind the `<forge-skeleton>` custom element.\r\n * \r\n * @tag forge-skeleton\r\n */\r\n@CustomElement({\r\n  name: SKELETON_CONSTANTS.elementName\r\n})\r\nexport class SkeletonComponent extends BaseComponent implements ISkeletonComponent {\r\n  constructor() {\r\n    super();\r\n    attachShadowTemplate(this, template, styles);\r\n  }\r\n}\r\n", "import { defineCustomElement } from '@tylertech/forge-core';\r\n\r\nimport { SkeletonComponent } from './skeleton';\r\n\r\nexport * from './skeleton-constants';\r\nexport * from './skeleton';\r\n\r\nexport function defineSkeletonComponent(): void {\r\n  defineCustomElement(SkeletonComponent);\r\n}\r\n"],
+  "mappings": ";;;;;;;;;;;;;;;;AAEA,IAAM,cAA2C,GAAG;AAE7C,IAAM,qBAAqB;AAAA,EAChC;AACF;;;ACFA,IAAM,WAAW;AACjB,IAAM,SAAS;AAkBR,IAAM,oBAAN,cAAgC,cAA4C;AAAA,EACjF,cAAc;AACZ,UAAM;AACN,yBAAqB,MAAM,UAAU,MAAM;AAAA,EAC7C;AACF;AALa,oBAAN;AAAA,EAHP,AAAC,cAAc;AAAA,IACb,MAAM,mBAAmB;AAAA,EAC3B,CAAC;AAAA,GACY;;;AChBN,mCAAyC;AAC9C,sBAAoB,iBAAiB;AACvC;",
   "names": []
 }

package/dist/esm/chunks/{chunk.VAPJ75PS.js → chunk.7FWTBD6Y.js}

@@ -5,7 +5,7 @@
  */
 import {
   ButtonToggleComponent
-} from "./chunk.IBH5GL7A.js";
+} from "./chunk.IUNON3UL.js";
 import {
   defineCustomElement
 } from "./chunk.K2PCTUVN.js";
@@ -18,4 +18,4 @@ function defineButtonToggleComponent() {
 export {
   defineButtonToggleComponent
 };
-//# sourceMappingURL=chunk.VAPJ75PS.js.map
+//# sourceMappingURL=chunk.7FWTBD6Y.js.map

package/dist/esm/chunks/{chunk.KCK3G74Y.js → chunk.7UAH67PT.js}

@@ -6,7 +6,7 @@
 import {
   ForgeRipple,
   ForgeRippleFoundation
-} from "./chunk.C2MR3RDF.js";
+} from "./chunk.56BNM7F2.js";
 import {
   FormFieldComponentDelegate
 } from "./chunk.HZISALRH.js";
@@ -631,4 +631,4 @@ export {
   CheckboxComponentDelegate,
   defineCheckboxComponent
 };
-//# sourceMappingURL=chunk.KCK3G74Y.js.map
+//# sourceMappingURL=chunk.7UAH67PT.js.map