@tylertech/forge 2.0.0 → 2.1.0

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

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

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

@@ -0,0 +1,6 @@
+/**
+ * @license
+ * Copyright 2022 Tyler Technologies, Inc. 
+ * License: Apache-2.0
+ */
+//# sourceMappingURL=chunk.SKLCDWYQ.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": [],
+  "sourcesContent": [],
+  "mappings": "",
+  "names": []
+}

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

@@ -0,0 +1,22 @@
+/**
+ * @license
+ * Copyright 2022 Tyler Technologies, Inc. 
+ * License: Apache-2.0
+ */
+// dist/build/lib/staging/src/calendar/core/date-range.ts
+var DateRange = class {
+  constructor(range) {
+    if (range) {
+      this.from = range.from ? new Date(range.from) : void 0;
+      this.to = range.to ? new Date(range.to) : void 0;
+    }
+  }
+  copy() {
+    return new DateRange(this);
+  }
+};
+
+export {
+  DateRange
+};
+//# sourceMappingURL=chunk.SNAZ6JSS.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/calendar/core/date-range.ts"],
+  "sourcesContent": ["export interface IDateRange {\n  from?: Date;\n  to?: Date;\n}\n\nexport class DateRange implements IDateRange {\n  public from?: Date;\n  public to?: Date;\n\n  constructor(range?: IDateRange | null) {\n    if (range) {\n      this.from = range.from ? new Date(range.from) : undefined;\n      this.to = range.to ? new Date(range.to) : undefined;\n    }\n  }\n\n  public copy(): DateRange {\n    return new DateRange(this);\n  }\n}\n"],
+  "mappings": ";AAKO,IAAM,YAAN,MAAsC;AAAA,EAI3C,YAAY,OAA2B;AACrC,QAAI,OAAO;AACT,WAAK,OAAO,MAAM,OAAO,IAAI,KAAK,MAAM,IAAI,IAAI;AAChD,WAAK,KAAK,MAAM,KAAK,IAAI,KAAK,MAAM,EAAE,IAAI;AAAA,IAC5C;AAAA,EACF;AAAA,EAEA,AAAO,OAAkB;AACvB,WAAO,IAAI,UAAU,IAAI;AAAA,EAC3B;AACF;",
+  "names": []
+}

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

