@tylertech/forge 2.0.0 → 2.1.0

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

@@ -0,0 +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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",
+  "names": []
+}

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

@@ -0,0 +1,168 @@
+/**
+ * @license
+ * Copyright 2022 Tyler Technologies, Inc. 
+ * License: Apache-2.0
+ */
+import {
+  tylIconKeyboardArrowDown,
+  tylIconKeyboardArrowLeft
+} from "./chunk.GS2AXUCN.js";
+import {
+  ICON_CONSTANTS,
+  IconComponent,
+  IconRegistry
+} from "./chunk.P43Z3YAS.js";
+import {
+  BaseAdapter
+} from "./chunk.KZATVOA6.js";
+import {
+  FoundationProperty
+} from "./chunk.MMIZOYAS.js";
+import {
+  COMPONENT_NAME_PREFIX,
+  CustomElement
+} from "./chunk.35U3UPDV.js";
+import {
+  BaseComponent
+} from "./chunk.VK6LIH3B.js";
+import {
+  attachShadowTemplate,
+  defineCustomElement,
+  getShadowElement
+} from "./chunk.K2PCTUVN.js";
+import {
+  toggleClass
+} from "./chunk.4JURZYE4.js";
+import {
+  coerceBoolean
+} from "./chunk.MEFT5FQC.js";
+import {
+  __decorateClass
+} from "./chunk.LM5TVNZY.js";
+
+// dist/build/lib/staging/src/open-icon/open-icon-constants.ts
+var elementName = `${COMPONENT_NAME_PREFIX}open-icon`;
+var classes = {
+  ICON: "forge-open-icon",
+  ICON_OPEN: "forge-open-icon--open"
+};
+var attributes = {
+  OPEN: "open",
+  ORIENTATION: "orientation"
+};
+var strings = {
+  ORIENTATION_VERTICAL: "vertical",
+  ORIENTATION_HORIZONTAL: "horizontal"
+};
+var OPEN_ICON_CONSTANTS = {
+  elementName,
+  classes,
+  attributes,
+  strings
+};
+
+// dist/build/lib/staging/src/open-icon/open-icon-foundation.ts
+var OpenIconFoundation = class {
+  constructor(_adapter) {
+    this._adapter = _adapter;
+    this._open = false;
+    this._orientation = OPEN_ICON_CONSTANTS.strings.ORIENTATION_VERTICAL;
+  }
+  initialize() {
+    this._adapter.setOrientation(this._orientation);
+    this._adapter.setOpenState(this._open);
+  }
+  get open() {
+    return this._open;
+  }
+  set open(value) {
+    value = Boolean(value);
+    if (this._open !== value) {
+      this._open = value;
+      this._adapter.setOpenState(this._open);
+    }
+  }
+  get orientation() {
+    return this._orientation;
+  }
+  set orientation(value) {
+    this._orientation = value;
+    this._adapter.setOrientation(this._orientation);
+  }
+};
+
+// dist/build/lib/staging/src/open-icon/open-icon-adapter.ts
+var OpenIconAdapter = class extends BaseAdapter {
+  constructor(component) {
+    super(component);
+    this._openIcon = getShadowElement(component, `.${OPEN_ICON_CONSTANTS.classes.ICON}`);
+    this._iconElement = getShadowElement(component, ICON_CONSTANTS.elementName);
+  }
+  setOrientation(orientation) {
+    if (orientation === OPEN_ICON_CONSTANTS.strings.ORIENTATION_HORIZONTAL) {
+      this._iconElement.name = "keyboard_arrow_right";
+    } else {
+      this._iconElement.name = "keyboard_arrow_down";
+    }
+  }
+  setOpenState(open) {
+    toggleClass(this._openIcon, open, OPEN_ICON_CONSTANTS.classes.ICON_OPEN);
+  }
+};
+
+// dist/build/lib/staging/src/open-icon/open-icon.ts
+var template = '<template><span class="forge-open-icon" part="root"><forge-icon class="icon" part="icon"></forge-icon></span></template>';
+var styles = ".forge-open-icon{color:#757575;color:var(--forge-theme-icon-color,#757575)}.forge-open-icon .icon{-webkit-transition:-webkit-transform .4s;transition:-webkit-transform .4s;transition:transform .4s;transition:transform .4s,-webkit-transform .4s}.forge-open-icon.forge-open-icon--open .icon{-webkit-transform:rotate(180deg);transform:rotate(180deg)}:host{line-height:.5}:host([hidden]){display:none}";
+var OpenIconComponent = class extends BaseComponent {
+  constructor() {
+    super();
+    IconRegistry.define([tylIconKeyboardArrowLeft, tylIconKeyboardArrowDown]);
+    attachShadowTemplate(this, template, styles);
+    this._foundation = new OpenIconFoundation(new OpenIconAdapter(this));
+  }
+  static get observedAttributes() {
+    return [
+      OPEN_ICON_CONSTANTS.attributes.OPEN,
+      OPEN_ICON_CONSTANTS.attributes.ORIENTATION
+    ];
+  }
+  initializedCallback() {
+    this._foundation.initialize();
+  }
+  attributeChangedCallback(name, oldValue, newValue) {
+    switch (name) {
+      case OPEN_ICON_CONSTANTS.attributes.OPEN:
+        this.open = coerceBoolean(newValue);
+        break;
+      case OPEN_ICON_CONSTANTS.attributes.ORIENTATION:
+        this.orientation = newValue;
+        break;
+    }
+  }
+};
+__decorateClass([
+  FoundationProperty()
+], OpenIconComponent.prototype, "open", 2);
+__decorateClass([
+  FoundationProperty()
+], OpenIconComponent.prototype, "orientation", 2);
+OpenIconComponent = __decorateClass([
+  CustomElement({
+    name: OPEN_ICON_CONSTANTS.elementName,
+    dependencies: [IconComponent]
+  })
+], OpenIconComponent);
+
+// dist/build/lib/staging/src/open-icon/index.ts
+function defineOpenIconComponent() {
+  defineCustomElement(OpenIconComponent);
+}
+
+export {
+  OPEN_ICON_CONSTANTS,
+  OpenIconFoundation,
+  OpenIconAdapter,
+  OpenIconComponent,
+  defineOpenIconComponent
+};
+//# sourceMappingURL=chunk.JICZQ2BO.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/open-icon/open-icon-constants.ts", "../../src/open-icon/open-icon-foundation.ts", "../../src/open-icon/open-icon-adapter.ts", "../../src/open-icon/open-icon.ts", "../../src/open-icon/index.ts"],
+  "sourcesContent": ["import { COMPONENT_NAME_PREFIX } from '../constants';\n\nconst elementName: keyof HTMLElementTagNameMap = `${COMPONENT_NAME_PREFIX}open-icon`;\n\nconst classes = {\n  ICON: 'forge-open-icon',\n  ICON_OPEN: 'forge-open-icon--open'\n};\n\nconst attributes = {\n  OPEN: 'open',\n  ORIENTATION: 'orientation'\n};\n\nconst strings = {\n  ORIENTATION_VERTICAL: 'vertical',\n  ORIENTATION_HORIZONTAL: 'horizontal'\n};\n\nexport const OPEN_ICON_CONSTANTS = {\n  elementName,\n  classes,\n  attributes,\n  strings\n};\n", "import { ICustomElementFoundation } from '@tylertech/forge-core';\n\nimport { IOpenIconAdapter } from './open-icon-adapter';\nimport { OPEN_ICON_CONSTANTS } from './open-icon-constants';\n\nexport interface IOpenIconFoundation extends ICustomElementFoundation {\n  open: boolean;\n}\n\nexport class OpenIconFoundation implements IOpenIconFoundation {\n  private _open = false;\n  private _orientation = OPEN_ICON_CONSTANTS.strings.ORIENTATION_VERTICAL;\n\n  constructor(private _adapter: IOpenIconAdapter) {}\n\n  public initialize(): void {\n    this._adapter.setOrientation(this._orientation);\n    this._adapter.setOpenState(this._open);\n  }\n\n  /** Controls the open state of the icon. */\n  public get open(): boolean {\n    return this._open;\n  }\n  public set open(value: boolean) {\n    value = Boolean(value);\n    if (this._open !== value) {\n      this._open = value;\n      this._adapter.setOpenState(this._open);\n    }\n  }\n\n  public get orientation(): string {\n    return this._orientation;\n  }\n  public set orientation(value: string) {\n    this._orientation = value;\n    this._adapter.setOrientation(this._orientation);\n  }\n}\n", "import { getShadowElement, toggleClass } from '@tylertech/forge-core';\nimport { BaseAdapter, IBaseAdapter } from '../core/base/base-adapter';\nimport { IOpenIconComponent } from './open-icon';\nimport { OPEN_ICON_CONSTANTS } from './open-icon-constants';\nimport { ICON_CONSTANTS, IIconComponent } from '../icon';\n\nexport interface IOpenIconAdapter extends IBaseAdapter {\n  setOrientation: (orientation: string) => void;\n  setOpenState: (open: boolean) => void;\n}\n\nexport class OpenIconAdapter extends BaseAdapter<IOpenIconComponent> implements IOpenIconAdapter {\n  private _openIcon: HTMLElement;\n  private _iconElement: IIconComponent;\n\n  constructor(component: IOpenIconComponent) {\n    super(component);\n    this._openIcon = getShadowElement(component, `.${OPEN_ICON_CONSTANTS.classes.ICON}`);\n    this._iconElement = getShadowElement(component, ICON_CONSTANTS.elementName) as IIconComponent;\n  }\n\n  public setOrientation(orientation: string): void {\n    if (orientation === OPEN_ICON_CONSTANTS.strings.ORIENTATION_HORIZONTAL) {\n      this._iconElement.name = 'keyboard_arrow_right';\n    } else {\n      this._iconElement.name = 'keyboard_arrow_down';\n    }\n  }\n\n  public setOpenState(open: boolean): void {\n    toggleClass(this._openIcon, open, OPEN_ICON_CONSTANTS.classes.ICON_OPEN);\n  }\n}\n", "import { CustomElement, attachShadowTemplate, coerceBoolean, FoundationProperty } from '@tylertech/forge-core';\nimport { tylIconKeyboardArrowLeft, tylIconKeyboardArrowDown } from '@tylertech/tyler-icons/standard';\nimport { OpenIconFoundation } from './open-icon-foundation';\nimport { OpenIconAdapter } from './open-icon-adapter';\nimport { OPEN_ICON_CONSTANTS } from './open-icon-constants';\nimport { IconRegistry, IconComponent } from '../icon';\nimport { BaseComponent, IBaseComponent } from '../core/base/base-component';\n\nconst template = '<template><span class=\\\"forge-open-icon\\\" part=\\\"root\\\"><forge-icon class=\\\"icon\\\" part=\\\"icon\\\"></forge-icon></span></template>';\nconst styles = '.forge-open-icon{color:#757575;color:var(--forge-theme-icon-color,#757575)}.forge-open-icon .icon{-webkit-transition:-webkit-transform .4s;transition:-webkit-transform .4s;transition:transform .4s;transition:transform .4s,-webkit-transform .4s}.forge-open-icon.forge-open-icon--open .icon{-webkit-transform:rotate(180deg);transform:rotate(180deg)}:host{line-height:.5}:host([hidden]){display:none}';\n\nexport interface IOpenIconComponent extends IBaseComponent {\n  open: boolean;\n  orientation: string;\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'forge-open-icon': IOpenIconComponent;\n  }\n}\n\n@CustomElement({\n  name: OPEN_ICON_CONSTANTS.elementName,\n  dependencies: [IconComponent]\n})\nexport class OpenIconComponent extends BaseComponent implements IOpenIconComponent {\n  public static get observedAttributes(): string[] {\n    return [\n      OPEN_ICON_CONSTANTS.attributes.OPEN,\n      OPEN_ICON_CONSTANTS.attributes.ORIENTATION\n    ];\n  }\n\n  private _foundation: OpenIconFoundation;\n\n  constructor() {\n    super();\n    IconRegistry.define([tylIconKeyboardArrowLeft, tylIconKeyboardArrowDown]);\n    attachShadowTemplate(this, template, styles);\n    this._foundation = new OpenIconFoundation(new OpenIconAdapter(this));\n  }\n\n  public initializedCallback(): void {\n    this._foundation.initialize();\n  }\n\n  public attributeChangedCallback(name: string, oldValue: string, newValue: string): void {\n    switch (name) {\n      case OPEN_ICON_CONSTANTS.attributes.OPEN:\n        this.open = coerceBoolean(newValue);\n        break;\n      case OPEN_ICON_CONSTANTS.attributes.ORIENTATION:\n        this.orientation = newValue;\n        break;\n    }\n  }\n\n  /** Controls the open state of the icon. */\n  @FoundationProperty()\n  public open: boolean;\n\n  /**\n   * Gets/sets the orientation of the icon.\n   * Valid values are 'vertical' (default) or 'horizontal'.\n   */\n  @FoundationProperty()\n  public orientation: string;\n}\n", "import { defineCustomElement } from '@tylertech/forge-core';\n\nimport { OpenIconComponent } from './open-icon';\n\nexport * from './open-icon-adapter';\nexport * from './open-icon-constants';\nexport * from './open-icon-foundation';\nexport * from './open-icon';\n\nexport function defineOpenIconComponent(): void {\n  defineCustomElement(OpenIconComponent);\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEA,IAAM,cAA2C,GAAG;AAEpD,IAAM,UAAU;AAAA,EACd,MAAM;AAAA,EACN,WAAW;AACb;AAEA,IAAM,aAAa;AAAA,EACjB,MAAM;AAAA,EACN,aAAa;AACf;AAEA,IAAM,UAAU;AAAA,EACd,sBAAsB;AAAA,EACtB,wBAAwB;AAC1B;AAEO,IAAM,sBAAsB;AAAA,EACjC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;;;ACfO,IAAM,qBAAN,MAAwD;AAAA,EAI7D,YAAoB,UAA4B;AAA5B;AAHpB,SAAQ,QAAQ;AAChB,SAAQ,eAAe,oBAAoB,QAAQ;AAAA,EAEF;AAAA,EAEjD,AAAO,aAAmB;AACxB,SAAK,SAAS,eAAe,KAAK,YAAY;AAC9C,SAAK,SAAS,aAAa,KAAK,KAAK;AAAA,EACvC;AAAA,EAGA,IAAW,OAAgB;AACzB,WAAO,KAAK;AAAA,EACd;AAAA,EACA,IAAW,KAAK,OAAgB;AAC9B,YAAQ,QAAQ,KAAK;AACrB,QAAI,KAAK,UAAU,OAAO;AACxB,WAAK,QAAQ;AACb,WAAK,SAAS,aAAa,KAAK,KAAK;AAAA,IACvC;AAAA,EACF;AAAA,EAEA,IAAW,cAAsB;AAC/B,WAAO,KAAK;AAAA,EACd;AAAA,EACA,IAAW,YAAY,OAAe;AACpC,SAAK,eAAe;AACpB,SAAK,SAAS,eAAe,KAAK,YAAY;AAAA,EAChD;AACF;;;AC5BO,IAAM,kBAAN,cAA8B,YAA4D;AAAA,EAI/F,YAAY,WAA+B;AACzC,UAAM,SAAS;AACf,SAAK,YAAY,iBAAiB,WAAW,IAAI,oBAAoB,QAAQ,MAAM;AACnF,SAAK,eAAe,iBAAiB,WAAW,eAAe,WAAW;AAAA,EAC5E;AAAA,EAEA,AAAO,eAAe,aAA2B;AAC/C,QAAI,gBAAgB,oBAAoB,QAAQ,wBAAwB;AACtE,WAAK,aAAa,OAAO;AAAA,IAC3B,OAAO;AACL,WAAK,aAAa,OAAO;AAAA,IAC3B;AAAA,EACF;AAAA,EAEA,AAAO,aAAa,MAAqB;AACvC,gBAAY,KAAK,WAAW,MAAM,oBAAoB,QAAQ,SAAS;AAAA,EACzE;AACF;;;ACxBA,IAAM,WAAW;AACjB,IAAM,SAAS;AAiBR,IAAM,oBAAN,cAAgC,cAA4C;AAAA,EAUjF,cAAc;AACZ,UAAM;AACN,iBAAa,OAAO,CAAC,0BAA0B,wBAAwB,CAAC;AACxE,yBAAqB,MAAM,UAAU,MAAM;AAC3C,SAAK,cAAc,IAAI,mBAAmB,IAAI,gBAAgB,IAAI,CAAC;AAAA,EACrE;AAAA,EAdA,WAAkB,qBAA+B;AAC/C,WAAO;AAAA,MACL,oBAAoB,WAAW;AAAA,MAC/B,oBAAoB,WAAW;AAAA,IACjC;AAAA,EACF;AAAA,EAWA,AAAO,sBAA4B;AACjC,SAAK,YAAY,WAAW;AAAA,EAC9B;AAAA,EAEA,AAAO,yBAAyB,MAAc,UAAkB,UAAwB;AACtF,YAAQ;AAAA,WACD,oBAAoB,WAAW;AAClC,aAAK,OAAO,cAAc,QAAQ;AAClC;AAAA,WACG,oBAAoB,WAAW;AAClC,aAAK,cAAc;AACnB;AAAA;AAAA,EAEN;AAYF;AARS;AAAA,EADP,AAAC,mBAAmB;AAAA,GACb,AAlCI,kBAkCJ;AAOA;AAAA,EADP,AAAC,mBAAmB;AAAA,GACb,AAzCI,kBAyCJ;AAzCI,oBAAN;AAAA,EAJP,AAAC,cAAc;AAAA,IACb,MAAM,oBAAoB;AAAA,IAC1B,cAAc,CAAC,aAAa;AAAA,EAC9B,CAAC;AAAA,GACY;;;ACjBN,mCAAyC;AAC9C,sBAAoB,iBAAiB;AACvC;",
+  "names": []
+}

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

