@tylertech/forge 2.5.0 → 2.7.0

package/dist/esm/chunks/{chunk.4UKSUUTX.js.map → chunk.5U6ZT6MC.js.map}

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/list/list/list-adapter.ts", "../../src/list/list/list-foundation.ts", "../../src/list/list/list.ts", "../../src/list/list/index.ts"],
-  "sourcesContent": ["import { emitEvent, deepQuerySelectorAll, getActiveElement } from '@tylertech/forge-core';\nimport { BaseAdapter, IBaseAdapter } from '../../core/base/base-adapter';\nimport { IListItemComponent, LIST_ITEM_CONSTANTS } from '../list-item';\nimport { IListComponent } from './list';\nimport { LIST_CONSTANTS } from './list-constants';\n\nexport interface IListAdapter extends IBaseAdapter {\n  initializeAccessibility(): void;\n  addListener(type: string, listener: (evt: Event) => void): void;\n  removeListener(type: string, listener: (evt: Event) => void): void;\n  getListItems(): IListItemComponent[];\n  focusNextListItem(): void;\n  focusPreviousListItem(): void;\n  focusFirstListItem(): void;\n  focusLastListItem(): void;\n  setSelectedListItems(values: any[]): void;\n  updateListItems(cb: (li: IListItemComponent) => void): void;\n}\n\n/**\n * The DOM adapter for the `<forge-list>` component.\n */\nexport class ListAdapter extends BaseAdapter<IListComponent> implements IListAdapter {\n  constructor(component: IListComponent) {\n    super(component);\n  }\n\n  public initializeAccessibility(): void {\n    if (!this._component.hasAttribute('role')) {\n      this._component.setAttribute('role', 'list');\n    }\n  }\n\n  /**\n   * Adds an event listener to the `<forge-list>` host element.\n   * @param {string} type The event type.\n   * @param {Function} listener The event callback.\n   */\n  public addListener(type: string, listener: (evt: Event) => void): void {\n    this._component.addEventListener(type, listener);\n  }\n\n  /**\n   * Removes an event listener to the `<forge-list>` host element.\n   * @param {string} type The event type.\n   * @param {Function} listener The event callback.\n   */\n  public removeListener(type: string, listener: (evt: Event) => void): void {\n    this._component.removeEventListener(type, listener);\n  }\n\n  /**\n   * Returns all child `<forge-list-item>` elements.\n   */\n  public getListItems(): IListItemComponent[] {\n    return Array.from(this._component.children).filter(child => child.tagName === LIST_ITEM_CONSTANTS.elementName.toUpperCase()) as IListItemComponent[];\n  }\n\n  /**\n   * Sets focus to the next item in the list.\n   */\n  public focusNextListItem(): void {\n    const listItems = deepQuerySelectorAll(this._component, LIST_CONSTANTS.selectors.FOCUSABLE_LIST_ITEMS, false) as HTMLElement[];\n\n    if (listItems && listItems.length > 0) {\n      const focusedListItemIndex = listItems.indexOf(getActiveElement() as HTMLElement);\n      const nextIndex = focusedListItemIndex < listItems.length - 1 ? focusedListItemIndex + 1 : 0;\n\n      if (nextIndex <= listItems.length - 1) {\n        listItems[nextIndex].focus();\n      }\n    }\n  }\n\n  /**\n   * Sets focus to the previous item in the list.\n   */\n  public focusPreviousListItem(): void {\n    const listItems = deepQuerySelectorAll(this._component, LIST_CONSTANTS.selectors.FOCUSABLE_LIST_ITEMS, false) as HTMLElement[];\n\n    if (listItems && listItems.length > 0) {\n      const focusedListItemIndex = listItems.indexOf(getActiveElement() as HTMLElement);\n      const nextIndex = focusedListItemIndex > 0 ? focusedListItemIndex - 1 : listItems.length - 1;\n\n      if (nextIndex >= 0) {\n        listItems[nextIndex].focus();\n      }\n    }\n  }\n\n  /**\n   * Sets focus to the first item in the list.\n   */\n  public focusFirstListItem(): void {\n    const listItems = deepQuerySelectorAll(this._component, LIST_CONSTANTS.selectors.FOCUSABLE_LIST_ITEMS, false) as HTMLElement[];\n\n    if (listItems && listItems.length > 0) {\n      listItems[0].focus();\n    }\n  }\n\n  /**\n   * Sets focus to the last item in the list.\n   */\n  public focusLastListItem(): void {\n    const listItems = deepQuerySelectorAll(this._component, LIST_CONSTANTS.selectors.FOCUSABLE_LIST_ITEMS, false) as HTMLElement[];\n    if (listItems && listItems.length > 0) {\n      listItems[listItems.length - 1].focus();\n    }\n  }\n\n  public setSelectedListItems(values: any[]): void {\n    const listItems = Array.from(this._component.querySelectorAll(LIST_ITEM_CONSTANTS.elementName)) as IListItemComponent[];\n    if (listItems && listItems.length) {\n      for (const item of listItems) {\n        item.selected = values.includes(item.value);\n      }\n    }\n  }\n\n  public updateListItems(cb: (li: IListItemComponent) => void): void {\n    this.getListItems().forEach(li => cb(li));\n  }\n}\n", "import { ICustomElementFoundation, isDefined } from '@tylertech/forge-core';\n\nimport { IListAdapter } from './list-adapter';\nimport { LIST_CONSTANTS } from './list-constants';\nimport { LIST_ITEM_CONSTANTS, IListItemComponent, IListItemSelectEventData } from '../list-item';\n\nexport interface IListFoundation extends ICustomElementFoundation {\n  static: boolean;\n  dense: boolean;\n  propagateClick: boolean;\n  indented: boolean;\n  selectedValue: any;\n}\n\nconst ELEMENTS_KEY_ALLOWED_IN = ['input', 'button', 'textarea', 'select'];\n\n/**\n * The foundation class behind the `<forge-list>` component.\n */\nexport class ListFoundation implements IListFoundation {\n  private _static = false;\n  private _dense = false;\n  private _propagateClick = true;\n  private _indented = false;\n  private _selectedValue: any;\n  private _keydownListener: (evt: KeyboardEvent) => void;\n\n  constructor(private _adapter: IListAdapter) {\n    this._keydownListener = (evt: KeyboardEvent) => this._onKeydown(evt);\n  }\n\n  public initialize(): void {\n    this._adapter.initializeAccessibility();\n    \n    if (!this._static) {\n      this._adapter.addListener('keydown', this._keydownListener);\n    }\n\n    if (this._selectedValue) {\n      this._adapter.setSelectedListItems(this._selectedValue);\n    }\n  }\n\n  private _onKeydown(evt: KeyboardEvent): void {\n    const isArrowDown = evt.key === 'ArrowDown' || evt.keyCode === 40;\n    const isArrowUp = evt.key === 'ArrowUp' || evt.keyCode === 38;\n    const isHome = evt.key === 'Home' || evt.keyCode === 36;\n    const isEnd = evt.key === 'End' || evt.keyCode === 35;\n    const isTab = evt.key === 'Tab' || evt.keyCode === 9;\n\n    // We don't capture modifier keys\n    if (evt.altKey || evt.ctrlKey || evt.shiftKey || evt.metaKey) {\n      return;\n    }\n\n    if (!isTab) {\n      this._preventDefaultEvent(evt);\n    }\n\n    if (isHome) {\n      this._adapter.focusFirstListItem();\n    } else if (isEnd) {\n      this._adapter.focusLastListItem();\n    } else if (isArrowDown) {\n      this._adapter.focusNextListItem();\n    } else if (isArrowUp) {\n      this._adapter.focusPreviousListItem();\n    }\n  }\n\n  /**\n   * Ensures that preventDefault is only called if the containing element doesn't\n   * consume the event, and it will cause an unintended scroll.\n   * @param {Event} evt\n   */\n  private _preventDefaultEvent(evt: Event): void {\n    const tagName = `${(evt.target as HTMLElement).tagName}`.toLowerCase();\n    if (ELEMENTS_KEY_ALLOWED_IN.indexOf(tagName) === -1) {\n      evt.preventDefault();\n    }\n  }\n\n  private _setSelectedValue(value: any): void {\n    let values = value instanceof Array ? value : [value];\n    values = values.filter(v => isDefined(v));\n    this._adapter.setSelectedListItems(values);\n  }\n\n  /** Gets/sets whether the list has all static items or not. */\n  public get static(): boolean {\n    return this._static;\n  }\n  public set static(value: boolean) {\n    if (this._static !== value) {\n      this._static = value;\n\n      if (!this._static) {\n        this._adapter.addListener('keydown', this._keydownListener);\n      } else {\n        this._adapter.removeListener('keydown', this._keydownListener);\n      }\n\n      this._adapter.updateListItems(li => li.static = this._static);\n\n      if (this._static) {\n        this._adapter.setHostAttribute(LIST_CONSTANTS.attributes.STATIC);\n      } else {\n        this._adapter.removeHostAttribute(LIST_CONSTANTS.attributes.STATIC);\n      }\n    }\n  }\n\n  /** Gets/sets whether the list has all dense items or not. */\n  public get dense(): boolean {\n    return this._dense;\n  }\n  public set dense(value: boolean) {\n    if (this._dense !== value) {\n      this._dense = value;\n      this._adapter.updateListItems(li => li.dense = this._dense);\n      if (this._dense) {\n        this._adapter.setHostAttribute(LIST_CONSTANTS.attributes.DENSE);\n      } else {\n        this._adapter.removeHostAttribute(LIST_CONSTANTS.attributes.DENSE);\n      }\n    }\n  }\n\n  public get propagateClick(): boolean {\n    return this._propagateClick;\n  }\n  public set propagateClick(value: boolean) {\n    if (this._propagateClick !== value) {\n      this._propagateClick = value;\n      this._adapter.updateListItems(li => li.propagateClick = this._propagateClick);\n      this._adapter.setHostAttribute(LIST_CONSTANTS.attributes.PROPAGATE_CLICK, '' + !!this._propagateClick);\n    }\n  }\n\n  public get indented(): boolean {\n    return this._indented;\n  }\n  public set indented(value: boolean) {\n    if (this._indented !== value) {\n      this._indented = value;\n      this._adapter.updateListItems(li => li.indented = this._indented);\n      if (this._indented) {\n        this._adapter.setHostAttribute(LIST_CONSTANTS.attributes.INDENTED);\n      } else {\n        this._adapter.removeHostAttribute(LIST_CONSTANTS.attributes.INDENTED);\n      }\n    }\n  }\n\n  public get selectedValue(): any {\n    return this._selectedValue;\n  }\n  public set selectedValue(value: any) {\n    this._selectedValue = value;\n    this._setSelectedValue(value);\n  }\n}\n", "import { attachShadowTemplate, coerceBoolean, CustomElement, FoundationProperty } from '@tylertech/forge-core';\nimport { BaseComponent, IBaseComponent } from '../../core/base/base-component';\nimport { ListItemComponent } from '../list-item';\nimport { ListAdapter } from './list-adapter';\nimport { LIST_CONSTANTS } from './list-constants';\nimport { ListFoundation } from './list-foundation';\n\nconst template = '<template><div class=\\\"forge-list\\\" part=\\\"root\\\"><slot></slot></div></template>';\nconst styles = '.forge-list{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto,sans-serif;font-family:var(--mdc-typography-subtitle1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:1rem;font-size:var(--mdc-typography-subtitle1-font-size, 1rem);line-height:1.75rem;line-height:var(--mdc-typography-subtitle1-line-height, 1.75rem);font-weight:400;font-weight:var(--mdc-typography-subtitle1-font-weight,400);letter-spacing:.009375em;letter-spacing:var(--mdc-typography-subtitle1-letter-spacing, .009375em);text-decoration:inherit;-webkit-text-decoration:var(--mdc-typography-subtitle1-text-decoration,inherit);text-decoration:var(--mdc-typography-subtitle1-text-decoration,inherit);text-transform:inherit;text-transform:var(--mdc-typography-subtitle1-text-transform,inherit);line-height:1.5rem;padding-top:8px;padding-top:var(--forge-list-padding,8px);padding-bottom:8px;padding-bottom:var(--forge-list-padding,8px);margin:0;list-style-type:none}.forge-list:focus{outline:0}:host{display:block;contain:content}:host([hidden]){display:none}';\n\nexport interface IListComponent extends IBaseComponent {\n  static: boolean;\n  dense: boolean;\n  propagateClick: boolean;\n  indented: boolean;\n  selectedValue: any;\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'forge-list': IListComponent;\n  }\n}\n\n/**\n * The custom element class behind the `<forge-list>` element.\n */\n@CustomElement({\n  name: LIST_CONSTANTS.elementName,\n  dependencies: [ListItemComponent]\n})\nexport class ListComponent extends BaseComponent implements IListComponent {\n  public static get observedAttributes(): string[] {\n    return [\n      LIST_CONSTANTS.attributes.STATIC,\n      LIST_CONSTANTS.attributes.DENSE,\n      LIST_CONSTANTS.attributes.SELECTED_VALUE,\n      LIST_CONSTANTS.attributes.PROPAGATE_CLICK,\n      LIST_CONSTANTS.attributes.INDENTED\n    ];\n  }\n\n  private _foundation: ListFoundation;\n\n  constructor() {\n    super();\n    attachShadowTemplate(this, template, styles);\n    this._foundation = new ListFoundation(new ListAdapter(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 LIST_CONSTANTS.attributes.STATIC:\n        this.static = coerceBoolean(newValue);\n        break;\n      case LIST_CONSTANTS.attributes.DENSE:\n        this.dense = coerceBoolean(newValue);\n        break;\n      case LIST_CONSTANTS.attributes.PROPAGATE_CLICK:\n        this.propagateClick = coerceBoolean(newValue);\n        break;\n      case LIST_CONSTANTS.attributes.INDENTED:\n        this.indented = coerceBoolean(newValue);\n        break;\n      case LIST_CONSTANTS.attributes.SELECTED_VALUE:\n        this.selectedValue = newValue;\n        break;\n    }\n  }\n\n  /** Gets/sets whether the list has all static items or not. */\n  @FoundationProperty()\n  public static: boolean;\n\n  /** Gets/sets whether the list has all dense items or not. */\n  @FoundationProperty()\n  public dense: boolean;\n\n  /** Gets/sets whether the list items allow mousedown events through to their underlying list item elements. Default is true. */\n  @FoundationProperty()\n  public propagateClick: boolean;\n\n  /** Gets/sets whether the list items within this list are indented. Default is false. */\n  @FoundationProperty()\n  public indented: boolean;\n\n  /** Gets/sets the selected list item value(s) */\n  @FoundationProperty()\n  public selectedValue: any;\n}\n", "import { defineCustomElement } from '@tylertech/forge-core';\n\nimport { ListComponent } from './list';\n\nexport * from './list-adapter';\nexport * from './list-constants';\nexport * from './list-foundation';\nexport * from './list';\n\nexport function defineListComponent(): void {\n  defineCustomElement(ListComponent);\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["import { emitEvent, deepQuerySelectorAll, getActiveElement } from '@tylertech/forge-core';\nimport { BaseAdapter, IBaseAdapter } from '../../core/base/base-adapter';\nimport { IListItemComponent, LIST_ITEM_CONSTANTS } from '../list-item';\nimport { IListComponent } from './list';\nimport { LIST_CONSTANTS } from './list-constants';\n\nexport interface IListAdapter extends IBaseAdapter {\n  initializeAccessibility(): void;\n  addListener(type: string, listener: (evt: Event) => void): void;\n  removeListener(type: string, listener: (evt: Event) => void): void;\n  getListItems(): IListItemComponent[];\n  focusNextListItem(): void;\n  focusPreviousListItem(): void;\n  focusFirstListItem(): void;\n  focusLastListItem(): void;\n  setSelectedListItems(values: any[]): void;\n  updateListItems(cb: (li: IListItemComponent) => void): void;\n}\n\n/**\n * The DOM adapter for the `<forge-list>` component.\n */\nexport class ListAdapter extends BaseAdapter<IListComponent> implements IListAdapter {\n  constructor(component: IListComponent) {\n    super(component);\n  }\n\n  public initializeAccessibility(): void {\n    if (!this._component.hasAttribute('role')) {\n      this._component.setAttribute('role', 'list');\n    }\n  }\n\n  /**\n   * Adds an event listener to the `<forge-list>` host element.\n   * @param {string} type The event type.\n   * @param {Function} listener The event callback.\n   */\n  public addListener(type: string, listener: (evt: Event) => void): void {\n    this._component.addEventListener(type, listener);\n  }\n\n  /**\n   * Removes an event listener to the `<forge-list>` host element.\n   * @param {string} type The event type.\n   * @param {Function} listener The event callback.\n   */\n  public removeListener(type: string, listener: (evt: Event) => void): void {\n    this._component.removeEventListener(type, listener);\n  }\n\n  /**\n   * Returns all child `<forge-list-item>` elements.\n   */\n  public getListItems(): IListItemComponent[] {\n    return Array.from(this._component.children).filter(child => child.tagName === LIST_ITEM_CONSTANTS.elementName.toUpperCase()) as IListItemComponent[];\n  }\n\n  /**\n   * Sets focus to the next item in the list.\n   */\n  public focusNextListItem(): void {\n    const listItems = deepQuerySelectorAll(this._component, LIST_CONSTANTS.selectors.FOCUSABLE_LIST_ITEMS, false) as HTMLElement[];\n\n    if (listItems && listItems.length > 0) {\n      const focusedListItemIndex = listItems.indexOf(getActiveElement() as HTMLElement);\n      const nextIndex = focusedListItemIndex < listItems.length - 1 ? focusedListItemIndex + 1 : 0;\n\n      if (nextIndex <= listItems.length - 1) {\n        listItems[nextIndex].focus();\n      }\n    }\n  }\n\n  /**\n   * Sets focus to the previous item in the list.\n   */\n  public focusPreviousListItem(): void {\n    const listItems = deepQuerySelectorAll(this._component, LIST_CONSTANTS.selectors.FOCUSABLE_LIST_ITEMS, false) as HTMLElement[];\n\n    if (listItems && listItems.length > 0) {\n      const focusedListItemIndex = listItems.indexOf(getActiveElement() as HTMLElement);\n      const nextIndex = focusedListItemIndex > 0 ? focusedListItemIndex - 1 : listItems.length - 1;\n\n      if (nextIndex >= 0) {\n        listItems[nextIndex].focus();\n      }\n    }\n  }\n\n  /**\n   * Sets focus to the first item in the list.\n   */\n  public focusFirstListItem(): void {\n    const listItems = deepQuerySelectorAll(this._component, LIST_CONSTANTS.selectors.FOCUSABLE_LIST_ITEMS, false) as HTMLElement[];\n\n    if (listItems && listItems.length > 0) {\n      listItems[0].focus();\n    }\n  }\n\n  /**\n   * Sets focus to the last item in the list.\n   */\n  public focusLastListItem(): void {\n    const listItems = deepQuerySelectorAll(this._component, LIST_CONSTANTS.selectors.FOCUSABLE_LIST_ITEMS, false) as HTMLElement[];\n    if (listItems && listItems.length > 0) {\n      listItems[listItems.length - 1].focus();\n    }\n  }\n\n  public setSelectedListItems(values: any[]): void {\n    const listItems = Array.from(this._component.querySelectorAll(LIST_ITEM_CONSTANTS.elementName)) as IListItemComponent[];\n    if (listItems && listItems.length) {\n      for (const item of listItems) {\n        item.selected = values.includes(item.value);\n      }\n    }\n  }\n\n  public updateListItems(cb: (li: IListItemComponent) => void): void {\n    this.getListItems().forEach(li => cb(li));\n  }\n}\n", "import { ICustomElementFoundation, isDefined } from '@tylertech/forge-core';\n\nimport { IListAdapter } from './list-adapter';\nimport { LIST_CONSTANTS } from './list-constants';\nimport { LIST_ITEM_CONSTANTS, IListItemComponent, IListItemSelectEventData } from '../list-item';\n\nexport interface IListFoundation extends ICustomElementFoundation {\n  static: boolean;\n  dense: boolean;\n  propagateClick: boolean;\n  indented: boolean;\n  selectedValue: any;\n}\n\nconst ELEMENTS_KEY_ALLOWED_IN = ['input', 'button', 'textarea', 'select'];\n\n/**\n * The foundation class behind the `<forge-list>` component.\n */\nexport class ListFoundation implements IListFoundation {\n  private _static = false;\n  private _dense = false;\n  private _propagateClick = true;\n  private _indented = false;\n  private _selectedValue: any;\n  private _keydownListener: (evt: KeyboardEvent) => void;\n\n  constructor(private _adapter: IListAdapter) {\n    this._keydownListener = (evt: KeyboardEvent) => this._onKeydown(evt);\n  }\n\n  public initialize(): void {\n    this._adapter.initializeAccessibility();\n    \n    if (!this._static) {\n      this._adapter.addListener('keydown', this._keydownListener);\n    }\n\n    if (this._selectedValue) {\n      this._adapter.setSelectedListItems(this._selectedValue);\n    }\n  }\n\n  private _onKeydown(evt: KeyboardEvent): void {\n    const isArrowDown = evt.key === 'ArrowDown' || evt.keyCode === 40;\n    const isArrowUp = evt.key === 'ArrowUp' || evt.keyCode === 38;\n    const isHome = evt.key === 'Home' || evt.keyCode === 36;\n    const isEnd = evt.key === 'End' || evt.keyCode === 35;\n    const isTab = evt.key === 'Tab' || evt.keyCode === 9;\n\n    // We don't capture modifier keys\n    if (evt.altKey || evt.ctrlKey || evt.shiftKey || evt.metaKey) {\n      return;\n    }\n\n    if (!isTab) {\n      this._preventDefaultEvent(evt);\n    }\n\n    if (isHome) {\n      this._adapter.focusFirstListItem();\n    } else if (isEnd) {\n      this._adapter.focusLastListItem();\n    } else if (isArrowDown) {\n      this._adapter.focusNextListItem();\n    } else if (isArrowUp) {\n      this._adapter.focusPreviousListItem();\n    }\n  }\n\n  /**\n   * Ensures that preventDefault is only called if the containing element doesn't\n   * consume the event, and it will cause an unintended scroll.\n   * @param {Event} evt\n   */\n  private _preventDefaultEvent(evt: Event): void {\n    const tagName = `${(evt.target as HTMLElement).tagName}`.toLowerCase();\n    if (ELEMENTS_KEY_ALLOWED_IN.indexOf(tagName) === -1) {\n      evt.preventDefault();\n    }\n  }\n\n  private _setSelectedValue(value: any): void {\n    let values = value instanceof Array ? value : [value];\n    values = values.filter(v => isDefined(v));\n    this._adapter.setSelectedListItems(values);\n  }\n\n  /** Gets/sets whether the list has all static items or not. */\n  public get static(): boolean {\n    return this._static;\n  }\n  public set static(value: boolean) {\n    if (this._static !== value) {\n      this._static = value;\n\n      if (!this._static) {\n        this._adapter.addListener('keydown', this._keydownListener);\n      } else {\n        this._adapter.removeListener('keydown', this._keydownListener);\n      }\n\n      this._adapter.updateListItems(li => li.static = this._static);\n\n      if (this._static) {\n        this._adapter.setHostAttribute(LIST_CONSTANTS.attributes.STATIC);\n      } else {\n        this._adapter.removeHostAttribute(LIST_CONSTANTS.attributes.STATIC);\n      }\n    }\n  }\n\n  /** Gets/sets whether the list has all dense items or not. */\n  public get dense(): boolean {\n    return this._dense;\n  }\n  public set dense(value: boolean) {\n    if (this._dense !== value) {\n      this._dense = value;\n      this._adapter.updateListItems(li => li.dense = this._dense);\n      if (this._dense) {\n        this._adapter.setHostAttribute(LIST_CONSTANTS.attributes.DENSE);\n      } else {\n        this._adapter.removeHostAttribute(LIST_CONSTANTS.attributes.DENSE);\n      }\n    }\n  }\n\n  public get propagateClick(): boolean {\n    return this._propagateClick;\n  }\n  public set propagateClick(value: boolean) {\n    if (this._propagateClick !== value) {\n      this._propagateClick = value;\n      this._adapter.updateListItems(li => li.propagateClick = this._propagateClick);\n      this._adapter.setHostAttribute(LIST_CONSTANTS.attributes.PROPAGATE_CLICK, '' + !!this._propagateClick);\n    }\n  }\n\n  public get indented(): boolean {\n    return this._indented;\n  }\n  public set indented(value: boolean) {\n    if (this._indented !== value) {\n      this._indented = value;\n      this._adapter.updateListItems(li => li.indented = this._indented);\n      if (this._indented) {\n        this._adapter.setHostAttribute(LIST_CONSTANTS.attributes.INDENTED);\n      } else {\n        this._adapter.removeHostAttribute(LIST_CONSTANTS.attributes.INDENTED);\n      }\n    }\n  }\n\n  public get selectedValue(): any {\n    return this._selectedValue;\n  }\n  public set selectedValue(value: any) {\n    this._selectedValue = value;\n    this._setSelectedValue(value);\n  }\n}\n", "import { attachShadowTemplate, coerceBoolean, CustomElement, FoundationProperty } from '@tylertech/forge-core';\nimport { BaseComponent, IBaseComponent } from '../../core/base/base-component';\nimport { ListItemComponent } from '../list-item';\nimport { ListAdapter } from './list-adapter';\nimport { LIST_CONSTANTS } from './list-constants';\nimport { ListFoundation } from './list-foundation';\n\nconst template = '<template><div class=\\\"forge-list\\\" part=\\\"root\\\"><slot></slot></div></template>';\nconst styles = '.forge-list{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto,sans-serif;font-family:var(--mdc-typography-subtitle1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:1rem;font-size:var(--mdc-typography-subtitle1-font-size, 1rem);line-height:1.75rem;line-height:var(--mdc-typography-subtitle1-line-height, 1.75rem);font-weight:400;font-weight:var(--mdc-typography-subtitle1-font-weight,400);letter-spacing:.009375em;letter-spacing:var(--mdc-typography-subtitle1-letter-spacing, .009375em);text-decoration:inherit;-webkit-text-decoration:var(--mdc-typography-subtitle1-text-decoration,inherit);text-decoration:var(--mdc-typography-subtitle1-text-decoration,inherit);text-transform:inherit;text-transform:var(--mdc-typography-subtitle1-text-transform,inherit);line-height:1.5rem;padding-top:8px;padding-top:var(--forge-list-padding,8px);padding-bottom:8px;padding-bottom:var(--forge-list-padding,8px);margin:0;list-style-type:none}.forge-list:focus{outline:0}:host{display:block;contain:content}:host([hidden]){display:none}';\n\nexport interface IListComponent extends IBaseComponent {\n  static: boolean;\n  dense: boolean;\n  propagateClick: boolean;\n  indented: boolean;\n  selectedValue: any;\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'forge-list': IListComponent;\n  }\n}\n\n/**\n * The custom element class behind the `<forge-list>` element.\n * \n * @tag forge-list\n */\n@CustomElement({\n  name: LIST_CONSTANTS.elementName,\n  dependencies: [ListItemComponent]\n})\nexport class ListComponent extends BaseComponent implements IListComponent {\n  public static get observedAttributes(): string[] {\n    return [\n      LIST_CONSTANTS.attributes.STATIC,\n      LIST_CONSTANTS.attributes.DENSE,\n      LIST_CONSTANTS.attributes.SELECTED_VALUE,\n      LIST_CONSTANTS.attributes.PROPAGATE_CLICK,\n      LIST_CONSTANTS.attributes.INDENTED\n    ];\n  }\n\n  private _foundation: ListFoundation;\n\n  constructor() {\n    super();\n    attachShadowTemplate(this, template, styles);\n    this._foundation = new ListFoundation(new ListAdapter(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 LIST_CONSTANTS.attributes.STATIC:\n        this.static = coerceBoolean(newValue);\n        break;\n      case LIST_CONSTANTS.attributes.DENSE:\n        this.dense = coerceBoolean(newValue);\n        break;\n      case LIST_CONSTANTS.attributes.PROPAGATE_CLICK:\n        this.propagateClick = coerceBoolean(newValue);\n        break;\n      case LIST_CONSTANTS.attributes.INDENTED:\n        this.indented = coerceBoolean(newValue);\n        break;\n      case LIST_CONSTANTS.attributes.SELECTED_VALUE:\n        this.selectedValue = newValue;\n        break;\n    }\n  }\n\n  /** Gets/sets whether the list has all static items or not. */\n  @FoundationProperty()\n  public static: boolean;\n\n  /** Gets/sets whether the list has all dense items or not. */\n  @FoundationProperty()\n  public dense: boolean;\n\n  /** Gets/sets whether the list items allow mousedown events through to their underlying list item elements. Default is true. */\n  @FoundationProperty()\n  public propagateClick: boolean;\n\n  /** Gets/sets whether the list items within this list are indented. Default is false. */\n  @FoundationProperty()\n  public indented: boolean;\n\n  /** Gets/sets the selected list item value(s) */\n  @FoundationProperty()\n  public selectedValue: any;\n}\n", "import { defineCustomElement } from '@tylertech/forge-core';\n\nimport { ListComponent } from './list';\n\nexport * from './list-adapter';\nexport * from './list-constants';\nexport * from './list-foundation';\nexport * from './list';\n\nexport function defineListComponent(): void {\n  defineCustomElement(ListComponent);\n}\n"],
+  "mappings": "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",
   "names": []
 }

package/dist/esm/chunks/{chunk.ANNBOFGK.js → chunk.65GHMPX2.js}

@@ -11,7 +11,7 @@ import {
 import {
   BACKDROP_CONSTANTS,
   BackdropComponent
-} from "./chunk.2NUAEZY7.js";
+} from "./chunk.GXTNND2M.js";
 import {
   COMPONENT_NAME_PREFIX,
   CustomElement
@@ -142,4 +142,4 @@ export {
   ModalDrawerComponent,
   defineModalDrawerComponent
 };
-//# sourceMappingURL=chunk.ANNBOFGK.js.map
+//# sourceMappingURL=chunk.65GHMPX2.js.map

package/dist/esm/chunks/{chunk.ANNBOFGK.js.map → chunk.65GHMPX2.js.map}

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/drawer/modal-drawer/modal-drawer-adapter.ts", "../../src/drawer/modal-drawer/modal-drawer-constants.ts", "../../src/drawer/modal-drawer/modal-drawer-foundation.ts", "../../src/drawer/modal-drawer/modal-drawer.ts", "../../src/drawer/modal-drawer/index.ts"],
-  "sourcesContent": ["import { getShadowElement, toggleClass } from '@tylertech/forge-core';\nimport { BACKDROP_CONSTANTS, IBackdropComponent } from '../../backdrop';\nimport { BaseDrawerAdapter, IBaseDrawerAdapter } from '../base';\nimport { IModalDrawerComponent } from './modal-drawer';\n\nexport interface IModalDrawerAdapter extends IBaseDrawerAdapter {\n  setBackdropCloseListener(listener: (evt: Event) => void): void;\n  setBackdropVisibility(visible: boolean): Promise<void>;\n  toggleBackdropClass(hasClass: boolean, className: string): void;\n}\n\nexport class ModalDrawerAdapter extends BaseDrawerAdapter implements IModalDrawerAdapter {\n  private _backdropElement: IBackdropComponent;\n\n  constructor(protected _component: IModalDrawerComponent) {\n    super(_component);\n    this._backdropElement = getShadowElement(this._component, BACKDROP_CONSTANTS.elementName) as IBackdropComponent;\n  }\n\n  public setBackdropCloseListener(listener: (evt: Event) => void): void {\n    this._backdropElement.addEventListener(BACKDROP_CONSTANTS.events.BACKDROP_CLICK, listener);\n  }\n\n  public setBackdropVisibility(visible: boolean): Promise<void> {\n    if (this._backdropElement.hasAttribute('hidden')) {\n      this._backdropElement.removeAttribute('hidden');\n    }\n    if (!this._backdropElement.fadeIn || !this._backdropElement.fadeOut) {\n      return Promise.resolve();\n    }\n    return visible ? this._backdropElement.fadeIn() : this._backdropElement.fadeOut();\n  }\n\n  public toggleBackdropClass(hasClass: boolean, className: string): void {\n    toggleClass(this._backdropElement, hasClass, className);\n  }\n}\n", "import { COMPONENT_NAME_PREFIX } from '../../constants';\n\nconst elementName: keyof HTMLElementTagNameMap = `${COMPONENT_NAME_PREFIX}modal-drawer`;\n\nconst classes = {\n  DISPLAY_NONE: 'forge-drawer--display-none',\n  SCRIM_CLOSED: 'forge-drawer__scrim--closed'\n};\n\nconst events = {\n  CLOSE: `${elementName}-close`\n};\n\nexport const MODAL_DRAWER_CONSTANTS = {\n  elementName,\n  classes,\n  events\n};\n", "import { Platform } from '@tylertech/forge-core';\nimport { BaseDrawerFoundation, IBaseDrawerFoundation } from '../base';\n\nimport { IModalDrawerAdapter } from './modal-drawer-adapter';\nimport { MODAL_DRAWER_CONSTANTS } from './modal-drawer-constants';\n\nexport interface IModalDrawerFoundation extends IBaseDrawerFoundation {}\n\nexport class ModalDrawerFoundation extends BaseDrawerFoundation implements IModalDrawerFoundation {\n  protected _open = false;\n  private _backdropClickListener: (evt: Event) => void;\n  private _isInitialized = false;\n\n  constructor(protected _adapter: IModalDrawerAdapter) {\n    super(_adapter);\n    this._backdropClickListener = evt => this._onBackdropClick(evt);\n  }\n\n  public connect(): void {\n    super.connect();\n    this._adapter.setBackdropCloseListener(this._backdropClickListener);\n    this._setBackdrop(this._open);\n    this._isInitialized = true;\n  }\n\n  public disconnect(): void {\n    this._isInitialized = false;\n  }\n\n  protected _setDrawerOpenState(): void {\n    super._setDrawerOpenState();\n    this._setBackdrop(true);\n  }\n\n  protected _setDrawerClosedState(): void {\n    super._setDrawerClosedState();\n    this._setBackdrop(false);\n  }\n\n  private _onBackdropClick(evt: Event): void {\n    const canClose = this._adapter.emitHostEvent(MODAL_DRAWER_CONSTANTS.events.CLOSE, undefined, true, true);\n    if (canClose) {\n      this.open = false;\n    }\n  }\n\n  private _setBackdrop(open: boolean): void {\n    if (open) {\n      this._adapter.toggleBackdropClass(false, MODAL_DRAWER_CONSTANTS.classes.SCRIM_CLOSED);\n      this._adapter.setBackdropVisibility(true);\n    } else if (this._isInitialized) {\n      this._adapter.setBackdropVisibility(false).then(() => {\n        if (!this._open) {\n          this._adapter.toggleBackdropClass(true, MODAL_DRAWER_CONSTANTS.classes.SCRIM_CLOSED);\n        }\n      });\n    }\n  }\n}\n", "import { attachShadowTemplate, CustomElement } from '@tylertech/forge-core';\nimport { BackdropComponent } from '../../backdrop';\nimport { BaseDrawerComponent, IBaseDrawerComponent } from '../base';\nimport { ModalDrawerAdapter } from './modal-drawer-adapter';\nimport { MODAL_DRAWER_CONSTANTS } from './modal-drawer-constants';\nimport { ModalDrawerFoundation } from './modal-drawer-foundation';\n\nconst template = '<template><forge-backdrop class=\\\"forge-drawer__scrim\\\" hidden part=\\\"scrim\\\"></forge-backdrop><div class=\\\"forge-drawer forge-drawer--modal\\\" part=\\\"root\\\"><slot name=\\\"header\\\"></slot><div class=\\\"forge-drawer__content\\\" part=\\\"content\\\"><slot></slot></div><slot name=\\\"footer\\\"></slot></div></template>';\nconst styles = '.forge-drawer{width:256px;width:var(--forge-drawer-width,256px);border-color:#e0e0e0;border-color:var(--forge-theme-border-color,#e0e0e0);background-color:#fff;background-color:var(--mdc-theme-surface,#fff);height:100%;-webkit-box-sizing:border-box;box-sizing:border-box;display:grid;grid-template-columns:1fr;grid-template-rows:auto 1fr auto;overflow:hidden;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform;-webkit-transition-duration:250ms;transition-duration:250ms;-webkit-transition-timing-function:cubic-bezier(0.4,0,0.2,1);transition-timing-function:cubic-bezier(0.4,0,0.2,1)}.forge-drawer ::slotted([slot=header]){grid-row:1}.forge-drawer ::slotted([slot=footer]){grid-row:3}.forge-drawer__content{overflow-x:auto;-webkit-overflow-scrolling:\\\"touch\\\";display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;grid-row:2}.forge-drawer__content::-webkit-scrollbar{width:16px;width:var(--forge-scrollbar-width,16px);height:16px;height:var(--forge-scrollbar-height,16px)}.forge-drawer__content::-webkit-scrollbar-corner{background-color:#f0f0f0;background-color:var(--forge-theme-scrollbar-track,#f0f0f0)}.forge-drawer__content::-webkit-scrollbar-track{background-color:#f0f0f0;background-color:var(--forge-theme-scrollbar-track,#f0f0f0)}.forge-drawer__content::-webkit-scrollbar-track:hover{background-color:#ececec;background-color:var(--forge-theme-scrollbar-track-hover,#ececec)}.forge-drawer__content::-webkit-scrollbar-thumb{background-color:#bdbdbd;background-color:var(--forge-theme-scrollbar-thumb,#bdbdbd);height:32px;height:var(--forge-scrollbar-min-height,32px);width:32px;width:var(--forge-scrollbar-min-width,32px);border-radius:10px;border-radius:var(--forge-scrollbar-border-radius,10px);border-width:3px;border-width:var(--forge-scrollbar-border-width,3px);border-style:solid;border-color:transparent;background-clip:content-box}.forge-drawer__content::-webkit-scrollbar-thumb:hover{background-color:#9e9e9e;background-color:var(--forge-theme-scrollbar-thumb-hover,#9e9e9e)}.forge-drawer--left{border-right-width:1px;border-right-style:solid}.forge-drawer--right{border-left-width:1px;border-left-style:solid}.forge-drawer--right.forge-drawer--closing{-webkit-transform:translateX(100%);transform:translateX(100%);right:0;left:auto;z-index:1;z-index:var(--forge-z-index-surface,1);position:absolute;top:0;right:0;-webkit-transition-duration:.2s;transition-duration:.2s}.forge-drawer--right.forge-drawer--closed{-webkit-transform:translateX(100%);transform:translateX(100%);right:0;left:auto;width:0;border:none}.forge-drawer--closing{-webkit-transform:translateX(-100%);transform:translateX(-100%);left:0;z-index:1;z-index:var(--forge-z-index-surface,1);position:absolute;top:0;right:0;-webkit-transition-duration:.2s;transition-duration:.2s}.forge-drawer--closed{-webkit-transform:translateX(-100%);transform:translateX(-100%);left:0;width:0;border:none}.forge-drawer--no-transition{-webkit-transition:none!important;transition:none!important}.forge-drawer--modal{box-shadow:0 11px 15px -7px rgba(0,0,0,.2),0 24px 38px 3px rgba(0,0,0,.14),0 9px 46px 8px rgba(0,0,0,.12);z-index:8;z-index:var(--forge-z-index-dialog,8);position:absolute;top:0;max-width:80%}.forge-drawer--modal+.mdc-drawer-scrim{background-color:rgba(0,0,0,.32)}.forge-drawer--modal.forge-drawer--closed,.forge-drawer--modal.forge-drawer--closing{-webkit-box-shadow:none;box-shadow:none}.forge-drawer--modal.forge-drawer--closing.forge-drawer--right{-webkit-transform:translateX(100%);transform:translateX(100%)}.forge-drawer__scrim{z-index:8;z-index:var(--forge-z-index-dialog,8)}.forge-drawer__scrim--closed{display:none}.forge-drawer.forge-drawer--right{right:0}.forge-drawer--display-none{display:none!important}';\n\nexport interface IModalDrawerComponent extends IBaseDrawerComponent {}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'forge-modal-drawer': IModalDrawerComponent;\n  }\n\n  interface HTMLElementEventMap {\n    'forge-modal-drawer-close': CustomEvent<void>;\n  }\n}\n\n@CustomElement({\n  name: MODAL_DRAWER_CONSTANTS.elementName,\n  dependencies: [BackdropComponent]\n})\nexport class ModalDrawerComponent extends BaseDrawerComponent<ModalDrawerFoundation> implements IModalDrawerComponent {\n  protected _foundation: ModalDrawerFoundation;\n\n  constructor() {\n    super();\n    attachShadowTemplate(this, template, styles);\n    this._foundation = new ModalDrawerFoundation(new ModalDrawerAdapter(this));\n  }\n}\n", "import { defineCustomElement } from '@tylertech/forge-core';\nimport { ModalDrawerComponent } from './modal-drawer';\n\nexport * from './modal-drawer-adapter';\nexport * from './modal-drawer-constants';\nexport * from './modal-drawer-foundation';\nexport * from './modal-drawer';\n\nexport function defineModalDrawerComponent(): void {\n  defineCustomElement(ModalDrawerComponent);\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["import { getShadowElement, toggleClass } from '@tylertech/forge-core';\nimport { BACKDROP_CONSTANTS, IBackdropComponent } from '../../backdrop';\nimport { BaseDrawerAdapter, IBaseDrawerAdapter } from '../base';\nimport { IModalDrawerComponent } from './modal-drawer';\n\nexport interface IModalDrawerAdapter extends IBaseDrawerAdapter {\n  setBackdropCloseListener(listener: (evt: Event) => void): void;\n  setBackdropVisibility(visible: boolean): Promise<void>;\n  toggleBackdropClass(hasClass: boolean, className: string): void;\n}\n\nexport class ModalDrawerAdapter extends BaseDrawerAdapter implements IModalDrawerAdapter {\n  private _backdropElement: IBackdropComponent;\n\n  constructor(protected _component: IModalDrawerComponent) {\n    super(_component);\n    this._backdropElement = getShadowElement(this._component, BACKDROP_CONSTANTS.elementName) as IBackdropComponent;\n  }\n\n  public setBackdropCloseListener(listener: (evt: Event) => void): void {\n    this._backdropElement.addEventListener(BACKDROP_CONSTANTS.events.BACKDROP_CLICK, listener);\n  }\n\n  public setBackdropVisibility(visible: boolean): Promise<void> {\n    if (this._backdropElement.hasAttribute('hidden')) {\n      this._backdropElement.removeAttribute('hidden');\n    }\n    if (!this._backdropElement.fadeIn || !this._backdropElement.fadeOut) {\n      return Promise.resolve();\n    }\n    return visible ? this._backdropElement.fadeIn() : this._backdropElement.fadeOut();\n  }\n\n  public toggleBackdropClass(hasClass: boolean, className: string): void {\n    toggleClass(this._backdropElement, hasClass, className);\n  }\n}\n", "import { COMPONENT_NAME_PREFIX } from '../../constants';\n\nconst elementName: keyof HTMLElementTagNameMap = `${COMPONENT_NAME_PREFIX}modal-drawer`;\n\nconst classes = {\n  DISPLAY_NONE: 'forge-drawer--display-none',\n  SCRIM_CLOSED: 'forge-drawer__scrim--closed'\n};\n\nconst events = {\n  CLOSE: `${elementName}-close`\n};\n\nexport const MODAL_DRAWER_CONSTANTS = {\n  elementName,\n  classes,\n  events\n};\n", "import { Platform } from '@tylertech/forge-core';\nimport { BaseDrawerFoundation, IBaseDrawerFoundation } from '../base';\n\nimport { IModalDrawerAdapter } from './modal-drawer-adapter';\nimport { MODAL_DRAWER_CONSTANTS } from './modal-drawer-constants';\n\nexport interface IModalDrawerFoundation extends IBaseDrawerFoundation {}\n\nexport class ModalDrawerFoundation extends BaseDrawerFoundation implements IModalDrawerFoundation {\n  protected _open = false;\n  private _backdropClickListener: (evt: Event) => void;\n  private _isInitialized = false;\n\n  constructor(protected _adapter: IModalDrawerAdapter) {\n    super(_adapter);\n    this._backdropClickListener = evt => this._onBackdropClick(evt);\n  }\n\n  public connect(): void {\n    super.connect();\n    this._adapter.setBackdropCloseListener(this._backdropClickListener);\n    this._setBackdrop(this._open);\n    this._isInitialized = true;\n  }\n\n  public disconnect(): void {\n    this._isInitialized = false;\n  }\n\n  protected _setDrawerOpenState(): void {\n    super._setDrawerOpenState();\n    this._setBackdrop(true);\n  }\n\n  protected _setDrawerClosedState(): void {\n    super._setDrawerClosedState();\n    this._setBackdrop(false);\n  }\n\n  private _onBackdropClick(evt: Event): void {\n    const canClose = this._adapter.emitHostEvent(MODAL_DRAWER_CONSTANTS.events.CLOSE, undefined, true, true);\n    if (canClose) {\n      this.open = false;\n    }\n  }\n\n  private _setBackdrop(open: boolean): void {\n    if (open) {\n      this._adapter.toggleBackdropClass(false, MODAL_DRAWER_CONSTANTS.classes.SCRIM_CLOSED);\n      this._adapter.setBackdropVisibility(true);\n    } else if (this._isInitialized) {\n      this._adapter.setBackdropVisibility(false).then(() => {\n        if (!this._open) {\n          this._adapter.toggleBackdropClass(true, MODAL_DRAWER_CONSTANTS.classes.SCRIM_CLOSED);\n        }\n      });\n    }\n  }\n}\n", "import { attachShadowTemplate, CustomElement } from '@tylertech/forge-core';\nimport { BackdropComponent } from '../../backdrop';\nimport { BaseDrawerComponent, IBaseDrawerComponent } from '../base';\nimport { ModalDrawerAdapter } from './modal-drawer-adapter';\nimport { MODAL_DRAWER_CONSTANTS } from './modal-drawer-constants';\nimport { ModalDrawerFoundation } from './modal-drawer-foundation';\n\nconst template = '<template><forge-backdrop class=\\\"forge-drawer__scrim\\\" hidden part=\\\"scrim\\\"></forge-backdrop><div class=\\\"forge-drawer forge-drawer--modal\\\" part=\\\"root\\\"><slot name=\\\"header\\\"></slot><div class=\\\"forge-drawer__content\\\" part=\\\"content\\\"><slot></slot></div><slot name=\\\"footer\\\"></slot></div></template>';\nconst styles = '.forge-drawer{width:256px;width:var(--forge-drawer-width,256px);border-color:#e0e0e0;border-color:var(--forge-theme-border-color,#e0e0e0);background-color:#fff;background-color:var(--mdc-theme-surface,#fff);height:100%;-webkit-box-sizing:border-box;box-sizing:border-box;display:grid;grid-template-columns:1fr;grid-template-rows:auto 1fr auto;overflow:hidden;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform;-webkit-transition-duration:250ms;transition-duration:250ms;-webkit-transition-timing-function:cubic-bezier(0.4,0,0.2,1);transition-timing-function:cubic-bezier(0.4,0,0.2,1)}.forge-drawer ::slotted([slot=header]){grid-row:1}.forge-drawer ::slotted([slot=footer]){grid-row:3}.forge-drawer__content{overflow-x:auto;-webkit-overflow-scrolling:\\\"touch\\\";display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;grid-row:2}.forge-drawer__content::-webkit-scrollbar{width:16px;width:var(--forge-scrollbar-width,16px);height:16px;height:var(--forge-scrollbar-height,16px)}.forge-drawer__content::-webkit-scrollbar-corner{background-color:#f0f0f0;background-color:var(--forge-theme-scrollbar-track,#f0f0f0)}.forge-drawer__content::-webkit-scrollbar-track{background-color:#f0f0f0;background-color:var(--forge-theme-scrollbar-track,#f0f0f0)}.forge-drawer__content::-webkit-scrollbar-track:hover{background-color:#ececec;background-color:var(--forge-theme-scrollbar-track-hover,#ececec)}.forge-drawer__content::-webkit-scrollbar-thumb{background-color:#bdbdbd;background-color:var(--forge-theme-scrollbar-thumb,#bdbdbd);height:32px;height:var(--forge-scrollbar-min-height,32px);width:32px;width:var(--forge-scrollbar-min-width,32px);border-radius:10px;border-radius:var(--forge-scrollbar-border-radius,10px);border-width:3px;border-width:var(--forge-scrollbar-border-width,3px);border-style:solid;border-color:transparent;background-clip:content-box}.forge-drawer__content::-webkit-scrollbar-thumb:hover{background-color:#9e9e9e;background-color:var(--forge-theme-scrollbar-thumb-hover,#9e9e9e)}.forge-drawer--left{border-right-width:1px;border-right-style:solid}.forge-drawer--right{border-left-width:1px;border-left-style:solid}.forge-drawer--right.forge-drawer--closing{-webkit-transform:translateX(100%);transform:translateX(100%);right:0;left:auto;z-index:1;z-index:var(--forge-z-index-surface,1);position:absolute;top:0;right:0;-webkit-transition-duration:.2s;transition-duration:.2s}.forge-drawer--right.forge-drawer--closed{-webkit-transform:translateX(100%);transform:translateX(100%);right:0;left:auto;width:0;border:none}.forge-drawer--closing{-webkit-transform:translateX(-100%);transform:translateX(-100%);left:0;z-index:1;z-index:var(--forge-z-index-surface,1);position:absolute;top:0;right:0;-webkit-transition-duration:.2s;transition-duration:.2s}.forge-drawer--closed{-webkit-transform:translateX(-100%);transform:translateX(-100%);left:0;width:0;border:none}.forge-drawer--no-transition{-webkit-transition:none!important;transition:none!important}.forge-drawer--modal{box-shadow:0 11px 15px -7px rgba(0,0,0,.2),0 24px 38px 3px rgba(0,0,0,.14),0 9px 46px 8px rgba(0,0,0,.12);z-index:8;z-index:var(--forge-z-index-dialog,8);position:absolute;top:0;max-width:80%}.forge-drawer--modal+.mdc-drawer-scrim{background-color:rgba(0,0,0,.32)}.forge-drawer--modal.forge-drawer--closed,.forge-drawer--modal.forge-drawer--closing{-webkit-box-shadow:none;box-shadow:none}.forge-drawer--modal.forge-drawer--closing.forge-drawer--right{-webkit-transform:translateX(100%);transform:translateX(100%)}.forge-drawer__scrim{z-index:8;z-index:var(--forge-z-index-dialog,8)}.forge-drawer__scrim--closed{display:none}.forge-drawer.forge-drawer--right{right:0}.forge-drawer--display-none{display:none!important}';\n\nexport interface IModalDrawerComponent extends IBaseDrawerComponent {}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'forge-modal-drawer': IModalDrawerComponent;\n  }\n\n  interface HTMLElementEventMap {\n    'forge-modal-drawer-close': CustomEvent<void>;\n  }\n}\n\n/**\n * The web component class behind the `<forge-modal-drawer>` custom element.\n * \n * @tag forge-modal-drawer\n */\n@CustomElement({\n  name: MODAL_DRAWER_CONSTANTS.elementName,\n  dependencies: [BackdropComponent]\n})\nexport class ModalDrawerComponent extends BaseDrawerComponent<ModalDrawerFoundation> implements IModalDrawerComponent {\n  protected _foundation: ModalDrawerFoundation;\n\n  constructor() {\n    super();\n    attachShadowTemplate(this, template, styles);\n    this._foundation = new ModalDrawerFoundation(new ModalDrawerAdapter(this));\n  }\n}\n", "import { defineCustomElement } from '@tylertech/forge-core';\nimport { ModalDrawerComponent } from './modal-drawer';\n\nexport * from './modal-drawer-adapter';\nexport * from './modal-drawer-constants';\nexport * from './modal-drawer-foundation';\nexport * from './modal-drawer';\n\nexport function defineModalDrawerComponent(): void {\n  defineCustomElement(ModalDrawerComponent);\n}\n"],
+  "mappings": "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",
   "names": []
 }

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

@@ -6,7 +6,7 @@
 import {
   ForgeRipple,
   ForgeRippleFoundation
-} from "./chunk.C2MR3RDF.js";
+} from "./chunk.56BNM7F2.js";
 import {
   tylIconBlock,
   tylIconCheck,
@@ -16,7 +16,7 @@ import {
 import {
   IconComponent,
   IconRegistry
-} from "./chunk.3MO6XU44.js";
+} from "./chunk.WSH4S3GM.js";
 import {
   BaseAdapter
 } from "./chunk.KZATVOA6.js";
@@ -651,4 +651,4 @@ export {
   StepComponent,
   defineStepComponent
 };
-//# sourceMappingURL=chunk.LCVWXB3K.js.map
+//# sourceMappingURL=chunk.67B6JDOJ.js.map

package/dist/esm/chunks/{chunk.LCVWXB3K.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": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEA,IAAM,cAA2C,GAAG;AAEpD,IAAM,UAAU;AAAA,EACd,MAAM;AAAA,EACN,gBAAgB;AAAA,EAChB,OAAO;AAAA,EACP,UAAU;AAAA,EACV,WAAW;AAAA,EACX,UAAU;AAAA,EACV,aAAa;AAAA,EACb,cAAc;AAAA,EACd,MAAM;AAAA,EACN,iBAAiB;AAAA,EACjB,OAAO;AAAA,EACP,gBAAgB;AAAA,EAChB,OAAO;AAAA,EACP,WAAW;AAAA,EACX,UAAU;AAAA,EACV,UAAU;AAAA,EACV,UAAU;AAAA,EACV,YAAY;AAAA,EACZ,iBAAiB;AAAA,EACjB,gBAAgB;AAAA,EAChB,yBAAyB;AAAA,EACzB,mBAAmB;AACrB;AAEA,IAAM,aAAa;AAAA,EACjB,UAAU;AAAA,EACV,OAAO;AAAA,EACP,UAAU;AAAA,EACV,WAAW;AAAA,EACX,OAAO;AAAA,EACP,aAAa;AAAA,EACb,OAAO;AAAA,EACP,MAAM;AAAA,EACN,eAAe;AAAA,EACf,WAAW;AAAA,EACX,UAAU;AAAA,EACV,UAAU;AAAA,EACV,UAAU;AAAA,EACV,YAAY;AAAA,EACZ,uBAAuB;AACzB;AAEA,IAAM,YAAY;AAAA,EAChB,MAAM,IAAI,QAAQ;AAAA,EAClB,gBAAgB,IAAI,QAAQ;AAAA,EAC5B,OAAO,IAAI,QAAQ;AAAA,EACnB,MAAM,IAAI,QAAQ;AAAA,EAClB,cAAc,IAAI,QAAQ;AAAA,EAC1B,gBAAgB;AAAA,EAChB,iBAAiB,IAAI,QAAQ;AAAA,EAC7B,gBAAgB,IAAI,QAAQ;AAC9B;AAEA,IAAM,UAAU;AAAA,EACd,gBAAgB;AAAA,EAChB,iBAAiB;AAAA,EACjB,cAAc;AAAA,EACd,gBAAgB;AAAA,EAChB,SAAS;AAAA,EACT,WAAW;AAAA,EACX,UAAU;AAAA,EACV,WAAW;AAAA,EACX,6BAA6B;AAC/B;AAEA,IAAM,SAAS;AAAA,EACb,QAAQ,GAAG;AAAA,EACX,0BAA0B,GAAG;AAAA,EAC7B,2BAA2B,GAAG;AAChC;AAEO,IAAM,iBAAiB;AAAA,EAC5B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;;;AC/CO,IAAM,cAAN,cAA0B,YAA+E;AAAA,EAO9G,YAAY,YAA4B;AACtC,UAAM,UAAU;AASlB,SAAO,YAAY;AARjB,SAAK,iBAAiB,iBAAiB,YAAY,eAAe,UAAU,IAAI;AAChF,SAAK,aAAa,iBAAiB,YAAY,eAAe,UAAU,cAAc;AAAA,EACxF;AAAA,EAGA,IAAW,OAAoB;AAC7B,WAAO,KAAK;AAAA,EACd;AAAA,EAEA,IAAW,WAAoB;AAC7B,WAAO,KAAK,eAAe;AAAA,EAC7B;AAAA,EAEA,IAAW,YAA4B;AACrC,WAAO,KAAK;AAAA,EACd;AAAA,EAEA,AAAO,gBAAgB,OAAqB;AAC1C,SAAK,eAAe,WAAW;AAAA,EACjC;AAAA,EAEA,AAAO,aAAmB;AACxB,SAAK,WAAW,aAAa,QAAQ,KAAK;AAAA,EAC5C;AAAA,EAEA,AAAO,eAAqB;AAC1B,SAAK,kBAAkB,KAAK,iBAAiB;AAAA,EAC/C;AAAA,EAEA,AAAO,gBAAsB;AAC3B,QAAI,KAAK,iBAAiB;AACxB,WAAK,gBAAgB,QAAQ;AAAA,IAC/B;AAAA,EACF;AAAA,EAEA,AAAO,mBAAgC;AACrC,WAAO,KAAK,cAAc;AAAA,EAC5B;AAAA,EAEA,AAAO,SAAS,OAAqB;AACnC,IAAC,KAAK,eAAe,cAAc,eAAe,UAAU,KAAK,EAAkB,YAAa,SAAQ,KAAK,IAAI,SAAS;AAAA,EAC5H;AAAA,EAEA,AAAO,gBAAgB,WAAmB,IAAmB;AAC3D,gBAAY,KAAK,gBAAgB,IAAI,SAAS;AAAA,EAChD;AAAA,EAEA,AAAO,iBAAiB,WAAmB,OAAqB;AAC9D,SAAK,eAAe,aAAa,WAAW,KAAK;AAAA,EACnD;AAAA,EAEA,AAAO,cAAoB;AACzB,SAAK,eAAe,MAAM;AAAA,EAC5B;AAAA,EAEA,AAAO,eAAe,UAAyB;AAC7C,gBAAY,KAAK,gBAAgB,UAAU,eAAe,QAAQ,QAAQ;AAC1E,oBAAgB,KAAK,gBAAgB,UAAU,eAAe;AAC9D,SAAK,eAAe,WAAW;AAAA,EACjC;AAAA,EAEA,AAAO,WAAW,MAAiB,MAAqB;AACtD,UAAM,QAAQ,KAAK,eAAe,cAAc,eAAe,UAAU,KAAK;AAC9E,UAAM,OAAO,KAAK,eAAe,cAAc,eAAe,UAAU,IAAI;AAC5E,QAAI,CAAC,MAAM;AACT,YAAM,MAAM,UAAU;AACtB,WAAK,MAAM,UAAU;AACrB;AAAA,IACF;AAEA,UAAM,MAAM,UAAU;AACtB,SAAK,MAAM,UAAU;AACrB,SAAK,OAAO;AAAA,EACd;AAAA,EAEA,AAAO,iBAA0B;AAC/B,WAAO,KAAK,eAAe,iBAAiB,EAAE,SAAS,KAAK,CAAC,EAAE,SAAS;AAAA,EAC1E;AAAA,EAEA,AAAO,iBAAiB,UAA2C;AACjE,SAAK,eAAe,iBAAiB,SAAS,QAAQ;AAAA,EACxD;AAAA,EAEA,AAAO,oBAAoB,UAA2C;AACpE,SAAK,eAAe,oBAAoB,SAAS,QAAQ;AAAA,EAC3D;AAAA,EAEA,AAAO,gBAAgB,UAA2C;AAChE,SAAK,eAAe,iBAAiB,cAAc,QAAQ;AAAA,EAC7D;AAAA,EAEA,AAAO,mBAAmB,UAA2C;AACnE,QAAI,KAAK,gBAAgB;AACvB,WAAK,eAAe,oBAAoB,cAAc,QAAQ;AAAA,IAChE;AAAA,EACF;AAAA,EAEA,AAAO,YAAY,UAAyB;AAC1C,QAAI,KAAK,iBAAiB;AACxB,WAAK,gBAAgB,OAAO;AAC5B,sBAAgB,KAAK,iBAAiB,CAAC,UAAU,YAAY,IAAI;AAAA,IACnE;AAEA,gBAAY,KAAK,gBAAgB,UAAU,eAAe,QAAQ,QAAQ;AAAA,EAC5E;AAAA,EAEA,AAAO,4BAA4B,SAAwB;AACzD,SAAK,gBAAgB,gBAAgB;AAAA,EACvC;AAAA,EAEA,AAAO,oBAA0B;AAC/B,UAAM,QAAQ,KAAK,WAAW,cAAc,eAAe,UAAU,eAAe;AAEpF,QAAI,OAAO;AACT;AAAA,IACF;AAEA,SAAK,kBAAkB,KAAK,WAAW,YAAY,KAAK,sBAAsB,CAAC;AAC/E,SAAK,iBAAiB,KAAK,gBAAgB,cAAc,eAAe,UAAU,cAAc;AAAA,EAClG;AAAA,EAEA,AAAO,uBAA6B;AAClC,UAAM,QAAQ,KAAK,WAAW,cAAc,eAAe,UAAU,eAAe;AAEpF,QAAI,OAAO;AACT,WAAK,WAAW,YAAY,KAAK;AAAA,IACnC;AAAA,EACF;AAAA,EAEA,AAAO,mBAAyB;AAC9B,UAAM,OAAO,KAAK,eAAe,cAAc,eAAe,UAAU,cAAc;AAEtF,QAAI,MAAM;AACR;AAAA,IACF;AAEA,SAAK,eAAe,YAAY,KAAK,qBAAqB,CAAC;AAAA,EAC7D;AAAA,EAEA,AAAO,sBAA4B;AACjC,UAAM,OAAO,KAAK,eAAe,cAAc,eAAe,UAAU,cAAc;AAEtF,QAAI,MAAM;AACR,WAAK,eAAe,YAAY,IAAI;AAAA,IACtC;AAAA,EACF;AAAA,EAEA,AAAO,0BAA0B,OAAe,UAA+B;AAC7E,SAAK,gBAAgB,iBAAiB,OAAO,QAAQ;AAAA,EACvD;AAAA,EAEA,AAAO,6BAA6B,OAAe,UAA+B;AAChF,QAAI,KAAK,iBAAiB;AACxB,WAAK,gBAAgB,oBAAoB,OAAO,QAAQ;AAAA,IAC1D;AAAA,EACF;AAAA,EAEA,AAAO,yBAAyB,cAAqC;AACnE,WAAO,KAAK,eAAe,iBAAiB,EAAE,KAAK,aAAW,QAAQ,SAAS,gBAAgB,SAAS,aAAa,CAAC;AAAA,EACxH;AAAA,EAEA,AAAQ,gBAA6B;AACnC,UAAM,UAA8B,iCAC/B,YAAY,cAAc,IAAI,IADC;AAAA,MAElC,mBAAmB,MAAM,KAAK,eAAe;AAAA,IAC/C;AACA,UAAM,SAAS,IAAI,YAAY,KAAK,gBAAgB,IAAI,sBAAsB,OAAO,CAAC;AACtF,WAAO;AAAA,EACT;AAAA,EAEA,AAAQ,wBAAkD;AACxD,UAAM,QAAQ,SAAS,cAAc,uBAAuB;AAC5D,UAAM,gBAAgB;AACtB,UAAM,aAAa,QAAQ,iBAAiB;AAC5C,aAAS,eAAe,QAAQ,iBAAiB,KAAK;AAEtD,UAAM,OAAO,SAAS,cAAc,MAAM;AAE1C,SAAK,aAAa,QAAQ,mBAAmB;AAC7C,aAAS,eAAe,QAAQ,mBAAmB,IAAI;AACvD,UAAM,YAAY,IAAI;AAEtB,WAAO;AAAA,EACT;AAAA,EAEA,AAAQ,uBAAuC;AAC7C,UAAM,OAAO,SAAS,cAAc,YAAY;AAChD,aAAS,eAAe,QAAQ,gBAAgB,IAAI;AACpD,SAAK,OAAO;AACZ,SAAK,aAAa,QAAQ,eAAe;AACzC,WAAO;AAAA,EACT;AACF;;;AC7NO,IAAM,iBAAN,MAAgD;AAAA,EAmBrD,YAAoB,UAAwB;AAAxB;AAClB,SAAK,iBAAiB,MAAM,KAAK,iBAAiB;AAClD,SAAK,sCAAsC,SAAO,KAAK,8BAA8B,GAAG;AACxF,SAAK,mCAAmC,SAAO,KAAK,2BAA2B,GAAiB;AAChG,SAAK,oCAAoC,SAAO,KAAK,4BAA4B,GAAiB;AAAA,EACpG;AAAA,EAEA,AAAO,aAAmB;AACxB,SAAK,SAAS,WAAW;AACzB,SAAK,SAAS,aAAa;AAC3B,SAAK,eAAe;AACpB,SAAK,YAAY;AACjB,QAAI,KAAK,WAAW;AAClB,WAAK,SAAS,kBAAkB;AAChC,WAAK,SAAS,iBAAiB;AAC/B,WAAK,SAAS,iBAAiB,KAAK,cAAc;AAClD,WAAK,SAAS,gBAAgB,KAAK,mCAAmC;AACtE,WAAK,SAAS,0BAA0B,WAAW,KAAK,gCAAgC;AACxF,WAAK,SAAS,0BAA0B,YAAY,KAAK,iCAAiC;AAAA,IAC5F;AACA,SAAK,eAAe;AAAA,EACtB;AAAA,EAEA,AAAO,aAAmB;AACxB,SAAK,SAAS,cAAc;AAC5B,SAAK,SAAS,oBAAoB,KAAK,cAAc;AACrD,SAAK,SAAS,mBAAmB,KAAK,mCAAmC;AACzE,SAAK,SAAS,6BAA6B,WAAW,KAAK,0BAA0B;AACrF,SAAK,SAAS,6BAA6B,YAAY,KAAK,2BAA2B;AAAA,EACzF;AAAA,EAEA,IAAW,QAAgB;AACzB,WAAO,KAAK;AAAA,EACd;AAAA,EACA,IAAW,MAAM,OAAe;AAC9B,QAAI,KAAK,WAAW,OAAO;AACzB,WAAK,SAAS;AACd,WAAK,YAAY;AACjB,WAAK,SAAS,iBAAiB,eAAe,WAAW,OAAO,MAAM,SAAS,CAAC;AAAA,IAClF;AAAA,EACF;AAAA,EAEA,IAAW,WAAoB;AAC7B,WAAO,KAAK;AAAA,EACd;AAAA,EACA,IAAW,SAAS,OAAgB;AAClC,QAAI,KAAK,cAAc,OAAO;AAC5B,WAAK,YAAY;AACjB,WAAK,SAAS,oBAAoB,eAAe,WAAW,UAAU,KAAK;AAC3E,WAAK,eAAe;AAAA,IACtB;AAAA,EACF;AAAA,EAEA,IAAW,YAAqB;AAC9B,WAAO,KAAK;AAAA,EACd;AAAA,EACA,IAAW,UAAU,OAAgB;AACnC,QAAI,KAAK,eAAe,OAAO;AAC7B,WAAK,aAAa;AAClB,WAAK,SAAS,oBAAoB,eAAe,WAAW,WAAW,KAAK;AAC5E,WAAK,gBAAgB;AAAA,IACvB;AAAA,EACF;AAAA,EAEA,IAAW,QAAiB;AAC1B,WAAO,KAAK;AAAA,EACd;AAAA,EACA,IAAW,MAAM,OAAgB;AAC/B,QAAI,KAAK,WAAW,OAAO;AACzB,WAAK,SAAS;AACd,WAAK,SAAS,oBAAoB,eAAe,WAAW,OAAO,KAAK;AACxE,WAAK,YAAY;AAAA,IACnB;AAAA,EACF;AAAA,EAEA,IAAW,WAAoB;AAC7B,WAAO,KAAK;AAAA,EACd;AAAA,EACA,IAAW,SAAS,OAAgB;AAClC,QAAI,KAAK,cAAc,OAAO;AAC5B,WAAK,YAAY;AACjB,WAAK,SAAS,oBAAoB,eAAe,WAAW,UAAU,KAAK;AAC3E,WAAK,eAAe;AAAA,IACtB;AAAA,EACF;AAAA,EAEA,IAAW,cAAuB;AAChC,WAAO,KAAK;AAAA,EACd;AAAA,EACA,IAAW,YAAY,OAAgB;AACrC,QAAI,KAAK,iBAAiB,OAAO;AAC/B,WAAK,eAAe;AACpB,WAAK,SAAS,oBAAoB,eAAe,WAAW,aAAa,KAAK;AAC9E,WAAK,kBAAkB;AAAA,IACzB;AAAA,EACF;AAAA,EAEA,IAAW,WAAoB;AAC7B,WAAO,KAAK;AAAA,EACd;AAAA,EACA,IAAW,SAAS,OAAgB;AAClC,SAAK,YAAY;AACjB,SAAK,eAAe;AAAA,EACtB;AAAA,EAEA,IAAW,WAAoB;AAC7B,WAAO,KAAK;AAAA,EACd;AAAA,EACA,IAAW,SAAS,OAAgB;AAClC,QAAI,UAAU,KAAK,WAAW;AAC5B,WAAK,YAAY;AACjB,WAAK,eAAe;AAEpB,UAAI,KAAK,cAAc;AACrB,YAAI,KAAK,WAAW;AAClB,eAAK,SAAS,kBAAkB;AAChC,eAAK,SAAS,iBAAiB;AAE/B,eAAK,SAAS,iBAAiB,KAAK,cAAc;AAClD,eAAK,SAAS,gBAAgB,KAAK,mCAAmC;AAAA,QACxE,OAAO;AACL,eAAK,SAAS,oBAAoB,KAAK,cAAc;AACrD,eAAK,SAAS,mBAAmB,KAAK,mCAAmC;AAEzE,eAAK,SAAS,qBAAqB;AACnC,eAAK,SAAS,oBAAoB;AAAA,QACpC;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAAA,EAEA,IAAW,WAAoB;AAC7B,WAAO,KAAK;AAAA,EACd;AAAA,EACA,IAAW,SAAS,OAAgB;AAClC,QAAI,UAAU,KAAK,WAAW;AAC5B,WAAK,YAAY;AACjB,WAAK,SAAS,oBAAoB,eAAe,WAAW,UAAU,KAAK,SAAS;AACpF,UAAI,KAAK,cAAc;AACrB,aAAK,eAAe;AAAA,MACtB;AAAA,IACF;AAAA,EACF;AAAA,EAEA,IAAW,sBAA+B;AACxC,WAAO,KAAK;AAAA,EACd;AAAA,EACA,IAAW,oBAAoB,OAAgB;AAC7C,QAAI,UAAU,KAAK,sBAAsB;AACvC,WAAK,uBAAuB;AAAA,IAC9B;AAAA,EACF;AAAA,EAEA,AAAO,gBAAgB,OAAqB;AAC1C,SAAK,SAAS,gBAAgB,KAAK;AAAA,EACrC;AAAA,EAEA,AAAQ,iBAAuB;AAC7B,SAAK,SAAS,YAAY,KAAK,SAAS;AAAA,EAC1C;AAAA,EAEA,AAAQ,iBAAuB;AAC7B,SAAK,SAAS,oBAAoB,eAAe,WAAW,UAAU,KAAK,SAAS;AACpF,SAAK,SAAS,gBAAgB,eAAe,QAAQ,UAAU,KAAK,SAAS;AAAA,EAC/E;AAAA,EAEA,AAAO,QAAc;AACnB,SAAK,SAAS,YAAY;AAAA,EAC5B;AAAA,EAEA,AAAQ,oBAA0B;AAChC,SAAK,SAAS,gBAAgB,eAAe,QAAQ,aAAa,KAAK,YAAY;AAAA,EACrF;AAAA,EAEA,AAAQ,iBAAuB;AAC7B,SAAK,SAAS,gBAAgB,eAAe,QAAQ,UAAU,KAAK,SAAS;AAC7E,SAAK,SAAS,iBAAiB,eAAe,WAAW,eAAgB,MAAK,aAAa,OAAO,SAAS,CAAC;AAC5G,SAAK,SAAS,gBAAgB,KAAK,YAAY,IAAI,EAAE;AACrD,SAAK,YAAY;AAAA,EACnB;AAAA,EAEA,AAAQ,cAAoB;AAC1B,SAAK,SAAS,SAAS,KAAK,MAAM;AAAA,EACpC;AAAA,EAEA,AAAQ,iBAAuB;AAC7B,SAAK,SAAS,gBAAgB,eAAe,QAAQ,UAAU,KAAK,SAAS;AAC7E,SAAK,YAAY;AAAA,EACnB;AAAA,EAEA,AAAQ,kBAAwB;AAC9B,SAAK,SAAS,gBAAgB,eAAe,QAAQ,WAAW,KAAK,UAAU;AAC/E,SAAK,YAAY;AAAA,EACnB;AAAA,EAEA,AAAQ,cAAoB;AAC1B,SAAK,SAAS,gBAAgB,eAAe,QAAQ,OAAO,KAAK,MAAM;AAEvE,SAAK,YAAY;AAAA,EACnB;AAAA,EAEA,AAAQ,iBAAuB;AAC7B,SAAK,SAAS,eAAe,KAAK,SAAS;AAC3C,SAAK,YAAY;AAAA,EACnB;AAAA,EAEA,AAAQ,gBAA2B;AACjC,QAAI,KAAK,QAAQ;AACf,aAAO;AAAA,IACT;AAEA,QAAI,KAAK,YAAY;AACnB,UAAI,KAAK,WAAW;AAClB,eAAO;AAAA,MACT;AAEA,aAAO;AAAA,IACT;AAEA,QAAI,KAAK,aAAa,KAAK,aAAa,CAAC,KAAK,WAAW;AACvD,aAAO;AAAA,IACT;AAEA,QAAI,KAAK,WAAW;AAClB,aAAO;AAAA,IACT;AAEA,WAAO;AAAA,EACT;AAAA,EAEA,AAAQ,cAAoB;AAC1B,SAAK,aAAa,KAAK,cAAc;AACrC,SAAK,SAAS,WAAW,KAAK,YAAY,KAAK,eAAe,EAAE;AAAA,EAClE;AAAA,EAEA,AAAQ,kBAAwB;AAC9B,QAAI,KAAK,SAAS,eAAe,GAAG;AAClC,WAAK,YAAY,CAAC,KAAK;AACvB,WAAK,eAAe;AACpB,WAAK,SAAS,oBAAoB,eAAe,WAAW,UAAU,KAAK,SAAS;AAAA,IACtF;AAAA,EACF;AAAA,EAEA,AAAQ,mBAAyB;AAC/B,QAAI,KAAK,aAAa,CAAC,KAAK,sBAAsB;AAChD,WAAK,gBAAgB;AAAA,IACvB;AAAA,EACF;AAAA,EAEA,AAAQ,8BAA8B,KAAkB;AACtD,UAAM,iBAAiB,KAAK,SAAS,eAAe;AAEpD,QAAI,gBAAgB;AAClB,WAAK,SAAS,iBAAiB,eAAe,WAAW,UAAU;AACnE,WAAK,eAAe;AAEpB,WAAK,SAAS,4BAA4B,IAAI;AAAA,IAChD,OAAO;AACL,WAAK,SAAS,oBAAoB,eAAe,WAAW,UAAU;AACtE,WAAK,SAAS,4BAA4B,KAAK;AAAA,IACjD;AAEA,SAAK,SAAS,gBAAgB,eAAe,QAAQ,YAAY,cAAc;AAAA,EACjF;AAAA,EAEA,AAAQ,2BAA2B,OAAyB;AAC1D,QAAI,CAAC,KAAK,2BAA2B,KAAK,SAAS,yBAAyB,MAAM,MAAqB,GAAG;AACxG,WAAK,SAAS,cAAc,eAAe,OAAO,0BAA0B,KAAK,SAAS,SAAS;AACnG,WAAK,0BAA0B;AAAA,IACjC;AAAA,EACF;AAAA,EAEA,AAAQ,4BAA4B,OAAyB;AAC3D,QAAI,MAAM,iBAAiB,CAAC,KAAK,SAAS,yBAAyB,MAAM,aAA4B,GAAG;AACtG,WAAK,SAAS,cAAc,eAAe,OAAO,2BAA2B,KAAK,SAAS,SAAS;AACpG,WAAK,0BAA0B;AAAA,IACjC;AAAA,EACF;AACF;;;ACjTA,IAAM,WAAW;AACjB,IAAM,SAAS;AAuCR,IAAM,gBAAN,cAA4B,cAAwC;AAAA,EAkBzE,cAAc;AACZ,UAAM;AACN,iBAAa,OAAO;AAAA,MAClB;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF,CAAC;AACD,yBAAqB,MAAM,UAAU,MAAM;AAC3C,SAAK,cAAc,IAAI,eAAe,IAAI,YAAY,IAAI,CAAC;AAAA,EAC7D;AAAA,EA3BA,WAAkB,qBAA+B;AAC/C,WAAO;AAAA,MACL,eAAe,WAAW;AAAA,MAC1B,eAAe,WAAW;AAAA,MAC1B,eAAe,WAAW;AAAA,MAC1B,eAAe,WAAW;AAAA,MAC1B,eAAe,WAAW;AAAA,MAC1B,eAAe,WAAW;AAAA,MAC1B,eAAe,WAAW;AAAA,MAC1B,eAAe,WAAW;AAAA,MAC1B,eAAe,WAAW;AAAA,MAC1B,eAAe,WAAW;AAAA,IAC5B;AAAA,EACF;AAAA,EAgBA,AAAO,oBAA0B;AAC/B,SAAK,YAAY,WAAW;AAAA,EAC9B;AAAA,EAEA,AAAO,uBAA6B;AAClC,SAAK,YAAY,WAAW;AAAA,EAC9B;AAAA,EAEA,AAAO,yBAAyB,MAAc,UAAkB,UAAwB;AACtF,YAAQ;AAAA,WACD,eAAe,WAAW;AAC7B,aAAK,QAAQ,aAAa,QAAQ;AAClC;AAAA,WACG,eAAe,WAAW;AAC7B,aAAK,YAAY,cAAc,QAAQ;AACvC;AAAA,WACG,eAAe,WAAW;AAC7B,aAAK,WAAW,cAAc,QAAQ;AACtC;AAAA,WACG,eAAe,WAAW;AAC7B,aAAK,QAAQ,cAAc,QAAQ;AACnC;AAAA,WACG,eAAe,WAAW;AAC7B,aAAK,WAAW,cAAc,QAAQ;AACtC;AAAA,WACG,eAAe,WAAW;AAC7B,aAAK,cAAc,cAAc,QAAQ;AACzC;AAAA,WACG,eAAe,WAAW;AAC7B,aAAK,WAAW,cAAc,QAAQ;AACtC;AAAA,WACG,eAAe,WAAW;AAC7B,aAAK,WAAW,cAAc,QAAQ;AACtC;AAAA,WACG,eAAe,WAAW;AAC7B,aAAK,WAAW,cAAc,QAAQ;AACtC;AAAA,WACG,eAAe,WAAW;AAC7B,aAAK,sBAAsB,cAAc,QAAQ;AACjD;AAAA;AAAA,EAEN;AAAA,EAgCA,AAAgB,QAAc;AAC5B,SAAK,YAAY,MAAM;AAAA,EACzB;AAAA,EAEA,AAAO,gBAAgB,OAAqB;AAC1C,SAAK,YAAY,gBAAgB,KAAK;AAAA,EACxC;AACF;AApCS;AAAA,EADP,AAAC,mBAAmB;AAAA,GACb,AA1EI,cA0EJ;AAGA;AAAA,EADP,AAAC,mBAAmB;AAAA,GACb,AA7EI,cA6EJ;AAGA;AAAA,EADP,AAAC,mBAAmB;AAAA,GACb,AAhFI,cAgFJ;AAGA;AAAA,EADP,AAAC,mBAAmB;AAAA,GACb,AAnFI,cAmFJ;AAGA;AAAA,EADP,AAAC,mBAAmB;AAAA,GACb,AAtFI,cAsFJ;AAGA;AAAA,EADP,AAAC,mBAAmB;AAAA,GACb,AAzFI,cAyFJ;AAGA;AAAA,EADP,AAAC,mBAAmB;AAAA,GACb,AA5FI,cA4FJ;AAGA;AAAA,EADP,AAAC,mBAAmB;AAAA,GACb,AA/FI,cA+FJ;AAGA;AAAA,EADP,AAAC,mBAAmB;AAAA,GACb,AAlGI,cAkGJ;AAGA;AAAA,EADP,AAAC,mBAAmB;AAAA,GACb,AArGI,cAqGJ;AArGI,gBAAN;AAAA,EANP,AAAC,cAAc;AAAA,IACb,MAAM,eAAe;AAAA,IACrB,cAAc;AAAA,MACZ;AAAA,IACF;AAAA,EACF,CAAC;AAAA,GACY;;;ACvCN,+BAAqC;AAC1C,sBAAoB,aAAa;AACnC;",
   "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