@@ -0,0 +1,73 @@
+/**
+ * @license
+ * Copyright 2022 Tyler Technologies, Inc. 
+ * License: Apache-2.0
+ */
+import {
+  LIST_DROPDOWN_CONSTANTS
+} from "./chunk.D4XU5MZN.js";
+import {
+  FoundationProperty
+} from "./chunk.MMIZOYAS.js";
+import {
+  BaseComponent
+} from "./chunk.VK6LIH3B.js";
+import {
+  coerceBoolean,
+  coerceNumber
+} from "./chunk.MEFT5FQC.js";
+import {
+  __decorateClass
+} from "./chunk.LM5TVNZY.js";
+
+// dist/build/lib/staging/src/list-dropdown/list-dropdown-aware.ts
+var ListDropdownAware = class extends BaseComponent {
+  constructor() {
+    super();
+  }
+  attributeChangedCallback(name, oldValue, newValue) {
+    switch (name) {
+      case LIST_DROPDOWN_CONSTANTS.attributes.POPUP_CLASSES:
+        this.popupClasses = newValue;
+        break;
+      case LIST_DROPDOWN_CONSTANTS.attributes.OPTION_LIMIT:
+        this.optionLimit = coerceNumber(newValue);
+        break;
+      case LIST_DROPDOWN_CONSTANTS.attributes.OBSERVE_SCROLL:
+        this.observeScroll = coerceBoolean(newValue);
+        break;
+      case LIST_DROPDOWN_CONSTANTS.attributes.OBSERVE_SCROLL_THRESHOLD:
+        this.observeScrollThreshold = coerceNumber(newValue);
+        break;
+      case LIST_DROPDOWN_CONSTANTS.attributes.SYNC_POPUP_WIDTH:
+        this.syncPopupWidth = coerceBoolean(newValue);
+        break;
+    }
+  }
+};
+__decorateClass([
+  FoundationProperty()
+], ListDropdownAware.prototype, "popupClasses", 2);
+__decorateClass([
+  FoundationProperty()
+], ListDropdownAware.prototype, "popupHeaderBuilder", 2);
+__decorateClass([
+  FoundationProperty()
+], ListDropdownAware.prototype, "popupFooterBuilder", 2);
+__decorateClass([
+  FoundationProperty()
+], ListDropdownAware.prototype, "syncPopupWidth", 2);
+__decorateClass([
+  FoundationProperty()
+], ListDropdownAware.prototype, "optionLimit", 2);
+__decorateClass([
+  FoundationProperty()
+], ListDropdownAware.prototype, "observeScroll", 2);
+__decorateClass([
+  FoundationProperty()
+], ListDropdownAware.prototype, "observeScrollThreshold", 2);
+
+export {
+  ListDropdownAware
+};
+//# sourceMappingURL=chunk.ST3R6JEE.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/list-dropdown/list-dropdown-aware.ts"],
+  "sourcesContent": ["import { FoundationProperty, coerceNumber, coerceBoolean } from '@tylertech/forge-core';\nimport { BaseComponent, IBaseComponent } from '../core/base/base-component';\nimport { ListDropdownHeaderBuilder, ListDropdownFooterBuilder, LIST_DROPDOWN_CONSTANTS } from './list-dropdown-constants';\n\nexport interface IListDropdownAware extends IBaseComponent {\n  popupClasses: string | string[];\n  popupHeaderBuilder: ListDropdownHeaderBuilder;\n  popupFooterBuilder: ListDropdownHeaderBuilder;\n  syncPopupWidth: boolean;\n  optionLimit: number;\n  observeScroll: boolean;\n  observeScrollThreshold: number;\n}\n\nexport class ListDropdownAware extends BaseComponent {\n  constructor() {\n    super();\n  }\n\n  public attributeChangedCallback(name: string, oldValue: string, newValue: string): void {\n    switch (name) {\n      case LIST_DROPDOWN_CONSTANTS.attributes.POPUP_CLASSES:\n        this.popupClasses = newValue;\n        break;\n      case LIST_DROPDOWN_CONSTANTS.attributes.OPTION_LIMIT:\n        this.optionLimit = coerceNumber(newValue);\n        break;\n      case LIST_DROPDOWN_CONSTANTS.attributes.OBSERVE_SCROLL:\n        this.observeScroll = coerceBoolean(newValue);\n        break;\n      case LIST_DROPDOWN_CONSTANTS.attributes.OBSERVE_SCROLL_THRESHOLD:\n        this.observeScrollThreshold = coerceNumber(newValue);\n        break;\n      case LIST_DROPDOWN_CONSTANTS.attributes.SYNC_POPUP_WIDTH:\n        this.syncPopupWidth = coerceBoolean(newValue);\n        break;\n    }\n  }\n  \n  /** Gets/sets the list of classes to apply to the popup element. */\n  @FoundationProperty()\n  public popupClasses: string | string[];\n\n  /** Gets/sets the list of classes to apply to the popup element. */\n  @FoundationProperty()\n  public popupHeaderBuilder: ListDropdownHeaderBuilder;\n\n  /** Gets/sets the list of classes to apply to the popup element. */\n  @FoundationProperty()\n  public popupFooterBuilder: ListDropdownFooterBuilder;\n\n  /** Gets/sets whether the popup width is synchronized with the popup target width. */\n  @FoundationProperty()\n  public syncPopupWidth: boolean;\n\n  /** Gets/sets the maximum number of options to display in the dropdown. */\n  @FoundationProperty()\n  public optionLimit: number;\n\n  /** Controls the observation of scroll events on the dropdown. */\n  @FoundationProperty()\n  public observeScroll: boolean;\n\n  /** The number of pixels from the bottom to trigger the scroll bottom event. Only applicable if `observeScroll` is true. */\n  @FoundationProperty()\n  public observeScrollThreshold: number;\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;AAcO,IAAM,oBAAN,cAAgC,cAAc;AAAA,EACnD,cAAc;AACZ,UAAM;AAAA,EACR;AAAA,EAEA,AAAO,yBAAyB,MAAc,UAAkB,UAAwB;AACtF,YAAQ;AAAA,WACD,wBAAwB,WAAW;AACtC,aAAK,eAAe;AACpB;AAAA,WACG,wBAAwB,WAAW;AACtC,aAAK,cAAc,aAAa,QAAQ;AACxC;AAAA,WACG,wBAAwB,WAAW;AACtC,aAAK,gBAAgB,cAAc,QAAQ;AAC3C;AAAA,WACG,wBAAwB,WAAW;AACtC,aAAK,yBAAyB,aAAa,QAAQ;AACnD;AAAA,WACG,wBAAwB,WAAW;AACtC,aAAK,iBAAiB,cAAc,QAAQ;AAC5C;AAAA;AAAA,EAEN;AA6BF;AAzBS;AAAA,EADP,AAAC,mBAAmB;AAAA,GACb,AA3BI,kBA2BJ;AAIA;AAAA,EADP,AAAC,mBAAmB;AAAA,GACb,AA/BI,kBA+BJ;AAIA;AAAA,EADP,AAAC,mBAAmB;AAAA,GACb,AAnCI,kBAmCJ;AAIA;AAAA,EADP,AAAC,mBAAmB;AAAA,GACb,AAvCI,kBAuCJ;AAIA;AAAA,EADP,AAAC,mBAAmB;AAAA,GACb,AA3CI,kBA2CJ;AAIA;AAAA,EADP,AAAC,mBAAmB;AAAA,GACb,AA/CI,kBA+CJ;AAIA;AAAA,EADP,AAAC,mBAAmB;AAAA,GACb,AAnDI,kBAmDJ;",
+  "names": []
+}

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

@@ -0,0 +1,6 @@
+/**
+ * @license
+ * Copyright 2022 Tyler Technologies, Inc. 
+ * License: Apache-2.0
+ */
+//# sourceMappingURL=chunk.TLCGGWBO.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": [],
+  "sourcesContent": [],
+  "mappings": "",
+  "names": []
+}