@@ -0,0 +1,42 @@
+/**
+ * @license
+ * Copyright 2022 Tyler Technologies, Inc. 
+ * License: Apache-2.0
+ */
+// dist/build/lib/staging/src/field/field-constants.ts
+var attributes = {
+  DENSITY: "density",
+  FLOAT_LABEL_TYPE: "float-label-type",
+  SHAPE: "shape",
+  INVALID: "invalid",
+  REQUIRED: "required",
+  HOST_LABEL_FLOATING: `forge-label-floating`
+};
+var observedInputAttributes = ["disabled", "readonly", "value", "placeholder"];
+var classes = {
+  DISABLED: "forge-field--disabled",
+  READONLY: "forge-field--readonly",
+  INPUT_FOCUSED: "forge-field__input--focused",
+  LEADING: "forge-field--leading",
+  TRAILING: "forge-field--trailing",
+  ADDON_END: "forge-field--addon-end",
+  ADDON_END_CONTAINER: "forge-field__addon-end-container",
+  FOCUSED: "forge-field--focused",
+  LABEL_FOCUSED: "forge-field__label--focused",
+  SHAPE_ROUNDED: "forge-field--shape-rounded",
+  INVALID: "forge-field--invalid",
+  REQUIRED: "forge-field--required",
+  DENSE: "forge-field--dense",
+  ROOMY: "forge-field--roomy",
+  LABEL: "forge-field--label"
+};
+var FIELD_CONSTANTS = {
+  attributes,
+  observedInputAttributes,
+  classes
+};
+
+export {
+  FIELD_CONSTANTS
+};
+//# sourceMappingURL=chunk.JKC5PU23.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/field/field-constants.ts"],
+  "sourcesContent": ["const attributes = {\n  DENSITY: 'density',\n  FLOAT_LABEL_TYPE: 'float-label-type',\n  SHAPE: 'shape',\n  INVALID: 'invalid',\n  REQUIRED: 'required',\n  HOST_LABEL_FLOATING: `forge-label-floating`\n};\n\nconst observedInputAttributes = ['disabled', 'readonly', 'value', 'placeholder'];\n\nconst classes = {\n  DISABLED: 'forge-field--disabled',\n  READONLY: 'forge-field--readonly',\n  INPUT_FOCUSED: 'forge-field__input--focused',\n  LEADING: 'forge-field--leading',\n  TRAILING: 'forge-field--trailing',\n  ADDON_END: 'forge-field--addon-end',\n  ADDON_END_CONTAINER: 'forge-field__addon-end-container',\n  FOCUSED: 'forge-field--focused',\n  LABEL_FOCUSED: 'forge-field__label--focused',\n  SHAPE_ROUNDED: 'forge-field--shape-rounded',\n  INVALID: 'forge-field--invalid',\n  REQUIRED: 'forge-field--required',\n  DENSE: 'forge-field--dense',\n  ROOMY: 'forge-field--roomy',\n  LABEL: 'forge-field--label'\n};\n\nexport const FIELD_CONSTANTS = {\n  attributes,\n  observedInputAttributes,\n  classes\n};\n\nexport type FieldDensityType = 'roomy' | 'default' | 'dense';\nexport type FieldFloatLabelType = 'always' | 'auto';\nexport type FieldShapeType = 'default' | 'rounded';\n"],
+  "mappings": ";AAAA,IAAM,aAAa;AAAA,EACjB,SAAS;AAAA,EACT,kBAAkB;AAAA,EAClB,OAAO;AAAA,EACP,SAAS;AAAA,EACT,UAAU;AAAA,EACV,qBAAqB;AACvB;AAEA,IAAM,0BAA0B,CAAC,YAAY,YAAY,SAAS,aAAa;AAE/E,IAAM,UAAU;AAAA,EACd,UAAU;AAAA,EACV,UAAU;AAAA,EACV,eAAe;AAAA,EACf,SAAS;AAAA,EACT,UAAU;AAAA,EACV,WAAW;AAAA,EACX,qBAAqB;AAAA,EACrB,SAAS;AAAA,EACT,eAAe;AAAA,EACf,eAAe;AAAA,EACf,SAAS;AAAA,EACT,UAAU;AAAA,EACV,OAAO;AAAA,EACP,OAAO;AAAA,EACP,OAAO;AACT;AAEO,IAAM,kBAAkB;AAAA,EAC7B;AAAA,EACA;AAAA,EACA;AACF;",
+  "names": []
+}