@tylertech/forge 2.3.0 → 2.6.0

package/dist/esm/chunks/{chunk.EQCPRLUV.js.map → chunk.LHWZ4KZU.js.map}

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/chips/chip-set/chip-set-constants.ts", "../../src/chips/chip/chip-constants.ts", "../../src/chips/chip/chip-adapter.ts", "../../src/chips/chip/chip-foundation.ts", "../../src/chips/chip/chip.ts"],
-  "sourcesContent": ["import { COMPONENT_NAME_PREFIX } from '../../constants';\r\n\r\nconst elementName: keyof HTMLElementTagNameMap = `${COMPONENT_NAME_PREFIX}chip-set`;\r\n\r\nconst attributes = {\r\n  VERTICAL: 'vertical',\r\n  TYPE: 'type',\r\n  DENSE: 'dense',\r\n  DISABLED: 'disabled'\r\n};\r\n\r\nconst classes = {\r\n  ROOT: 'forge-chip-set',\r\n  VERTICAL: 'forge-chip-set--vertical'\r\n};\r\n\r\nconst selectors = {\r\n  ROOT: `.${classes.ROOT}`\r\n};\r\n\r\nexport const CHIP_SET_CONSTANTS = {\r\n  elementName,\r\n  attributes,\r\n  classes,\r\n  selectors\r\n};\r\n", "import { COMPONENT_NAME_PREFIX } from '../../constants';\r\n\r\nconst elementName: keyof HTMLElementTagNameMap = `${COMPONENT_NAME_PREFIX}chip`;\r\n\r\nconst attributes = {\r\n  TYPE: 'type',\r\n  SELECTED: 'selected',\r\n  VALUE: 'value',\r\n  DISABLED: 'disabled',\r\n  INVALID: 'invalid',\r\n  DENSE: 'dense',\r\n  EMULATE_FOCUS: 'emulate-focus'\r\n};\r\n\r\nconst classes = {\r\n  ACTION: 'forge-chip--action',\r\n  CHOICE: 'forge-chip--choice',\r\n  FILTER: 'forge-chip--filter',\r\n  INPUT: 'forge-chip--input',\r\n  FIELD: 'forge-chip--field',\r\n  INVALID: 'forge-chip--invalid',\r\n  SELECTED: 'forge-chip--selected',\r\n  DELETE_BUTTON: 'forge-chip__delete-button',\r\n  DELETE_BUTTON_TOUCH_TARGET: 'forge-chip__delete-button__touch-target',\r\n  DENSE: 'forge-chip--dense',\r\n  LEADING_HIDDEN: 'forge-chip__leading--hidden'\r\n};\r\n\r\nconst selectors = {\r\n  BUTTON: 'button.forge-chip'\r\n};\r\n\r\nconst events = {\r\n  DELETE: `${elementName}-delete`,\r\n  SELECT: `${elementName}-select`\r\n};\r\n\r\nconst defaults = {\r\n  TYPE: 'action'\r\n};\r\n\r\nexport const CHIP_CONSTANTS = {\r\n  elementName,\r\n  attributes,\r\n  classes,\r\n  selectors,\r\n  events,\r\n  defaults\r\n};\r\n\r\nexport declare type ChipType =  'choice' | 'filter' | 'action' | 'input' | 'field';\r\n\r\nexport interface IChipSelectEventData<T = any> {\r\n  value: T;\r\n  selected: boolean;\r\n}\r\n\r\nexport interface IChipDeleteEventData<T = any> {\r\n  value: T;\r\n}\r\n\r\nexport interface IChipState {\r\n  type: ChipType;\r\n  disabled: boolean;\r\n  dense: boolean;\r\n}\r\n", "import { addClass, getShadowElement, removeClass, removeElement, walkUpUntil, elementFromHTML, toggleClass } from '@tylertech/forge-core';\r\nimport { BaseAdapter, IBaseAdapter } from '../../core/base/base-adapter';\r\nimport { IChipSetComponent } from '../chip-set/chip-set';\r\nimport { CHIP_SET_CONSTANTS } from '../chip-set/chip-set-constants';\r\nimport { IChipComponent } from './chip';\r\nimport { CHIP_CONSTANTS, IChipState } from './chip-constants';\r\nimport { ICON_CONSTANTS, IIconComponent } from '../../icon';\r\nimport { ForgeRipple } from '../../ripple';\r\n\r\nexport interface IChipAdapter extends IBaseAdapter {\r\n  addButtonListener(type: string, listener: (evt: Event) => void): void;\r\n  removeButtonListener(type: string, listener: (evt: Event) => void): void;\r\n  initializeRipple(): ForgeRipple;\r\n  clearTypeClass(): void;\r\n  addRootClass(className: string): void;\r\n  removeRootClass(name: string): void;\r\n  setCheckmarkVisibility(isVisible: boolean): void;\r\n  setSelected(value: boolean): void;\r\n  setDisabled(value: boolean): void;\r\n  setDense(value: boolean): void;\r\n  setDeleteButtonVisibility(isVisible: boolean, listener: (evt: KeyboardEvent) => void): void;\r\n  setLeadingSlotVisibility(isVisible: boolean): void;\r\n  getChipSetState(): IChipState | null;\r\n  setFocus(): void;\r\n  setEmulatedFocus(value: boolean): void;\r\n}\r\n\r\nconst checkmarkTemplate = '<div class=\\\"forge-chip__checkmark\\\" aria-hidden=\\\"true\\\"><svg class=\\\"forge-chip__checkmark-svg\\\" viewBox=\\\"-2 -3 30 30\\\"><path class=\\\"forge-chip__checkmark-path\\\" fill=\\\"none\\\" stroke=\\\"black\\\" d=\\\"M1.73,12.91 8.1,19.28 22.79,4.59\\\"/></svg></div>';\r\n\r\nexport class ChipAdapter extends BaseAdapter<IChipComponent> implements IChipAdapter {\r\n  private _buttonElement: HTMLButtonElement;\r\n  private _deleteButton: HTMLElement;\r\n  private _deleteButtonTouchTarget: HTMLDivElement;\r\n  private _leadingSlotElement: HTMLSlotElement;\r\n  private _checkmarkElement: HTMLElement;\r\n\r\n  constructor(component: IChipComponent) {\r\n    super(component);\r\n    this._buttonElement = getShadowElement(this._component, CHIP_CONSTANTS.selectors.BUTTON) as HTMLButtonElement;\r\n    this._leadingSlotElement = getShadowElement(this._component, 'slot[name=leading]') as HTMLSlotElement;\r\n  }\r\n\r\n  public addButtonListener(type: string, listener: (evt: Event) => void): void {\r\n    this._buttonElement.addEventListener(type, listener);\r\n  }\r\n\r\n  public removeButtonListener(type: string, listener: (evt: Event) => void): void {\r\n    this._buttonElement.removeEventListener(type, listener);\r\n  }\r\n\r\n  public initializeRipple(): ForgeRipple {\r\n    return new ForgeRipple(this._buttonElement);\r\n  }\r\n\r\n  public clearTypeClass(): void {\r\n    removeClass([CHIP_CONSTANTS.classes.ACTION, CHIP_CONSTANTS.classes.CHOICE, CHIP_CONSTANTS.classes.FILTER, CHIP_CONSTANTS.classes.INPUT], this._buttonElement);\r\n  }\r\n\r\n  public addRootClass(className: string): void {\r\n    this._buttonElement.classList.add(className);\r\n  }\r\n\r\n  public removeRootClass(name: string): void {\r\n    this._buttonElement.classList.remove(name);\r\n  }\r\n\r\n  public setCheckmarkVisibility(isVisible: boolean): void {\r\n    if (isVisible) {\r\n      if (!this._checkmarkElement) {\r\n        this._checkmarkElement = elementFromHTML(checkmarkTemplate) as HTMLElement;\r\n      }\r\n      this._buttonElement.insertBefore(this._checkmarkElement, this._buttonElement.firstChild);\r\n    } else if (this._checkmarkElement && this._checkmarkElement.isConnected) {\r\n      removeElement(this._checkmarkElement);\r\n    }\r\n  }\r\n\r\n  public setSelected(value: boolean): void {\r\n    toggleClass(this._buttonElement, value, CHIP_CONSTANTS.classes.SELECTED);\r\n  }\r\n\r\n  public setDisabled(value: boolean): void {\r\n    this._buttonElement.disabled = value;\r\n  }\r\n\r\n  public setDense(value: boolean): void {\r\n    toggleClass(this._buttonElement, value, CHIP_CONSTANTS.classes.DENSE);\r\n  }\r\n\r\n  public setDeleteButtonVisibility(isVisible: boolean, listener: (evt: KeyboardEvent) => void): void {\r\n    if (isVisible) {\r\n      if (!this._deleteButton) {\r\n        this._deleteButton = this._createDeleteButton(listener);\r\n      }\r\n      if (!this._deleteButtonTouchTarget) {\r\n        this._deleteButtonTouchTarget = this._createDeleteButtonTouchTarget(listener);\r\n      }\r\n      this._deleteButton.appendChild(this._deleteButtonTouchTarget);\r\n      this._buttonElement.appendChild(this._deleteButton);\r\n    } else {\r\n      if (this._deleteButtonTouchTarget) {\r\n        removeElement(this._deleteButtonTouchTarget);\r\n      }\r\n      if (this._deleteButton) {\r\n        removeElement(this._deleteButton);\r\n      }\r\n    }\r\n  }\r\n\r\n  public setLeadingSlotVisibility(isVisible: boolean): void {\r\n    toggleClass(this._leadingSlotElement, !isVisible, CHIP_CONSTANTS.classes.LEADING_HIDDEN);\r\n  }\r\n\r\n  public getChipSetState(): IChipState | null {\r\n    let state: IChipState | null = null;\r\n    const chipSet = walkUpUntil(this._component, node => node && node.nodeName === CHIP_SET_CONSTANTS.elementName.toUpperCase()) as IChipSetComponent;\r\n    if (chipSet) {\r\n      state = {\r\n        type: chipSet.type,\r\n        disabled: chipSet.disabled,\r\n        dense: chipSet.dense\r\n      };\r\n    }\r\n    return state;\r\n  }\r\n\r\n  private _createDeleteButton(listener: (evt: KeyboardEvent) => void): HTMLElement {\r\n    const el = document.createElement(ICON_CONSTANTS.elementName) as IIconComponent;\r\n    el.name = 'cancel';\r\n    el.tabIndex = 0;\r\n    el.setAttribute('aria-label', 'Delete');\r\n    el.setAttribute('role', 'button');\r\n    addClass([CHIP_CONSTANTS.classes.DELETE_BUTTON], el);\r\n    el.addEventListener('keydown', listener);\r\n    return el;\r\n  }\r\n\r\n  private _createDeleteButtonTouchTarget(listener: (evt: KeyboardEvent) => void): HTMLDivElement {\r\n    const el = document.createElement('div');\r\n    addClass(CHIP_CONSTANTS.classes.DELETE_BUTTON_TOUCH_TARGET, el);\r\n    el.addEventListener('keydown', listener);\r\n    el.addEventListener('click', listener);\r\n    return el;\r\n  }\r\n\r\n  public setFocus(): void {\r\n    this._buttonElement.focus();\r\n  }\r\n\r\n  public setEmulatedFocus(value: boolean): void {\r\n    this._buttonElement.classList.toggle('mdc-ripple-upgraded--background-focused', value);\r\n  }\r\n}\r\n", "import { ICustomElementFoundation } from '@tylertech/forge-core';\r\nimport { ForgeRipple } from '../../ripple';\r\nimport { IChipAdapter } from './chip-adapter';\r\nimport { ChipType, CHIP_CONSTANTS, IChipDeleteEventData, IChipSelectEventData } from './chip-constants';\r\n\r\nexport interface IChipFoundation extends ICustomElementFoundation {\r\n  type: ChipType;\r\n  selected: boolean;\r\n  disabled: boolean;\r\n  invalid: boolean;\r\n  value: string;\r\n  dense: boolean;\r\n  emulateFocus: boolean;\r\n  setFocus(): void;\r\n}\r\n\r\nexport class ChipFoundation implements IChipFoundation {\r\n  private _type: ChipType = CHIP_CONSTANTS.defaults.TYPE as ChipType;\r\n  private _selected = false;\r\n  private _disabled = false;\r\n  private _invalid = false;\r\n  private _value: any = null;\r\n  private _dense = false;\r\n  private _emulateFocus = false;\r\n  private _isInitialized = false;\r\n  private _rippleInstance: ForgeRipple | undefined;\r\n  private _clickListener: (evt: MouseEvent) => void;\r\n  private _keydownListener: (evt: KeyboardEvent) => void;\r\n  private _deleteKeydownListener: (evt: KeyboardEvent) => void;\r\n  private _buttonFocusListener: (evt: FocusEvent) => void;\r\n  private _buttonBlurListener: (evt: FocusEvent) => void;\r\n\r\n  constructor(private _adapter: IChipAdapter) {\r\n    this._clickListener = evt => this._onClick(evt);\r\n    this._keydownListener = evt => this._onKeydown(evt);\r\n    this._deleteKeydownListener = evt => this._onDeleteKeydown(evt);\r\n    this._buttonFocusListener = evt => this._onButtonFocus(evt);\r\n    this._buttonBlurListener = evt => this._onButtonBlur(evt);\r\n  }\r\n\r\n  public initialize(): void {\r\n    this._rippleInstance = this._adapter.initializeRipple();\r\n    this._adapter.addButtonListener('click', this._clickListener);\r\n    this._adapter.addButtonListener('focus', this._buttonFocusListener);\r\n    this._adapter.addButtonListener('blur', this._buttonBlurListener);\r\n    this._applyState();\r\n    this._isInitialized = true;\r\n  }\r\n\r\n  public disconnect(): void {\r\n    this._destroyRipple();\r\n    this._adapter.removeButtonListener('keydown', this._keydownListener);\r\n    this._adapter.removeButtonListener('click', this._clickListener);\r\n    this._adapter.removeButtonListener('focus', this._buttonFocusListener);\r\n    this._adapter.removeButtonListener('blur', this._buttonBlurListener);\r\n    this._isInitialized = false;\r\n  }\r\n\r\n  private _destroyRipple(): void {\r\n    if (this._rippleInstance) {\r\n      this._rippleInstance.destroy();\r\n      this._rippleInstance = undefined;\r\n    }\r\n  }\r\n\r\n  private _applyState(): void {\r\n    // Attempt to inherit state from the parent chip-set component\r\n    // Note: this should only inherit properties that need to be the same across the chips within a set\r\n    const chipSetState = this._adapter.getChipSetState();\r\n    if (chipSetState) {\r\n      this._type = chipSetState.type;\r\n      this._disabled = chipSetState.disabled;\r\n      this._dense = chipSetState.dense;\r\n    }\r\n\r\n    // Ensure that only non-action chips can be selected\r\n    if (this._type === 'action') {\r\n      this._selected = false;\r\n    }\r\n\r\n    this._applyDisabled();\r\n    this._applyType();\r\n    this._applySelected();\r\n    this._applyDense();\r\n    this._applyEmulateFocus();\r\n  }\r\n\r\n  private _onClick(evt: MouseEvent): void {\r\n    const target = evt.target as HTMLElement;\r\n    const isDeleteButton = target.classList.contains(CHIP_CONSTANTS.classes.DELETE_BUTTON) || target.classList.contains(CHIP_CONSTANTS.classes.DELETE_BUTTON_TOUCH_TARGET);\r\n    if (isDeleteButton) {\r\n      this._handleDeleteInteraction(evt);\r\n    } else {\r\n      this._handleSelectInteraction();\r\n    }\r\n  }\r\n\r\n  private _onKeydown(evt: KeyboardEvent): void {\r\n    if (this._type === 'input') {\r\n      const isDeleteKey = evt.key === 'Delete' || evt.key === 'Backspace';\r\n      if (isDeleteKey) {\r\n        this._emitDeleteEvent();\r\n      }\r\n    }\r\n  }\r\n\r\n  private _onDeleteKeydown(evt: KeyboardEvent): void {\r\n    if (evt.key === 'Enter') {\r\n      this._handleDeleteInteraction(evt);\r\n    }\r\n  }\r\n\r\n  private _onButtonFocus(evt: FocusEvent): void {\r\n    this._adapter.setHostAttribute('focused');\r\n  }\r\n\r\n  private _onButtonBlur(evt: FocusEvent): void {\r\n    this._adapter.removeHostAttribute('focused');\r\n  }\r\n\r\n  private _handleDeleteInteraction(evt: Event): void {\r\n    // The delete event can only be fired when the `input` or `field` type is used\r\n    const target = evt.target as HTMLElement;\r\n    const isDeleteButton = target.classList.contains(CHIP_CONSTANTS.classes.DELETE_BUTTON) || target.classList.contains(CHIP_CONSTANTS.classes.DELETE_BUTTON_TOUCH_TARGET);\r\n    if (isDeleteButton) {\r\n      evt.stopPropagation();\r\n      this._emitDeleteEvent();\r\n    }\r\n  }\r\n\r\n  private _handleSelectInteraction(): void {\r\n    const wasDefaultPrevented = this._emitSelectEvent();\r\n    const isSelectableType = ['filter', 'choice', 'input'].includes(this._type);\r\n    // We only toggle the selected state for certain types (and if default wasn't prevented on the event)\r\n    if (!wasDefaultPrevented && isSelectableType) {\r\n      this._selected = !this._selected;\r\n      this._applySelected();\r\n    }\r\n  }\r\n\r\n  private _emitSelectEvent(): boolean {\r\n    const selectEventData: IChipSelectEventData = {\r\n      selected: !this._selected,\r\n      value: this._value\r\n    };\r\n    return !this._adapter.emitHostEvent(CHIP_CONSTANTS.events.SELECT, selectEventData, true, true);\r\n  }\r\n\r\n  private _emitDeleteEvent(): void {\r\n    const deleteEventData: IChipDeleteEventData = { value: this._value };\r\n    this._adapter.emitHostEvent(CHIP_CONSTANTS.events.DELETE, deleteEventData, true, true);\r\n  }\r\n\r\n  private _applyType(): void {\r\n    this._adapter.clearTypeClass();\r\n    this._adapter.removeButtonListener('keydown', this._keydownListener);\r\n\r\n    switch (this._type) {\r\n      case 'action':\r\n        this._adapter.addRootClass(CHIP_CONSTANTS.classes.ACTION);\r\n        break;\r\n      case 'choice':\r\n        this._adapter.addRootClass(CHIP_CONSTANTS.classes.CHOICE);\r\n        break;\r\n      case 'filter':\r\n        this._adapter.addRootClass(CHIP_CONSTANTS.classes.FILTER);\r\n        break;\r\n      case 'input':\r\n        this._adapter.addRootClass(CHIP_CONSTANTS.classes.INPUT);\r\n        this._adapter.addButtonListener('keydown', this._keydownListener);\r\n        break;\r\n      case 'field':\r\n        this._adapter.addRootClass(CHIP_CONSTANTS.classes.FIELD);\r\n        this._adapter.addButtonListener('keydown', this._keydownListener);\r\n        break;\r\n    }\r\n\r\n    this._adapter.setCheckmarkVisibility(this._type === 'filter');\r\n    const showDeleteButton = this._type === 'input' || this._type === 'field';\r\n    this._adapter.setDeleteButtonVisibility(showDeleteButton, this._deleteKeydownListener);\r\n    this._adapter.setLeadingSlotVisibility(!this._selected);\r\n    this._adapter.setHostAttribute(CHIP_CONSTANTS.attributes.TYPE, this._type);\r\n  }\r\n\r\n  private _applySelected(): void {\r\n    this._adapter.setSelected(this._selected);\r\n\r\n    // If using the filter type, we need to hide the leading slot to ensure that\r\n    // the checkmark shows in place of any leading elements\r\n    if (this._type === 'filter') {\r\n      this._adapter.setLeadingSlotVisibility(!this._selected);\r\n    }\r\n\r\n    this._adapter.toggleHostAttribute(CHIP_CONSTANTS.attributes.SELECTED, this._selected);\r\n  }\r\n\r\n  private _applyDisabled(): void {\r\n    this._adapter.setDisabled(this._disabled);\r\n    this._adapter.toggleHostAttribute(CHIP_CONSTANTS.attributes.DISABLED, this._disabled);\r\n  }\r\n\r\n  private _applyDense(): void {\r\n    this._adapter.setDense(this._dense);\r\n    this._adapter.toggleHostAttribute(CHIP_CONSTANTS.attributes.DISABLED, this._disabled);\r\n  }\r\n\r\n  private _applyEmulateFocus(): void {\r\n    this._adapter.toggleHostAttribute(CHIP_CONSTANTS.attributes.EMULATE_FOCUS, this._emulateFocus);\r\n    this._adapter.setEmulatedFocus(this._emulateFocus);\r\n  }\r\n\r\n  public get type(): ChipType {\r\n    return this._type;\r\n  }\r\n  public set type(value: ChipType) {\r\n    if (this._type !== value) {\r\n      this._type = value;\r\n      if (this._isInitialized) {\r\n        const isValidType = ['action', 'choice', 'filter', 'input', 'field'].includes(this._type);\r\n        if (!isValidType) {\r\n          this._type = 'action';\r\n        }\r\n        if (this._type === 'action') {\r\n          this._selected = false;\r\n          this._applySelected();\r\n        }\r\n        this._applyType();\r\n      }\r\n    }\r\n  }\r\n\r\n  public get selected(): boolean {\r\n    return this._selected;\r\n  }\r\n  public set selected(value: boolean) {\r\n    if (this._selected !== value) {\r\n      this._selected = value;\r\n      if (this._isInitialized) {\r\n        if (this._type === 'action') {\r\n          this._selected = false;\r\n        }\r\n        this._applySelected();\r\n      }\r\n    }\r\n  }\r\n\r\n  public get disabled(): boolean {\r\n    return this._disabled;\r\n  }\r\n  public set disabled(value: boolean) {\r\n    if (this._disabled !== value) {\r\n      this._disabled = value;\r\n      if (this._isInitialized) {\r\n        this._applyDisabled();\r\n      }\r\n    }\r\n  }\r\n\r\n  public get invalid(): boolean {\r\n    return this._invalid;\r\n  }\r\n  public set invalid(val: boolean) {\r\n    if (this._invalid === val) {\r\n      return;\r\n    }\r\n    \r\n    this._invalid = val;\r\n    if (val) {\r\n      this._adapter.setHostAttribute(CHIP_CONSTANTS.attributes.INVALID, '');\r\n      this._adapter.addRootClass(CHIP_CONSTANTS.classes.INVALID);\r\n    } else {\r\n      this._adapter.removeHostAttribute(CHIP_CONSTANTS.attributes.INVALID);\r\n      this._adapter.removeRootClass(CHIP_CONSTANTS.classes.INVALID);\r\n    }\r\n  }\r\n\r\n  public get value(): any {\r\n    return this._value;\r\n  }\r\n  public set value(value: any) {\r\n    this._value = value;\r\n  }\r\n\r\n  public get dense(): boolean {\r\n    return this._dense;\r\n  }\r\n  public set dense(value: boolean) {\r\n    if (this._dense !== value) {\r\n      this._dense = value;\r\n      if (this._isInitialized) {\r\n        this._applyDense();\r\n      }\r\n    }\r\n  }\r\n\r\n  public get emulateFocus(): boolean {\r\n    return this._emulateFocus;\r\n  }\r\n  public set emulateFocus(value: boolean) {\r\n    if (this._emulateFocus !== value) {\r\n      this._emulateFocus = value;\r\n      if (this._isInitialized) {\r\n        this._applyEmulateFocus();\r\n      }\r\n    }\r\n  }\r\n\r\n  public setFocus(): void {\r\n    this._adapter.setFocus();\r\n  }\r\n}\r\n", "import { attachShadowTemplate, coerceBoolean, CustomElement, FoundationProperty } from '@tylertech/forge-core';\r\nimport { tylIconCancel } from '@tylertech/tyler-icons/standard';\r\nimport { BaseComponent, IBaseComponent } from '../../core/base/base-component';\r\nimport { IconComponent, IconRegistry } from '../../icon';\r\nimport { ChipAdapter } from './chip-adapter';\r\nimport { ChipType, CHIP_CONSTANTS, IChipDeleteEventData, IChipSelectEventData } from './chip-constants';\r\nimport { ChipFoundation } from './chip-foundation';\r\n\r\nconst template = '<template><button class=\\\"forge-chip\\\" part=\\\"button\\\"><slot name=\\\"leading\\\" class=\\\"forge-chip__leading\\\"></slot><div class=\\\"forge-chip__content\\\" part=\\\"content\\\"><slot></slot></div><slot name=\\\"trailing\\\"></slot></button></template>';\r\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)}.mdc-ripple-surface::after,.mdc-ripple-surface::before{--mdc-ripple-color:var(--mdc-theme-on-surface)}.forge-chip{--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;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto,sans-serif;font-family:var(--mdc-typography-button-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:.875rem;font-size:var(--mdc-typography-button-font-size, .875rem);line-height:2.25rem;line-height:var(--mdc-typography-button-line-height, 2.25rem);font-weight:500;font-weight:var(--mdc-typography-button-font-weight,500);letter-spacing:.0892857143em;letter-spacing:var(--mdc-typography-button-letter-spacing, .0892857143em);text-decoration:none;-webkit-text-decoration:var(--mdc-typography-button-text-decoration,none);text-decoration:var(--mdc-typography-button-text-decoration,none);text-transform:uppercase;text-transform:var(--mdc-typography-button-text-transform,uppercase);position:relative;display:-webkit-inline-box;display:inline-flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;-webkit-box-sizing:border-box;box-sizing:border-box;min-width:64px;border:none;outline:0;line-height:inherit;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-appearance:none;overflow:visible;vertical-align:middle;background:0 0;border-radius:4px;border-radius:var(--mdc-shape-small,4px);height:36px;text-transform:none;box-sizing:border-box;overflow:hidden;border-style:solid;-webkit-transition:border 280ms cubic-bezier(.4, 0, .2, 1);transition:border 280ms cubic-bezier(.4, 0, .2, 1);font-family:Roboto,sans-serif;font-family:var(--mdc-outlined-button-label-text-font, var(--mdc-typography-button-font-family, var(--mdc-typography-font-family, Roboto, sans-serif)));font-size:.875rem;font-size:var(--mdc-outlined-button-label-text-size, var(--mdc-typography-button-font-size, .875rem));letter-spacing:.0892857143em;letter-spacing:var(--mdc-outlined-button-label-text-tracking, var(--mdc-typography-button-letter-spacing, .0892857143em));font-weight:500;font-weight:var(--mdc-outlined-button-label-text-weight,var(--mdc-typography-button-font-weight,500));text-transform:uppercase;text-transform:var(--mdc-outlined-button-label-text-transform,var(--mdc-typography-button-text-transform,uppercase));height:36px;height:var(--mdc-outlined-button-container-height,36px);border-radius:4px;border-radius:var(--mdc-outlined-button-container-shape,var(--mdc-shape-small,4px));padding:0 15px 0 15px;border-width:1px;border-width:var(--mdc-outlined-button-outline-width,1px);padding:0 15px 0 15px;border-width:1px;border-radius:16px;width:auto;width:var(--forge-chip-width,auto);height:36px;height:var(--forge-chip-height,36px);box-sizing:border-box;-webkit-transition:background-color 150ms 0s cubic-bezier(0, 0, .2, 1);transition:background-color 150ms 0s cubic-bezier(0, 0, .2, 1)}.forge-chip::after,.forge-chip::before{position:absolute;border-radius:50%;opacity:0;pointer-events:none;content:\\\"\\\"}.forge-chip::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-chip::after{z-index:0;z-index:var(--mdc-ripple-z-index,0)}.forge-chip.mdc-ripple-upgraded::before{-webkit-transform:scale(var(--mdc-ripple-fg-scale,1));transform:scale(var(--mdc-ripple-fg-scale,1))}.forge-chip.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-chip.mdc-ripple-upgraded--unbounded::after{top:var(--mdc-ripple-top,0);left:var(--mdc-ripple-left,0)}.forge-chip.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-chip.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-chip::after,.forge-chip::before{top:calc(50% - 100%);left:calc(50% - 100%);width:200%;height:200%}.forge-chip.mdc-ripple-upgraded::after{width:var(--mdc-ripple-fg-size,100%);height:var(--mdc-ripple-fg-size,100%)}.forge-chip::after,.forge-chip::before{background-color:#3f51b5;background-color:var(--mdc-ripple-color,var(--mdc-theme-primary,#3f51b5))}.forge-chip.mdc-ripple-surface--hover::before,.forge-chip:hover::before{opacity:.04;opacity:var(--mdc-ripple-hover-opacity, .04)}.forge-chip.mdc-ripple-upgraded--background-focused::before,.forge-chip:not(.mdc-ripple-upgraded):focus::before{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.12;opacity:var(--mdc-ripple-focus-opacity, .12)}.forge-chip:not(.mdc-ripple-upgraded)::after{-webkit-transition:opacity 150ms linear;transition:opacity 150ms linear}.forge-chip:not(.mdc-ripple-upgraded):active::after{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.12;opacity:var(--mdc-ripple-press-opacity, .12)}.forge-chip.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.12)}.forge-chip .mdc-elevation-overlay{width:100%;height:100%;top:0;left:0}.forge-chip::-moz-focus-inner{padding:0;border:0}.forge-chip:active{outline:0}.forge-chip:hover{cursor:pointer}.forge-chip:disabled{cursor:default;pointer-events:none}.forge-chip .mdc-button__ripple{border-radius:4px;border-radius:var(--mdc-shape-small,4px)}.forge-chip:not(:disabled){background-color:transparent}.forge-chip:not(:disabled){color:#3f51b5;color:var(--mdc-theme-primary,#3f51b5)}.forge-chip .mdc-button__ripple{border-style:solid;border-color:transparent}.forge-chip:not(:disabled){color:#3f51b5;color:var(--mdc-outlined-button-label-text-color,var(--mdc-theme-primary,#3f51b5))}.forge-chip:disabled{color:rgba(0,0,0,.38);color:var(--mdc-outlined-button-disabled-label-text-color,rgba(0,0,0,.38))}.forge-chip .mdc-button__icon{font-size:1.125rem;font-size:var(--mdc-outlined-button-with-icon-icon-size, 1.125rem);width:1.125rem;width:var(--mdc-outlined-button-with-icon-icon-size,1.125rem);height:1.125rem;height:var(--mdc-outlined-button-with-icon-icon-size,1.125rem)}.forge-chip .mdc-button__ripple::after,.forge-chip .mdc-button__ripple::before{background-color:#3f51b5;background-color:var(--mdc-outlined-button-hover-state-layer-color,var(--mdc-theme-primary,#3f51b5))}.forge-chip.mdc-ripple-surface--hover .mdc-button__ripple::before,.forge-chip:hover .mdc-button__ripple::before{opacity:.04;opacity:var(--mdc-outlined-button-hover-state-layer-opacity, .04)}.forge-chip.mdc-ripple-upgraded--background-focused .mdc-button__ripple::before,.forge-chip:not(.mdc-ripple-upgraded):focus .mdc-button__ripple::before{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.12;opacity:var(--mdc-outlined-button-focus-state-layer-opacity, .12)}.forge-chip:not(.mdc-ripple-upgraded) .mdc-button__ripple::after{-webkit-transition:opacity 150ms linear;transition:opacity 150ms linear}.forge-chip:not(.mdc-ripple-upgraded):active .mdc-button__ripple::after{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.12;opacity:var(--mdc-outlined-button-pressed-state-layer-opacity, .12)}.forge-chip.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-outlined-button-pressed-state-layer-opacity, 0.12)}.forge-chip .mdc-button__ripple{border-radius:4px;border-radius:var(--mdc-outlined-button-container-shape,var(--mdc-shape-small,4px))}.forge-chip:not(:disabled){border-color:rgba(0,0,0,.12);border-color:var(--mdc-outlined-button-outline-color,rgba(0,0,0,.12))}.forge-chip:disabled{border-color:rgba(0,0,0,.12);border-color:var(--mdc-outlined-button-disabled-outline-color,rgba(0,0,0,.12))}.forge-chip.mdc-button--icon-trailing{padding:0 11px 0 15px}.forge-chip.mdc-button--icon-leading{padding:0 15px 0 11px}.forge-chip .mdc-button__ripple{top:-1px;left:-1px;bottom:-1px;right:-1px;border-width:1px;border-width:var(--mdc-outlined-button-outline-width,1px)}.forge-chip .mdc-button__touch{left:calc(-1 * 1px);left:calc(-1 * var(--mdc-outlined-button-outline-width,1px));width:calc(100% + 2 * 1px);width:calc(100% + 2 * var(--mdc-outlined-button-outline-width,1px))}.forge-chip.mdc-button--icon-trailing{padding:0 11px 0 15px}.forge-chip.mdc-button--icon-leading{padding:0 15px 0 11px}.forge-chip .mdc-button__ripple{top:-1px;left:-1px;bottom:-1px;right:-1px;border-width:1px}.forge-chip .mdc-button__touch{left:calc(-1 * 1px);width:calc(100% + 2 * 1px)}.forge-chip:not(:disabled){border-color:#3f51b5;border-color:var(--mdc-theme-primary,#3f51b5)}.forge-chip .mdc-evolution-chip__ripple{border-radius:16px}.forge-chip .mdc-evolution-chip__action--primary:before{border-radius:16px}.forge-chip .mdc-evolution-chip__icon--primary{border-radius:16px}.forge-chip:disabled{border-color:#e0e0e0;border-color:var(--forge-theme-border-color,#e0e0e0);color:rgba(0,0,0,.38);color:var(--mdc-theme-text-disabled-on-light,rgba(0,0,0,.38))}.forge-chip:disabled .forge-chip__delete-button{opacity:.54}.forge-chip__leading--hidden{display:none}.forge-chip__content{-webkit-box-flex:1;flex-grow:1}.forge-chip ::slotted([slot=leading]){margin-left:-6px;margin-right:4px}.forge-chip ::slotted(forge-avatar[slot]){--forge-avatar-size:24px}.forge-chip ::slotted([slot=trailing]){margin-left:4px;margin-right:-8px}.forge-chip__checkmark{height:24px}.forge-chip__checkmark-svg{width:0;height:24px;-webkit-transition:width 150ms cubic-bezier(.4, 0, .2, 1);transition:width 150ms cubic-bezier(.4, 0, .2, 1)}.forge-chip__checkmark-path{stroke:#ffffff;stroke:var(--mdc-theme-on-primary,#ffffff);-webkit-transition:stroke-dashoffset 150ms 0 cubic-bezier(.4, 0, .6, 1);transition:stroke-dashoffset 150ms 0 cubic-bezier(.4, 0, .6, 1);stroke-width:2px;stroke-dashoffset:29.7833385;stroke-dasharray:29.7833385}.forge-chip__delete-button{color:rgba(0,0,0,.54);color:var(--mdc-theme-text-secondary-on-background,rgba(0,0,0,.54));margin-left:4px;margin-right:-8px;-webkit-transition:color 150ms linear;transition:color 150ms linear;outline:0;line-height:inherit;position:relative;border-radius:50%}.forge-chip__delete-button:focus,.forge-chip__delete-button:hover{color:rgba(0,0,0,.87);color:var(--mdc-theme-text-primary-on-background,rgba(0,0,0,.87))}.forge-chip__delete-button:active{opacity:.75}.forge-chip__delete-button__touch-target{position:absolute;top:-6px;left:-6px;width:calc(100% + 12px);height:calc(100% + 12px)}.forge-chip--choice.forge-chip--selected:not(:disabled),.forge-chip--filter.forge-chip--selected:not(:disabled),.forge-chip--input.forge-chip--selected:not(:disabled){background-color:#3f51b5;background-color:var(--mdc-theme-primary,#3f51b5);color:rgba(255,255,255,.87);color:var(--mdc-theme-text-primary-on-dark,rgba(255,255,255,.87))}.forge-chip--choice.forge-chip--selected:not(:disabled)::after,.forge-chip--choice.forge-chip--selected:not(:disabled)::before,.forge-chip--filter.forge-chip--selected:not(:disabled)::after,.forge-chip--filter.forge-chip--selected:not(:disabled)::before,.forge-chip--input.forge-chip--selected:not(:disabled)::after,.forge-chip--input.forge-chip--selected:not(:disabled)::before{background-color:#fff;background-color:var(--mdc-ripple-color,var(--mdc-theme-on-primary,#fff))}.forge-chip--choice.forge-chip--selected:not(:disabled).mdc-ripple-surface--hover::before,.forge-chip--choice.forge-chip--selected:not(:disabled):hover::before,.forge-chip--filter.forge-chip--selected:not(:disabled).mdc-ripple-surface--hover::before,.forge-chip--filter.forge-chip--selected:not(:disabled):hover::before,.forge-chip--input.forge-chip--selected:not(:disabled).mdc-ripple-surface--hover::before,.forge-chip--input.forge-chip--selected:not(:disabled):hover::before{opacity:.08;opacity:var(--mdc-ripple-hover-opacity, .08)}.forge-chip--choice.forge-chip--selected:not(:disabled).mdc-ripple-upgraded--background-focused::before,.forge-chip--choice.forge-chip--selected:not(:disabled):not(.mdc-ripple-upgraded):focus::before,.forge-chip--filter.forge-chip--selected:not(:disabled).mdc-ripple-upgraded--background-focused::before,.forge-chip--filter.forge-chip--selected:not(:disabled):not(.mdc-ripple-upgraded):focus::before,.forge-chip--input.forge-chip--selected:not(:disabled).mdc-ripple-upgraded--background-focused::before,.forge-chip--input.forge-chip--selected:not(:disabled):not(.mdc-ripple-upgraded):focus::before{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.24;opacity:var(--mdc-ripple-focus-opacity, .24)}.forge-chip--choice.forge-chip--selected:not(:disabled):not(.mdc-ripple-upgraded)::after,.forge-chip--filter.forge-chip--selected:not(:disabled):not(.mdc-ripple-upgraded)::after,.forge-chip--input.forge-chip--selected:not(:disabled):not(.mdc-ripple-upgraded)::after{-webkit-transition:opacity 150ms linear;transition:opacity 150ms linear}.forge-chip--choice.forge-chip--selected:not(:disabled):not(.mdc-ripple-upgraded):active::after,.forge-chip--filter.forge-chip--selected:not(:disabled):not(.mdc-ripple-upgraded):active::after,.forge-chip--input.forge-chip--selected:not(:disabled):not(.mdc-ripple-upgraded):active::after{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.24;opacity:var(--mdc-ripple-press-opacity, .24)}.forge-chip--choice.forge-chip--selected:not(:disabled).mdc-ripple-upgraded,.forge-chip--filter.forge-chip--selected:not(:disabled).mdc-ripple-upgraded,.forge-chip--input.forge-chip--selected:not(:disabled).mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.24)}.forge-chip--choice.forge-chip--selected:disabled,.forge-chip--filter.forge-chip--selected:disabled,.forge-chip--input.forge-chip--selected:disabled{background-color:#3f51b5;background-color:var(--mdc-theme-primary,#3f51b5);color:rgba(255,255,255,.87);color:var(--mdc-theme-text-primary-on-dark,rgba(255,255,255,.87));opacity:.37}.forge-chip--choice.forge-chip--selected:disabled::after,.forge-chip--choice.forge-chip--selected:disabled::before,.forge-chip--filter.forge-chip--selected:disabled::after,.forge-chip--filter.forge-chip--selected:disabled::before,.forge-chip--input.forge-chip--selected:disabled::after,.forge-chip--input.forge-chip--selected:disabled::before{background-color:#fff;background-color:var(--mdc-ripple-color,var(--mdc-theme-on-primary,#fff))}.forge-chip--choice.forge-chip--selected:disabled.mdc-ripple-surface--hover::before,.forge-chip--choice.forge-chip--selected:disabled:hover::before,.forge-chip--filter.forge-chip--selected:disabled.mdc-ripple-surface--hover::before,.forge-chip--filter.forge-chip--selected:disabled:hover::before,.forge-chip--input.forge-chip--selected:disabled.mdc-ripple-surface--hover::before,.forge-chip--input.forge-chip--selected:disabled:hover::before{opacity:.08;opacity:var(--mdc-ripple-hover-opacity, .08)}.forge-chip--choice.forge-chip--selected:disabled.mdc-ripple-upgraded--background-focused::before,.forge-chip--choice.forge-chip--selected:disabled:not(.mdc-ripple-upgraded):focus::before,.forge-chip--filter.forge-chip--selected:disabled.mdc-ripple-upgraded--background-focused::before,.forge-chip--filter.forge-chip--selected:disabled:not(.mdc-ripple-upgraded):focus::before,.forge-chip--input.forge-chip--selected:disabled.mdc-ripple-upgraded--background-focused::before,.forge-chip--input.forge-chip--selected:disabled:not(.mdc-ripple-upgraded):focus::before{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.24;opacity:var(--mdc-ripple-focus-opacity, .24)}.forge-chip--choice.forge-chip--selected:disabled:not(.mdc-ripple-upgraded)::after,.forge-chip--filter.forge-chip--selected:disabled:not(.mdc-ripple-upgraded)::after,.forge-chip--input.forge-chip--selected:disabled:not(.mdc-ripple-upgraded)::after{-webkit-transition:opacity 150ms linear;transition:opacity 150ms linear}.forge-chip--choice.forge-chip--selected:disabled:not(.mdc-ripple-upgraded):active::after,.forge-chip--filter.forge-chip--selected:disabled:not(.mdc-ripple-upgraded):active::after,.forge-chip--input.forge-chip--selected:disabled:not(.mdc-ripple-upgraded):active::after{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.24;opacity:var(--mdc-ripple-press-opacity, .24)}.forge-chip--choice.forge-chip--selected:disabled.mdc-ripple-upgraded,.forge-chip--filter.forge-chip--selected:disabled.mdc-ripple-upgraded,.forge-chip--input.forge-chip--selected:disabled.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.24)}.forge-chip--choice.forge-chip--selected ::slotted([slot=leading]),.forge-chip--filter.forge-chip--selected ::slotted([slot=leading]),.forge-chip--input.forge-chip--selected ::slotted([slot=leading]){color:#fff;color:var(--mdc-theme-on-primary,#fff)}.forge-chip--choice.forge-chip--selected ::slotted([slot=trailing]),.forge-chip--filter.forge-chip--selected ::slotted([slot=trailing]),.forge-chip--input.forge-chip--selected ::slotted([slot=trailing]){color:#fff;color:var(--mdc-theme-on-primary,#fff)}.forge-chip--choice.forge-chip--selected .forge-chip__delete-button,.forge-chip--filter.forge-chip--selected .forge-chip__delete-button,.forge-chip--input.forge-chip--selected .forge-chip__delete-button{color:#fff;color:var(--mdc-theme-on-primary,#fff)}.forge-chip--choice.forge-chip--selected.forge-chip--filter .forge-chip__checkmark,.forge-chip--filter.forge-chip--selected.forge-chip--filter .forge-chip__checkmark,.forge-chip--input.forge-chip--selected.forge-chip--filter .forge-chip__checkmark{margin-left:-6px;margin-right:4px}.forge-chip--choice.forge-chip--selected.forge-chip--filter .forge-chip__checkmark-svg,.forge-chip--filter.forge-chip--selected.forge-chip--filter .forge-chip__checkmark-svg,.forge-chip--input.forge-chip--selected.forge-chip--filter .forge-chip__checkmark-svg{width:24px}.forge-chip--choice.forge-chip--selected.forge-chip--filter .forge-chip__checkmark-path,.forge-chip--filter.forge-chip--selected.forge-chip--filter .forge-chip__checkmark-path,.forge-chip--input.forge-chip--selected.forge-chip--filter .forge-chip__checkmark-path{-webkit-transition:stroke-dashoffset 150ms 50ms cubic-bezier(.4, 0, .6, 1);transition:stroke-dashoffset 150ms 50ms cubic-bezier(.4, 0, .6, 1);stroke-dashoffset:0}.forge-chip--field .forge-chip__delete-button{color:#3f51b5;color:var(--mdc-theme-primary,#3f51b5)}.forge-chip--field .forge-chip__delete-button:focus,.forge-chip--field .forge-chip__delete-button:hover{color:rgba(0,0,0,.87);color:var(--mdc-theme-text-primary-on-background,rgba(0,0,0,.87))}.forge-chip--field.forge-chip--invalid:not(:disabled) .forge-chip__delete-button{color:#b00020;color:var(--mdc-theme-error,#b00020)}.forge-chip--field.forge-chip--invalid:not(:disabled) .forge-chip__delete-button:focus,.forge-chip--field.forge-chip--invalid:not(:disabled) .forge-chip__delete-button:hover{color:rgba(0,0,0,.87);color:var(--mdc-theme-text-primary-on-background,rgba(0,0,0,.87))}.forge-chip--field:disabled .forge-chip__delete-button{color:rgba(0,0,0,.54);color:var(--mdc-theme-text-secondary-on-background,rgba(0,0,0,.54))}.forge-chip--dense{height:28px;height:var(--forge-chip-height,28px)}.forge-chip--dense.forge-chip--field{height:20px;height:var(--forge-chip-height,20px);padding:0;margin:0;display:-webkit-box;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-direction:row}.forge-chip--dense.forge-chip--field ::slotted([slot=leading]){margin:0 0 0 2px;font-size:18px!important}.forge-chip--dense.forge-chip--field .forge-chip__content{font-size:12px;padding:0 8px}.forge-chip--dense.forge-chip--field ::slotted([slot=trailing]){font-size:18px!important}.forge-chip--dense.forge-chip--field .forge-chip__delete-button{margin:0 2px 0 0;font-size:18px}.forge-chip--invalid:not(:disabled){color:#b00020;color:var(--mdc-theme-error,#b00020)}.forge-chip--invalid:not(:disabled)::after,.forge-chip--invalid:not(:disabled)::before{background-color:#b00020;background-color:var(--mdc-ripple-color,var(--mdc-theme-error,#b00020))}.forge-chip--invalid:not(:disabled).mdc-ripple-surface--hover::before,.forge-chip--invalid:not(:disabled):hover::before{opacity:.04;opacity:var(--mdc-ripple-hover-opacity, .04)}.forge-chip--invalid:not(:disabled).mdc-ripple-upgraded--background-focused::before,.forge-chip--invalid:not(:disabled):not(.mdc-ripple-upgraded):focus::before{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.12;opacity:var(--mdc-ripple-focus-opacity, .12)}.forge-chip--invalid:not(:disabled):not(.mdc-ripple-upgraded)::after{-webkit-transition:opacity 150ms linear;transition:opacity 150ms linear}.forge-chip--invalid:not(:disabled):not(.mdc-ripple-upgraded):active::after{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.12;opacity:var(--mdc-ripple-press-opacity, .12)}.forge-chip--invalid:not(:disabled).mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.12)}.forge-chip--invalid:not(:disabled):not(:disabled){border-color:#b00020;border-color:var(--mdc-theme-error,#b00020)}.forge-chip--invalid:not(:disabled) .forge-chip__delete-button{color:#b00020;color:var(--mdc-theme-error,#b00020)}.forge-chip--invalid:not(:disabled).forge-chip--selected{background-color:#b00020;background-color:var(--mdc-theme-error,#b00020)}.forge-chip--invalid:not(:disabled).forge-chip--selected .forge-chip__delete-button{color:#fff;color:var(--mdc-theme-on-primary,#fff)}:host{display:inline-block}:host([hidden]){display:none}:host([theme=error]){--mdc-theme-primary:var(--mdc-theme-error)}';\r\n\r\nexport interface IChipComponent extends IBaseComponent {\r\n  type: ChipType;\r\n  selected: boolean;\r\n  disabled: boolean;\r\n  invalid: boolean;\r\n  value: string;\r\n  dense: boolean;\r\n  emulateFocus: boolean;\r\n}\r\n\r\ndeclare global {\r\n  interface HTMLElementTagNameMap {\r\n    'forge-chip': IChipComponent;\r\n  }\r\n\r\n  interface HTMLElementEventMap {\r\n    'forge-chip-delete': CustomEvent<IChipDeleteEventData>;\r\n    'forge-chip-select': CustomEvent<IChipSelectEventData>;\r\n  }\r\n}\r\n\r\n/**\r\n * The custom element class behind the `<forge-chip>` component.\r\n */\r\n@CustomElement({\r\n  name: CHIP_CONSTANTS.elementName,\r\n  dependencies: [IconComponent]\r\n})\r\nexport class ChipComponent extends BaseComponent implements IChipComponent {\r\n  public static get observedAttributes(): string[] {\r\n    return [\r\n      CHIP_CONSTANTS.attributes.TYPE,\r\n      CHIP_CONSTANTS.attributes.SELECTED,\r\n      CHIP_CONSTANTS.attributes.DISABLED,\r\n      CHIP_CONSTANTS.attributes.VALUE,\r\n      CHIP_CONSTANTS.attributes.DENSE,\r\n      CHIP_CONSTANTS.attributes.INVALID,\r\n      CHIP_CONSTANTS.attributes.EMULATE_FOCUS\r\n    ];\r\n  }\r\n\r\n  private _foundation: ChipFoundation;\r\n\r\n  constructor() {\r\n    super();\r\n    IconRegistry.define(tylIconCancel);\r\n    attachShadowTemplate(this, template, styles);\r\n    this._foundation = new ChipFoundation(new ChipAdapter(this));\r\n  }\r\n\r\n  public connectedCallback(): void {\r\n    this._foundation.initialize();\r\n  }\r\n\r\n  public disconnectedCallback(): void {\r\n    this._foundation.disconnect();\r\n  }\r\n\r\n  public attributeChangedCallback(name: string, oldValue: string, newValue: string): void {\r\n    switch (name) {\r\n      case CHIP_CONSTANTS.attributes.TYPE:\r\n        this.type = newValue as ChipType;\r\n        break;\r\n      case CHIP_CONSTANTS.attributes.SELECTED:\r\n        this.selected = coerceBoolean(newValue);\r\n        break;\r\n      case CHIP_CONSTANTS.attributes.DISABLED:\r\n        this.disabled = coerceBoolean(newValue);\r\n        break;\r\n      case CHIP_CONSTANTS.attributes.INVALID:\r\n        this.invalid = coerceBoolean(newValue);\r\n        break;\r\n      case CHIP_CONSTANTS.attributes.VALUE:\r\n        this.value = newValue;\r\n        break;\r\n      case CHIP_CONSTANTS.attributes.DENSE:\r\n        this.dense = coerceBoolean(newValue);\r\n        break;\r\n      case CHIP_CONSTANTS.attributes.EMULATE_FOCUS:\r\n        this.emulateFocus = coerceBoolean(newValue);\r\n    }\r\n  }\r\n\r\n  /** Gets/sets the chip type. */\r\n  @FoundationProperty()\r\n  public type: ChipType;\r\n\r\n  /** Gets/sets the selected state of the chip. */\r\n  @FoundationProperty()\r\n  public selected: boolean;\r\n\r\n  /** Gets/sets the disabled state of the chip. */\r\n  @FoundationProperty()\r\n  public disabled: boolean;\r\n\r\n  /** Gets/sets the invalid state of the chip. */\r\n  @FoundationProperty()\r\n  public invalid: boolean;\r\n\r\n  /** Gets/sets the chip value. */\r\n  @FoundationProperty()\r\n  public value: string;\r\n\r\n  /** Gets/sets the dense state of the chip. */\r\n  @FoundationProperty()\r\n  public dense: boolean;\r\n\r\n  @FoundationProperty()\r\n  public emulateFocus: boolean;\r\n\r\n  public override focus(): void {\r\n    this._foundation.setFocus();\r\n  }\r\n}\r\n"],
-  "mappings": "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",
+  "sourcesContent": ["import { COMPONENT_NAME_PREFIX } from '../../constants';\r\n\r\nconst elementName: keyof HTMLElementTagNameMap = `${COMPONENT_NAME_PREFIX}chip-set`;\r\n\r\nconst attributes = {\r\n  VERTICAL: 'vertical',\r\n  TYPE: 'type',\r\n  DENSE: 'dense',\r\n  DISABLED: 'disabled'\r\n};\r\n\r\nconst classes = {\r\n  ROOT: 'forge-chip-set',\r\n  VERTICAL: 'forge-chip-set--vertical'\r\n};\r\n\r\nconst selectors = {\r\n  ROOT: `.${classes.ROOT}`\r\n};\r\n\r\nexport const CHIP_SET_CONSTANTS = {\r\n  elementName,\r\n  attributes,\r\n  classes,\r\n  selectors\r\n};\r\n", "import { COMPONENT_NAME_PREFIX } from '../../constants';\r\n\r\nconst elementName: keyof HTMLElementTagNameMap = `${COMPONENT_NAME_PREFIX}chip`;\r\n\r\nconst attributes = {\r\n  TYPE: 'type',\r\n  SELECTED: 'selected',\r\n  VALUE: 'value',\r\n  DISABLED: 'disabled',\r\n  INVALID: 'invalid',\r\n  DENSE: 'dense',\r\n  EMULATE_FOCUS: 'emulate-focus'\r\n};\r\n\r\nconst classes = {\r\n  ACTION: 'forge-chip--action',\r\n  CHOICE: 'forge-chip--choice',\r\n  FILTER: 'forge-chip--filter',\r\n  INPUT: 'forge-chip--input',\r\n  FIELD: 'forge-chip--field',\r\n  INVALID: 'forge-chip--invalid',\r\n  SELECTED: 'forge-chip--selected',\r\n  DELETE_BUTTON: 'forge-chip__delete-button',\r\n  DELETE_BUTTON_TOUCH_TARGET: 'forge-chip__delete-button__touch-target',\r\n  DENSE: 'forge-chip--dense',\r\n  LEADING_HIDDEN: 'forge-chip__leading--hidden'\r\n};\r\n\r\nconst selectors = {\r\n  BUTTON: 'button.forge-chip'\r\n};\r\n\r\nconst events = {\r\n  DELETE: `${elementName}-delete`,\r\n  SELECT: `${elementName}-select`\r\n};\r\n\r\nconst defaults = {\r\n  TYPE: 'action'\r\n};\r\n\r\nexport const CHIP_CONSTANTS = {\r\n  elementName,\r\n  attributes,\r\n  classes,\r\n  selectors,\r\n  events,\r\n  defaults\r\n};\r\n\r\nexport declare type ChipType =  'choice' | 'filter' | 'action' | 'input' | 'field';\r\n\r\nexport interface IChipSelectEventData<T = any> {\r\n  value: T;\r\n  selected: boolean;\r\n}\r\n\r\nexport interface IChipDeleteEventData<T = any> {\r\n  value: T;\r\n}\r\n\r\nexport interface IChipState {\r\n  type: ChipType;\r\n  disabled: boolean;\r\n  dense: boolean;\r\n}\r\n", "import { addClass, getShadowElement, removeClass, removeElement, walkUpUntil, elementFromHTML, toggleClass } from '@tylertech/forge-core';\r\nimport { BaseAdapter, IBaseAdapter } from '../../core/base/base-adapter';\r\nimport { IChipSetComponent } from '../chip-set/chip-set';\r\nimport { CHIP_SET_CONSTANTS } from '../chip-set/chip-set-constants';\r\nimport { IChipComponent } from './chip';\r\nimport { CHIP_CONSTANTS, IChipState } from './chip-constants';\r\nimport { ICON_CONSTANTS, IIconComponent } from '../../icon';\r\nimport { ForgeRipple } from '../../ripple';\r\n\r\nexport interface IChipAdapter extends IBaseAdapter {\r\n  addButtonListener(type: string, listener: (evt: Event) => void): void;\r\n  removeButtonListener(type: string, listener: (evt: Event) => void): void;\r\n  initializeRipple(): ForgeRipple;\r\n  clearTypeClass(): void;\r\n  addRootClass(className: string): void;\r\n  removeRootClass(name: string): void;\r\n  setCheckmarkVisibility(isVisible: boolean): void;\r\n  setSelected(value: boolean): void;\r\n  setDisabled(value: boolean): void;\r\n  setDense(value: boolean): void;\r\n  setDeleteButtonVisibility(isVisible: boolean, listener: (evt: KeyboardEvent) => void): void;\r\n  setLeadingSlotVisibility(isVisible: boolean): void;\r\n  getChipSetState(): IChipState | null;\r\n  setFocus(): void;\r\n  setEmulatedFocus(value: boolean): void;\r\n}\r\n\r\nconst checkmarkTemplate = '<div class=\\\"forge-chip__checkmark\\\" aria-hidden=\\\"true\\\"><svg class=\\\"forge-chip__checkmark-svg\\\" viewBox=\\\"-2 -3 30 30\\\"><path class=\\\"forge-chip__checkmark-path\\\" fill=\\\"none\\\" stroke=\\\"black\\\" d=\\\"M1.73,12.91 8.1,19.28 22.79,4.59\\\"/></svg></div>';\r\n\r\nexport class ChipAdapter extends BaseAdapter<IChipComponent> implements IChipAdapter {\r\n  private _buttonElement: HTMLButtonElement;\r\n  private _deleteButton: HTMLElement;\r\n  private _deleteButtonTouchTarget: HTMLDivElement;\r\n  private _leadingSlotElement: HTMLSlotElement;\r\n  private _checkmarkElement: HTMLElement;\r\n\r\n  constructor(component: IChipComponent) {\r\n    super(component);\r\n    this._buttonElement = getShadowElement(this._component, CHIP_CONSTANTS.selectors.BUTTON) as HTMLButtonElement;\r\n    this._leadingSlotElement = getShadowElement(this._component, 'slot[name=leading]') as HTMLSlotElement;\r\n  }\r\n\r\n  public addButtonListener(type: string, listener: (evt: Event) => void): void {\r\n    this._buttonElement.addEventListener(type, listener);\r\n  }\r\n\r\n  public removeButtonListener(type: string, listener: (evt: Event) => void): void {\r\n    this._buttonElement.removeEventListener(type, listener);\r\n  }\r\n\r\n  public initializeRipple(): ForgeRipple {\r\n    return new ForgeRipple(this._buttonElement);\r\n  }\r\n\r\n  public clearTypeClass(): void {\r\n    removeClass([CHIP_CONSTANTS.classes.ACTION, CHIP_CONSTANTS.classes.CHOICE, CHIP_CONSTANTS.classes.FILTER, CHIP_CONSTANTS.classes.INPUT], this._buttonElement);\r\n  }\r\n\r\n  public addRootClass(className: string): void {\r\n    this._buttonElement.classList.add(className);\r\n  }\r\n\r\n  public removeRootClass(name: string): void {\r\n    this._buttonElement.classList.remove(name);\r\n  }\r\n\r\n  public setCheckmarkVisibility(isVisible: boolean): void {\r\n    if (isVisible) {\r\n      if (!this._checkmarkElement) {\r\n        this._checkmarkElement = elementFromHTML(checkmarkTemplate) as HTMLElement;\r\n      }\r\n      this._buttonElement.insertBefore(this._checkmarkElement, this._buttonElement.firstChild);\r\n    } else if (this._checkmarkElement && this._checkmarkElement.isConnected) {\r\n      removeElement(this._checkmarkElement);\r\n    }\r\n  }\r\n\r\n  public setSelected(value: boolean): void {\r\n    toggleClass(this._buttonElement, value, CHIP_CONSTANTS.classes.SELECTED);\r\n  }\r\n\r\n  public setDisabled(value: boolean): void {\r\n    this._buttonElement.disabled = value;\r\n  }\r\n\r\n  public setDense(value: boolean): void {\r\n    toggleClass(this._buttonElement, value, CHIP_CONSTANTS.classes.DENSE);\r\n  }\r\n\r\n  public setDeleteButtonVisibility(isVisible: boolean, listener: (evt: KeyboardEvent) => void): void {\r\n    if (isVisible) {\r\n      if (!this._deleteButton) {\r\n        this._deleteButton = this._createDeleteButton(listener);\r\n      }\r\n      if (!this._deleteButtonTouchTarget) {\r\n        this._deleteButtonTouchTarget = this._createDeleteButtonTouchTarget(listener);\r\n      }\r\n      this._deleteButton.appendChild(this._deleteButtonTouchTarget);\r\n      this._buttonElement.appendChild(this._deleteButton);\r\n    } else {\r\n      if (this._deleteButtonTouchTarget) {\r\n        removeElement(this._deleteButtonTouchTarget);\r\n      }\r\n      if (this._deleteButton) {\r\n        removeElement(this._deleteButton);\r\n      }\r\n    }\r\n  }\r\n\r\n  public setLeadingSlotVisibility(isVisible: boolean): void {\r\n    toggleClass(this._leadingSlotElement, !isVisible, CHIP_CONSTANTS.classes.LEADING_HIDDEN);\r\n  }\r\n\r\n  public getChipSetState(): IChipState | null {\r\n    let state: IChipState | null = null;\r\n    const chipSet = walkUpUntil(this._component, node => node && node.nodeName === CHIP_SET_CONSTANTS.elementName.toUpperCase()) as IChipSetComponent;\r\n    if (chipSet) {\r\n      state = {\r\n        type: chipSet.type,\r\n        disabled: chipSet.disabled,\r\n        dense: chipSet.dense\r\n      };\r\n    }\r\n    return state;\r\n  }\r\n\r\n  private _createDeleteButton(listener: (evt: KeyboardEvent) => void): HTMLElement {\r\n    const el = document.createElement(ICON_CONSTANTS.elementName) as IIconComponent;\r\n    el.name = 'cancel';\r\n    el.tabIndex = 0;\r\n    el.setAttribute('aria-label', 'Delete');\r\n    el.setAttribute('role', 'button');\r\n    addClass([CHIP_CONSTANTS.classes.DELETE_BUTTON], el);\r\n    el.addEventListener('keydown', listener);\r\n    return el;\r\n  }\r\n\r\n  private _createDeleteButtonTouchTarget(listener: (evt: KeyboardEvent) => void): HTMLDivElement {\r\n    const el = document.createElement('div');\r\n    addClass(CHIP_CONSTANTS.classes.DELETE_BUTTON_TOUCH_TARGET, el);\r\n    el.addEventListener('keydown', listener);\r\n    el.addEventListener('click', listener);\r\n    return el;\r\n  }\r\n\r\n  public setFocus(): void {\r\n    this._buttonElement.focus();\r\n  }\r\n\r\n  public setEmulatedFocus(value: boolean): void {\r\n    this._buttonElement.classList.toggle('mdc-ripple-upgraded--background-focused', value);\r\n  }\r\n}\r\n", "import { ICustomElementFoundation } from '@tylertech/forge-core';\r\nimport { ForgeRipple } from '../../ripple';\r\nimport { IChipAdapter } from './chip-adapter';\r\nimport { ChipType, CHIP_CONSTANTS, IChipDeleteEventData, IChipSelectEventData } from './chip-constants';\r\n\r\nexport interface IChipFoundation extends ICustomElementFoundation {\r\n  type: ChipType;\r\n  selected: boolean;\r\n  disabled: boolean;\r\n  invalid: boolean;\r\n  value: string;\r\n  dense: boolean;\r\n  emulateFocus: boolean;\r\n  setFocus(): void;\r\n}\r\n\r\nexport class ChipFoundation implements IChipFoundation {\r\n  private _type: ChipType = CHIP_CONSTANTS.defaults.TYPE as ChipType;\r\n  private _selected = false;\r\n  private _disabled = false;\r\n  private _invalid = false;\r\n  private _value: any = null;\r\n  private _dense = false;\r\n  private _emulateFocus = false;\r\n  private _isInitialized = false;\r\n  private _rippleInstance: ForgeRipple | undefined;\r\n  private _clickListener: (evt: MouseEvent) => void;\r\n  private _keydownListener: (evt: KeyboardEvent) => void;\r\n  private _deleteKeydownListener: (evt: KeyboardEvent) => void;\r\n  private _buttonFocusListener: (evt: FocusEvent) => void;\r\n  private _buttonBlurListener: (evt: FocusEvent) => void;\r\n\r\n  constructor(private _adapter: IChipAdapter) {\r\n    this._clickListener = evt => this._onClick(evt);\r\n    this._keydownListener = evt => this._onKeydown(evt);\r\n    this._deleteKeydownListener = evt => this._onDeleteKeydown(evt);\r\n    this._buttonFocusListener = evt => this._onButtonFocus(evt);\r\n    this._buttonBlurListener = evt => this._onButtonBlur(evt);\r\n  }\r\n\r\n  public initialize(): void {\r\n    this._rippleInstance = this._adapter.initializeRipple();\r\n    this._adapter.addButtonListener('click', this._clickListener);\r\n    this._adapter.addButtonListener('focus', this._buttonFocusListener);\r\n    this._adapter.addButtonListener('blur', this._buttonBlurListener);\r\n    this._applyState();\r\n    this._isInitialized = true;\r\n  }\r\n\r\n  public disconnect(): void {\r\n    this._destroyRipple();\r\n    this._adapter.removeButtonListener('keydown', this._keydownListener);\r\n    this._adapter.removeButtonListener('click', this._clickListener);\r\n    this._adapter.removeButtonListener('focus', this._buttonFocusListener);\r\n    this._adapter.removeButtonListener('blur', this._buttonBlurListener);\r\n    this._isInitialized = false;\r\n  }\r\n\r\n  private _destroyRipple(): void {\r\n    if (this._rippleInstance) {\r\n      this._rippleInstance.destroy();\r\n      this._rippleInstance = undefined;\r\n    }\r\n  }\r\n\r\n  private _applyState(): void {\r\n    // Attempt to inherit state from the parent chip-set component\r\n    // Note: this should only inherit properties that need to be the same across the chips within a set\r\n    const chipSetState = this._adapter.getChipSetState();\r\n    if (chipSetState) {\r\n      this._type = chipSetState.type;\r\n      this._disabled = chipSetState.disabled;\r\n      this._dense = chipSetState.dense;\r\n    }\r\n\r\n    // Ensure that only non-action chips can be selected\r\n    if (this._type === 'action') {\r\n      this._selected = false;\r\n    }\r\n\r\n    this._applyDisabled();\r\n    this._applyType();\r\n    this._applySelected();\r\n    this._applyDense();\r\n    this._applyEmulateFocus();\r\n  }\r\n\r\n  private _onClick(evt: MouseEvent): void {\r\n    const target = evt.target as HTMLElement;\r\n    const isDeleteButton = target.classList.contains(CHIP_CONSTANTS.classes.DELETE_BUTTON) || target.classList.contains(CHIP_CONSTANTS.classes.DELETE_BUTTON_TOUCH_TARGET);\r\n    if (isDeleteButton) {\r\n      this._handleDeleteInteraction(evt);\r\n    } else {\r\n      this._handleSelectInteraction();\r\n    }\r\n  }\r\n\r\n  private _onKeydown(evt: KeyboardEvent): void {\r\n    if (this._type === 'input') {\r\n      const isDeleteKey = evt.key === 'Delete' || evt.key === 'Backspace';\r\n      if (isDeleteKey) {\r\n        this._emitDeleteEvent();\r\n      }\r\n    }\r\n  }\r\n\r\n  private _onDeleteKeydown(evt: KeyboardEvent): void {\r\n    if (evt.key === 'Enter') {\r\n      this._handleDeleteInteraction(evt);\r\n    }\r\n  }\r\n\r\n  private _onButtonFocus(evt: FocusEvent): void {\r\n    this._adapter.setHostAttribute('focused');\r\n  }\r\n\r\n  private _onButtonBlur(evt: FocusEvent): void {\r\n    this._adapter.removeHostAttribute('focused');\r\n  }\r\n\r\n  private _handleDeleteInteraction(evt: Event): void {\r\n    // The delete event can only be fired when the `input` or `field` type is used\r\n    const target = evt.target as HTMLElement;\r\n    const isDeleteButton = target.classList.contains(CHIP_CONSTANTS.classes.DELETE_BUTTON) || target.classList.contains(CHIP_CONSTANTS.classes.DELETE_BUTTON_TOUCH_TARGET);\r\n    if (isDeleteButton) {\r\n      evt.stopPropagation();\r\n      this._emitDeleteEvent();\r\n    }\r\n  }\r\n\r\n  private _handleSelectInteraction(): void {\r\n    const wasDefaultPrevented = this._emitSelectEvent();\r\n    const isSelectableType = ['filter', 'choice', 'input'].includes(this._type);\r\n    // We only toggle the selected state for certain types (and if default wasn't prevented on the event)\r\n    if (!wasDefaultPrevented && isSelectableType) {\r\n      this._selected = !this._selected;\r\n      this._applySelected();\r\n    }\r\n  }\r\n\r\n  private _emitSelectEvent(): boolean {\r\n    const selectEventData: IChipSelectEventData = {\r\n      selected: !this._selected,\r\n      value: this._value\r\n    };\r\n    return !this._adapter.emitHostEvent(CHIP_CONSTANTS.events.SELECT, selectEventData, true, true);\r\n  }\r\n\r\n  private _emitDeleteEvent(): void {\r\n    const deleteEventData: IChipDeleteEventData = { value: this._value };\r\n    this._adapter.emitHostEvent(CHIP_CONSTANTS.events.DELETE, deleteEventData, true, true);\r\n  }\r\n\r\n  private _applyType(): void {\r\n    this._adapter.clearTypeClass();\r\n    this._adapter.removeButtonListener('keydown', this._keydownListener);\r\n\r\n    switch (this._type) {\r\n      case 'action':\r\n        this._adapter.addRootClass(CHIP_CONSTANTS.classes.ACTION);\r\n        break;\r\n      case 'choice':\r\n        this._adapter.addRootClass(CHIP_CONSTANTS.classes.CHOICE);\r\n        break;\r\n      case 'filter':\r\n        this._adapter.addRootClass(CHIP_CONSTANTS.classes.FILTER);\r\n        break;\r\n      case 'input':\r\n        this._adapter.addRootClass(CHIP_CONSTANTS.classes.INPUT);\r\n        this._adapter.addButtonListener('keydown', this._keydownListener);\r\n        break;\r\n      case 'field':\r\n        this._adapter.addRootClass(CHIP_CONSTANTS.classes.FIELD);\r\n        this._adapter.addButtonListener('keydown', this._keydownListener);\r\n        break;\r\n    }\r\n\r\n    this._adapter.setCheckmarkVisibility(this._type === 'filter');\r\n    const showDeleteButton = this._type === 'input' || this._type === 'field';\r\n    this._adapter.setDeleteButtonVisibility(showDeleteButton, this._deleteKeydownListener);\r\n    this._adapter.setLeadingSlotVisibility(!this._selected);\r\n    this._adapter.setHostAttribute(CHIP_CONSTANTS.attributes.TYPE, this._type);\r\n  }\r\n\r\n  private _applySelected(): void {\r\n    this._adapter.setSelected(this._selected);\r\n\r\n    // If using the filter type, we need to hide the leading slot to ensure that\r\n    // the checkmark shows in place of any leading elements\r\n    if (this._type === 'filter') {\r\n      this._adapter.setLeadingSlotVisibility(!this._selected);\r\n    }\r\n\r\n    this._adapter.toggleHostAttribute(CHIP_CONSTANTS.attributes.SELECTED, this._selected);\r\n  }\r\n\r\n  private _applyDisabled(): void {\r\n    this._adapter.setDisabled(this._disabled);\r\n    this._adapter.toggleHostAttribute(CHIP_CONSTANTS.attributes.DISABLED, this._disabled);\r\n  }\r\n\r\n  private _applyDense(): void {\r\n    this._adapter.setDense(this._dense);\r\n    this._adapter.toggleHostAttribute(CHIP_CONSTANTS.attributes.DISABLED, this._disabled);\r\n  }\r\n\r\n  private _applyEmulateFocus(): void {\r\n    this._adapter.toggleHostAttribute(CHIP_CONSTANTS.attributes.EMULATE_FOCUS, this._emulateFocus);\r\n    this._adapter.setEmulatedFocus(this._emulateFocus);\r\n  }\r\n\r\n  public get type(): ChipType {\r\n    return this._type;\r\n  }\r\n  public set type(value: ChipType) {\r\n    if (this._type !== value) {\r\n      this._type = value;\r\n      if (this._isInitialized) {\r\n        const isValidType = ['action', 'choice', 'filter', 'input', 'field'].includes(this._type);\r\n        if (!isValidType) {\r\n          this._type = 'action';\r\n        }\r\n        if (this._type === 'action') {\r\n          this._selected = false;\r\n          this._applySelected();\r\n        }\r\n        this._applyType();\r\n      }\r\n    }\r\n  }\r\n\r\n  public get selected(): boolean {\r\n    return this._selected;\r\n  }\r\n  public set selected(value: boolean) {\r\n    if (this._selected !== value) {\r\n      this._selected = value;\r\n      if (this._isInitialized) {\r\n        if (this._type === 'action') {\r\n          this._selected = false;\r\n        }\r\n        this._applySelected();\r\n      }\r\n    }\r\n  }\r\n\r\n  public get disabled(): boolean {\r\n    return this._disabled;\r\n  }\r\n  public set disabled(value: boolean) {\r\n    if (this._disabled !== value) {\r\n      this._disabled = value;\r\n      if (this._isInitialized) {\r\n        this._applyDisabled();\r\n      }\r\n    }\r\n  }\r\n\r\n  public get invalid(): boolean {\r\n    return this._invalid;\r\n  }\r\n  public set invalid(val: boolean) {\r\n    if (this._invalid === val) {\r\n      return;\r\n    }\r\n    \r\n    this._invalid = val;\r\n    if (val) {\r\n      this._adapter.setHostAttribute(CHIP_CONSTANTS.attributes.INVALID, '');\r\n      this._adapter.addRootClass(CHIP_CONSTANTS.classes.INVALID);\r\n    } else {\r\n      this._adapter.removeHostAttribute(CHIP_CONSTANTS.attributes.INVALID);\r\n      this._adapter.removeRootClass(CHIP_CONSTANTS.classes.INVALID);\r\n    }\r\n  }\r\n\r\n  public get value(): any {\r\n    return this._value;\r\n  }\r\n  public set value(value: any) {\r\n    this._value = value;\r\n  }\r\n\r\n  public get dense(): boolean {\r\n    return this._dense;\r\n  }\r\n  public set dense(value: boolean) {\r\n    if (this._dense !== value) {\r\n      this._dense = value;\r\n      if (this._isInitialized) {\r\n        this._applyDense();\r\n      }\r\n    }\r\n  }\r\n\r\n  public get emulateFocus(): boolean {\r\n    return this._emulateFocus;\r\n  }\r\n  public set emulateFocus(value: boolean) {\r\n    if (this._emulateFocus !== value) {\r\n      this._emulateFocus = value;\r\n      if (this._isInitialized) {\r\n        this._applyEmulateFocus();\r\n      }\r\n    }\r\n  }\r\n\r\n  public setFocus(): void {\r\n    this._adapter.setFocus();\r\n  }\r\n}\r\n", "import { attachShadowTemplate, coerceBoolean, CustomElement, FoundationProperty } from '@tylertech/forge-core';\r\nimport { tylIconCancel } from '@tylertech/tyler-icons/standard';\r\nimport { BaseComponent, IBaseComponent } from '../../core/base/base-component';\r\nimport { IconComponent, IconRegistry } from '../../icon';\r\nimport { ChipAdapter } from './chip-adapter';\r\nimport { ChipType, CHIP_CONSTANTS, IChipDeleteEventData, IChipSelectEventData } from './chip-constants';\r\nimport { ChipFoundation } from './chip-foundation';\r\n\r\nconst template = '<template><button class=\\\"forge-chip\\\" part=\\\"button\\\"><slot name=\\\"leading\\\" class=\\\"forge-chip__leading\\\"></slot><div class=\\\"forge-chip__content\\\" part=\\\"content\\\"><slot></slot></div><slot name=\\\"trailing\\\"></slot></button></template>';\r\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)}.mdc-ripple-surface::after,.mdc-ripple-surface::before{--mdc-ripple-color:var(--mdc-theme-on-surface)}.forge-chip{--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;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto,sans-serif;font-family:var(--mdc-typography-button-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:.875rem;font-size:var(--mdc-typography-button-font-size, .875rem);line-height:2.25rem;line-height:var(--mdc-typography-button-line-height, 2.25rem);font-weight:500;font-weight:var(--mdc-typography-button-font-weight,500);letter-spacing:.0892857143em;letter-spacing:var(--mdc-typography-button-letter-spacing, .0892857143em);text-decoration:none;-webkit-text-decoration:var(--mdc-typography-button-text-decoration,none);text-decoration:var(--mdc-typography-button-text-decoration,none);text-transform:uppercase;text-transform:var(--mdc-typography-button-text-transform,uppercase);position:relative;display:-webkit-inline-box;display:inline-flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;-webkit-box-sizing:border-box;box-sizing:border-box;min-width:64px;border:none;outline:0;line-height:inherit;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-appearance:none;overflow:visible;vertical-align:middle;background:0 0;border-radius:4px;border-radius:var(--mdc-shape-small,4px);height:36px;text-transform:none;box-sizing:border-box;overflow:hidden;border-style:solid;-webkit-transition:border 280ms cubic-bezier(.4, 0, .2, 1);transition:border 280ms cubic-bezier(.4, 0, .2, 1);font-family:Roboto,sans-serif;font-family:var(--mdc-outlined-button-label-text-font, var(--mdc-typography-button-font-family, var(--mdc-typography-font-family, Roboto, sans-serif)));font-size:.875rem;font-size:var(--mdc-outlined-button-label-text-size, var(--mdc-typography-button-font-size, .875rem));letter-spacing:.0892857143em;letter-spacing:var(--mdc-outlined-button-label-text-tracking, var(--mdc-typography-button-letter-spacing, .0892857143em));font-weight:500;font-weight:var(--mdc-outlined-button-label-text-weight,var(--mdc-typography-button-font-weight,500));text-transform:uppercase;text-transform:var(--mdc-outlined-button-label-text-transform,var(--mdc-typography-button-text-transform,uppercase));height:36px;height:var(--mdc-outlined-button-container-height,36px);border-radius:4px;border-radius:var(--mdc-outlined-button-container-shape,var(--mdc-shape-small,4px));padding:0 15px 0 15px;border-width:1px;border-width:var(--mdc-outlined-button-outline-width,1px);padding:0 15px 0 15px;border-width:1px;border-radius:16px;width:auto;width:var(--forge-chip-width,auto);height:36px;height:var(--forge-chip-height,36px);box-sizing:border-box;-webkit-transition:background-color 150ms 0s cubic-bezier(0, 0, .2, 1);transition:background-color 150ms 0s cubic-bezier(0, 0, .2, 1)}.forge-chip::after,.forge-chip::before{position:absolute;border-radius:50%;opacity:0;pointer-events:none;content:\\\"\\\"}.forge-chip::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-chip::after{z-index:0;z-index:var(--mdc-ripple-z-index,0)}.forge-chip.mdc-ripple-upgraded::before{-webkit-transform:scale(var(--mdc-ripple-fg-scale,1));transform:scale(var(--mdc-ripple-fg-scale,1))}.forge-chip.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-chip.mdc-ripple-upgraded--unbounded::after{top:var(--mdc-ripple-top,0);left:var(--mdc-ripple-left,0)}.forge-chip.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-chip.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-chip::after,.forge-chip::before{top:calc(50% - 100%);left:calc(50% - 100%);width:200%;height:200%}.forge-chip.mdc-ripple-upgraded::after{width:var(--mdc-ripple-fg-size,100%);height:var(--mdc-ripple-fg-size,100%)}.forge-chip::after,.forge-chip::before{background-color:#3f51b5;background-color:var(--mdc-ripple-color,var(--mdc-theme-primary,#3f51b5))}.forge-chip.mdc-ripple-surface--hover::before,.forge-chip:hover::before{opacity:.04;opacity:var(--mdc-ripple-hover-opacity, .04)}.forge-chip.mdc-ripple-upgraded--background-focused::before,.forge-chip:not(.mdc-ripple-upgraded):focus::before{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.12;opacity:var(--mdc-ripple-focus-opacity, .12)}.forge-chip:not(.mdc-ripple-upgraded)::after{-webkit-transition:opacity 150ms linear;transition:opacity 150ms linear}.forge-chip:not(.mdc-ripple-upgraded):active::after{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.12;opacity:var(--mdc-ripple-press-opacity, .12)}.forge-chip.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.12)}.forge-chip .mdc-elevation-overlay{width:100%;height:100%;top:0;left:0}.forge-chip::-moz-focus-inner{padding:0;border:0}.forge-chip:active{outline:0}.forge-chip:hover{cursor:pointer}.forge-chip:disabled{cursor:default;pointer-events:none}.forge-chip .mdc-button__ripple{border-radius:4px;border-radius:var(--mdc-shape-small,4px)}.forge-chip:not(:disabled){background-color:transparent}.forge-chip:not(:disabled){color:#3f51b5;color:var(--mdc-theme-primary,#3f51b5)}.forge-chip .mdc-button__ripple{border-style:solid;border-color:transparent}.forge-chip:not(:disabled){color:#3f51b5;color:var(--mdc-outlined-button-label-text-color,var(--mdc-theme-primary,#3f51b5))}.forge-chip:disabled{color:rgba(0,0,0,.38);color:var(--mdc-outlined-button-disabled-label-text-color,rgba(0,0,0,.38))}.forge-chip .mdc-button__icon{font-size:1.125rem;font-size:var(--mdc-outlined-button-with-icon-icon-size, 1.125rem);width:1.125rem;width:var(--mdc-outlined-button-with-icon-icon-size,1.125rem);height:1.125rem;height:var(--mdc-outlined-button-with-icon-icon-size,1.125rem)}.forge-chip .mdc-button__ripple::after,.forge-chip .mdc-button__ripple::before{background-color:#3f51b5;background-color:var(--mdc-outlined-button-hover-state-layer-color,var(--mdc-theme-primary,#3f51b5))}.forge-chip.mdc-ripple-surface--hover .mdc-button__ripple::before,.forge-chip:hover .mdc-button__ripple::before{opacity:.04;opacity:var(--mdc-outlined-button-hover-state-layer-opacity, .04)}.forge-chip.mdc-ripple-upgraded--background-focused .mdc-button__ripple::before,.forge-chip:not(.mdc-ripple-upgraded):focus .mdc-button__ripple::before{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.12;opacity:var(--mdc-outlined-button-focus-state-layer-opacity, .12)}.forge-chip:not(.mdc-ripple-upgraded) .mdc-button__ripple::after{-webkit-transition:opacity 150ms linear;transition:opacity 150ms linear}.forge-chip:not(.mdc-ripple-upgraded):active .mdc-button__ripple::after{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.12;opacity:var(--mdc-outlined-button-pressed-state-layer-opacity, .12)}.forge-chip.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-outlined-button-pressed-state-layer-opacity, 0.12)}.forge-chip .mdc-button__ripple{border-radius:4px;border-radius:var(--mdc-outlined-button-container-shape,var(--mdc-shape-small,4px))}.forge-chip:not(:disabled){border-color:rgba(0,0,0,.12);border-color:var(--mdc-outlined-button-outline-color,rgba(0,0,0,.12))}.forge-chip:disabled{border-color:rgba(0,0,0,.12);border-color:var(--mdc-outlined-button-disabled-outline-color,rgba(0,0,0,.12))}.forge-chip.mdc-button--icon-trailing{padding:0 11px 0 15px}.forge-chip.mdc-button--icon-leading{padding:0 15px 0 11px}.forge-chip .mdc-button__ripple{top:-1px;left:-1px;bottom:-1px;right:-1px;border-width:1px;border-width:var(--mdc-outlined-button-outline-width,1px)}.forge-chip .mdc-button__touch{left:calc(-1 * 1px);left:calc(-1 * var(--mdc-outlined-button-outline-width,1px));width:calc(100% + 2 * 1px);width:calc(100% + 2 * var(--mdc-outlined-button-outline-width,1px))}.forge-chip.mdc-button--icon-trailing{padding:0 11px 0 15px}.forge-chip.mdc-button--icon-leading{padding:0 15px 0 11px}.forge-chip .mdc-button__ripple{top:-1px;left:-1px;bottom:-1px;right:-1px;border-width:1px}.forge-chip .mdc-button__touch{left:calc(-1 * 1px);width:calc(100% + 2 * 1px)}.forge-chip:not(:disabled){border-color:#3f51b5;border-color:var(--mdc-theme-primary,#3f51b5)}.forge-chip .mdc-evolution-chip__ripple{border-radius:16px}.forge-chip .mdc-evolution-chip__action--primary:before{border-radius:16px}.forge-chip .mdc-evolution-chip__icon--primary{border-radius:16px}.forge-chip:disabled{border-color:#e0e0e0;border-color:var(--forge-theme-border-color,#e0e0e0);color:rgba(0,0,0,.38);color:var(--mdc-theme-text-disabled-on-light,rgba(0,0,0,.38))}.forge-chip:disabled .forge-chip__delete-button{opacity:.54}.forge-chip__leading--hidden{display:none}.forge-chip__content{-webkit-box-flex:1;flex-grow:1}.forge-chip ::slotted([slot=leading]){margin-left:-6px;margin-right:4px}.forge-chip ::slotted(forge-avatar[slot]){--forge-avatar-size:24px}.forge-chip ::slotted([slot=trailing]){margin-left:4px;margin-right:-8px}.forge-chip__checkmark{height:24px}.forge-chip__checkmark-svg{width:0;height:24px;-webkit-transition:width 150ms cubic-bezier(.4, 0, .2, 1);transition:width 150ms cubic-bezier(.4, 0, .2, 1)}.forge-chip__checkmark-path{stroke:#ffffff;stroke:var(--mdc-theme-on-primary,#ffffff);-webkit-transition:stroke-dashoffset 150ms 0 cubic-bezier(.4, 0, .6, 1);transition:stroke-dashoffset 150ms 0 cubic-bezier(.4, 0, .6, 1);stroke-width:2px;stroke-dashoffset:29.7833385;stroke-dasharray:29.7833385}.forge-chip__delete-button{color:rgba(0,0,0,.54);color:var(--mdc-theme-text-secondary-on-background,rgba(0,0,0,.54));margin-left:4px;margin-right:-8px;-webkit-transition:color 150ms linear;transition:color 150ms linear;outline:0;line-height:inherit;position:relative;border-radius:50%}.forge-chip__delete-button:focus,.forge-chip__delete-button:hover{color:rgba(0,0,0,.87);color:var(--mdc-theme-text-primary-on-background,rgba(0,0,0,.87))}.forge-chip__delete-button:active{opacity:.75}.forge-chip__delete-button__touch-target{position:absolute;top:-6px;left:-6px;width:calc(100% + 12px);height:calc(100% + 12px)}.forge-chip--choice.forge-chip--selected:not(:disabled),.forge-chip--filter.forge-chip--selected:not(:disabled),.forge-chip--input.forge-chip--selected:not(:disabled){background-color:#3f51b5;background-color:var(--mdc-theme-primary,#3f51b5);color:rgba(255,255,255,.87);color:var(--mdc-theme-text-primary-on-dark,rgba(255,255,255,.87))}.forge-chip--choice.forge-chip--selected:not(:disabled)::after,.forge-chip--choice.forge-chip--selected:not(:disabled)::before,.forge-chip--filter.forge-chip--selected:not(:disabled)::after,.forge-chip--filter.forge-chip--selected:not(:disabled)::before,.forge-chip--input.forge-chip--selected:not(:disabled)::after,.forge-chip--input.forge-chip--selected:not(:disabled)::before{background-color:#fff;background-color:var(--mdc-ripple-color,var(--mdc-theme-on-primary,#fff))}.forge-chip--choice.forge-chip--selected:not(:disabled).mdc-ripple-surface--hover::before,.forge-chip--choice.forge-chip--selected:not(:disabled):hover::before,.forge-chip--filter.forge-chip--selected:not(:disabled).mdc-ripple-surface--hover::before,.forge-chip--filter.forge-chip--selected:not(:disabled):hover::before,.forge-chip--input.forge-chip--selected:not(:disabled).mdc-ripple-surface--hover::before,.forge-chip--input.forge-chip--selected:not(:disabled):hover::before{opacity:.08;opacity:var(--mdc-ripple-hover-opacity, .08)}.forge-chip--choice.forge-chip--selected:not(:disabled).mdc-ripple-upgraded--background-focused::before,.forge-chip--choice.forge-chip--selected:not(:disabled):not(.mdc-ripple-upgraded):focus::before,.forge-chip--filter.forge-chip--selected:not(:disabled).mdc-ripple-upgraded--background-focused::before,.forge-chip--filter.forge-chip--selected:not(:disabled):not(.mdc-ripple-upgraded):focus::before,.forge-chip--input.forge-chip--selected:not(:disabled).mdc-ripple-upgraded--background-focused::before,.forge-chip--input.forge-chip--selected:not(:disabled):not(.mdc-ripple-upgraded):focus::before{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.24;opacity:var(--mdc-ripple-focus-opacity, .24)}.forge-chip--choice.forge-chip--selected:not(:disabled):not(.mdc-ripple-upgraded)::after,.forge-chip--filter.forge-chip--selected:not(:disabled):not(.mdc-ripple-upgraded)::after,.forge-chip--input.forge-chip--selected:not(:disabled):not(.mdc-ripple-upgraded)::after{-webkit-transition:opacity 150ms linear;transition:opacity 150ms linear}.forge-chip--choice.forge-chip--selected:not(:disabled):not(.mdc-ripple-upgraded):active::after,.forge-chip--filter.forge-chip--selected:not(:disabled):not(.mdc-ripple-upgraded):active::after,.forge-chip--input.forge-chip--selected:not(:disabled):not(.mdc-ripple-upgraded):active::after{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.24;opacity:var(--mdc-ripple-press-opacity, .24)}.forge-chip--choice.forge-chip--selected:not(:disabled).mdc-ripple-upgraded,.forge-chip--filter.forge-chip--selected:not(:disabled).mdc-ripple-upgraded,.forge-chip--input.forge-chip--selected:not(:disabled).mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.24)}.forge-chip--choice.forge-chip--selected:disabled,.forge-chip--filter.forge-chip--selected:disabled,.forge-chip--input.forge-chip--selected:disabled{background-color:#3f51b5;background-color:var(--mdc-theme-primary,#3f51b5);color:rgba(255,255,255,.87);color:var(--mdc-theme-text-primary-on-dark,rgba(255,255,255,.87));opacity:.37}.forge-chip--choice.forge-chip--selected:disabled::after,.forge-chip--choice.forge-chip--selected:disabled::before,.forge-chip--filter.forge-chip--selected:disabled::after,.forge-chip--filter.forge-chip--selected:disabled::before,.forge-chip--input.forge-chip--selected:disabled::after,.forge-chip--input.forge-chip--selected:disabled::before{background-color:#fff;background-color:var(--mdc-ripple-color,var(--mdc-theme-on-primary,#fff))}.forge-chip--choice.forge-chip--selected:disabled.mdc-ripple-surface--hover::before,.forge-chip--choice.forge-chip--selected:disabled:hover::before,.forge-chip--filter.forge-chip--selected:disabled.mdc-ripple-surface--hover::before,.forge-chip--filter.forge-chip--selected:disabled:hover::before,.forge-chip--input.forge-chip--selected:disabled.mdc-ripple-surface--hover::before,.forge-chip--input.forge-chip--selected:disabled:hover::before{opacity:.08;opacity:var(--mdc-ripple-hover-opacity, .08)}.forge-chip--choice.forge-chip--selected:disabled.mdc-ripple-upgraded--background-focused::before,.forge-chip--choice.forge-chip--selected:disabled:not(.mdc-ripple-upgraded):focus::before,.forge-chip--filter.forge-chip--selected:disabled.mdc-ripple-upgraded--background-focused::before,.forge-chip--filter.forge-chip--selected:disabled:not(.mdc-ripple-upgraded):focus::before,.forge-chip--input.forge-chip--selected:disabled.mdc-ripple-upgraded--background-focused::before,.forge-chip--input.forge-chip--selected:disabled:not(.mdc-ripple-upgraded):focus::before{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.24;opacity:var(--mdc-ripple-focus-opacity, .24)}.forge-chip--choice.forge-chip--selected:disabled:not(.mdc-ripple-upgraded)::after,.forge-chip--filter.forge-chip--selected:disabled:not(.mdc-ripple-upgraded)::after,.forge-chip--input.forge-chip--selected:disabled:not(.mdc-ripple-upgraded)::after{-webkit-transition:opacity 150ms linear;transition:opacity 150ms linear}.forge-chip--choice.forge-chip--selected:disabled:not(.mdc-ripple-upgraded):active::after,.forge-chip--filter.forge-chip--selected:disabled:not(.mdc-ripple-upgraded):active::after,.forge-chip--input.forge-chip--selected:disabled:not(.mdc-ripple-upgraded):active::after{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.24;opacity:var(--mdc-ripple-press-opacity, .24)}.forge-chip--choice.forge-chip--selected:disabled.mdc-ripple-upgraded,.forge-chip--filter.forge-chip--selected:disabled.mdc-ripple-upgraded,.forge-chip--input.forge-chip--selected:disabled.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.24)}.forge-chip--choice.forge-chip--selected ::slotted([slot=leading]),.forge-chip--filter.forge-chip--selected ::slotted([slot=leading]),.forge-chip--input.forge-chip--selected ::slotted([slot=leading]){color:#fff;color:var(--mdc-theme-on-primary,#fff)}.forge-chip--choice.forge-chip--selected ::slotted([slot=trailing]),.forge-chip--filter.forge-chip--selected ::slotted([slot=trailing]),.forge-chip--input.forge-chip--selected ::slotted([slot=trailing]){color:#fff;color:var(--mdc-theme-on-primary,#fff)}.forge-chip--choice.forge-chip--selected .forge-chip__delete-button,.forge-chip--filter.forge-chip--selected .forge-chip__delete-button,.forge-chip--input.forge-chip--selected .forge-chip__delete-button{color:#fff;color:var(--mdc-theme-on-primary,#fff)}.forge-chip--choice.forge-chip--selected.forge-chip--filter .forge-chip__checkmark,.forge-chip--filter.forge-chip--selected.forge-chip--filter .forge-chip__checkmark,.forge-chip--input.forge-chip--selected.forge-chip--filter .forge-chip__checkmark{margin-left:-6px;margin-right:4px}.forge-chip--choice.forge-chip--selected.forge-chip--filter .forge-chip__checkmark-svg,.forge-chip--filter.forge-chip--selected.forge-chip--filter .forge-chip__checkmark-svg,.forge-chip--input.forge-chip--selected.forge-chip--filter .forge-chip__checkmark-svg{width:24px}.forge-chip--choice.forge-chip--selected.forge-chip--filter .forge-chip__checkmark-path,.forge-chip--filter.forge-chip--selected.forge-chip--filter .forge-chip__checkmark-path,.forge-chip--input.forge-chip--selected.forge-chip--filter .forge-chip__checkmark-path{-webkit-transition:stroke-dashoffset 150ms 50ms cubic-bezier(.4, 0, .6, 1);transition:stroke-dashoffset 150ms 50ms cubic-bezier(.4, 0, .6, 1);stroke-dashoffset:0}.forge-chip--field .forge-chip__delete-button{color:#3f51b5;color:var(--mdc-theme-primary,#3f51b5)}.forge-chip--field .forge-chip__delete-button:focus,.forge-chip--field .forge-chip__delete-button:hover{color:rgba(0,0,0,.87);color:var(--mdc-theme-text-primary-on-background,rgba(0,0,0,.87))}.forge-chip--field.forge-chip--invalid:not(:disabled) .forge-chip__delete-button{color:#b00020;color:var(--mdc-theme-error,#b00020)}.forge-chip--field.forge-chip--invalid:not(:disabled) .forge-chip__delete-button:focus,.forge-chip--field.forge-chip--invalid:not(:disabled) .forge-chip__delete-button:hover{color:rgba(0,0,0,.87);color:var(--mdc-theme-text-primary-on-background,rgba(0,0,0,.87))}.forge-chip--field:disabled .forge-chip__delete-button{color:rgba(0,0,0,.54);color:var(--mdc-theme-text-secondary-on-background,rgba(0,0,0,.54))}.forge-chip--dense{height:28px;height:var(--forge-chip-height,28px)}.forge-chip--dense.forge-chip--field{height:20px;height:var(--forge-chip-height,20px);padding:0;margin:0;display:-webkit-box;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-direction:row}.forge-chip--dense.forge-chip--field ::slotted([slot=leading]){margin:0 0 0 2px;font-size:18px!important}.forge-chip--dense.forge-chip--field .forge-chip__content{font-size:12px;padding:0 8px}.forge-chip--dense.forge-chip--field ::slotted([slot=trailing]){font-size:18px!important}.forge-chip--dense.forge-chip--field .forge-chip__delete-button{margin:0 2px 0 0;font-size:18px}.forge-chip--invalid:not(:disabled){color:#b00020;color:var(--mdc-theme-error,#b00020)}.forge-chip--invalid:not(:disabled)::after,.forge-chip--invalid:not(:disabled)::before{background-color:#b00020;background-color:var(--mdc-ripple-color,var(--mdc-theme-error,#b00020))}.forge-chip--invalid:not(:disabled).mdc-ripple-surface--hover::before,.forge-chip--invalid:not(:disabled):hover::before{opacity:.04;opacity:var(--mdc-ripple-hover-opacity, .04)}.forge-chip--invalid:not(:disabled).mdc-ripple-upgraded--background-focused::before,.forge-chip--invalid:not(:disabled):not(.mdc-ripple-upgraded):focus::before{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.12;opacity:var(--mdc-ripple-focus-opacity, .12)}.forge-chip--invalid:not(:disabled):not(.mdc-ripple-upgraded)::after{-webkit-transition:opacity 150ms linear;transition:opacity 150ms linear}.forge-chip--invalid:not(:disabled):not(.mdc-ripple-upgraded):active::after{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.12;opacity:var(--mdc-ripple-press-opacity, .12)}.forge-chip--invalid:not(:disabled).mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.12)}.forge-chip--invalid:not(:disabled):not(:disabled){border-color:#b00020;border-color:var(--mdc-theme-error,#b00020)}.forge-chip--invalid:not(:disabled) .forge-chip__delete-button{color:#b00020;color:var(--mdc-theme-error,#b00020)}.forge-chip--invalid:not(:disabled).forge-chip--selected{background-color:#b00020;background-color:var(--mdc-theme-error,#b00020)}.forge-chip--invalid:not(:disabled).forge-chip--selected .forge-chip__delete-button{color:#fff;color:var(--mdc-theme-on-primary,#fff)}:host{display:inline-block}:host([hidden]){display:none}:host([theme=error]){--mdc-theme-primary:var(--mdc-theme-error)}';\r\n\r\nexport interface IChipComponent extends IBaseComponent {\r\n  type: ChipType;\r\n  selected: boolean;\r\n  disabled: boolean;\r\n  invalid: boolean;\r\n  value: string;\r\n  dense: boolean;\r\n  emulateFocus: boolean;\r\n}\r\n\r\ndeclare global {\r\n  interface HTMLElementTagNameMap {\r\n    'forge-chip': IChipComponent;\r\n  }\r\n\r\n  interface HTMLElementEventMap {\r\n    'forge-chip-delete': CustomEvent<IChipDeleteEventData>;\r\n    'forge-chip-select': CustomEvent<IChipSelectEventData>;\r\n  }\r\n}\r\n\r\n/**\r\n * The custom element class behind the `<forge-chip>` component.\r\n * \r\n * @tag forge-chip\r\n */\r\n@CustomElement({\r\n  name: CHIP_CONSTANTS.elementName,\r\n  dependencies: [IconComponent]\r\n})\r\nexport class ChipComponent extends BaseComponent implements IChipComponent {\r\n  public static get observedAttributes(): string[] {\r\n    return [\r\n      CHIP_CONSTANTS.attributes.TYPE,\r\n      CHIP_CONSTANTS.attributes.SELECTED,\r\n      CHIP_CONSTANTS.attributes.DISABLED,\r\n      CHIP_CONSTANTS.attributes.VALUE,\r\n      CHIP_CONSTANTS.attributes.DENSE,\r\n      CHIP_CONSTANTS.attributes.INVALID,\r\n      CHIP_CONSTANTS.attributes.EMULATE_FOCUS\r\n    ];\r\n  }\r\n\r\n  private _foundation: ChipFoundation;\r\n\r\n  constructor() {\r\n    super();\r\n    IconRegistry.define(tylIconCancel);\r\n    attachShadowTemplate(this, template, styles);\r\n    this._foundation = new ChipFoundation(new ChipAdapter(this));\r\n  }\r\n\r\n  public connectedCallback(): void {\r\n    this._foundation.initialize();\r\n  }\r\n\r\n  public disconnectedCallback(): void {\r\n    this._foundation.disconnect();\r\n  }\r\n\r\n  public attributeChangedCallback(name: string, oldValue: string, newValue: string): void {\r\n    switch (name) {\r\n      case CHIP_CONSTANTS.attributes.TYPE:\r\n        this.type = newValue as ChipType;\r\n        break;\r\n      case CHIP_CONSTANTS.attributes.SELECTED:\r\n        this.selected = coerceBoolean(newValue);\r\n        break;\r\n      case CHIP_CONSTANTS.attributes.DISABLED:\r\n        this.disabled = coerceBoolean(newValue);\r\n        break;\r\n      case CHIP_CONSTANTS.attributes.INVALID:\r\n        this.invalid = coerceBoolean(newValue);\r\n        break;\r\n      case CHIP_CONSTANTS.attributes.VALUE:\r\n        this.value = newValue;\r\n        break;\r\n      case CHIP_CONSTANTS.attributes.DENSE:\r\n        this.dense = coerceBoolean(newValue);\r\n        break;\r\n      case CHIP_CONSTANTS.attributes.EMULATE_FOCUS:\r\n        this.emulateFocus = coerceBoolean(newValue);\r\n    }\r\n  }\r\n\r\n  /** Gets/sets the chip type. */\r\n  @FoundationProperty()\r\n  public type: ChipType;\r\n\r\n  /** Gets/sets the selected state of the chip. */\r\n  @FoundationProperty()\r\n  public selected: boolean;\r\n\r\n  /** Gets/sets the disabled state of the chip. */\r\n  @FoundationProperty()\r\n  public disabled: boolean;\r\n\r\n  /** Gets/sets the invalid state of the chip. */\r\n  @FoundationProperty()\r\n  public invalid: boolean;\r\n\r\n  /** Gets/sets the chip value. */\r\n  @FoundationProperty()\r\n  public value: string;\r\n\r\n  /** Gets/sets the dense state of the chip. */\r\n  @FoundationProperty()\r\n  public dense: boolean;\r\n\r\n  @FoundationProperty()\r\n  public emulateFocus: boolean;\r\n\r\n  public override focus(): void {\r\n    this._foundation.setFocus();\r\n  }\r\n}\r\n"],
+  "mappings": "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",
   "names": []
 }

