@tylertech/forge 3.0.0-next.11 → 3.0.0-next.13

package/dist/esm/chunks/{chunk.5565ZSTH.js.map → chunk.PYR2OCCH.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  DISABLED: 'forge-chip--disabled',\r\n  LEADING_HIDDEN: 'forge-chip__leading--hidden'\r\n};\r\n\r\nconst selectors = {\r\n  ROOT: '.forge-chip',\r\n  BUTTON: '[role=button]'\r\n};\r\n\r\nconst events = {\r\n  DELETE: `${elementName}-delete`,\r\n  SELECT: `${elementName}-select`,\r\n  FOCUS_NEXT: `${elementName}-focus-next`,\r\n  FOCUS_PREVIOUS: `${elementName}-focus-previous`\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, elementFromHTML, getActiveElement, getShadowElement, removeClass, removeElement, toggleClass, walkUpUntil } from '@tylertech/forge-core';\r\nimport { BaseAdapter, IBaseAdapter } from '../../core/base/base-adapter';\r\nimport { ICON_CONSTANTS } from '../../icon';\r\nimport { ForgeRipple, ForgeRippleAdapter, ForgeRippleCapableSurface, ForgeRippleFoundation } from '../../ripple';\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\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\nimport { CHIP_CONSTANTS, IChipState } from './chip-constants';\r\n\r\nexport interface IChipAdapter extends IBaseAdapter {\r\n  addRootListener(type: string, listener: (evt: Event) => void): void;\r\n  removeRootListener(type: string, listener: (evt: Event) => void): void;\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  tryFocusDelete(): void;\r\n  setEmulatedFocus(value: boolean): void;\r\n  tryMoveFocusPrevious(): void;\r\n  tryMoveFocusNext(): void;\r\n}\r\n\r\n\r\nexport class ChipAdapter extends BaseAdapter<IChipComponent> implements IChipAdapter, ForgeRippleCapableSurface {\r\n  private _rootElement: HTMLElement;\r\n  private _rippleInstance: ForgeRipple;\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._rootElement = getShadowElement(this._component, CHIP_CONSTANTS.selectors.ROOT);\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    this._rootElement.addEventListener('click', evt => {\r\n      if (evt.target === this._deleteButton) {\r\n        return;\r\n      }\r\n      this._buttonElement.focus();\r\n    }, { capture: true });\r\n  }\r\n\r\n  // ForgeRippleCapableSurface\r\n  public get root(): Element {\r\n    return this._rootElement;\r\n  }\r\n  public get unbounded(): boolean | undefined {\r\n    return false;\r\n  }\r\n  public get disabled(): boolean | undefined {\r\n    return this._buttonElement?.disabled;\r\n  }\r\n\r\n  public addRootListener(type: string, listener: (evt: Event) => void): void {\r\n    this._rootElement.addEventListener(type, listener);\r\n  }\r\n\r\n  public removeRootListener(type: string, listener: (evt: Event) => void): void {\r\n    this._rootElement.removeEventListener(type, listener);\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    const adapter: ForgeRippleAdapter = {\r\n      ...ForgeRipple.createAdapter(this),\r\n      registerInteractionHandler: (evtType, handler) => {\r\n        if (['focus', 'blur', 'keydown'].includes(evtType)) {\r\n          this._buttonElement.addEventListener(evtType, handler, { passive: true });\r\n        } else {\r\n          this._rootElement.addEventListener(evtType, handler, { passive: true });\r\n        }\r\n      },\r\n      deregisterInteractionHandler: (evtType, handler) => {\r\n        if (['focus', 'blur', 'keydown'].includes(evtType)) {\r\n          this._buttonElement.removeEventListener(evtType, handler, { passive: true } as AddEventListenerOptions);\r\n        } else {\r\n          this._rootElement.removeEventListener(evtType, handler, { passive: true } as AddEventListenerOptions);\r\n        }\r\n      },\r\n      isSurfaceActive: () => this._buttonElement.matches(':active'),\r\n      isUnbounded: () => Boolean(this.unbounded),\r\n      isSurfaceDisabled: () => this._buttonElement.disabled,\r\n      addClass: className => addClass(className, this._rootElement),\r\n      removeClass: className => removeClass(className, this._rootElement),\r\n      updateCssVariable: (varName, value) => this._rootElement.style.setProperty(varName, value)\r\n    };\r\n    this._rippleInstance = new ForgeRipple(this._rootElement, new ForgeRippleFoundation(adapter));\r\n    return this._rippleInstance;\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._rootElement.classList.add(className);\r\n  }\r\n\r\n  public removeRootClass(name: string): void {\r\n    this._rootElement.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._rootElement.insertBefore(this._checkmarkElement, this._rootElement.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._rootElement, value, CHIP_CONSTANTS.classes.SELECTED);\r\n  }\r\n\r\n  public setDisabled(value: boolean): void {\r\n    this._buttonElement.disabled = value;\r\n    this._buttonElement.tabIndex = value ? -1 : 0;\r\n    toggleClass(this._rootElement, value, CHIP_CONSTANTS.classes.DISABLED);\r\n  }\r\n\r\n  public setDense(value: boolean): void {\r\n    toggleClass(this._rootElement, 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._rootElement.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);\r\n    el.id = 'remove-button';\r\n    el.name = 'cancel';\r\n    el.tabIndex = -1;\r\n    el.setAttribute('aria-hidden', 'false');\r\n    el.setAttribute('aria-label', `Remove ${this._component.innerText}`);\r\n    el.setAttribute('role', 'button');\r\n    el.classList.add(CHIP_CONSTANTS.classes.DELETE_BUTTON);\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    el.classList.add(CHIP_CONSTANTS.classes.DELETE_BUTTON_TOUCH_TARGET);\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 tryFocusDelete(): void {\r\n    if (this._deleteButton) {\r\n      this._deleteButton.focus();\r\n    } else {\r\n      this.setFocus();\r\n    }\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  public tryMoveFocusNext(): void {\r\n    const activeElement = getActiveElement(this._component.ownerDocument);\r\n    if (activeElement === this._buttonElement) {\r\n      if (this._deleteButton) {\r\n        this._deleteButton.focus();\r\n      } else {\r\n        this.emitHostEvent(CHIP_CONSTANTS.events.FOCUS_NEXT);\r\n      }\r\n    } else if (activeElement === this._deleteButton) {\r\n      this.emitHostEvent(CHIP_CONSTANTS.events.FOCUS_NEXT);\r\n    }\r\n  }\r\n\r\n  public tryMoveFocusPrevious(): void {\r\n    const activeElement = getActiveElement(this._component.ownerDocument);\r\n    if (activeElement === this._deleteButton) {\r\n      this._buttonElement.focus();\r\n    } else if (activeElement === this._buttonElement) {\r\n      this.emitHostEvent(CHIP_CONSTANTS.events.FOCUS_PREVIOUS);\r\n    }\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: any;\r\n  dense: boolean;\r\n  emulateFocus: boolean;\r\n  setFocus(): void;\r\n  tryFocusDelete(): 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.addRootListener('click', this._clickListener);\r\n    this._adapter.addRootListener('keydown', this._keydownListener);\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.removeRootListener('click', this._clickListener);\r\n    this._adapter.removeRootListener('keydown', this._keydownListener);\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) ||\r\n                           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    switch (evt.key) {\r\n      case 'Delete':\r\n      case 'Backspace':\r\n        if (this._type === 'input') {\r\n          evt.preventDefault();\r\n          this._emitDeleteEvent();\r\n        }\r\n        break;\r\n      case 'Enter':\r\n      case ' ':\r\n        evt.preventDefault();\r\n        this._rippleInstance?.animate();\r\n        this._handleSelectInteraction();\r\n        break;\r\n      case 'ArrowLeft':\r\n        evt.preventDefault();\r\n        this._adapter.tryMoveFocusPrevious();\r\n        break;\r\n      case 'ArrowRight':\r\n        evt.preventDefault();\r\n        this._adapter.tryMoveFocusNext();\r\n        break;\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) ||\r\n                           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\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\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        break;\r\n      case 'field':\r\n        this._adapter.addRootClass(CHIP_CONSTANTS.classes.FIELD);\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  public tryFocusDelete(): void {\r\n    if (this._type === 'input') {\r\n      this._adapter.tryFocusDelete();\r\n      return;\r\n    }\r\n    this.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><div class=\\\"forge-chip\\\" part=\\\"root button\\\"><slot name=\\\"leading\\\" class=\\\"forge-chip__leading\\\"></slot><div role=\\\"button\\\" tabindex=\\\"0\\\" class=\\\"forge-chip__content\\\" part=\\\"content\\\"><slot></slot></div><slot name=\\\"trailing\\\"></slot></div></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:auto;height:var(--forge-chip-height,auto);min-height:36px;min-height:var(--forge-chip-min-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:#6200ee;background-color:var(--mdc-ripple-color,var(--mdc-theme-primary,#6200ee))}.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:#6200ee;color:var(--mdc-theme-primary,#6200ee)}.forge-chip .mdc-button__ripple{border-style:solid;border-color:transparent}.forge-chip:not(:disabled){color:#6200ee;color:var(--mdc-outlined-button-label-text-color,var(--mdc-theme-primary,#6200ee))}.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:#6200ee;background-color:var(--mdc-outlined-button-hover-state-layer-color,var(--mdc-theme-primary,#6200ee))}.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:#6200ee;border-color:var(--mdc-theme-primary,#6200ee)}.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.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));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));cursor:default;pointer-events:none}.forge-chip.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;text-align:center}.forge-chip__content:focus{outline:0}.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:#fff;stroke:var(--mdc-theme-on-primary,#fff);-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{outline:currentColor solid 2px}.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(.forge-chip--disabled),.forge-chip--filter.forge-chip--selected:not(.forge-chip--disabled),.forge-chip--input.forge-chip--selected:not(.forge-chip--disabled){background-color:#6200ee;background-color:var(--mdc-theme-primary,#6200ee);color:#fff;color:var(--mdc-theme-text-primary-on-dark,#fff)}.forge-chip--choice.forge-chip--selected:not(.forge-chip--disabled)::after,.forge-chip--choice.forge-chip--selected:not(.forge-chip--disabled)::before,.forge-chip--filter.forge-chip--selected:not(.forge-chip--disabled)::after,.forge-chip--filter.forge-chip--selected:not(.forge-chip--disabled)::before,.forge-chip--input.forge-chip--selected:not(.forge-chip--disabled)::after,.forge-chip--input.forge-chip--selected:not(.forge-chip--disabled)::before{background-color:#fff;background-color:var(--mdc-ripple-color,var(--mdc-theme-on-primary,#fff))}.forge-chip--choice.forge-chip--selected:not(.forge-chip--disabled).mdc-ripple-surface--hover::before,.forge-chip--choice.forge-chip--selected:not(.forge-chip--disabled):hover::before,.forge-chip--filter.forge-chip--selected:not(.forge-chip--disabled).mdc-ripple-surface--hover::before,.forge-chip--filter.forge-chip--selected:not(.forge-chip--disabled):hover::before,.forge-chip--input.forge-chip--selected:not(.forge-chip--disabled).mdc-ripple-surface--hover::before,.forge-chip--input.forge-chip--selected:not(.forge-chip--disabled):hover::before{opacity:.08;opacity:var(--mdc-ripple-hover-opacity, .08)}.forge-chip--choice.forge-chip--selected:not(.forge-chip--disabled).mdc-ripple-upgraded--background-focused::before,.forge-chip--choice.forge-chip--selected:not(.forge-chip--disabled):not(.mdc-ripple-upgraded):focus::before,.forge-chip--filter.forge-chip--selected:not(.forge-chip--disabled).mdc-ripple-upgraded--background-focused::before,.forge-chip--filter.forge-chip--selected:not(.forge-chip--disabled):not(.mdc-ripple-upgraded):focus::before,.forge-chip--input.forge-chip--selected:not(.forge-chip--disabled).mdc-ripple-upgraded--background-focused::before,.forge-chip--input.forge-chip--selected:not(.forge-chip--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(.forge-chip--disabled):not(.mdc-ripple-upgraded)::after,.forge-chip--filter.forge-chip--selected:not(.forge-chip--disabled):not(.mdc-ripple-upgraded)::after,.forge-chip--input.forge-chip--selected:not(.forge-chip--disabled):not(.mdc-ripple-upgraded)::after{-webkit-transition:opacity 150ms linear;transition:opacity 150ms linear}.forge-chip--choice.forge-chip--selected:not(.forge-chip--disabled):not(.mdc-ripple-upgraded):active::after,.forge-chip--filter.forge-chip--selected:not(.forge-chip--disabled):not(.mdc-ripple-upgraded):active::after,.forge-chip--input.forge-chip--selected:not(.forge-chip--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(.forge-chip--disabled).mdc-ripple-upgraded,.forge-chip--filter.forge-chip--selected:not(.forge-chip--disabled).mdc-ripple-upgraded,.forge-chip--input.forge-chip--selected:not(.forge-chip--disabled).mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.24)}.forge-chip--choice.forge-chip--selected.forge-chip--disabled,.forge-chip--filter.forge-chip--selected.forge-chip--disabled,.forge-chip--input.forge-chip--selected.forge-chip--disabled{background-color:#6200ee;background-color:var(--mdc-theme-primary,#6200ee);color:#fff;color:var(--mdc-theme-text-primary-on-dark,#fff);opacity:.37}.forge-chip--choice.forge-chip--selected.forge-chip--disabled::after,.forge-chip--choice.forge-chip--selected.forge-chip--disabled::before,.forge-chip--filter.forge-chip--selected.forge-chip--disabled::after,.forge-chip--filter.forge-chip--selected.forge-chip--disabled::before,.forge-chip--input.forge-chip--selected.forge-chip--disabled::after,.forge-chip--input.forge-chip--selected.forge-chip--disabled::before{background-color:#fff;background-color:var(--mdc-ripple-color,var(--mdc-theme-on-primary,#fff))}.forge-chip--choice.forge-chip--selected.forge-chip--disabled.mdc-ripple-surface--hover::before,.forge-chip--choice.forge-chip--selected.forge-chip--disabled:hover::before,.forge-chip--filter.forge-chip--selected.forge-chip--disabled.mdc-ripple-surface--hover::before,.forge-chip--filter.forge-chip--selected.forge-chip--disabled:hover::before,.forge-chip--input.forge-chip--selected.forge-chip--disabled.mdc-ripple-surface--hover::before,.forge-chip--input.forge-chip--selected.forge-chip--disabled:hover::before{opacity:.08;opacity:var(--mdc-ripple-hover-opacity, .08)}.forge-chip--choice.forge-chip--selected.forge-chip--disabled.mdc-ripple-upgraded--background-focused::before,.forge-chip--choice.forge-chip--selected.forge-chip--disabled:not(.mdc-ripple-upgraded):focus::before,.forge-chip--filter.forge-chip--selected.forge-chip--disabled.mdc-ripple-upgraded--background-focused::before,.forge-chip--filter.forge-chip--selected.forge-chip--disabled:not(.mdc-ripple-upgraded):focus::before,.forge-chip--input.forge-chip--selected.forge-chip--disabled.mdc-ripple-upgraded--background-focused::before,.forge-chip--input.forge-chip--selected.forge-chip--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.forge-chip--disabled:not(.mdc-ripple-upgraded)::after,.forge-chip--filter.forge-chip--selected.forge-chip--disabled:not(.mdc-ripple-upgraded)::after,.forge-chip--input.forge-chip--selected.forge-chip--disabled:not(.mdc-ripple-upgraded)::after{-webkit-transition:opacity 150ms linear;transition:opacity 150ms linear}.forge-chip--choice.forge-chip--selected.forge-chip--disabled:not(.mdc-ripple-upgraded):active::after,.forge-chip--filter.forge-chip--selected.forge-chip--disabled:not(.mdc-ripple-upgraded):active::after,.forge-chip--input.forge-chip--selected.forge-chip--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.forge-chip--disabled.mdc-ripple-upgraded,.forge-chip--filter.forge-chip--selected.forge-chip--disabled.mdc-ripple-upgraded,.forge-chip--input.forge-chip--selected.forge-chip--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:#6200ee;color:var(--mdc-theme-primary,#6200ee)}.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(.forge-chip--disabled) .forge-chip__delete-button{color:#b00020;color:var(--mdc-theme-error,#b00020)}.forge-chip--field.forge-chip--invalid:not(.forge-chip--disabled) .forge-chip__delete-button:focus,.forge-chip--field.forge-chip--invalid:not(.forge-chip--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.forge-chip--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{min-height:28px;min-height:var(--forge-chip-min-height,28px)}.forge-chip--dense.forge-chip--field{min-height:20px;min-height:var(--forge-chip-min-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(.forge-chip--disabled){color:#b00020;color:var(--mdc-theme-error,#b00020)}.forge-chip--invalid:not(.forge-chip--disabled)::after,.forge-chip--invalid:not(.forge-chip--disabled)::before{background-color:#b00020;background-color:var(--mdc-ripple-color,var(--mdc-theme-error,#b00020))}.forge-chip--invalid:not(.forge-chip--disabled).mdc-ripple-surface--hover::before,.forge-chip--invalid:not(.forge-chip--disabled):hover::before{opacity:.04;opacity:var(--mdc-ripple-hover-opacity, .04)}.forge-chip--invalid:not(.forge-chip--disabled).mdc-ripple-upgraded--background-focused::before,.forge-chip--invalid:not(.forge-chip--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(.forge-chip--disabled):not(.mdc-ripple-upgraded)::after{-webkit-transition:opacity 150ms linear;transition:opacity 150ms linear}.forge-chip--invalid:not(.forge-chip--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(.forge-chip--disabled).mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.12)}.forge-chip--invalid:not(.forge-chip--disabled):not(:disabled){border-color:#b00020;border-color:var(--mdc-theme-error,#b00020)}.forge-chip--invalid:not(.forge-chip--disabled) .forge-chip__delete-button{color:#b00020;color:var(--mdc-theme-error,#b00020)}.forge-chip--invalid:not(.forge-chip--disabled).forge-chip--selected{background-color:#b00020;background-color:var(--mdc-theme-error,#b00020)}.forge-chip--invalid:not(.forge-chip--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: any;\r\n  dense: boolean;\r\n  emulateFocus: boolean;\r\n  tryFocusDelete(): void;\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 declare type: ChipType;\r\n\r\n  /** Gets/sets the selected state of the chip. */\r\n  @FoundationProperty()\r\n  public declare selected: boolean;\r\n\r\n  /** Gets/sets the disabled state of the chip. */\r\n  @FoundationProperty()\r\n  public declare disabled: boolean;\r\n\r\n  /** Gets/sets the invalid state of the chip. */\r\n  @FoundationProperty()\r\n  public declare invalid: boolean;\r\n\r\n  /** Gets/sets the chip value. */\r\n  @FoundationProperty()\r\n  public declare value: any;\r\n\r\n  /** Gets/sets the dense state of the chip. */\r\n  @FoundationProperty()\r\n  public declare dense: boolean;\r\n\r\n  @FoundationProperty()\r\n  public declare emulateFocus: boolean;\r\n\r\n  public override focus(): void {\r\n    this._foundation.setFocus();\r\n  }\r\n\r\n  public tryFocusDelete(): void {\r\n    this._foundation.tryFocusDelete();\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  DISABLED: 'forge-chip--disabled',\r\n  LEADING_HIDDEN: 'forge-chip__leading--hidden'\r\n};\r\n\r\nconst selectors = {\r\n  ROOT: '.forge-chip',\r\n  BUTTON: '[role=button]'\r\n};\r\n\r\nconst events = {\r\n  DELETE: `${elementName}-delete`,\r\n  SELECT: `${elementName}-select`,\r\n  FOCUS_NEXT: `${elementName}-focus-next`,\r\n  FOCUS_PREVIOUS: `${elementName}-focus-previous`\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, elementFromHTML, getActiveElement, getShadowElement, removeClass, removeElement, toggleClass, walkUpUntil } from '@tylertech/forge-core';\r\nimport { BaseAdapter, IBaseAdapter } from '../../core/base/base-adapter';\r\nimport { ICON_CONSTANTS } from '../../icon';\r\nimport { ForgeRipple, ForgeRippleAdapter, ForgeRippleCapableSurface, ForgeRippleFoundation } from '../../ripple';\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\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\nimport { CHIP_CONSTANTS, IChipState } from './chip-constants';\r\n\r\nexport interface IChipAdapter extends IBaseAdapter {\r\n  addRootListener(type: string, listener: (evt: Event) => void): void;\r\n  removeRootListener(type: string, listener: (evt: Event) => void): void;\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  tryFocusDelete(): void;\r\n  setEmulatedFocus(value: boolean): void;\r\n  tryMoveFocusPrevious(): void;\r\n  tryMoveFocusNext(): void;\r\n}\r\n\r\n\r\nexport class ChipAdapter extends BaseAdapter<IChipComponent> implements IChipAdapter, ForgeRippleCapableSurface {\r\n  private _rootElement: HTMLElement;\r\n  private _rippleInstance: ForgeRipple;\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._rootElement = getShadowElement(this._component, CHIP_CONSTANTS.selectors.ROOT);\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    this._rootElement.addEventListener('click', evt => {\r\n      if (evt.target === this._deleteButton) {\r\n        return;\r\n      }\r\n      this._buttonElement.focus();\r\n    }, { capture: true });\r\n  }\r\n\r\n  // ForgeRippleCapableSurface\r\n  public get root(): Element {\r\n    return this._rootElement;\r\n  }\r\n  public get unbounded(): boolean | undefined {\r\n    return false;\r\n  }\r\n  public get disabled(): boolean | undefined {\r\n    return this._buttonElement?.disabled;\r\n  }\r\n\r\n  public addRootListener(type: string, listener: (evt: Event) => void): void {\r\n    this._rootElement.addEventListener(type, listener);\r\n  }\r\n\r\n  public removeRootListener(type: string, listener: (evt: Event) => void): void {\r\n    this._rootElement.removeEventListener(type, listener);\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    const adapter: ForgeRippleAdapter = {\r\n      ...ForgeRipple.createAdapter(this),\r\n      registerInteractionHandler: (evtType, handler) => {\r\n        if (['focus', 'blur', 'keydown'].includes(evtType)) {\r\n          this._buttonElement.addEventListener(evtType, handler, { passive: true });\r\n        } else {\r\n          this._rootElement.addEventListener(evtType, handler, { passive: true });\r\n        }\r\n      },\r\n      deregisterInteractionHandler: (evtType, handler) => {\r\n        if (['focus', 'blur', 'keydown'].includes(evtType)) {\r\n          this._buttonElement.removeEventListener(evtType, handler, { passive: true } as AddEventListenerOptions);\r\n        } else {\r\n          this._rootElement.removeEventListener(evtType, handler, { passive: true } as AddEventListenerOptions);\r\n        }\r\n      },\r\n      isSurfaceActive: () => this._buttonElement.matches(':active'),\r\n      isUnbounded: () => Boolean(this.unbounded),\r\n      isSurfaceDisabled: () => this._buttonElement.disabled,\r\n      addClass: className => addClass(className, this._rootElement),\r\n      removeClass: className => removeClass(className, this._rootElement),\r\n      updateCssVariable: (varName, value) => this._rootElement.style.setProperty(varName, value)\r\n    };\r\n    this._rippleInstance = new ForgeRipple(this._rootElement, new ForgeRippleFoundation(adapter));\r\n    return this._rippleInstance;\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._rootElement.classList.add(className);\r\n  }\r\n\r\n  public removeRootClass(name: string): void {\r\n    this._rootElement.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._rootElement.insertBefore(this._checkmarkElement, this._rootElement.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._rootElement, value, CHIP_CONSTANTS.classes.SELECTED);\r\n  }\r\n\r\n  public setDisabled(value: boolean): void {\r\n    this._buttonElement.disabled = value;\r\n    this._buttonElement.tabIndex = value ? -1 : 0;\r\n    toggleClass(this._rootElement, value, CHIP_CONSTANTS.classes.DISABLED);\r\n  }\r\n\r\n  public setDense(value: boolean): void {\r\n    toggleClass(this._rootElement, 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._rootElement.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);\r\n    el.id = 'remove-button';\r\n    el.name = 'cancel';\r\n    el.tabIndex = -1;\r\n    el.setAttribute('aria-hidden', 'false');\r\n    el.setAttribute('aria-label', `Remove ${this._component.innerText}`);\r\n    el.setAttribute('role', 'button');\r\n    el.classList.add(CHIP_CONSTANTS.classes.DELETE_BUTTON);\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    el.classList.add(CHIP_CONSTANTS.classes.DELETE_BUTTON_TOUCH_TARGET);\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 tryFocusDelete(): void {\r\n    if (this._deleteButton) {\r\n      this._deleteButton.focus();\r\n    } else {\r\n      this.setFocus();\r\n    }\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  public tryMoveFocusNext(): void {\r\n    const activeElement = getActiveElement(this._component.ownerDocument);\r\n    if (activeElement === this._buttonElement) {\r\n      if (this._deleteButton) {\r\n        this._deleteButton.focus();\r\n      } else {\r\n        this.emitHostEvent(CHIP_CONSTANTS.events.FOCUS_NEXT);\r\n      }\r\n    } else if (activeElement === this._deleteButton) {\r\n      this.emitHostEvent(CHIP_CONSTANTS.events.FOCUS_NEXT);\r\n    }\r\n  }\r\n\r\n  public tryMoveFocusPrevious(): void {\r\n    const activeElement = getActiveElement(this._component.ownerDocument);\r\n    if (activeElement === this._deleteButton) {\r\n      this._buttonElement.focus();\r\n    } else if (activeElement === this._buttonElement) {\r\n      this.emitHostEvent(CHIP_CONSTANTS.events.FOCUS_PREVIOUS);\r\n    }\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: any;\r\n  dense: boolean;\r\n  emulateFocus: boolean;\r\n  setFocus(): void;\r\n  tryFocusDelete(): 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.addRootListener('click', this._clickListener);\r\n    this._adapter.addRootListener('keydown', this._keydownListener);\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.removeRootListener('click', this._clickListener);\r\n    this._adapter.removeRootListener('keydown', this._keydownListener);\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) ||\r\n                           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    switch (evt.key) {\r\n      case 'Delete':\r\n      case 'Backspace':\r\n        if (this._type === 'input') {\r\n          evt.preventDefault();\r\n          this._emitDeleteEvent();\r\n        }\r\n        break;\r\n      case 'Enter':\r\n      case ' ':\r\n        evt.preventDefault();\r\n        this._rippleInstance?.animate();\r\n        this._handleSelectInteraction();\r\n        break;\r\n      case 'ArrowLeft':\r\n        evt.preventDefault();\r\n        this._adapter.tryMoveFocusPrevious();\r\n        break;\r\n      case 'ArrowRight':\r\n        evt.preventDefault();\r\n        this._adapter.tryMoveFocusNext();\r\n        break;\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) ||\r\n                           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\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\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        break;\r\n      case 'field':\r\n        this._adapter.addRootClass(CHIP_CONSTANTS.classes.FIELD);\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  public tryFocusDelete(): void {\r\n    if (this._type === 'input') {\r\n      this._adapter.tryFocusDelete();\r\n      return;\r\n    }\r\n    this.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><div class=\\\"forge-chip\\\" part=\\\"root button\\\"><slot name=\\\"leading\\\" class=\\\"forge-chip__leading\\\"></slot><div role=\\\"button\\\" tabindex=\\\"0\\\" class=\\\"forge-chip__content\\\" part=\\\"content\\\"><slot></slot></div><slot name=\\\"trailing\\\"></slot></div></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;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:auto;height:var(--forge-chip-height,auto);min-height:36px;min-height:var(--forge-chip-min-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);text-transform:none;overflow:hidden}.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:#6200ee;background-color:var(--mdc-ripple-color,var(--mdc-theme-primary,#6200ee))}.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:#6200ee;color:var(--mdc-theme-primary,#6200ee)}.forge-chip .mdc-button__ripple{border-style:solid;border-color:transparent}.forge-chip:not(:disabled){color:#6200ee;color:var(--mdc-outlined-button-label-text-color,var(--mdc-theme-primary,#6200ee))}.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:#6200ee;background-color:var(--mdc-outlined-button-hover-state-layer-color,var(--mdc-theme-primary,#6200ee))}.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:#6200ee;border-color:var(--mdc-theme-primary,#6200ee)}.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.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));cursor:default;pointer-events:none}.forge-chip.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;text-align:center}.forge-chip__content:focus{outline:0}.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:#fff;stroke:var(--mdc-theme-on-primary,#fff);-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{outline:currentColor solid 2px}.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(.forge-chip--disabled),.forge-chip--filter.forge-chip--selected:not(.forge-chip--disabled),.forge-chip--input.forge-chip--selected:not(.forge-chip--disabled){background-color:#6200ee;background-color:var(--mdc-theme-primary,#6200ee);color:#fff;color:var(--mdc-theme-text-primary-on-dark,#fff)}.forge-chip--choice.forge-chip--selected:not(.forge-chip--disabled)::after,.forge-chip--choice.forge-chip--selected:not(.forge-chip--disabled)::before,.forge-chip--filter.forge-chip--selected:not(.forge-chip--disabled)::after,.forge-chip--filter.forge-chip--selected:not(.forge-chip--disabled)::before,.forge-chip--input.forge-chip--selected:not(.forge-chip--disabled)::after,.forge-chip--input.forge-chip--selected:not(.forge-chip--disabled)::before{background-color:#fff;background-color:var(--mdc-ripple-color,var(--mdc-theme-on-primary,#fff))}.forge-chip--choice.forge-chip--selected:not(.forge-chip--disabled).mdc-ripple-surface--hover::before,.forge-chip--choice.forge-chip--selected:not(.forge-chip--disabled):hover::before,.forge-chip--filter.forge-chip--selected:not(.forge-chip--disabled).mdc-ripple-surface--hover::before,.forge-chip--filter.forge-chip--selected:not(.forge-chip--disabled):hover::before,.forge-chip--input.forge-chip--selected:not(.forge-chip--disabled).mdc-ripple-surface--hover::before,.forge-chip--input.forge-chip--selected:not(.forge-chip--disabled):hover::before{opacity:.08;opacity:var(--mdc-ripple-hover-opacity, .08)}.forge-chip--choice.forge-chip--selected:not(.forge-chip--disabled).mdc-ripple-upgraded--background-focused::before,.forge-chip--choice.forge-chip--selected:not(.forge-chip--disabled):not(.mdc-ripple-upgraded):focus::before,.forge-chip--filter.forge-chip--selected:not(.forge-chip--disabled).mdc-ripple-upgraded--background-focused::before,.forge-chip--filter.forge-chip--selected:not(.forge-chip--disabled):not(.mdc-ripple-upgraded):focus::before,.forge-chip--input.forge-chip--selected:not(.forge-chip--disabled).mdc-ripple-upgraded--background-focused::before,.forge-chip--input.forge-chip--selected:not(.forge-chip--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(.forge-chip--disabled):not(.mdc-ripple-upgraded)::after,.forge-chip--filter.forge-chip--selected:not(.forge-chip--disabled):not(.mdc-ripple-upgraded)::after,.forge-chip--input.forge-chip--selected:not(.forge-chip--disabled):not(.mdc-ripple-upgraded)::after{-webkit-transition:opacity 150ms linear;transition:opacity 150ms linear}.forge-chip--choice.forge-chip--selected:not(.forge-chip--disabled):not(.mdc-ripple-upgraded):active::after,.forge-chip--filter.forge-chip--selected:not(.forge-chip--disabled):not(.mdc-ripple-upgraded):active::after,.forge-chip--input.forge-chip--selected:not(.forge-chip--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(.forge-chip--disabled).mdc-ripple-upgraded,.forge-chip--filter.forge-chip--selected:not(.forge-chip--disabled).mdc-ripple-upgraded,.forge-chip--input.forge-chip--selected:not(.forge-chip--disabled).mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.24)}.forge-chip--choice.forge-chip--selected.forge-chip--disabled,.forge-chip--filter.forge-chip--selected.forge-chip--disabled,.forge-chip--input.forge-chip--selected.forge-chip--disabled{background-color:#6200ee;background-color:var(--mdc-theme-primary,#6200ee);color:#fff;color:var(--mdc-theme-text-primary-on-dark,#fff);opacity:.37}.forge-chip--choice.forge-chip--selected.forge-chip--disabled::after,.forge-chip--choice.forge-chip--selected.forge-chip--disabled::before,.forge-chip--filter.forge-chip--selected.forge-chip--disabled::after,.forge-chip--filter.forge-chip--selected.forge-chip--disabled::before,.forge-chip--input.forge-chip--selected.forge-chip--disabled::after,.forge-chip--input.forge-chip--selected.forge-chip--disabled::before{background-color:#fff;background-color:var(--mdc-ripple-color,var(--mdc-theme-on-primary,#fff))}.forge-chip--choice.forge-chip--selected.forge-chip--disabled.mdc-ripple-surface--hover::before,.forge-chip--choice.forge-chip--selected.forge-chip--disabled:hover::before,.forge-chip--filter.forge-chip--selected.forge-chip--disabled.mdc-ripple-surface--hover::before,.forge-chip--filter.forge-chip--selected.forge-chip--disabled:hover::before,.forge-chip--input.forge-chip--selected.forge-chip--disabled.mdc-ripple-surface--hover::before,.forge-chip--input.forge-chip--selected.forge-chip--disabled:hover::before{opacity:.08;opacity:var(--mdc-ripple-hover-opacity, .08)}.forge-chip--choice.forge-chip--selected.forge-chip--disabled.mdc-ripple-upgraded--background-focused::before,.forge-chip--choice.forge-chip--selected.forge-chip--disabled:not(.mdc-ripple-upgraded):focus::before,.forge-chip--filter.forge-chip--selected.forge-chip--disabled.mdc-ripple-upgraded--background-focused::before,.forge-chip--filter.forge-chip--selected.forge-chip--disabled:not(.mdc-ripple-upgraded):focus::before,.forge-chip--input.forge-chip--selected.forge-chip--disabled.mdc-ripple-upgraded--background-focused::before,.forge-chip--input.forge-chip--selected.forge-chip--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.forge-chip--disabled:not(.mdc-ripple-upgraded)::after,.forge-chip--filter.forge-chip--selected.forge-chip--disabled:not(.mdc-ripple-upgraded)::after,.forge-chip--input.forge-chip--selected.forge-chip--disabled:not(.mdc-ripple-upgraded)::after{-webkit-transition:opacity 150ms linear;transition:opacity 150ms linear}.forge-chip--choice.forge-chip--selected.forge-chip--disabled:not(.mdc-ripple-upgraded):active::after,.forge-chip--filter.forge-chip--selected.forge-chip--disabled:not(.mdc-ripple-upgraded):active::after,.forge-chip--input.forge-chip--selected.forge-chip--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.forge-chip--disabled.mdc-ripple-upgraded,.forge-chip--filter.forge-chip--selected.forge-chip--disabled.mdc-ripple-upgraded,.forge-chip--input.forge-chip--selected.forge-chip--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:#6200ee;color:var(--mdc-theme-primary,#6200ee)}.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(.forge-chip--disabled) .forge-chip__delete-button{color:#b00020;color:var(--mdc-theme-error,#b00020)}.forge-chip--field.forge-chip--invalid:not(.forge-chip--disabled) .forge-chip__delete-button:focus,.forge-chip--field.forge-chip--invalid:not(.forge-chip--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.forge-chip--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{min-height:28px;min-height:var(--forge-chip-min-height,28px)}.forge-chip--dense.forge-chip--field{min-height:20px;min-height:var(--forge-chip-min-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(.forge-chip--disabled){color:#b00020;color:var(--mdc-theme-error,#b00020)}.forge-chip--invalid:not(.forge-chip--disabled)::after,.forge-chip--invalid:not(.forge-chip--disabled)::before{background-color:#b00020;background-color:var(--mdc-ripple-color,var(--mdc-theme-error,#b00020))}.forge-chip--invalid:not(.forge-chip--disabled).mdc-ripple-surface--hover::before,.forge-chip--invalid:not(.forge-chip--disabled):hover::before{opacity:.04;opacity:var(--mdc-ripple-hover-opacity, .04)}.forge-chip--invalid:not(.forge-chip--disabled).mdc-ripple-upgraded--background-focused::before,.forge-chip--invalid:not(.forge-chip--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(.forge-chip--disabled):not(.mdc-ripple-upgraded)::after{-webkit-transition:opacity 150ms linear;transition:opacity 150ms linear}.forge-chip--invalid:not(.forge-chip--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(.forge-chip--disabled).mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.12)}.forge-chip--invalid:not(.forge-chip--disabled):not(:disabled){border-color:#b00020;border-color:var(--mdc-theme-error,#b00020)}.forge-chip--invalid:not(.forge-chip--disabled) .forge-chip__delete-button{color:#b00020;color:var(--mdc-theme-error,#b00020)}.forge-chip--invalid:not(.forge-chip--disabled).forge-chip--selected{background-color:#b00020;background-color:var(--mdc-theme-error,#b00020)}.forge-chip--invalid:not(.forge-chip--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: any;\r\n  dense: boolean;\r\n  emulateFocus: boolean;\r\n  tryFocusDelete(): void;\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 declare type: ChipType;\r\n\r\n  /** Gets/sets the selected state of the chip. */\r\n  @FoundationProperty()\r\n  public declare selected: boolean;\r\n\r\n  /** Gets/sets the disabled state of the chip. */\r\n  @FoundationProperty()\r\n  public declare disabled: boolean;\r\n\r\n  /** Gets/sets the invalid state of the chip. */\r\n  @FoundationProperty()\r\n  public declare invalid: boolean;\r\n\r\n  /** Gets/sets the chip value. */\r\n  @FoundationProperty()\r\n  public declare value: any;\r\n\r\n  /** Gets/sets the dense state of the chip. */\r\n  @FoundationProperty()\r\n  public declare dense: boolean;\r\n\r\n  @FoundationProperty()\r\n  public declare emulateFocus: boolean;\r\n\r\n  public override focus(): void {\r\n    this._foundation.setFocus();\r\n  }\r\n\r\n  public tryFocusDelete(): void {\r\n    this._foundation.tryFocusDelete();\r\n  }\r\n}\r\n"],
+  "mappings": "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",
   "names": ["elementName", "COMPONENT_NAME_PREFIX", "attributes", "classes", "selectors", "CHIP_SET_CONSTANTS", "elementName", "COMPONENT_NAME_PREFIX", "attributes", "classes", "selectors", "events", "defaults", "CHIP_CONSTANTS", "checkmarkTemplate", "ChipAdapter", "BaseAdapter", "component", "getShadowElement", "CHIP_CONSTANTS", "evt", "_a", "type", "listener", "adapter", "__spreadProps", "__spreadValues", "ForgeRipple", "evtType", "handler", "className", "addClass", "removeClass", "varName", "value", "ForgeRippleFoundation", "name", "isVisible", "elementFromHTML", "removeElement", "toggleClass", "state", "chipSet", "walkUpUntil", "node", "CHIP_SET_CONSTANTS", "el", "ICON_CONSTANTS", "activeElement", "getActiveElement", "ChipFoundation", "_adapter", "CHIP_CONSTANTS", "evt", "chipSetState", "target", "_a", "wasDefaultPrevented", "isSelectableType", "selectEventData", "deleteEventData", "showDeleteButton", "value", "val", "template", "styles", "ChipComponent", "BaseComponent", "IconRegistry", "tylIconCancel", "attachShadowTemplate", "ChipFoundation", "ChipAdapter", "CHIP_CONSTANTS", "name", "oldValue", "newValue", "coerceBoolean", "__decorateClass", "FoundationProperty", "CustomElement", "IconComponent"]
 }

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