package/dist/esm/chunks/{chunk.KQB2BYBK.js → chunk.LK2DN5KX.js}

@@ -5,17 +5,17 @@
  */
 import {
   IconButtonComponent
-} from "./chunk.UM3J4AZ7.js";
+} from "./chunk.EBC2HGO3.js";
 import {
   tylIconMenu
 } from "./chunk.GS2AXUCN.js";
 import {
   TooltipComponent
-} from "./chunk.2F6PST3N.js";
+} from "./chunk.OXS2O7RG.js";
 import {
   IconComponent,
   IconRegistry
-} from "./chunk.V6TRG2CM.js";
+} from "./chunk.WSH4S3GM.js";
 import {
   COMPONENT_NAME_PREFIX,
   CustomElement
@@ -69,4 +69,4 @@ export {
   AppBarMenuButtonComponent,
   defineAppBarMenuButtonComponent
 };
-//# sourceMappingURL=chunk.KQB2BYBK.js.map
+//# sourceMappingURL=chunk.LK2DN5KX.js.map

package/dist/esm/chunks/{chunk.KQB2BYBK.js.map → chunk.LK2DN5KX.js.map}

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/app-bar/menu-button/app-bar-menu-button-constants.ts", "../../src/app-bar/menu-button/app-bar-menu-button.ts", "../../src/app-bar/menu-button/index.ts"],
-  "sourcesContent": ["import { COMPONENT_NAME_PREFIX } from '../../constants';\n\nconst elementName: keyof HTMLElementTagNameMap = `${COMPONENT_NAME_PREFIX}app-bar-menu-button`;\n\nexport const APP_BAR_MENU_BUTTON_CONSTANTS = {\n  elementName\n};\n", "import { CustomElement, attachLightTemplate } from '@tylertech/forge-core';\n\nimport { APP_BAR_MENU_BUTTON_CONSTANTS } from './app-bar-menu-button-constants';\nimport { IconButtonComponent } from '../../icon-button';\nimport { TooltipComponent } from '../../tooltip';\nimport { IconComponent, IconRegistry } from '../../icon';\nimport { tylIconMenu } from '@tylertech/tyler-icons/standard';\nimport { BaseComponent, IBaseComponent } from '../../core/base/base-component';\n\nconst template = '<template><forge-icon-button style=\\\"width: 48px; height: 48px; display: flex; justify-content: center; align-items: center;\\\"><button type=\\\"button\\\" aria-label=\\\"Toggle navigation menu\\\"><forge-icon name=\\\"menu\\\"></forge-icon></button><forge-tooltip delay=\\\"500\\\" position=\\\"bottom\\\">Menu</forge-tooltip></forge-icon-button></template>';\n\nexport interface IAppBarMenuButtonComponent extends IBaseComponent {}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'forge-app-bar-menu-button': IAppBarMenuButtonComponent;\n  }\n}\n\n@CustomElement({\n  name: APP_BAR_MENU_BUTTON_CONSTANTS.elementName,\n  dependencies: [\n    IconButtonComponent,\n    TooltipComponent,\n    IconComponent\n  ]\n})\nexport class AppBarMenuButtonComponent extends BaseComponent implements IAppBarMenuButtonComponent {\n\n  constructor() {\n    super();\n    IconRegistry.define(tylIconMenu);\n  }\n\n  public initializedCallback(): void {\n    attachLightTemplate(this, template);\n  }\n}\n", "import { defineCustomElement } from '@tylertech/forge-core';\nimport { AppBarMenuButtonComponent } from './app-bar-menu-button';\n\nexport * from './app-bar-menu-button-constants';\nexport * from './app-bar-menu-button';\n\nexport function defineAppBarMenuButtonComponent(): void {\n  defineCustomElement(AppBarMenuButtonComponent);\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEA,IAAM,cAA2C,GAAG;AAE7C,IAAM,gCAAgC;AAAA,EAC3C;AACF;;;ACGA,IAAM,WAAW;AAkBV,IAAM,4BAAN,cAAwC,cAAoD;AAAA,EAEjG,cAAc;AACZ,UAAM;AACN,iBAAa,OAAO,WAAW;AAAA,EACjC;AAAA,EAEA,AAAO,sBAA4B;AACjC,wBAAoB,MAAM,QAAQ;AAAA,EACpC;AACF;AAVa,4BAAN;AAAA,EARP,AAAC,cAAc;AAAA,IACb,MAAM,8BAA8B;AAAA,IACpC,cAAc;AAAA,MACZ;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,EACF,CAAC;AAAA,GACY;;;ACrBN,2CAAiD;AACtD,sBAAoB,yBAAyB;AAC/C;",
+  "sourcesContent": ["import { COMPONENT_NAME_PREFIX } from '../../constants';\n\nconst elementName: keyof HTMLElementTagNameMap = `${COMPONENT_NAME_PREFIX}app-bar-menu-button`;\n\nexport const APP_BAR_MENU_BUTTON_CONSTANTS = {\n  elementName\n};\n", "import { CustomElement, attachLightTemplate } from '@tylertech/forge-core';\n\nimport { APP_BAR_MENU_BUTTON_CONSTANTS } from './app-bar-menu-button-constants';\nimport { IconButtonComponent } from '../../icon-button';\nimport { TooltipComponent } from '../../tooltip';\nimport { IconComponent, IconRegistry } from '../../icon';\nimport { tylIconMenu } from '@tylertech/tyler-icons/standard';\nimport { BaseComponent, IBaseComponent } from '../../core/base/base-component';\n\nconst template = '<template><forge-icon-button style=\\\"width: 48px; height: 48px; display: flex; justify-content: center; align-items: center;\\\"><button type=\\\"button\\\" aria-label=\\\"Toggle navigation menu\\\"><forge-icon name=\\\"menu\\\"></forge-icon></button><forge-tooltip delay=\\\"500\\\" position=\\\"bottom\\\">Menu</forge-tooltip></forge-icon-button></template>';\n\nexport interface IAppBarMenuButtonComponent extends IBaseComponent {}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'forge-app-bar-menu-button': IAppBarMenuButtonComponent;\n  }\n}\n\n/**\n * The web component class behind the `<forge-app-bar-menu-button>` custom element.\n * \n * @tag forge-app-bar-menu-button\n */\n@CustomElement({\n  name: APP_BAR_MENU_BUTTON_CONSTANTS.elementName,\n  dependencies: [\n    IconButtonComponent,\n    TooltipComponent,\n    IconComponent\n  ]\n})\nexport class AppBarMenuButtonComponent extends BaseComponent implements IAppBarMenuButtonComponent {\n\n  constructor() {\n    super();\n    IconRegistry.define(tylIconMenu);\n  }\n\n  public initializedCallback(): void {\n    attachLightTemplate(this, template);\n  }\n}\n", "import { defineCustomElement } from '@tylertech/forge-core';\nimport { AppBarMenuButtonComponent } from './app-bar-menu-button';\n\nexport * from './app-bar-menu-button-constants';\nexport * from './app-bar-menu-button';\n\nexport function defineAppBarMenuButtonComponent(): void {\n  defineCustomElement(AppBarMenuButtonComponent);\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEA,IAAM,cAA2C,GAAG;AAE7C,IAAM,gCAAgC;AAAA,EAC3C;AACF;;;ACGA,IAAM,WAAW;AAuBV,IAAM,4BAAN,cAAwC,cAAoD;AAAA,EAEjG,cAAc;AACZ,UAAM;AACN,iBAAa,OAAO,WAAW;AAAA,EACjC;AAAA,EAEA,AAAO,sBAA4B;AACjC,wBAAoB,MAAM,QAAQ;AAAA,EACpC;AACF;AAVa,4BAAN;AAAA,EARP,AAAC,cAAc;AAAA,IACb,MAAM,8BAA8B;AAAA,IACpC,cAAc;AAAA,MACZ;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,EACF,CAAC;AAAA,GACY;;;AC1BN,2CAAiD;AACtD,sBAAoB,yBAAyB;AAC/C;",
   "names": []
 }

package/dist/esm/chunks/{chunk.7G2S3DCM.js → chunk.LX2HDAIF.js}

@@ -5,7 +5,7 @@
  */
 import {
   ViewComponent
-} from "./chunk.RWCC6E4O.js";
+} from "./chunk.THKWQXBJ.js";
 import {
   BaseAdapter
 } from "./chunk.KZATVOA6.js";
@@ -455,4 +455,4 @@ export {
   ViewSwitcherComponent,
   defineViewSwitcherComponent
 };
-//# sourceMappingURL=chunk.7G2S3DCM.js.map
+//# sourceMappingURL=chunk.LX2HDAIF.js.map

package/dist/esm/chunks/{chunk.7G2S3DCM.js.map → chunk.LX2HDAIF.js.map}

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/view-switcher/view-switcher-constants.ts", "../../src/view-switcher/view-switcher-adapter.ts", "../../src/view-switcher/view-switcher-foundation.ts", "../../src/view-switcher/view-switcher.ts", "../../src/view-switcher/index.ts"],
-  "sourcesContent": ["import { COMPONENT_NAME_PREFIX } from '../constants';\n\nconst elementName: keyof HTMLElementTagNameMap = `${COMPONENT_NAME_PREFIX}view-switcher`;\n\nconst classes = {\n  ROOT: 'forge-view-switcher',\n  VIEW_HIDDEN: 'forge-view-switcher__view--hidden',\n  VIEW_SWITCHER_SLIDE: 'forge-view-switcher--slide',\n  VIEW_SWITCHER_FADE: 'forge-view-switcher--fade'\n};\n\nconst selectors = {\n  ROOT: `.${classes.ROOT}`,\n  DEFAULT_SLOT: 'slot:not([name])',\n  VIEW_HIDDEN: `.${classes.VIEW_HIDDEN}`\n};\n\nconst attributes = {\n  INDEX: 'index',\n  ANIMATION_TYPE: 'animation-type'\n};\n\nconst numbers = {\n  DEFAULT_TRANSITION_DURATION: 500\n};\n\nexport const VIEW_SWITCHER_CONSTANTS = {\n  elementName,\n  attributes,\n  classes,\n  selectors,\n  numbers\n};\n\nexport interface IViewSwitcherView {\n  element: HTMLElement;\n}\n\nexport enum ViewAnimationDirection {\n  Left = 'left',\n  Right = 'right'\n}\n\nexport enum ViewSwitcherAnimationType {\n  None = 'none',\n  Slide = 'slide',\n  Fade = 'fade'\n}\n", "import { getShadowElement, removeClass } from '@tylertech/forge-core';\nimport { BaseAdapter, IBaseAdapter } from '../core/base/base-adapter';\nimport { IViewSwitcherComponent } from './view-switcher';\nimport { ViewAnimationDirection, ViewSwitcherAnimationType, VIEW_SWITCHER_CONSTANTS } from './view-switcher-constants';\n\nexport interface IViewSwitcherAdapter extends IBaseAdapter {\n  getViewCount(): number;\n  startViewObserver(callback: MutationCallback): void;\n  stopViewObserver(): void;\n  initializeSlideViews(index: number): void;\n  initializeFadeViews(index: number): void;\n  setActiveView(index: number): void;\n  hideInactiveViews(index: number): void;\n  transitionToView(fromIndex: number, toIndex: number, animationType: ViewSwitcherAnimationType, direction?: ViewAnimationDirection): Promise<void>;\n  setAnimationType(type: ViewSwitcherAnimationType): void;\n}\n\nexport class ViewSwitcherAdapter extends BaseAdapter<IViewSwitcherComponent> implements IViewSwitcherAdapter {\n  private _rootElement: HTMLElement;\n  private _slotElement: HTMLSlotElement;\n  private _viewObserver: MutationObserver;\n\n  constructor(component: IViewSwitcherComponent) {\n    super(component);\n    this._rootElement = getShadowElement(component, VIEW_SWITCHER_CONSTANTS.selectors.ROOT);\n    this._slotElement = getShadowElement(component, VIEW_SWITCHER_CONSTANTS.selectors.DEFAULT_SLOT) as HTMLSlotElement;\n  }\n\n  public getViewCount(): number {\n    return this._getViews().length;\n  }\n\n  public startViewObserver(callback: MutationCallback): void {\n    this._viewObserver = new MutationObserver(callback);\n    this._viewObserver.observe(this._component, { childList: true });\n  }\n\n  public stopViewObserver(): void {\n    if (this._viewObserver) {\n      this._viewObserver.disconnect();\n    }\n  }\n\n  /**\n   * Initializes the views with styles for a slide transition.\n   * @param index The active view index.\n   */\n  public initializeSlideViews(index: number): void {\n    let views = this._getViews();\n    views.forEach((view, i) => {\n      // Make sure that we remove properties if they were set from another animation type\n      view.style.removeProperty('opacity');\n      view.style.removeProperty('display');\n\n      // Ensure that the currently active view is visible\n      if (i === index) {\n        views[index].classList.remove(VIEW_SWITCHER_CONSTANTS.classes.VIEW_HIDDEN);\n        view.style.removeProperty('visibility');\n        return;\n      }\n\n      // We disable the transition when resetting the hidden views so that the animation doesn't occur\n      view.style.transition = 'none';\n\n      // Ensure the view is hidden\n      view.classList.add(VIEW_SWITCHER_CONSTANTS.classes.VIEW_HIDDEN);\n      view.style.visibility = 'hidden';\n\n      // Reset the position of the view to the left or right of the switcher\n      if (i > index) {\n        view.style.transform = 'translate3d(100%, 0, 0)';\n      } else {\n        view.style.transform = 'translate3d(-100%, 0, 0)';\n      }\n    });\n\n    // Wait a frame for the views to reposition, then re-enable the transition for all hidden views\n    window.requestAnimationFrame(() => {\n      views = this._getViews();\n      views.forEach((v, i) => {\n        if (i === index) {\n          return;\n        }\n        v.style.removeProperty('transition');\n      });\n    });\n  }\n\n  /**\n   * Initializes the view styles when using a fade transition.\n   * @param index The active view index.\n   */\n  public initializeFadeViews(index: number): void {\n    const views = this._getViews();\n    views.forEach((view, i) => {\n      // Make sure that we remove properties if they were set from another animation type\n      view.style.removeProperty('transform');\n      view.style.removeProperty('display');\n\n      // Ensure that the visible view doesn't have the hidden class\n      if (i === index) {\n        view.classList.remove(VIEW_SWITCHER_CONSTANTS.classes.VIEW_HIDDEN);\n        view.style.removeProperty('visibility');\n        return;\n      }\n\n      // Ensure the hidden views have the proper class\n      view.classList.add(VIEW_SWITCHER_CONSTANTS.classes.VIEW_HIDDEN);\n      view.style.visibility = 'hidden';\n    });\n\n    // Ensure that the visible view has the proper opacity\n    if (views[index]) {\n      views[index].style.opacity = '1';\n    }\n  }\n\n  /**\n   * This is used when no animation type is set to allow for snapping the view into place.\n   * @param index The currently active view index.\n   */\n  public setActiveView(index: number): void {\n    const views = this._getViews();\n\n    views.forEach((view, i) => {\n      if (i === index) {\n        return;\n      }\n      // Hide all non-visible views\n      view.classList.add(VIEW_SWITCHER_CONSTANTS.classes.VIEW_HIDDEN);\n      view.style.display = 'none';\n    });\n\n    // Ensure that the active view is visible\n    if (views[index]) {\n      views[index].classList.remove(VIEW_SWITCHER_CONSTANTS.classes.VIEW_HIDDEN);\n      views[index].style.removeProperty('display');\n    }\n  }\n\n  /**\n   * This is used when no animation type is specific to hide all non-visible views.\n   * @param index The currently active view index.\n   */\n  public hideInactiveViews(index: number): void {\n    const views = this._getViews();\n    views.forEach((view, i) => {\n      // Make sure that we remove properties if they were set from another animation type\n      view.style.removeProperty('opacity');\n      view.style.removeProperty('transform');\n      view.style.removeProperty('visibility');\n\n      // Ensure the active view is visible\n      if (i === index) {\n        view.classList.remove(VIEW_SWITCHER_CONSTANTS.classes.VIEW_HIDDEN);\n        return;\n      }\n\n      // Ensure all non-active views are hidden\n      view.classList.add(VIEW_SWITCHER_CONSTANTS.classes.VIEW_HIDDEN);\n      view.style.display = 'none';\n    });\n  }\n\n  /**\n   * Initiates a slide transition from one view to another.\n   * @param fromIndex The view index to transition from.\n   * @param toIndex The view index to transition to.\n   * @param direction The transition animation direction.\n   */\n  public async transitionToView(fromIndex: number, toIndex: number, animationType: ViewSwitcherAnimationType, direction?: ViewAnimationDirection): Promise<void> {\n    const views = this._getViews();\n    const fromView = views[fromIndex];\n    const toView = views[toIndex];\n\n    return new Promise<void>(resolve => {\n      // Show the view so we can calculate the height and start the transition in the next frame\n      toView.style.removeProperty('visibility');\n\n      window.requestAnimationFrame(() => {\n        let transitionProp: string;\n        switch (animationType) {\n          case ViewSwitcherAnimationType.Slide:\n            this._slideToView(fromView, toView, direction as ViewAnimationDirection);\n            transitionProp = 'transform';\n            break;\n          case ViewSwitcherAnimationType.Fade:\n            this._fadeToView(fromView, toView);\n            transitionProp = 'opacity';\n            break;\n          default:\n            return;\n        }\n\n        // Start the height transition (this will not animate if the height doesn't change)\n        this._animateHeight(fromView, toView);\n\n        if (fromView) {\n          // Wait for the transform transition to complete before resolving and completing transition\n          fromView.addEventListener('transitionend', transitionEndHandler);\n        } else {\n          toView.classList.remove(VIEW_SWITCHER_CONSTANTS.classes.VIEW_HIDDEN);\n        }\n\n        function transitionEndHandler(evt: TransitionEvent): void {\n          if (evt.propertyName === transitionProp) {\n            fromView.removeEventListener('transitionend', transitionEndHandler);\n            toView.classList.remove(VIEW_SWITCHER_CONSTANTS.classes.VIEW_HIDDEN);\n            resolve();\n          }\n        }\n      });\n    });\n  }\n\n  /**\n   * Initiates a slide transition from one view to another.\n   * @param fromIndex The view index to transition from.\n   * @param toIndex The view index to transition to.\n   * @param direction The transition animation direction.\n   */\n  private _slideToView(fromView: HTMLElement | null, toView: HTMLElement, direction: ViewAnimationDirection): void {\n    // Use a CSS transform on the view to slide it in the requested direction\n    if (direction === ViewAnimationDirection.Left) {\n      if (fromView) {\n        fromView.style.transform = 'translate3d(-100%, 0, 0)';\n      }\n      toView.style.transform = 'translate3d(0, 0, 0)';\n    } else {\n      if (fromView) {\n        fromView.style.transform = 'translate3d(100%, 0, 0)';\n      }\n      toView.style.transform = 'translate3d(0, 0, 0)';\n    }\n  }\n\n  private _fadeToView(fromView: HTMLElement | null, toView: HTMLElement): void {\n    if (fromView) {\n      fromView.style.opacity = '0';\n    }\n    toView.style.opacity = '1';\n  }\n\n  /**\n   * Attempts to animate the height of our container element to match that of the next view.\n   * @param fromIndex The view index we are transitioning from.\n   * @param toIndex The view index we are transitioning to.\n   */\n  private _animateHeight(fromView: HTMLElement | null, toView: HTMLElement): void {\n    const fromViewHeight = fromView ? this._getViewHeight(fromView) : 0;\n    const toViewHeight = this._getViewHeight(toView);\n\n    // We only animate the height if it is different...\n    if (fromViewHeight !== toViewHeight) {\n      this._rootElement.addEventListener('transitionend', this._onRootTransitionEnd.bind(this));\n\n      // Set to the height of the current view so we can animate the height from something static\n      this._setHeight(fromViewHeight);\n\n      // We need to wait two frames before animating to the new height due to event loop\n      window.requestAnimationFrame(() => {\n        window.requestAnimationFrame(() => {\n          // Start the transition to the new view height\n          this._setHeight(toViewHeight);\n        });\n      });\n    }\n  }\n\n  /**\n   * Handles the root container transitionend event.\n   * @param evt The transition event.\n   */\n  private _onRootTransitionEnd(evt: TransitionEvent): void {\n    if (evt.propertyName === 'height') {\n      this._rootElement.removeEventListener('transitionend', this._onRootTransitionEnd);\n      // Removes the static height from the root element so that it can grow with content\n      this._rootElement.style.removeProperty('height');\n    }\n  }\n\n  /**\n   * Resets the animation type on the root element.\n   * @param type The animation type.\n   */\n  public setAnimationType(type: ViewSwitcherAnimationType): void {\n    removeClass([VIEW_SWITCHER_CONSTANTS.classes.VIEW_SWITCHER_SLIDE, VIEW_SWITCHER_CONSTANTS.classes.VIEW_SWITCHER_FADE], this._component);\n\n    switch (type) {\n      case ViewSwitcherAnimationType.Slide:\n        this._component.classList.add(VIEW_SWITCHER_CONSTANTS.classes.VIEW_SWITCHER_SLIDE);\n        break;\n      case ViewSwitcherAnimationType.Fade:\n        this._component.classList.add(VIEW_SWITCHER_CONSTANTS.classes.VIEW_SWITCHER_FADE);\n        break;\n    }\n  }\n\n  /**\n   * Get all view elements.\n   */\n  private _getViews(): HTMLElement[] {\n    return this._slotElement.assignedNodes().filter(n => n.nodeType === 1) as HTMLElement[];\n  }\n\n  /**\n   * Sets the height on the root container element.\n   * @param viewHeight The new height.\n   */\n  private _setHeight(viewHeight: number): void {\n    this._rootElement.style.height = `${viewHeight}px`;\n  }\n\n  /**\n   * Calculate the absolute height of a view.\n   * @param view The view to calculate height from.\n   */\n  private _getViewHeight(view: HTMLElement): number {\n    let height = 0;\n    const elements = view.children.length ? (Array.from(view.children) as HTMLElement[]) : [view];\n\n    for (const element of elements) {\n      const styles = window.getComputedStyle(element);\n      const margin = parseFloat(styles.marginTop as string) + parseFloat(styles.marginBottom as string);\n      height += Math.ceil(element.offsetHeight + margin);\n    }\n\n    return height;\n  }\n}\n", "import { ICustomElementFoundation, Platform, isDefined } from '@tylertech/forge-core';\n\nimport { IViewSwitcherAdapter } from './view-switcher-adapter';\nimport { VIEW_SWITCHER_CONSTANTS, ViewAnimationDirection, ViewSwitcherAnimationType } from './view-switcher-constants';\n\nexport interface IViewSwitcherFoundation extends ICustomElementFoundation {\n  index: number;\n  animationType: ViewSwitcherAnimationType;\n  next(): void;\n  previous(): void;\n  goToStart(): void;\n  goToEnd(): void;\n}\n\nexport class ViewSwitcherFoundation implements IViewSwitcherFoundation {\n  private _viewCount = 0;\n  private _viewIndex = 0;\n  private _animationType = ViewSwitcherAnimationType.None;\n  private _viewsChangedListener: () => void;\n\n  constructor(private _adapter: IViewSwitcherAdapter) {\n    this._viewsChangedListener = () => this._onViewsChanged();\n  }\n\n  public initialize(): void {\n    this._viewCount = this._adapter.getViewCount();\n    this._adapter.startViewObserver(this._viewsChangedListener);\n    this._adapter.setAnimationType(this._animationType);\n\n    if (this._viewCount) {\n      this._initializeAnimationType();\n    }\n  }\n\n  public disconnect(): void {\n    this._adapter.stopViewObserver();\n  }\n\n  private _initializeAnimationType(): void {\n    switch (this._animationType) {\n      case ViewSwitcherAnimationType.Slide:\n        this._adapter.initializeSlideViews(this._viewIndex);\n        break;\n      case ViewSwitcherAnimationType.Fade:\n        this._adapter.initializeFadeViews(this._viewIndex);\n        break;\n      case ViewSwitcherAnimationType.None:\n      default:\n        this._adapter.hideInactiveViews(this._viewIndex);\n        break;\n    }\n  }\n\n  private _onViewsChanged(): void {\n    this._viewCount = this._adapter.getViewCount();\n\n    if (this._viewCount === 0) {\n      this._viewIndex = 0;\n    }\n\n    if (this._viewCount) {\n      this._initializeAnimationType();\n    }\n\n    // If the view index is higher than the number of views then we need to reset it\n    if (this._viewCount > 0 && this._viewIndex >= this._viewCount) {\n      const currIndex = this._viewIndex;\n      this._viewIndex = this._viewCount > 0 ? this._viewCount - 1 : 0;\n      this._goToView(currIndex, this._viewCount);\n    }\n  }\n\n  private async _goToView(fromIndex: number, viewCount?: number): Promise<void> {\n    this._viewCount = !isDefined(viewCount) ? this._adapter.getViewCount() : viewCount as number;\n    \n    // If the index that we're trying to transition to is out of range, or is the same index, then we ignore the transition\n    const isValidIndex = this._viewIndex >= 0 && this._viewIndex <= this._viewCount - 1;\n    if (!isValidIndex || fromIndex === this._clampedViewIndex(this._viewIndex, this._viewCount)) {\n      return;\n    }\n\n    switch (this._animationType) {\n      case ViewSwitcherAnimationType.Slide:\n        const animationDirection = this._viewIndex > fromIndex ? ViewAnimationDirection.Left : ViewAnimationDirection.Right;\n        await this._adapter.transitionToView(fromIndex, this._viewIndex, ViewSwitcherAnimationType.Slide, animationDirection);\n        this._adapter.initializeSlideViews(this._viewIndex);\n        break;\n      case ViewSwitcherAnimationType.Fade:\n        await this._adapter.transitionToView(fromIndex, this._viewIndex, ViewSwitcherAnimationType.Fade);\n        this._adapter.initializeFadeViews(this._viewIndex);\n        break;\n      case ViewSwitcherAnimationType.None:\n      default:\n        this._adapter.setActiveView(this._viewIndex);\n        break;\n    }\n  }\n\n  private _clampedViewIndex(viewIndex: number, viewCount: number): number {\n    if (viewIndex < 0) {\n      viewIndex = 0;\n    } else if (viewIndex > viewCount - 1) {\n      viewIndex = viewCount > 0 ? viewCount - 1 : 0;\n    }\n    return viewIndex;\n  }\n\n  public next(): void {\n    this.index++;\n  }\n\n  public previous(): void {\n    this.index--;\n  }\n\n  public goToStart(): void {\n    this.index = 0;\n  }\n\n  public goToEnd(): void {\n    this.index = this._viewCount - 1;\n  }\n\n  public get index(): number {\n    return this._viewIndex;\n  }\n  public set index(value: number) {\n    if (this._viewIndex !== value) {\n      const currIndex = this._viewIndex;\n      this._viewIndex = value;\n      this._goToView(currIndex);\n      this._adapter.setHostAttribute(VIEW_SWITCHER_CONSTANTS.attributes.INDEX, this._viewIndex.toString());\n    }\n  }\n\n  public get animationType(): ViewSwitcherAnimationType {\n    return this._animationType;\n  }\n  public set animationType(value: ViewSwitcherAnimationType) {\n    if (this._animationType !== value) {\n      this._animationType = value;\n      this._initializeAnimationType();\n      this._adapter.setAnimationType(this._animationType);\n      this._adapter.setHostAttribute(VIEW_SWITCHER_CONSTANTS.attributes.ANIMATION_TYPE, this._animationType);\n    }\n  }\n}\n", "import { CustomElement, attachShadowTemplate, coerceNumber, FoundationProperty, upgradeProperty } from '@tylertech/forge-core';\nimport { ViewSwitcherAdapter } from './view-switcher-adapter';\nimport { ViewSwitcherFoundation } from './view-switcher-foundation';\nimport { VIEW_SWITCHER_CONSTANTS, ViewSwitcherAnimationType } from './view-switcher-constants';\nimport { ViewComponent } from './view/view';\nimport { BaseComponent, IBaseComponent } from '../core/base/base-component';\n\nconst template = '<template><div class=\\\"forge-view-switcher\\\" part=\\\"root\\\"><slot></slot></div></template>';\nconst styles = '.forge-view-switcher{height:auto;height:var(--forge-view-switcher-height,auto);position:relative;overflow:hidden;-webkit-transition:height var(--forge-view-switcher-animation-duration, 500ms) cubic-bezier(.35, 0, .25, 1);transition:height var(--forge-view-switcher-animation-duration, 500ms) cubic-bezier(.35, 0, .25, 1)}.forge-view-switcher ::slotted(.forge-view-switcher__view--hidden){position:absolute;top:0;right:0;bottom:0;left:0}:host{height:auto;height:var(--forge-view-switcher-height,auto);display:block}:host([hidden]){display:none}:host(.forge-view-switcher--slide) ::slotted(forge-view){-webkit-transition:-webkit-transform var(--forge-view-switcher-animation-duration, 500ms) cubic-bezier(.35, 0, .25, 1);transition:-webkit-transform var(--forge-view-switcher-animation-duration, 500ms) cubic-bezier(.35, 0, .25, 1);transition:transform var(--forge-view-switcher-animation-duration, 500ms) cubic-bezier(.35, 0, .25, 1);transition:transform var(--forge-view-switcher-animation-duration, 500ms) cubic-bezier(.35, 0, .25, 1),-webkit-transform var(--forge-view-switcher-animation-duration, 500ms) cubic-bezier(.35, 0, .25, 1);will-change:transform}:host(.forge-view-switcher--fade) ::slotted(forge-view){-webkit-transition:opacity var(--forge-view-switcher-animation-duration, 500ms) cubic-bezier(.35, 0, .25, 1);transition:opacity var(--forge-view-switcher-animation-duration, 500ms) cubic-bezier(.35, 0, .25, 1);will-change:opacity}:host(.forge-view-switcher--fade) ::slotted(.forge-view-switcher__view--hidden){opacity:0}';\n\nexport interface IViewSwitcherComponent extends IBaseComponent {\n  index: number;\n  animationType: ViewSwitcherAnimationType;\n  next(): void;\n  previous(): void;\n  goToStart(): void;\n  goToEnd(): void;\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'forge-view-switcher': IViewSwitcherComponent;\n  }\n}\n\n@CustomElement({\n  name: VIEW_SWITCHER_CONSTANTS.elementName,\n  dependencies: [ViewComponent]\n})\nexport class ViewSwitcherComponent extends BaseComponent implements IViewSwitcherComponent {\n  public static get observedAttributes(): string[] {\n    return [\n      VIEW_SWITCHER_CONSTANTS.attributes.INDEX,\n      VIEW_SWITCHER_CONSTANTS.attributes.ANIMATION_TYPE\n    ];\n  }\n\n  private _foundation: ViewSwitcherFoundation;\n\n  constructor() {\n    super();\n    attachShadowTemplate(this, template, styles);\n    this._foundation = new ViewSwitcherFoundation(new ViewSwitcherAdapter(this));\n  }\n\n  public connectedCallback(): void {\n    // upgradeProperty(this, 'index');\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 VIEW_SWITCHER_CONSTANTS.attributes.INDEX:\n        this.index = coerceNumber(newValue);\n        break;\n      case VIEW_SWITCHER_CONSTANTS.attributes.ANIMATION_TYPE:\n        this.animationType = newValue as ViewSwitcherAnimationType;\n        break;\n    }\n  }\n\n  /** Gets/sets the currently visible view index. */\n  @FoundationProperty()\n  public index: number;\n  \n  /** Gets/sets the animation type. */\n  @FoundationProperty()\n  public animationType: ViewSwitcherAnimationType;\n\n  /** Transitions to the next view. */\n  public next(): void {\n    this._foundation.next();\n  }\n\n  /** Transitions to the previous view. */\n  public previous(): void {\n    this._foundation.previous();\n  }\n\n  /** Transitions to the first view. */\n  public goToStart(): void {\n    this._foundation.goToStart();\n  }\n\n  /** Transitions to the last view. */\n  public goToEnd(): void {\n    this._foundation.goToEnd();\n  }\n}\n", "import { defineCustomElement } from '@tylertech/forge-core';\n\nimport { ViewSwitcherComponent } from './view-switcher';\n\nexport * from './view-switcher-adapter';\nexport * from './view-switcher-constants';\nexport * from './view-switcher-foundation';\nexport * from './view-switcher';\nexport * from './view';\n\nexport function defineViewSwitcherComponent(): void {\n  defineCustomElement(ViewSwitcherComponent);\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["import { COMPONENT_NAME_PREFIX } from '../constants';\n\nconst elementName: keyof HTMLElementTagNameMap = `${COMPONENT_NAME_PREFIX}view-switcher`;\n\nconst classes = {\n  ROOT: 'forge-view-switcher',\n  VIEW_HIDDEN: 'forge-view-switcher__view--hidden',\n  VIEW_SWITCHER_SLIDE: 'forge-view-switcher--slide',\n  VIEW_SWITCHER_FADE: 'forge-view-switcher--fade'\n};\n\nconst selectors = {\n  ROOT: `.${classes.ROOT}`,\n  DEFAULT_SLOT: 'slot:not([name])',\n  VIEW_HIDDEN: `.${classes.VIEW_HIDDEN}`\n};\n\nconst attributes = {\n  INDEX: 'index',\n  ANIMATION_TYPE: 'animation-type'\n};\n\nconst numbers = {\n  DEFAULT_TRANSITION_DURATION: 500\n};\n\nexport const VIEW_SWITCHER_CONSTANTS = {\n  elementName,\n  attributes,\n  classes,\n  selectors,\n  numbers\n};\n\nexport interface IViewSwitcherView {\n  element: HTMLElement;\n}\n\nexport enum ViewAnimationDirection {\n  Left = 'left',\n  Right = 'right'\n}\n\nexport enum ViewSwitcherAnimationType {\n  None = 'none',\n  Slide = 'slide',\n  Fade = 'fade'\n}\n", "import { getShadowElement, removeClass } from '@tylertech/forge-core';\nimport { BaseAdapter, IBaseAdapter } from '../core/base/base-adapter';\nimport { IViewSwitcherComponent } from './view-switcher';\nimport { ViewAnimationDirection, ViewSwitcherAnimationType, VIEW_SWITCHER_CONSTANTS } from './view-switcher-constants';\n\nexport interface IViewSwitcherAdapter extends IBaseAdapter {\n  getViewCount(): number;\n  startViewObserver(callback: MutationCallback): void;\n  stopViewObserver(): void;\n  initializeSlideViews(index: number): void;\n  initializeFadeViews(index: number): void;\n  setActiveView(index: number): void;\n  hideInactiveViews(index: number): void;\n  transitionToView(fromIndex: number, toIndex: number, animationType: ViewSwitcherAnimationType, direction?: ViewAnimationDirection): Promise<void>;\n  setAnimationType(type: ViewSwitcherAnimationType): void;\n}\n\nexport class ViewSwitcherAdapter extends BaseAdapter<IViewSwitcherComponent> implements IViewSwitcherAdapter {\n  private _rootElement: HTMLElement;\n  private _slotElement: HTMLSlotElement;\n  private _viewObserver: MutationObserver;\n\n  constructor(component: IViewSwitcherComponent) {\n    super(component);\n    this._rootElement = getShadowElement(component, VIEW_SWITCHER_CONSTANTS.selectors.ROOT);\n    this._slotElement = getShadowElement(component, VIEW_SWITCHER_CONSTANTS.selectors.DEFAULT_SLOT) as HTMLSlotElement;\n  }\n\n  public getViewCount(): number {\n    return this._getViews().length;\n  }\n\n  public startViewObserver(callback: MutationCallback): void {\n    this._viewObserver = new MutationObserver(callback);\n    this._viewObserver.observe(this._component, { childList: true });\n  }\n\n  public stopViewObserver(): void {\n    if (this._viewObserver) {\n      this._viewObserver.disconnect();\n    }\n  }\n\n  /**\n   * Initializes the views with styles for a slide transition.\n   * @param index The active view index.\n   */\n  public initializeSlideViews(index: number): void {\n    let views = this._getViews();\n    views.forEach((view, i) => {\n      // Make sure that we remove properties if they were set from another animation type\n      view.style.removeProperty('opacity');\n      view.style.removeProperty('display');\n\n      // Ensure that the currently active view is visible\n      if (i === index) {\n        views[index].classList.remove(VIEW_SWITCHER_CONSTANTS.classes.VIEW_HIDDEN);\n        view.style.removeProperty('visibility');\n        return;\n      }\n\n      // We disable the transition when resetting the hidden views so that the animation doesn't occur\n      view.style.transition = 'none';\n\n      // Ensure the view is hidden\n      view.classList.add(VIEW_SWITCHER_CONSTANTS.classes.VIEW_HIDDEN);\n      view.style.visibility = 'hidden';\n\n      // Reset the position of the view to the left or right of the switcher\n      if (i > index) {\n        view.style.transform = 'translate3d(100%, 0, 0)';\n      } else {\n        view.style.transform = 'translate3d(-100%, 0, 0)';\n      }\n    });\n\n    // Wait a frame for the views to reposition, then re-enable the transition for all hidden views\n    window.requestAnimationFrame(() => {\n      views = this._getViews();\n      views.forEach((v, i) => {\n        if (i === index) {\n          return;\n        }\n        v.style.removeProperty('transition');\n      });\n    });\n  }\n\n  /**\n   * Initializes the view styles when using a fade transition.\n   * @param index The active view index.\n   */\n  public initializeFadeViews(index: number): void {\n    const views = this._getViews();\n    views.forEach((view, i) => {\n      // Make sure that we remove properties if they were set from another animation type\n      view.style.removeProperty('transform');\n      view.style.removeProperty('display');\n\n      // Ensure that the visible view doesn't have the hidden class\n      if (i === index) {\n        view.classList.remove(VIEW_SWITCHER_CONSTANTS.classes.VIEW_HIDDEN);\n        view.style.removeProperty('visibility');\n        return;\n      }\n\n      // Ensure the hidden views have the proper class\n      view.classList.add(VIEW_SWITCHER_CONSTANTS.classes.VIEW_HIDDEN);\n      view.style.visibility = 'hidden';\n    });\n\n    // Ensure that the visible view has the proper opacity\n    if (views[index]) {\n      views[index].style.opacity = '1';\n    }\n  }\n\n  /**\n   * This is used when no animation type is set to allow for snapping the view into place.\n   * @param index The currently active view index.\n   */\n  public setActiveView(index: number): void {\n    const views = this._getViews();\n\n    views.forEach((view, i) => {\n      if (i === index) {\n        return;\n      }\n      // Hide all non-visible views\n      view.classList.add(VIEW_SWITCHER_CONSTANTS.classes.VIEW_HIDDEN);\n      view.style.display = 'none';\n    });\n\n    // Ensure that the active view is visible\n    if (views[index]) {\n      views[index].classList.remove(VIEW_SWITCHER_CONSTANTS.classes.VIEW_HIDDEN);\n      views[index].style.removeProperty('display');\n    }\n  }\n\n  /**\n   * This is used when no animation type is specific to hide all non-visible views.\n   * @param index The currently active view index.\n   */\n  public hideInactiveViews(index: number): void {\n    const views = this._getViews();\n    views.forEach((view, i) => {\n      // Make sure that we remove properties if they were set from another animation type\n      view.style.removeProperty('opacity');\n      view.style.removeProperty('transform');\n      view.style.removeProperty('visibility');\n\n      // Ensure the active view is visible\n      if (i === index) {\n        view.classList.remove(VIEW_SWITCHER_CONSTANTS.classes.VIEW_HIDDEN);\n        return;\n      }\n\n      // Ensure all non-active views are hidden\n      view.classList.add(VIEW_SWITCHER_CONSTANTS.classes.VIEW_HIDDEN);\n      view.style.display = 'none';\n    });\n  }\n\n  /**\n   * Initiates a slide transition from one view to another.\n   * @param fromIndex The view index to transition from.\n   * @param toIndex The view index to transition to.\n   * @param direction The transition animation direction.\n   */\n  public async transitionToView(fromIndex: number, toIndex: number, animationType: ViewSwitcherAnimationType, direction?: ViewAnimationDirection): Promise<void> {\n    const views = this._getViews();\n    const fromView = views[fromIndex];\n    const toView = views[toIndex];\n\n    return new Promise<void>(resolve => {\n      // Show the view so we can calculate the height and start the transition in the next frame\n      toView.style.removeProperty('visibility');\n\n      window.requestAnimationFrame(() => {\n        let transitionProp: string;\n        switch (animationType) {\n          case ViewSwitcherAnimationType.Slide:\n            this._slideToView(fromView, toView, direction as ViewAnimationDirection);\n            transitionProp = 'transform';\n            break;\n          case ViewSwitcherAnimationType.Fade:\n            this._fadeToView(fromView, toView);\n            transitionProp = 'opacity';\n            break;\n          default:\n            return;\n        }\n\n        // Start the height transition (this will not animate if the height doesn't change)\n        this._animateHeight(fromView, toView);\n\n        if (fromView) {\n          // Wait for the transform transition to complete before resolving and completing transition\n          fromView.addEventListener('transitionend', transitionEndHandler);\n        } else {\n          toView.classList.remove(VIEW_SWITCHER_CONSTANTS.classes.VIEW_HIDDEN);\n        }\n\n        function transitionEndHandler(evt: TransitionEvent): void {\n          if (evt.propertyName === transitionProp) {\n            fromView.removeEventListener('transitionend', transitionEndHandler);\n            toView.classList.remove(VIEW_SWITCHER_CONSTANTS.classes.VIEW_HIDDEN);\n            resolve();\n          }\n        }\n      });\n    });\n  }\n\n  /**\n   * Initiates a slide transition from one view to another.\n   * @param fromIndex The view index to transition from.\n   * @param toIndex The view index to transition to.\n   * @param direction The transition animation direction.\n   */\n  private _slideToView(fromView: HTMLElement | null, toView: HTMLElement, direction: ViewAnimationDirection): void {\n    // Use a CSS transform on the view to slide it in the requested direction\n    if (direction === ViewAnimationDirection.Left) {\n      if (fromView) {\n        fromView.style.transform = 'translate3d(-100%, 0, 0)';\n      }\n      toView.style.transform = 'translate3d(0, 0, 0)';\n    } else {\n      if (fromView) {\n        fromView.style.transform = 'translate3d(100%, 0, 0)';\n      }\n      toView.style.transform = 'translate3d(0, 0, 0)';\n    }\n  }\n\n  private _fadeToView(fromView: HTMLElement | null, toView: HTMLElement): void {\n    if (fromView) {\n      fromView.style.opacity = '0';\n    }\n    toView.style.opacity = '1';\n  }\n\n  /**\n   * Attempts to animate the height of our container element to match that of the next view.\n   * @param fromIndex The view index we are transitioning from.\n   * @param toIndex The view index we are transitioning to.\n   */\n  private _animateHeight(fromView: HTMLElement | null, toView: HTMLElement): void {\n    const fromViewHeight = fromView ? this._getViewHeight(fromView) : 0;\n    const toViewHeight = this._getViewHeight(toView);\n\n    // We only animate the height if it is different...\n    if (fromViewHeight !== toViewHeight) {\n      this._rootElement.addEventListener('transitionend', this._onRootTransitionEnd.bind(this));\n\n      // Set to the height of the current view so we can animate the height from something static\n      this._setHeight(fromViewHeight);\n\n      // We need to wait two frames before animating to the new height due to event loop\n      window.requestAnimationFrame(() => {\n        window.requestAnimationFrame(() => {\n          // Start the transition to the new view height\n          this._setHeight(toViewHeight);\n        });\n      });\n    }\n  }\n\n  /**\n   * Handles the root container transitionend event.\n   * @param evt The transition event.\n   */\n  private _onRootTransitionEnd(evt: TransitionEvent): void {\n    if (evt.propertyName === 'height') {\n      this._rootElement.removeEventListener('transitionend', this._onRootTransitionEnd);\n      // Removes the static height from the root element so that it can grow with content\n      this._rootElement.style.removeProperty('height');\n    }\n  }\n\n  /**\n   * Resets the animation type on the root element.\n   * @param type The animation type.\n   */\n  public setAnimationType(type: ViewSwitcherAnimationType): void {\n    removeClass([VIEW_SWITCHER_CONSTANTS.classes.VIEW_SWITCHER_SLIDE, VIEW_SWITCHER_CONSTANTS.classes.VIEW_SWITCHER_FADE], this._component);\n\n    switch (type) {\n      case ViewSwitcherAnimationType.Slide:\n        this._component.classList.add(VIEW_SWITCHER_CONSTANTS.classes.VIEW_SWITCHER_SLIDE);\n        break;\n      case ViewSwitcherAnimationType.Fade:\n        this._component.classList.add(VIEW_SWITCHER_CONSTANTS.classes.VIEW_SWITCHER_FADE);\n        break;\n    }\n  }\n\n  /**\n   * Get all view elements.\n   */\n  private _getViews(): HTMLElement[] {\n    return this._slotElement.assignedNodes().filter(n => n.nodeType === 1) as HTMLElement[];\n  }\n\n  /**\n   * Sets the height on the root container element.\n   * @param viewHeight The new height.\n   */\n  private _setHeight(viewHeight: number): void {\n    this._rootElement.style.height = `${viewHeight}px`;\n  }\n\n  /**\n   * Calculate the absolute height of a view.\n   * @param view The view to calculate height from.\n   */\n  private _getViewHeight(view: HTMLElement): number {\n    let height = 0;\n    const elements = view.children.length ? (Array.from(view.children) as HTMLElement[]) : [view];\n\n    for (const element of elements) {\n      const styles = window.getComputedStyle(element);\n      const margin = parseFloat(styles.marginTop as string) + parseFloat(styles.marginBottom as string);\n      height += Math.ceil(element.offsetHeight + margin);\n    }\n\n    return height;\n  }\n}\n", "import { ICustomElementFoundation, Platform, isDefined } from '@tylertech/forge-core';\n\nimport { IViewSwitcherAdapter } from './view-switcher-adapter';\nimport { VIEW_SWITCHER_CONSTANTS, ViewAnimationDirection, ViewSwitcherAnimationType } from './view-switcher-constants';\n\nexport interface IViewSwitcherFoundation extends ICustomElementFoundation {\n  index: number;\n  animationType: ViewSwitcherAnimationType;\n  next(): void;\n  previous(): void;\n  goToStart(): void;\n  goToEnd(): void;\n}\n\nexport class ViewSwitcherFoundation implements IViewSwitcherFoundation {\n  private _viewCount = 0;\n  private _viewIndex = 0;\n  private _animationType = ViewSwitcherAnimationType.None;\n  private _viewsChangedListener: () => void;\n\n  constructor(private _adapter: IViewSwitcherAdapter) {\n    this._viewsChangedListener = () => this._onViewsChanged();\n  }\n\n  public initialize(): void {\n    this._viewCount = this._adapter.getViewCount();\n    this._adapter.startViewObserver(this._viewsChangedListener);\n    this._adapter.setAnimationType(this._animationType);\n\n    if (this._viewCount) {\n      this._initializeAnimationType();\n    }\n  }\n\n  public disconnect(): void {\n    this._adapter.stopViewObserver();\n  }\n\n  private _initializeAnimationType(): void {\n    switch (this._animationType) {\n      case ViewSwitcherAnimationType.Slide:\n        this._adapter.initializeSlideViews(this._viewIndex);\n        break;\n      case ViewSwitcherAnimationType.Fade:\n        this._adapter.initializeFadeViews(this._viewIndex);\n        break;\n      case ViewSwitcherAnimationType.None:\n      default:\n        this._adapter.hideInactiveViews(this._viewIndex);\n        break;\n    }\n  }\n\n  private _onViewsChanged(): void {\n    this._viewCount = this._adapter.getViewCount();\n\n    if (this._viewCount === 0) {\n      this._viewIndex = 0;\n    }\n\n    if (this._viewCount) {\n      this._initializeAnimationType();\n    }\n\n    // If the view index is higher than the number of views then we need to reset it\n    if (this._viewCount > 0 && this._viewIndex >= this._viewCount) {\n      const currIndex = this._viewIndex;\n      this._viewIndex = this._viewCount > 0 ? this._viewCount - 1 : 0;\n      this._goToView(currIndex, this._viewCount);\n    }\n  }\n\n  private async _goToView(fromIndex: number, viewCount?: number): Promise<void> {\n    this._viewCount = !isDefined(viewCount) ? this._adapter.getViewCount() : viewCount as number;\n    \n    // If the index that we're trying to transition to is out of range, or is the same index, then we ignore the transition\n    const isValidIndex = this._viewIndex >= 0 && this._viewIndex <= this._viewCount - 1;\n    if (!isValidIndex || fromIndex === this._clampedViewIndex(this._viewIndex, this._viewCount)) {\n      return;\n    }\n\n    switch (this._animationType) {\n      case ViewSwitcherAnimationType.Slide:\n        const animationDirection = this._viewIndex > fromIndex ? ViewAnimationDirection.Left : ViewAnimationDirection.Right;\n        await this._adapter.transitionToView(fromIndex, this._viewIndex, ViewSwitcherAnimationType.Slide, animationDirection);\n        this._adapter.initializeSlideViews(this._viewIndex);\n        break;\n      case ViewSwitcherAnimationType.Fade:\n        await this._adapter.transitionToView(fromIndex, this._viewIndex, ViewSwitcherAnimationType.Fade);\n        this._adapter.initializeFadeViews(this._viewIndex);\n        break;\n      case ViewSwitcherAnimationType.None:\n      default:\n        this._adapter.setActiveView(this._viewIndex);\n        break;\n    }\n  }\n\n  private _clampedViewIndex(viewIndex: number, viewCount: number): number {\n    if (viewIndex < 0) {\n      viewIndex = 0;\n    } else if (viewIndex > viewCount - 1) {\n      viewIndex = viewCount > 0 ? viewCount - 1 : 0;\n    }\n    return viewIndex;\n  }\n\n  public next(): void {\n    this.index++;\n  }\n\n  public previous(): void {\n    this.index--;\n  }\n\n  public goToStart(): void {\n    this.index = 0;\n  }\n\n  public goToEnd(): void {\n    this.index = this._viewCount - 1;\n  }\n\n  public get index(): number {\n    return this._viewIndex;\n  }\n  public set index(value: number) {\n    if (this._viewIndex !== value) {\n      const currIndex = this._viewIndex;\n      this._viewIndex = value;\n      this._goToView(currIndex);\n      this._adapter.setHostAttribute(VIEW_SWITCHER_CONSTANTS.attributes.INDEX, this._viewIndex.toString());\n    }\n  }\n\n  public get animationType(): ViewSwitcherAnimationType {\n    return this._animationType;\n  }\n  public set animationType(value: ViewSwitcherAnimationType) {\n    if (this._animationType !== value) {\n      this._animationType = value;\n      this._initializeAnimationType();\n      this._adapter.setAnimationType(this._animationType);\n      this._adapter.setHostAttribute(VIEW_SWITCHER_CONSTANTS.attributes.ANIMATION_TYPE, this._animationType);\n    }\n  }\n}\n", "import { CustomElement, attachShadowTemplate, coerceNumber, FoundationProperty, upgradeProperty } from '@tylertech/forge-core';\nimport { ViewSwitcherAdapter } from './view-switcher-adapter';\nimport { ViewSwitcherFoundation } from './view-switcher-foundation';\nimport { VIEW_SWITCHER_CONSTANTS, ViewSwitcherAnimationType } from './view-switcher-constants';\nimport { ViewComponent } from './view/view';\nimport { BaseComponent, IBaseComponent } from '../core/base/base-component';\n\nconst template = '<template><div class=\\\"forge-view-switcher\\\" part=\\\"root\\\"><slot></slot></div></template>';\nconst styles = '.forge-view-switcher{height:auto;height:var(--forge-view-switcher-height,auto);position:relative;overflow:hidden;-webkit-transition:height var(--forge-view-switcher-animation-duration, 500ms) cubic-bezier(.35, 0, .25, 1);transition:height var(--forge-view-switcher-animation-duration, 500ms) cubic-bezier(.35, 0, .25, 1)}.forge-view-switcher ::slotted(.forge-view-switcher__view--hidden){position:absolute;top:0;right:0;bottom:0;left:0}:host{height:auto;height:var(--forge-view-switcher-height,auto);display:block}:host([hidden]){display:none}:host(.forge-view-switcher--slide) ::slotted(forge-view){-webkit-transition:-webkit-transform var(--forge-view-switcher-animation-duration, 500ms) cubic-bezier(.35, 0, .25, 1);transition:-webkit-transform var(--forge-view-switcher-animation-duration, 500ms) cubic-bezier(.35, 0, .25, 1);transition:transform var(--forge-view-switcher-animation-duration, 500ms) cubic-bezier(.35, 0, .25, 1);transition:transform var(--forge-view-switcher-animation-duration, 500ms) cubic-bezier(.35, 0, .25, 1),-webkit-transform var(--forge-view-switcher-animation-duration, 500ms) cubic-bezier(.35, 0, .25, 1);will-change:transform}:host(.forge-view-switcher--fade) ::slotted(forge-view){-webkit-transition:opacity var(--forge-view-switcher-animation-duration, 500ms) cubic-bezier(.35, 0, .25, 1);transition:opacity var(--forge-view-switcher-animation-duration, 500ms) cubic-bezier(.35, 0, .25, 1);will-change:opacity}:host(.forge-view-switcher--fade) ::slotted(.forge-view-switcher__view--hidden){opacity:0}';\n\nexport interface IViewSwitcherComponent extends IBaseComponent {\n  index: number;\n  animationType: ViewSwitcherAnimationType;\n  next(): void;\n  previous(): void;\n  goToStart(): void;\n  goToEnd(): void;\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'forge-view-switcher': IViewSwitcherComponent;\n  }\n}\n\n/**\n * The web component class behind the `<forge-view-switcher>` custom element.\n * \n * @tag forge-view-switcher\n */\n@CustomElement({\n  name: VIEW_SWITCHER_CONSTANTS.elementName,\n  dependencies: [ViewComponent]\n})\nexport class ViewSwitcherComponent extends BaseComponent implements IViewSwitcherComponent {\n  public static get observedAttributes(): string[] {\n    return [\n      VIEW_SWITCHER_CONSTANTS.attributes.INDEX,\n      VIEW_SWITCHER_CONSTANTS.attributes.ANIMATION_TYPE\n    ];\n  }\n\n  private _foundation: ViewSwitcherFoundation;\n\n  constructor() {\n    super();\n    attachShadowTemplate(this, template, styles);\n    this._foundation = new ViewSwitcherFoundation(new ViewSwitcherAdapter(this));\n  }\n\n  public connectedCallback(): void {\n    // upgradeProperty(this, 'index');\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 VIEW_SWITCHER_CONSTANTS.attributes.INDEX:\n        this.index = coerceNumber(newValue);\n        break;\n      case VIEW_SWITCHER_CONSTANTS.attributes.ANIMATION_TYPE:\n        this.animationType = newValue as ViewSwitcherAnimationType;\n        break;\n    }\n  }\n\n  /** Gets/sets the currently visible view index. */\n  @FoundationProperty()\n  public index: number;\n  \n  /** Gets/sets the animation type. */\n  @FoundationProperty()\n  public animationType: ViewSwitcherAnimationType;\n\n  /** Transitions to the next view. */\n  public next(): void {\n    this._foundation.next();\n  }\n\n  /** Transitions to the previous view. */\n  public previous(): void {\n    this._foundation.previous();\n  }\n\n  /** Transitions to the first view. */\n  public goToStart(): void {\n    this._foundation.goToStart();\n  }\n\n  /** Transitions to the last view. */\n  public goToEnd(): void {\n    this._foundation.goToEnd();\n  }\n}\n", "import { defineCustomElement } from '@tylertech/forge-core';\n\nimport { ViewSwitcherComponent } from './view-switcher';\n\nexport * from './view-switcher-adapter';\nexport * from './view-switcher-constants';\nexport * from './view-switcher-foundation';\nexport * from './view-switcher';\nexport * from './view';\n\nexport function defineViewSwitcherComponent(): void {\n  defineCustomElement(ViewSwitcherComponent);\n}\n"],
+  "mappings": "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",
   "names": []
 }

package/dist/esm/chunks/{chunk.YDPSV74L.js → chunk.M3O5VPDD.js}

@@ -5,7 +5,7 @@
  */
 import {
   CALENDAR_MENU_CONSTANTS
-} from "./chunk.XY3ZHN7Y.js";
+} from "./chunk.IBED5TWL.js";
 import {
   createVisuallyHiddenElement
 } from "./chunk.PBGL3BRX.js";
@@ -14,7 +14,7 @@ import {
 } from "./chunk.EY57VTRF.js";
 import {
   POPUP_CONSTANTS
-} from "./chunk.5EEEKOOK.js";
+} from "./chunk.DLF5JAQO.js";
 import {
   TOOLTIP_CONSTANTS
 } from "./chunk.NX5SKZLU.js";
@@ -739,4 +739,4 @@ export {
   CALENDAR_DROPDOWN_CONSTANTS,
   CalendarDropdown
 };
-//# sourceMappingURL=chunk.YDPSV74L.js.map
+//# sourceMappingURL=chunk.M3O5VPDD.js.map