@@ -0,0 +1,7 @@
+/**
+ * @license
+ * Copyright 2023 Tyler Technologies, Inc. 
+ * License: Apache-2.0
+ */
+import{d as L}from"./chunk.EWK76SPH.js";import{d as k}from"./chunk.5A2PA7TL.js";import{a as d,d as P}from"./chunk.JVLJH6PR.js";import{a as w,b as N}from"./chunk.YWAUEUAH.js";import{a as I}from"./chunk.HSI7B43D.js";import{a as o}from"./chunk.NVUMRW44.js";import{a as A,b as S}from"./chunk.36F2GVWS.js";import{a as B,e as C,f as n,k as T}from"./chunk.JAWV5Y5T.js";import{e as b,f,i as y,s as E,t as x,u as v}from"./chunk.K7FPXAFS.js";import{b as _,k as h}from"./chunk.J2M2MXP2.js";import{d as s}from"./chunk.M3QDAYD2.js";var R=`${S}busy-indicator`,F={SURFACE_INVISIBLE:"forge-busy-indicator__surface--invisible",SURFACE_FIXED:"forge-busy-indicator__surface--fixed"},D={SURFACE:".forge-busy-indicator__surface",SURFACE_INVISIBLE:`.${F.SURFACE_INVISIBLE}`,TITLE:".forge-busy-indicator__title",MESSAGE:".forge-busy-indicator__message",CANCEL:".forge-busy-indicator__cancel-button",SPINNER:".forge-busy-indicator__spinner",PROGRESS_BAR_CONTAINER:".forge-busy-indicator__progress-container",PROGRESS_BAR:`.forge-busy-indicator__progress-container ${w.elementName}`,BACKDROP:d.elementName},O={CANCEL:`${R}-cancel`},M={CANCELLING:"Cancelling..."},z={TITLE_TEXT:"title-text",MESSAGE:"message",CANCEL:"cancel",SPINNER:"spinner",PROGRESS_BAR:"progress-bar",PROGRESS_BAR_DETERMINATE:"progress-bar-determinate",PROGRESS:"progress",BUFFER:"buffer",WIDTH:"width",DIRECTION:"direction",MINIMUM_VISIBLE_LIFETIME:"minimum-visible-lifetime",MANAGE_FOCUS:"manage-focus",PARENT_OPEN:"forge-busy-indicator-open",FIXED:"fixed"},H={TRANSITION_LENGTH:120},t={elementName:R,selectors:D,events:O,strings:M,attributes:z,numbers:H,classes:F};var p=class extends I{constructor(e){super(e);this._parentElement=null;this._surfaceElement=n(e,t.selectors.SURFACE),this._titleElement=n(e,t.selectors.TITLE),this._messageElement=n(e,t.selectors.MESSAGE),this._cancelButtonElement=n(e,t.selectors.CANCEL),this._spinnerElement=n(e,t.selectors.SPINNER),this._progressBarContainerElement=n(e,t.selectors.PROGRESS_BAR_CONTAINER),this._progressBarElement=n(e,t.selectors.PROGRESS_BAR),this._backdropElement=n(e,t.selectors.BACKDROP)}setSurfaceOpacity(e){this._surfaceElement.style.opacity=e.toString()}setFixed(e){v(this._backdropElement,e,d.attributes.FIXED),x(this._surfaceElement,e,t.classes.SURFACE_FIXED)}setTitle(e){this._titleElement.innerText=e}setMessage(e){this._messageElement.innerText=e}setTitleVisibility(e){this._titlePlaceholderElement=this._toggleElement(e,t.selectors.TITLE,this._titleElement,this._titlePlaceholderElement)}setCancelButtonVisibility(e){this._cancelButtonPlaceholderElement=this._toggleElement(e,t.selectors.CANCEL,this._cancelButtonElement,this._cancelButtonPlaceholderElement)}setMessageVisibility(e){this._messagePlaceholderElement=this._toggleElement(e,t.selectors.MESSAGE,this._messageElement,this._messagePlaceholderElement)}setSpinnerVisibility(e){this._spinnerPlaceholderElement=this._toggleElement(e,t.selectors.SPINNER,this._spinnerElement,this._spinnerPlaceholderElement)}setProgressBarVisibility(e){this._progressBarContainerPlaceholderElement=this._toggleElement(e,t.selectors.PROGRESS_BAR_CONTAINER,this._progressBarContainerElement,this._progressBarContainerPlaceholderElement)}setProgressBarDeterminate(e){this._progressBarElement.determinate=e}setProgressBarProgress(e){this._progressBarElement.progress=e}setProgressBarBuffer(e){this._progressBarElement.buffer=e}addCancelButtonEventListener(e,a){this._cancelButtonElement.addEventListener(e,a)}removeCancelButtonEventListener(e,a){this._cancelButtonElement.removeEventListener(e,a)}setCancelButtonAttribute(e,a){this._cancelButtonElement.setAttribute(e,a)}setCancelButtonText(e){this._cancelButtonElement.innerText=e}setSurfaceWidth(e){this._surfaceElement.style.width=e.toString()}captureFocus(){this._surfaceElement.focus()}remove(){y(this._component)}hideBackdrop(){this._backdropElement.fadeOut()}_toggleElement(e,a,c,l){let g=!!n(this._component,a);return l||(l=document.createComment(`(${t.elementName}) ${a}`)),e&&!g?b(c,l):!e&&g&&b(l,c),l}setContainerInvisible(){f(t.classes.SURFACE_INVISIBLE,this._surfaceElement)}setBackdropAppearance(e){this._backdropElement.setAttribute(d.attributes.APPEARANCE,String(e))}setParentAttribute(e,a){this._parentElement=this._component.parentElement,this._parentElement&&this._parentElement.setAttribute(e,a)}removeParentAttribute(e){this._parentElement&&(this._parentElement.removeAttribute(e),this._parentElement=null)}getFocusedElement(){return E(this._component.ownerDocument)}hasFocus(){let e=this.getFocusedElement();return this._component===e||this._surfaceElement===e||this._surfaceElement.contains(e)}};var m=class{constructor(i){this._adapter=i;this._canCancel=!1;this._showSpinner=!0;this._showProgressBar=!1;this._progressBarDeterminate=!1;this._progress=0;this._buffer=0;this._cancelListenerAttached=!1;this._direction="row";this._manageFocus=!0;this._fixed=!0}destroy(){this._adapter.removeCancelButtonEventListener("click",this._onCancelClick)}show(){this._applyDirection(),this._adapter.setParentAttribute(t.attributes.PARENT_OPEN,"true"),this._adapter.setHostAttribute("tabindex","0"),this._adapter.setSurfaceOpacity(0),this._adapter.setFixed(this._fixed),this._titleText||this._adapter.setTitleVisibility(!1),this._message&&this._adapter.setMessage(this._message),this._adapter.setMessageVisibility(!!this._message),this._canCancel?this._attachCancelClickListener():this._adapter.setCancelButtonVisibility(!1),this._showSpinner||this._adapter.setSpinnerVisibility(!1),this._showProgressBar?(this._adapter.setProgressBarDeterminate(this._progressBarDeterminate),this._adapter.setProgressBarProgress(this._progress),this._adapter.setProgressBarBuffer(this._buffer)):this._adapter.setProgressBarVisibility(!1),this._width&&this._adapter.setSurfaceWidth(typeof this._width=="number"?`${this._width}px`:this._width),(!this._message||this._message.length===0)&&this._showSpinner&&(!this.titleText||this._titleText.length===0)&&!this._canCancel&&(this._adapter.setContainerInvisible(),this._adapter.setBackdropAppearance("light")),this.fadeIn()}hide(i=!1){i?(this._manageFocus&&this._releaseFocus(),this._adapter.remove(),this._adapter.removeParentAttribute(t.attributes.PARENT_OPEN)):(this.fadeOut(),this._adapter.hideBackdrop(),setTimeout(()=>{this._manageFocus&&this._releaseFocus(),this._adapter.remove(),this._adapter.removeParentAttribute(t.attributes.PARENT_OPEN)},t.numbers.TRANSITION_LENGTH))}fadeOut(){this._adapter.setSurfaceOpacity(0)}fadeIn(){this._adapter.setSurfaceOpacity(1),this._manageFocus&&this._captureFocus()}_attachCancelClickListener(){this._cancelListenerAttached||(this._adapter.addCancelButtonEventListener("click",this._onCancelClick.bind(this)),this._cancelListenerAttached=!0)}_onCancelClick(){this._adapter.setCancelButtonAttribute("disabled","disabled"),this._adapter.setCancelButtonText(t.strings.CANCELLING),this._adapter.removeCancelButtonEventListener("click",this._onCancelClick),this._adapter.emitHostEvent(t.events.CANCEL)}_captureFocus(){this._previouslyFocusedElement=this._adapter.getFocusedElement(),this._adapter.captureFocus()}_releaseFocus(){this._previouslyFocusedElement&&this._adapter.hasFocus()&&this._previouslyFocusedElement.focus()}set titleText(i){this._titleText!==i&&(this._titleText=i,this._adapter.setTitle(this._titleText),this._adapter.setTitleVisibility(!!this._titleText),this._adapter.setHostAttribute(t.attributes.TITLE_TEXT,this._titleText))}get titleText(){return this._titleText}set message(i){this._message!==i&&(this._message=i,this._adapter.setMessage(this._message),this._adapter.setMessageVisibility(!!this._message),this._adapter.setHostAttribute(t.attributes.MESSAGE,this._message))}get message(){return this._message}set cancel(i){this._canCancel!==i&&(this._canCancel=i,this._adapter.setCancelButtonVisibility(!!this._canCancel),this._canCancel?this._attachCancelClickListener():this._adapter.removeCancelButtonEventListener("click",this._onCancelClick),this._adapter.setHostAttribute(t.attributes.CANCEL,this._canCancel.toString()))}get cancel(){return this._canCancel}set spinner(i){this._showSpinner!==i&&(this._showSpinner=i,this._adapter.setSpinnerVisibility(!!this._showSpinner),this._adapter.setHostAttribute(t.attributes.SPINNER,""+this._showSpinner))}get spinner(){return this._showSpinner}set progressBar(i){this._showProgressBar!==i&&(this._showProgressBar=i,this._adapter.setProgressBarVisibility(!!this._showProgressBar),this._adapter.setHostAttribute(t.attributes.PROGRESS_BAR,this._showProgressBar.toString()))}get progressBar(){return this._showProgressBar}set progressBarDeterminate(i){this._progressBarDeterminate!==i&&(this._progressBarDeterminate=i,this._adapter.setProgressBarDeterminate(i))}get progressBarDeterminate(){return this._progressBarDeterminate}set progress(i){this._progress!==i&&this._progressBarDeterminate&&(this._progress=i,this._adapter.setProgressBarProgress(i))}get progress(){return this._progress}set buffer(i){this._buffer!==i&&this._progressBarDeterminate&&(this._buffer=i,this._adapter.setProgressBarBuffer(i),this._adapter.setHostAttribute(t.attributes.BUFFER,_(this._buffer)?this._buffer.toString():"0"))}get buffer(){return this._buffer}get direction(){return this._direction}set direction(i){i!==this._direction&&(this._direction=i,this._applyDirection())}_applyDirection(){this._direction&&this._adapter.setHostAttribute(t.attributes.DIRECTION,String(this._direction))}set width(i){this._width!==i&&(typeof i=="number"&&i<0&&(i="auto"),this._width=i,this._adapter.setSurfaceWidth(typeof this._width=="number"?`${this._width}px`:this._width),this._adapter.setHostAttribute(t.attributes.WIDTH,this._width.toString()))}get width(){return this._width}get manageFocus(){return this._manageFocus}set manageFocus(i){this._manageFocus!==i&&(this._manageFocus=i,this._adapter.toggleHostAttribute(t.attributes.MANAGE_FOCUS,this._manageFocus))}get fixed(){return this._fixed}set fixed(i){this._fixed!==i&&(this._fixed=i,this._adapter.setFixed(this._fixed),this._adapter.toggleHostAttribute(t.attributes.FIXED,this._fixed))}};var G='<template><forge-backdrop part="backdrop" fixed></forge-backdrop><div class="forge-busy-indicator__surface" role="alert" aria-labelledby="title" aria-describedby="message" part="surface" tabindex="0"><h1 id="title" class="forge-busy-indicator__title" part="title">Loading</h1><div class="forge-busy-indicator__message-container" part="message-container"><forge-circular-progress class="forge-busy-indicator__spinner" part="spinner" aria-hidden="true"></forge-circular-progress><p id="message" class="forge-busy-indicator__message" part="message"></p><forge-button class="forge-busy-indicator__cancel-button" part="cancel-button">Cancel</forge-button></div><div class="forge-busy-indicator__progress-container" part="progress-bar-container"><forge-linear-progress part="progress-bar" aria-hidden="true"></forge-linear-progress></div></div></template>',V=":host{outline:0;contain:content}:host([hidden]){display:none}:host([direction=row]) .forge-busy-indicator__surface{-webkit-box-shadow:0 11px 15px -7px rgba(0,0,0,.2),0 24px 38px 3px rgba(0,0,0,.14),0 9px 46px 8px rgba(0,0,0,.12);box-shadow:0 11px 15px -7px rgba(0,0,0,.2),0 24px 38px 3px rgba(0,0,0,.14),0 9px 46px 8px rgba(0,0,0,.12);background-color:#fff;background-color:var(--mdc-theme-surface,#fff);border-radius:4px;border-radius:var(--mdc-shape-medium,4px);z-index:8;z-index:var(--forge-z-index-dialog,8);position:absolute;padding:48px;-webkit-box-sizing:border-box;box-sizing:border-box;top:50%;left:50%;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);-webkit-transition:opacity 120ms 0s cubic-bezier(0, 0, .2, 1);transition:opacity 120ms 0s cubic-bezier(0, 0, .2, 1);outline:0;opacity:0;min-width:280px;max-width:865px}:host([direction=row]) .forge-busy-indicator__surface .mdc-button__ripple{border-radius:4px;border-radius:var(--mdc-shape-medium,4px)}:host([direction=row]) .forge-busy-indicator__surface--fixed{position:fixed}:host([direction=row]) .forge-busy-indicator__surface--invisible{background:0 0;-webkit-box-shadow:none;box-shadow:none;min-width:auto}:host([direction=row]) .forge-busy-indicator__title{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto,sans-serif;font-family:var(--mdc-typography-headline5-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:1.5rem;font-size:var(--mdc-typography-headline5-font-size, 1.5rem);line-height:2rem;line-height:var(--mdc-typography-headline5-line-height, 2rem);font-weight:400;font-weight:var(--mdc-typography-headline5-font-weight,400);letter-spacing:normal;letter-spacing:var(--mdc-typography-headline5-letter-spacing, normal);text-decoration:inherit;-webkit-text-decoration:var(--mdc-typography-headline5-text-decoration,inherit);text-decoration:var(--mdc-typography-headline5-text-decoration,inherit);text-transform:inherit;text-transform:var(--mdc-typography-headline5-text-transform,inherit);margin-top:-24px;margin-left:-24px}:host([direction=row]) .forge-busy-indicator__message-container{display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center}:host([direction=row]) .forge-busy-indicator__message{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto,sans-serif;font-family:var(--mdc-typography-body1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:1rem;font-size:var(--mdc-typography-body1-font-size, 1rem);line-height:1.5rem;line-height:var(--mdc-typography-body1-line-height, 1.5rem);font-weight:400;font-weight:var(--mdc-typography-body1-font-weight,400);letter-spacing:.03125em;letter-spacing:var(--mdc-typography-body1-letter-spacing, .03125em);text-decoration:inherit;-webkit-text-decoration:var(--mdc-typography-body1-text-decoration,inherit);text-decoration:var(--mdc-typography-body1-text-decoration,inherit);text-transform:inherit;text-transform:var(--mdc-typography-body1-text-transform,inherit);color:rgba(0,0,0,.54);color:var(--mdc-theme-text-secondary-on-background,rgba(0,0,0,.54));-webkit-box-flex:1;flex:1 auto;margin-block:0}:host([direction=row]) .forge-busy-indicator__message:nth-child(2){margin-left:16px}:host([direction=row]) .forge-busy-indicator__cancel-button{margin-left:16px}:host([direction=row]) .forge-busy-indicator__progress-container{min-width:244px;margin-top:24px}:host([direction=column]) .forge-busy-indicator__surface{-webkit-box-shadow:0 11px 15px -7px rgba(0,0,0,.2),0 24px 38px 3px rgba(0,0,0,.14),0 9px 46px 8px rgba(0,0,0,.12);box-shadow:0 11px 15px -7px rgba(0,0,0,.2),0 24px 38px 3px rgba(0,0,0,.14),0 9px 46px 8px rgba(0,0,0,.12);background-color:#fff;background-color:var(--mdc-theme-surface,#fff);border-radius:4px;border-radius:var(--mdc-shape-medium,4px);z-index:8;z-index:var(--forge-z-index-dialog,8);position:absolute;padding:48px;-webkit-box-sizing:border-box;box-sizing:border-box;top:50%;left:50%;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);-webkit-transition:opacity 120ms 0s cubic-bezier(0, 0, .2, 1);transition:opacity 120ms 0s cubic-bezier(0, 0, .2, 1);outline:0;opacity:0;min-width:256px;max-width:356px}:host([direction=column]) .forge-busy-indicator__surface .mdc-button__ripple{border-radius:4px;border-radius:var(--mdc-shape-medium,4px)}:host([direction=column]) .forge-busy-indicator__surface--invisible{background:0 0;-webkit-box-shadow:none;box-shadow:none;min-width:auto}:host([direction=column]) .forge-busy-indicator__title{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto,sans-serif;font-family:var(--mdc-typography-headline5-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:1.5rem;font-size:var(--mdc-typography-headline5-font-size, 1.5rem);line-height:2rem;line-height:var(--mdc-typography-headline5-line-height, 2rem);font-weight:400;font-weight:var(--mdc-typography-headline5-font-weight,400);letter-spacing:normal;letter-spacing:var(--mdc-typography-headline5-letter-spacing, normal);text-decoration:inherit;-webkit-text-decoration:var(--mdc-typography-headline5-text-decoration,inherit);text-decoration:var(--mdc-typography-headline5-text-decoration,inherit);text-transform:inherit;text-transform:var(--mdc-typography-headline5-text-transform,inherit);margin-top:-24px;margin-left:-24px}:host([direction=column]) .forge-busy-indicator__message-container{-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;display:-webkit-box;display:flex;place-items:center}:host([direction=column]) .forge-busy-indicator__message{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto,sans-serif;font-family:var(--mdc-typography-body1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:1rem;font-size:var(--mdc-typography-body1-font-size, 1rem);line-height:1.5rem;line-height:var(--mdc-typography-body1-line-height, 1.5rem);font-weight:400;font-weight:var(--mdc-typography-body1-font-weight,400);letter-spacing:.03125em;letter-spacing:var(--mdc-typography-body1-letter-spacing, .03125em);text-decoration:inherit;-webkit-text-decoration:var(--mdc-typography-body1-text-decoration,inherit);text-decoration:var(--mdc-typography-body1-text-decoration,inherit);text-transform:inherit;text-transform:var(--mdc-typography-body1-text-transform,inherit);color:rgba(0,0,0,.54);color:var(--mdc-theme-text-secondary-on-background,rgba(0,0,0,.54));-webkit-box-flex:1;flex:1 auto;text-align:center;margin:0}:host([direction=column]) .forge-busy-indicator__cancel-button{margin-top:16px;margin-bottom:-36px;margin-right:0;margin-left:0}:host([direction=column]) .forge-busy-indicator__progress-container{min-width:244px;margin-top:24px}:host([direction=column]) .forge-busy-indicator__spinner{margin-bottom:32px}",r=class extends T{constructor(){super();C(this,G,V),this._foundation=new m(new p(this))}static get observedAttributes(){return[t.attributes.TITLE_TEXT,t.attributes.MESSAGE,t.attributes.CANCEL,t.attributes.MINIMUM_VISIBLE_LIFETIME,t.attributes.DIRECTION,t.attributes.MANAGE_FOCUS,t.attributes.FIXED]}initializedCallback(){this._foundation.show()}disconnectedCallback(){this._foundation.destroy()}attributeChangedCallback(e,a,c){switch(e){case t.attributes.TITLE_TEXT:this.titleText=c;break;case t.attributes.MESSAGE:this.message=c;break;case t.attributes.CANCEL:this.cancel=c==="true";break;case t.attributes.MANAGE_FOCUS:this.manageFocus=h(c);break;case t.attributes.FIXED:this.fixed=h(c);break}}hide(e=!0){this._foundation.hide(e)}};s([o()],r.prototype,"titleText",2),s([o()],r.prototype,"message",2),s([o()],r.prototype,"cancel",2),s([o()],r.prototype,"spinner",2),s([o()],r.prototype,"progressBar",2),s([o()],r.prototype,"progressBarDeterminate",2),s([o()],r.prototype,"progress",2),s([o()],r.prototype,"buffer",2),s([o()],r.prototype,"width",2),s([o()],r.prototype,"direction",2),s([o()],r.prototype,"manageFocus",2),s([o()],r.prototype,"fixed",2),r=s([A({name:t.elementName,dependencies:[P,L,N,k]})],r);function ve(){B(r)}export{t as a,p as b,m as c,r as d,ve as e};
+//# sourceMappingURL=chunk.QJCNMYD3.js.map