@tylertech/forge 3.0.0-next.1 → 3.0.0-next.10

package/dist/esm/chunks/chunk.2O6IZ7XZ.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/state-layer/state-layer-constants.ts", "../../src/state-layer/state-layer-utils.ts", "../../src/state-layer/state-layer-adapter.ts", "../../src/state-layer/state-layer-foundation.ts", "../../src/state-layer/state-layer.ts", "../../src/state-layer/index.ts"],
+  "sourcesContent": ["import { COMPONENT_NAME_PREFIX } from '../constants';\n\nconst elementName = `${COMPONENT_NAME_PREFIX}state-layer`;\n\nconst observedAttributes = {\n  TARGET: 'target',\n  DISABLED: 'disabled'\n};\n\nconst attributes = {\n  ...observedAttributes\n};\n\nconst selectors = {\n  SURFACE: '.forge-state-layer'\n};\n\nconst classes = {\n  HOVERED: 'forge-state-layer--hovered',\n  PRESSED: 'forge-state-layer--pressed'\n};\n\nexport const STATE_LAYER_CONSTANTS = {\n  elementName,\n  attributes,\n  selectors,\n  classes\n};\n\nexport class StateLayerCoords {\n  constructor(public x: number, public y: number) {}\n\n  public static fromPointerEvent(event: PointerEvent): StateLayerCoords {\n    return new StateLayerCoords(event.pageX, event.pageY);\n  }\n}\n\nexport const TOUCH_DELAY_MS = 150;\nexport const PRESS_GROW_MS = 450;\nexport const MINIMUM_PRESS_MS = 225;\nexport const INITIAL_ORIGIN_SCALE = 0.2;\nexport const PADDING = 10;\nexport const SOFT_EDGE_MINIMUM_SIZE = 75;\nexport const SOFT_EDGE_CONTAINER_RATIO = 0.35;\nexport const PRESS_PSEUDO = '::after';\nexport const ANIMATION_FILL = 'forwards';\nexport const EASING = 'cubic-bezier(0.2, 0, 0, 1)';\n\n/**\n * Interaction states for the state layer.\n *\n * On Touch:\n *  - `INACTIVE -> TOUCH_DELAY -> WAITING_FOR_CLICK -> INACTIVE`\n *  - `INACTIVE -> TOUCH_DELAY -> HOLDING -> WAITING_FOR_CLICK -> INACTIVE`\n *\n * On Mouse or Pen:\n *   - `INACTIVE -> WAITING_FOR_CLICK -> INACTIVE`\n */\nexport enum PointerState {\n  /**\n   * Initial state of the control, no touch in progress.\n   *\n   * Transitions:\n   *   - on touch down: transition to `TOUCH_DELAY`.\n   *   - on mouse down: transition to `WAITING_FOR_CLICK`.\n   */\n  INACTIVE,\n  /**\n   * Touch down has been received, waiting to determine if it's a swipe or\n   * scroll.\n   *\n   * Transitions:\n   *   - on touch up: begin press; transition to `WAITING_FOR_CLICK`.\n   *   - on cancel: transition to `INACTIVE`.\n   *   - after `TOUCH_DELAY_MS`: begin press; transition to `HOLDING`.\n   */\n  TOUCH_DELAY,\n  /**\n   * A touch has been deemed to be a press\n   *\n   * Transitions:\n   *  - on up: transition to `WAITING_FOR_CLICK`.\n   */\n  HOLDING,\n  /**\n   * The user touch has finished, transition into rest state.\n   *\n   * Transitions:\n   *   - on click end press; transition to `INACTIVE`.\n   */\n  WAITING_FOR_CLICK\n}\n", "import { INITIAL_ORIGIN_SCALE, PADDING, SOFT_EDGE_CONTAINER_RATIO, SOFT_EDGE_MINIMUM_SIZE, StateLayerCoords } from './state-layer-constants';\n\nexport function calcRippleSize(hostEl: HTMLElement): { rippleScale: string; rippleSize: string; initialSize: number } {\n  const { height, width } = hostEl.getBoundingClientRect();\n  const maxDim = Math.max(height, width);\n  const softEdgeSize = Math.max(SOFT_EDGE_CONTAINER_RATIO * maxDim, SOFT_EDGE_MINIMUM_SIZE);\n  const initialSize = Math.floor(maxDim * INITIAL_ORIGIN_SCALE);\n  const hypotenuse = Math.sqrt(width ** 2 + height ** 2);\n  const maxRadius = hypotenuse + PADDING;\n  const rippleScale = `${(maxRadius + softEdgeSize) / initialSize}`;\n  const rippleSize = `${initialSize}px`;\n  return { rippleScale, rippleSize, initialSize };\n}\n\nexport function  getTranslationCoordinates(hostEl: HTMLElement, initialSize: number, coords?: StateLayerCoords): { startPoint: { x: number; y: number }; endPoint: { x: number; y: number } } {\n  const { height, width } = hostEl.getBoundingClientRect();\n  const endPoint = {\n    x: (width - initialSize) / 2,\n    y: (height - initialSize) / 2\n  };\n\n  let startPoint;\n  if (isValidCoords(coords)) {\n    startPoint = toNormalizedCoords(hostEl, coords);\n  } else {\n    startPoint = {\n      x: width / 2,\n      y: height / 2\n    };\n  }\n\n  startPoint = {\n    x: startPoint.x - (initialSize / 2),\n    y: startPoint.y - (initialSize / 2)\n  };\n\n  return { startPoint, endPoint };\n}\n\nexport function toNormalizedCoords(hostEl: HTMLElement, coords: StateLayerCoords): { x: number; y: number } {\n  const { scrollX, scrollY } = window;\n  const { left, top } = hostEl.getBoundingClientRect();\n  const documentX = scrollX + left;\n  const documentY = scrollY + top;\n  const { x, y } = coords;\n  return { x: x - documentX, y: y - documentY };\n}\n\nexport function isInBounds(hostEl: HTMLElement, x: number, y: number): boolean {\n  const { height, width } = hostEl.getBoundingClientRect();\n  return x >= 0 && x <= width && y >= 0 && y <= height;\n}\n\nfunction isValidCoords(value: any): value is StateLayerCoords {\n  return value && (value instanceof StateLayerCoords || ['x', 'y'].every(key => key in value));\n}\n", "import { getShadowElement } from '@tylertech/forge-core';\nimport { BaseAdapter, IBaseAdapter } from '../core/base/base-adapter';\nimport { locateTargetHeuristic, createUserInteractionListener } from '../core/utils/utils';\nimport { IStateLayerComponent } from './state-layer';\nimport { ANIMATION_FILL, EASING, MINIMUM_PRESS_MS, PRESS_GROW_MS, PRESS_PSEUDO, StateLayerCoords, STATE_LAYER_CONSTANTS } from './state-layer-constants';\nimport { calcRippleSize, getTranslationCoordinates, isInBounds } from './state-layer-utils';\n\nexport interface IStateLayerAdapter extends IBaseAdapter {\n  destroy(): void;\n  deferInitialization(listener: (evt?: PointerEvent) => void): void;\n  getTargetElement(): HTMLElement | null;\n  setTargetElement(el: HTMLElement | null): void;\n  trySetTarget(value?: string | null): void;\n  addTargetListener(type: string, listener: EventListener): void;\n  removeTargetListener(type: string, listener: EventListener): void;\n  setHovered(hovered: boolean): void;\n  setPressed(pressed: boolean): void;\n  startAnimation(coords?: StateLayerCoords): void;\n  endAnimation(): Promise<void>;\n  inBounds(x: number, y: number): boolean;\n}\n\nexport class StateLayerAdapter extends BaseAdapter<IStateLayerComponent> implements IStateLayerAdapter {\n  private readonly _surfaceElement: HTMLElement;\n  private _targetElement: HTMLElement | null = null;\n  private _rippleAnimation: Animation | undefined;\n  private _destroyDeferListener: (() => void) | undefined;\n\n  constructor(component: IStateLayerComponent) {\n    super(component);\n    this._surfaceElement = getShadowElement(component, STATE_LAYER_CONSTANTS.selectors.SURFACE);\n  }\n\n  public destroy(): void {\n    if (typeof this._destroyDeferListener === 'function') {\n      this._destroyDeferListener();\n      this._destroyDeferListener = undefined;\n    }\n  }\n\n  public async deferInitialization(listener: (evt?: PointerEvent) => void): Promise<void> {\n    if (!this._targetElement) {\n      return;\n    }\n    const { userInteraction, destroy } = createUserInteractionListener(this._targetElement);\n    this._destroyDeferListener = destroy;\n    const evt = await userInteraction;\n    listener(evt.type === 'pointerenter' ? evt as PointerEvent : undefined);\n  }\n\n  public addTargetListener(type: string, listener: EventListener): void {\n    this._targetElement?.addEventListener(type, listener);\n  }\n\n  public removeTargetListener(type: string, listener: EventListener): void {\n    this._targetElement?.removeEventListener(type, listener);\n  }\n\n  public setHovered(hovered: boolean): void {\n    this._surfaceElement.classList.toggle(STATE_LAYER_CONSTANTS.classes.HOVERED, hovered);\n  }\n  \n  public setPressed(pressed: boolean): void {\n    this._surfaceElement.classList.toggle(STATE_LAYER_CONSTANTS.classes.PRESSED, pressed);\n  }\n\n  public getTargetElement(): HTMLElement | null {\n    return this._targetElement;\n  }\n\n  public setTargetElement(el: HTMLElement | null): void {\n    this._targetElement = el;\n  }\n\n  public trySetTarget(value?: string | null): void {\n    this._targetElement = locateTargetHeuristic(this._component, value);\n  }\n\n  public startAnimation(coords?: StateLayerCoords): void {\n    if (!this._surfaceElement) {\n      return;\n    }\n\n    this.setPressed(true);\n    this._rippleAnimation?.cancel();\n\n    const { rippleSize, rippleScale, initialSize } = calcRippleSize(this._component);\n    const { startPoint, endPoint } = getTranslationCoordinates(this._component, initialSize, coords);\n    const translateStart = `${startPoint.x}px, ${startPoint.y}px`;\n    const translateEnd = `${endPoint.x}px, ${endPoint.y}px`;\n\n    this._rippleAnimation = this._surfaceElement.animate(\n      {\n        top: [0, 0],\n        left: [0, 0],\n        height: [rippleSize, rippleSize],\n        width: [rippleSize, rippleSize],\n        transform: [\n          `translate(${translateStart}) scale(1)`,\n          `translate(${translateEnd}) scale(${rippleScale})`\n        ]\n      },\n      {\n        pseudoElement: PRESS_PSEUDO,\n        duration: PRESS_GROW_MS,\n        easing: EASING,\n        fill: ANIMATION_FILL\n      });\n  }\n\n  public async endAnimation(): Promise<void> {\n    const animation = this._rippleAnimation;\n    const pressAnimationPlayState = animation?.currentTime ?? Infinity;\n\n    if (pressAnimationPlayState >= MINIMUM_PRESS_MS) {\n      this.setPressed(false);\n      return;\n    }\n\n    await new Promise(resolve => {\n      setTimeout(resolve, MINIMUM_PRESS_MS - pressAnimationPlayState);\n    });\n\n    if (this._rippleAnimation !== animation) {\n      return;\n    }\n\n    this.setPressed(false);\n  }\n\n  public inBounds(x: number, y: number): boolean {\n    return isInBounds(this._component, x, y);\n  }\n}\n", "import { ICustomElementFoundation } from '@tylertech/forge-core';\n\nimport { IStateLayerAdapter } from './state-layer-adapter';\nimport { PointerState, StateLayerCoords, STATE_LAYER_CONSTANTS, TOUCH_DELAY_MS } from './state-layer-constants';\n\nexport interface IStateLayerFoundation extends ICustomElementFoundation {\n  targetElement: HTMLElement | null;\n  target: string | null;\n  disabled: boolean;\n  playAnimation(coords?: StateLayerCoords): void;\n}\n\nexport class StateLayerFoundation implements IStateLayerFoundation {\n  // State\n  private _target: string | null = null;\n  private _disabled = false;\n  private _attached = false;\n  private _deferred = true;\n  private _pointerStartEvent: PointerEvent | undefined;\n  private _pointerState: PointerState = PointerState.INACTIVE;\n  private _checkBoundsAfterContextMenu = false;\n\n  // Listeners\n  private _pointerEnterListener: EventListener;\n  private _pointerLeaveListener: EventListener;\n  private _pointerDownListener: EventListener;\n  private _pointerUpListener: EventListener;\n  private _pointerCancelListener: EventListener;\n  private _clickListener: EventListener;\n  private _contextmenuListener: EventListener;\n\n  constructor(private _adapter: IStateLayerAdapter) {\n    this._pointerEnterListener = (evt: PointerEvent) => this._onPointerEnter(evt);\n    this._pointerLeaveListener = (evt: PointerEvent) => this._onPointerLeave(evt);\n    this._pointerDownListener = (evt: PointerEvent) => this._onPointerDown(evt);\n    this._pointerUpListener = (evt: PointerEvent) => this._onPointerUp(evt);\n    this._pointerCancelListener = (evt: PointerEvent) => this._onPointerCancel(evt);\n    this._clickListener = () => this._onClick();\n    this._contextmenuListener = () => this._onContextmenu();\n  }\n\n  public initialize(): void {\n    this._adapter.trySetTarget(this._target);\n\n    // We defer initialization until the first pointerenter event is received.\n    //\n    // This is a performance optimization to avoid attaching many listeners to the target element\n    // until the user is first interacting with it.\n    this._deferInitialization();\n  }\n\n  public disconnect(): void {\n    this._pointerStartEvent = undefined;\n    this._pointerState = PointerState.INACTIVE;\n    this._adapter.setHovered(false);\n    this._adapter.setPressed(false);\n    this._adapter.destroy();\n    this._removeListeners();\n  }\n\n  public playAnimation(coords?: StateLayerCoords): void {\n    this._adapter.startAnimation(coords);\n    this._endAnimation();\n  }\n\n  private _deferInitialization(): void {\n    this._adapter.deferInitialization(this._onDeferredInitialize.bind(this));\n  }\n\n  private _applyListeners(): void {\n    if (this._disabled) {\n      return;\n    }\n\n    this._adapter.addTargetListener('pointerenter', this._pointerEnterListener);\n    this._adapter.addTargetListener('pointerleave', this._pointerLeaveListener);\n    this._adapter.addTargetListener('pointerdown', this._pointerDownListener);\n    this._adapter.addTargetListener('pointerup', this._pointerUpListener);\n    this._adapter.addTargetListener('pointercancel', this._pointerCancelListener);\n    this._adapter.addTargetListener('click', this._clickListener);\n    this._adapter.addTargetListener('contextmenu', this._contextmenuListener);\n    this._attached = true;\n  }\n\n  private _removeListeners(): void {\n    this._adapter.removeTargetListener('pointerenter', this._pointerEnterListener);\n    this._adapter.removeTargetListener('pointerleave', this._pointerLeaveListener);\n    this._adapter.removeTargetListener('pointerdown', this._pointerDownListener);\n    this._adapter.removeTargetListener('pointerup', this._pointerUpListener);\n    this._adapter.removeTargetListener('pointercancel', this._pointerCancelListener);\n    this._adapter.removeTargetListener('click', this._clickListener);\n    this._adapter.removeTargetListener('contextmenu', this._contextmenuListener);\n    this._attached = false;\n  }\n\n  private _onDeferredInitialize(evt?: PointerEvent): void {\n    this._applyListeners();\n\n    if (evt?.type === 'pointerenter') {\n      // Manually trigger the pointerenter listener since this is in response to a pointerenter event already\n      this._pointerEnterListener(evt);\n    }\n    \n    this._deferred = false;\n  }\n\n  private _onPointerEnter(evt: PointerEvent): void {\n    if (!this._canHandleEvent(evt)) {\n      return;\n    }\n    this._adapter.setHovered(true);\n  }\n\n  private _onPointerLeave(evt: PointerEvent): void {\n    if (!this._canHandleEvent(evt)) {\n      return;\n    }\n\n    this._adapter.setHovered(false);\n\n    if (this._pointerState !== PointerState.INACTIVE) {\n      this._adapter.endAnimation();\n    }\n  }\n\n  private async _onPointerDown(evt: PointerEvent): Promise<void> {\n    this._pointerStartEvent = evt;\n\n    if (!this._canHandleEvent(evt)) {\n      return;\n    }\n    \n    if (!this._isTouch(evt.pointerType)) {\n      this._pointerState = PointerState.WAITING_FOR_CLICK;\n      this._startAnimation(evt);\n      return;\n    }\n\n    // after a longpress contextmenu event, an extra `pointerdown` can be\n    // dispatched to the pressed element. Check that the down is within\n    // bounds of the element in this case.\n    if (this._checkBoundsAfterContextMenu && !this._adapter.inBounds(evt.x, evt.y)) {\n      return;\n    }\n\n    this._checkBoundsAfterContextMenu = false;\n\n    this._pointerState = PointerState.TOUCH_DELAY;\n    await new Promise(resolve => setTimeout(resolve, TOUCH_DELAY_MS));\n\n    if (this._pointerState !== PointerState.TOUCH_DELAY) {\n      return;\n    }\n\n    this._pointerState = PointerState.HOLDING;\n    this._startAnimation(evt);\n  }\n\n  private _onPointerUp(evt: PointerEvent): void {\n    if (!this._canHandleEvent(evt)) {\n      return;\n    }\n\n    if (this._pointerState === PointerState.HOLDING) {\n      this._pointerState = PointerState.WAITING_FOR_CLICK;\n      return;\n    }\n\n    if (this._pointerState === PointerState.TOUCH_DELAY) {\n      this._pointerState = PointerState.WAITING_FOR_CLICK;\n      this._startAnimation(this._pointerStartEvent);\n      return;\n    }\n  }\n\n  private _onClick(): void {\n    if (this._disabled) {\n      return;\n    }\n\n    if (this._pointerState === PointerState.WAITING_FOR_CLICK) {\n      this._endAnimation();\n      return;\n    }\n\n    if (this._pointerState === PointerState.INACTIVE) {\n      this._startAnimation(this._pointerStartEvent);\n      this._endAnimation();\n    }\n  }\n\n  private _onPointerCancel(evt: PointerEvent): void {\n    if (!this._canHandleEvent(evt)) {\n      return;\n    }\n    this._endAnimation();\n  }\n\n  private _onContextmenu(): void {\n    if (this._disabled) {\n      return;\n    }\n\n    this._checkBoundsAfterContextMenu = true;\n    this._adapter.endAnimation();\n  }\n\n  private _startAnimation(evt?: PointerEvent): void {\n    const coords = evt ? StateLayerCoords.fromPointerEvent(evt) : undefined;\n    this._adapter.startAnimation(coords);\n  }\n\n  private _endAnimation(): void {\n    this._pointerState = PointerState.INACTIVE;\n    this._adapter.endAnimation();\n    this._pointerStartEvent = undefined;\n  }\n\n  private _canHandleEvent({ type, isPrimary, buttons, pointerType, pointerId }: PointerEvent): boolean {\n    if (this._disabled || !isPrimary) {\n      return false;\n    }\n\n    if (this._pointerStartEvent && this._pointerStartEvent.pointerId !== pointerId) {\n      return false;\n    }\n\n    if (type === 'pointerenter' || type === 'pointerleave') {\n      return !this._isTouch(pointerType);\n    }\n\n    const isPrimaryButton = buttons === 1;\n    return this._isTouch(pointerType) || isPrimaryButton;\n  }\n\n  private _isTouch(pointerType: string): boolean {\n    return pointerType === 'touch';\n  }\n\n  public get isAttached(): boolean {\n    return this._attached;\n  }\n\n  public get targetElement(): HTMLElement | null {\n    return this._adapter.getTargetElement();\n  }\n  public set targetElement(el: HTMLElement | null) {\n    // Always remove the listeners from the previous target element\n    if (this._attached) {\n      this._removeListeners();\n    }\n\n    this._adapter.setTargetElement(el);\n\n    // If we are not already deferring attaching the listeners, then do that now\n    if (!this._deferred) {\n      this._deferInitialization();\n    }\n  }\n\n  public get target(): string | null {\n    return this._adapter.getHostAttribute(STATE_LAYER_CONSTANTS.attributes.TARGET);\n  }\n  public set target(value: string | null) {\n    if (this._target !== value) {\n      this._target = value;\n\n      if (this._adapter.isConnected) {\n        if (this._attached) {\n          this._removeListeners();\n        }\n\n        this._adapter.trySetTarget(value);\n\n        if (!this._deferred) {\n          this._deferInitialization();\n        }\n      }\n\n      this._adapter.toggleHostAttribute(STATE_LAYER_CONSTANTS.attributes.TARGET, Boolean(this._target), this._target as string);\n    }\n  }\n\n  public get disabled(): boolean {\n    return this._disabled;\n  }\n  public set disabled(value: boolean) {\n    value = Boolean(value);\n    if (this._disabled !== value) {\n      this._disabled = value;\n\n      if (this._adapter.isConnected) {\n        if (this._disabled) {\n          this._removeListeners();\n        } else if (!this._deferred) {\n          this._deferInitialization();\n        }\n      }\n\n      this._adapter.toggleHostAttribute(STATE_LAYER_CONSTANTS.attributes.DISABLED, this._disabled);\n    }\n  }\n}\n", "import { CustomElement, attachShadowTemplate, FoundationProperty, coerceBoolean } from '@tylertech/forge-core';\nimport { StateLayerAdapter } from './state-layer-adapter';\nimport { StateLayerFoundation } from './state-layer-foundation';\nimport { StateLayerCoords, STATE_LAYER_CONSTANTS } from './state-layer-constants';\nimport { BaseComponent, IBaseComponent } from '../core/base/base-component';\n\nconst template = '<template><div class=\\\"forge-state-layer\\\" part=\\\"surface\\\"></div></template>';\nconst styles = ':host{border-radius:inherit;position:absolute;inset:0;overflow:hidden;display:-webkit-box;display:flex;margin:auto;pointer-events:none;-webkit-tap-highlight-color:transparent}:host([hidden]){display:none}:host([disabled]){display:none}.forge-state-layer{--_color:var(--forge-state-layer-color, var(--forge-theme-on-surface, #000000));--_hover-color:var(--forge-state-layer-hover-color, var(--_color));--_hover-opacity:0.08;--_pressed-color:var(--forge-state-layer-pressed-color, var(--_color));--_pressed-opacity:0.12;--_hover-duration:15ms;--_pressed-duration:105ms;--_animation-duration:375ms}.forge-state-layer::after,.forge-state-layer::before{content:\\\"\\\";opacity:0;position:absolute}.forge-state-layer::before{background-color:var(--_hover-color);inset:0;-webkit-transition:opacity var(--_hover-duration) linear,background-color var(--_hover-duration) linear;transition:opacity var(--_hover-duration) linear,background-color var(--_hover-duration) linear}.forge-state-layer::after{background:radial-gradient(closest-side,var(--_pressed-color) max(100% - 70px,65%),transparent 100%);-webkit-transform-origin:center center;transform-origin:center center;-webkit-transition:opacity var(--_animation-duration) linear;transition:opacity var(--_animation-duration) linear}.forge-state-layer--hovered::before{background-color:var(--_hover-color);opacity:var(--_hover-opacity)}.forge-state-layer--pressed::after{opacity:var(--_pressed-opacity);-webkit-transition-duration:var(--_pressed-duration);transition-duration:var(--_pressed-duration)}@media screen and (forced-colors:active){:host{display:none}}';\n\nexport interface IStateLayerComponent extends IBaseComponent {\n  targetElement: HTMLElement | null;\n  target: string | null;\n  disabled: boolean;\n  playAnimation(coords?: StateLayerCoords): void;\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'forge-state-layer': IStateLayerComponent;\n  }\n}\n\n/**\n * @tag forge-state-layer\n * \n * @summary State layers show the interaction status of an element.\n * \n * @description \n * A state layer is a semi-transparent overlay on an element that indicates its interaction\n * state. State layers provide a systematic approach to visualizing states by using opacity.\n * A layer can be applied to an entire element or in a circular shape. Only one state layer\n * can be applied at a given time.\n * \n * @property {HTMLElement} targetElement - The element to attach the state layer to.\n * @property {string} target - The id of the element to attach the state layer to.\n * @property {boolean} disabled - Controls whether the state layer is disabled.\n * \n * @attribute {string} target - The id of the element to attach the state layer to.\n * @attribute {boolean} disabled - Controls whether the state layer is disabled.\n * \n * @cssproperty --forge-state-layer-color - The color of the state layer. Defaults to the on-surface theme.\n * @cssproperty --forge-state-layer-hover-color - The color of the state layer when hovered.\n * @cssproperty --forge-state-layer-hover-opacity - The opacity of the state layer when hovered.\n * @cssproperty --forge-state-layer-pressed-color - The color of the state layer when pressed.\n * @cssproperty --forge-state-layer-pressed-opacity - The opacity of the state layer when pressed.\n * @cssproperty --forge-state-layer-hover-duration - The duration of the hover animation.\n * @cssproperty --forge-state-layer-animation-duration - The duration of the animation.\n * @cssproperty --forge-state-layer-pressed-duration - The duration of the pressed animation.\n * \n * @csspart surface - The surface element.\n */\n@CustomElement({\n  name: STATE_LAYER_CONSTANTS.elementName\n})\nexport class StateLayerComponent extends BaseComponent implements IStateLayerComponent {\n  public static get observedAttributes(): string[] {\n    return [\n      STATE_LAYER_CONSTANTS.attributes.TARGET,\n      STATE_LAYER_CONSTANTS.attributes.DISABLED\n    ];\n  }\n\n  private _foundation: StateLayerFoundation;\n\n  constructor() {\n    super();\n    attachShadowTemplate(this, template, styles);\n    this._foundation = new StateLayerFoundation(new StateLayerAdapter(this));\n  }\n\n  public connectedCallback(): void {\n    this._foundation.initialize();\n  }\n\n  public disconnectedCallback(): void {\n    this._foundation.disconnect();\n  }\n\n  public attributeChangedCallback(name: string, oldValue: string, newValue: string): void {\n    switch (name) {\n      case STATE_LAYER_CONSTANTS.attributes.TARGET:\n        this.target = newValue;\n        break;\n      case STATE_LAYER_CONSTANTS.attributes.DISABLED:\n        this.disabled = coerceBoolean(newValue);\n        break;\n    }\n  }\n\n  @FoundationProperty()\n  public declare targetElement: HTMLElement | null;\n\n  @FoundationProperty()\n  public declare target: string | null;\n\n  @FoundationProperty()\n  public declare disabled: boolean;\n\n  /**\n   * Triggers the animation to run.\n   * \n   * Note: If coordinates are not provided, the transition will originate from the center of the target element.\n   * \n   * @param {StateLayerCoords} [coords] - The coordinates to play the animation from.\n   */\n  public playAnimation(coords?: StateLayerCoords): void {\n    this._foundation.playAnimation(coords);\n  }\n}\n", "import { defineCustomElement } from '@tylertech/forge-core';\n\nimport { StateLayerComponent } from './state-layer';\n\nexport * from './state-layer-adapter';\nexport * from './state-layer-constants';\nexport * from './state-layer-foundation';\nexport * from './state-layer';\n\nexport function defineStateLayerComponent(): void {\n  defineCustomElement(StateLayerComponent);\n}\n"],
+  "mappings": "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",
+  "names": ["elementName", "COMPONENT_NAME_PREFIX", "observedAttributes", "attributes", "__spreadValues", "selectors", "classes", "STATE_LAYER_CONSTANTS", "StateLayerCoords", "_StateLayerCoords", "x", "y", "event", "TOUCH_DELAY_MS", "PRESS_GROW_MS", "MINIMUM_PRESS_MS", "INITIAL_ORIGIN_SCALE", "PADDING", "SOFT_EDGE_MINIMUM_SIZE", "SOFT_EDGE_CONTAINER_RATIO", "PRESS_PSEUDO", "ANIMATION_FILL", "EASING", "PointerState", "calcRippleSize", "hostEl", "height", "width", "maxDim", "softEdgeSize", "SOFT_EDGE_CONTAINER_RATIO", "SOFT_EDGE_MINIMUM_SIZE", "initialSize", "INITIAL_ORIGIN_SCALE", "rippleScale", "PADDING", "rippleSize", "getTranslationCoordinates", "coords", "endPoint", "startPoint", "isValidCoords", "toNormalizedCoords", "scrollX", "scrollY", "left", "top", "documentX", "documentY", "x", "y", "isInBounds", "value", "StateLayerCoords", "key", "StateLayerAdapter", "BaseAdapter", "component", "getShadowElement", "STATE_LAYER_CONSTANTS", "listener", "userInteraction", "destroy", "createUserInteractionListener", "evt", "type", "_a", "hovered", "pressed", "el", "value", "locateTargetHeuristic", "coords", "rippleSize", "rippleScale", "initialSize", "calcRippleSize", "startPoint", "endPoint", "getTranslationCoordinates", "translateStart", "translateEnd", "PRESS_PSEUDO", "PRESS_GROW_MS", "EASING", "ANIMATION_FILL", "animation", "pressAnimationPlayState", "MINIMUM_PRESS_MS", "resolve", "x", "y", "isInBounds", "StateLayerFoundation", "_adapter", "evt", "coords", "resolve", "TOUCH_DELAY_MS", "StateLayerCoords", "type", "isPrimary", "buttons", "pointerType", "pointerId", "isPrimaryButton", "el", "STATE_LAYER_CONSTANTS", "value", "template", "styles", "StateLayerComponent", "BaseComponent", "attachShadowTemplate", "StateLayerFoundation", "StateLayerAdapter", "STATE_LAYER_CONSTANTS", "name", "oldValue", "newValue", "coerceBoolean", "coords", "__decorateClass", "FoundationProperty", "CustomElement", "defineStateLayerComponent", "defineCustomElement", "StateLayerComponent"]
+}

package/dist/esm/chunks/{chunk.77Y3EABF.js → chunk.2QSDH3PC.js}

@@ -3,5 +3,5 @@
  * Copyright 2023 Tyler Technologies, Inc. 
  * License: Apache-2.0
  */
-import{a as l,b as p}from"./chunk.BE7PZANN.js";import{a as i,l as n}from"./chunk.Y4GKBJGI.js";import{f as r}from"./chunk.MCIQXNKY.js";var a=`${p}option-group`,m={LABEL:"label"},o={elementName:a,attributes:m};var e=class extends n{constructor(){super()}static get observedAttributes(){return[o.attributes.LABEL]}attributeChangedCallback(t,c,s){switch(t){case o.attributes.LABEL:this.label=s;break}}get label(){return this._label}set label(t){this._label!==t&&(this._label=t||"",this.setAttribute(o.attributes.LABEL,this._label))}get text(){return this._label}set text(t){this.label=t}};e=r([l({name:o.elementName})],e);function E(){i(e)}export{o as a,e as b,E as c};
-//# sourceMappingURL=chunk.77Y3EABF.js.map
+import{a as l,b as p}from"./chunk.DTZFWZPB.js";import{a as i,k as n}from"./chunk.NK7H3MMM.js";import{d as r}from"./chunk.M3QDAYD2.js";var a=`${p}option-group`,m={LABEL:"label"},o={elementName:a,attributes:m};var e=class extends n{constructor(){super()}static get observedAttributes(){return[o.attributes.LABEL]}attributeChangedCallback(t,c,s){switch(t){case o.attributes.LABEL:this.label=s;break}}get label(){return this._label}set label(t){this._label!==t&&(this._label=t||"",this.setAttribute(o.attributes.LABEL,this._label))}get text(){return this._label}set text(t){this.label=t}};e=r([l({name:o.elementName})],e);function T(){i(e)}export{o as a,e as b,T as c};
+//# sourceMappingURL=chunk.2QSDH3PC.js.map

package/dist/esm/chunks/{chunk.77Y3EABF.js.map → chunk.2QSDH3PC.js.map}

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/select/option-group/option-group-constants.ts", "../../src/select/option-group/option-group.ts", "../../src/select/option-group/index.ts"],
   "sourcesContent": ["import { COMPONENT_NAME_PREFIX } from '../../constants';\n\nconst elementName: keyof HTMLElementTagNameMap = `${COMPONENT_NAME_PREFIX}option-group`;\n\nconst attributes = {\n  LABEL: 'label'\n};\n\nexport const OPTION_GROUP_CONSTANTS = {\n  elementName,\n  attributes\n};\n", "import { CustomElement } from '@tylertech/forge-core';\nimport { ListDropdownOptionGroupBuilder } from '../../list-dropdown/list-dropdown-constants';\nimport { BaseComponent, IBaseComponent } from '../../core/base/base-component';\nimport { ISelectOption, ISelectOptionGroup } from '../core';\nimport { OPTION_GROUP_CONSTANTS } from './option-group-constants';\n\nexport interface IOptionGroupComponent extends Required<ISelectOptionGroup>, IBaseComponent {\n  label: string;\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'forge-option-group': IOptionGroupComponent;\n  }\n}\n\n/**\n * The custom element class behind the `<forge-option-group>` element.\n * \n * @tag forge-option-group\n */\n@CustomElement({\n  name: OPTION_GROUP_CONSTANTS.elementName\n})\nexport class OptionGroupComponent extends BaseComponent implements IOptionGroupComponent {\n  public static get observedAttributes(): string[] {\n    return [\n      OPTION_GROUP_CONSTANTS.attributes.LABEL\n    ];\n  }\n\n  private _label: string;\n\n  constructor() {\n    super();\n  }\n\n  public attributeChangedCallback(name: string, oldValue: string, newValue: string): void {\n    switch (name) {\n      case OPTION_GROUP_CONSTANTS.attributes.LABEL:\n        this.label = newValue;\n        break;\n    }\n  }\n\n  /** Gets/sets the label of this option group. */\n  public get label(): string {\n    return this._label;\n  }\n  public set label(value: string) {\n    if (this._label !== value) {\n      this._label = value || '';\n      this.setAttribute(OPTION_GROUP_CONSTANTS.attributes.LABEL, this._label);\n    }\n  }\n\n  /** The child options of this group. */\n  public declare options: ISelectOption[];\n\n  /** The builder function for the group content. */\n  public declare builder: ListDropdownOptionGroupBuilder;\n\n  /** Gets/sets the optional group value. */\n  public declare value: any;\n\n  /** The text content for the group. */\n  public get text(): string {\n    return this._label;\n  }\n  public set text(value: string) {\n    this.label = value;\n  }\n}\n", "import { defineCustomElement } from '@tylertech/forge-core';\n\nimport { OptionGroupComponent } from './option-group';\n\nexport * from './option-group-constants';\nexport * from './option-group';\n\nexport function defineOptionGroupComponent(): void {\n  defineCustomElement(OptionGroupComponent);\n}\n"],
-  "mappings": "sIAEA,IAAMA,EAA2C,GAAGC,gBAE9CC,EAAa,CACjB,MAAO,OACT,EAEaC,EAAyB,CACpC,YAAAH,EACA,WAAAE,CACF,ECaO,IAAME,EAAN,cAAmCC,CAA+C,CASvF,aAAc,CACZ,MAAM,CACR,CAVA,WAAkB,oBAA+B,CAC/C,MAAO,CACLC,EAAuB,WAAW,KACpC,CACF,CAQO,yBAAyBC,EAAcC,EAAkBC,EAAwB,CACtF,OAAQF,QACDD,EAAuB,WAAW,MACrC,KAAK,MAAQG,EACb,MAEN,CAGA,IAAW,OAAgB,CACzB,OAAO,KAAK,MACd,CACA,IAAW,MAAMC,EAAe,CAC1B,KAAK,SAAWA,IAClB,KAAK,OAASA,GAAS,GACvB,KAAK,aAAaJ,EAAuB,WAAW,MAAO,KAAK,MAAM,EAE1E,CAYA,IAAW,MAAe,CACxB,OAAO,KAAK,MACd,CACA,IAAW,KAAKI,EAAe,CAC7B,KAAK,MAAQA,CACf,CACF,EAhDaN,EAANO,EAAA,CAHNC,EAAc,CACb,KAAMN,EAAuB,WAC/B,CAAC,GACYF,GCjBN,SAASS,GAAmC,CACjDC,EAAoBC,CAAoB,CAC1C",
+  "mappings": "sIAEA,IAAMA,EAA2C,GAAGC,gBAE9CC,EAAa,CACjB,MAAO,OACT,EAEaC,EAAyB,CACpC,YAAAH,EACA,WAAAE,CACF,ECaO,IAAME,EAAN,cAAmCC,CAA+C,CASvF,aAAc,CACZ,MAAM,CACR,CAVA,WAAkB,oBAA+B,CAC/C,MAAO,CACLC,EAAuB,WAAW,KACpC,CACF,CAQO,yBAAyBC,EAAcC,EAAkBC,EAAwB,CACtF,OAAQF,EAAM,CACZ,KAAKD,EAAuB,WAAW,MACrC,KAAK,MAAQG,EACb,KACJ,CACF,CAGA,IAAW,OAAgB,CACzB,OAAO,KAAK,MACd,CACA,IAAW,MAAMC,EAAe,CAC1B,KAAK,SAAWA,IAClB,KAAK,OAASA,GAAS,GACvB,KAAK,aAAaJ,EAAuB,WAAW,MAAO,KAAK,MAAM,EAE1E,CAYA,IAAW,MAAe,CACxB,OAAO,KAAK,MACd,CACA,IAAW,KAAKI,EAAe,CAC7B,KAAK,MAAQA,CACf,CACF,EAhDaN,EAANO,EAAA,CAHNC,EAAc,CACb,KAAMN,EAAuB,WAC/B,CAAC,GACYF,GCjBN,SAASS,GAAmC,CACjDC,EAAoBC,CAAoB,CAC1C",
   "names": ["elementName", "COMPONENT_NAME_PREFIX", "attributes", "OPTION_GROUP_CONSTANTS", "OptionGroupComponent", "BaseComponent", "OPTION_GROUP_CONSTANTS", "name", "oldValue", "newValue", "value", "__decorateClass", "CustomElement", "defineOptionGroupComponent", "defineCustomElement", "OptionGroupComponent"]
 }

package/dist/esm/chunks/{chunk.J2H5RXTX.js → chunk.2TQONIPK.js}

@@ -3,5 +3,5 @@
  * Copyright 2023 Tyler Technologies, Inc. 
  * License: Apache-2.0
  */
-import{a as o,d as f}from"./chunk.LDN4HLF7.js";import{a as C}from"./chunk.G5MGGEFP.js";import{a as u}from"./chunk.KTGSZEAG.js";import{a as E,b as v}from"./chunk.BE7PZANN.js";import{a as d,l as h}from"./chunk.Y4GKBJGI.js";import{b as m}from"./chunk.PN26D52V.js";import{f as c}from"./chunk.MCIQXNKY.js";var a=class extends C{constructor(e){super(e)}getHostElement(){return this._component}isNestedPanel(e){return!e||!this._component.contains(e)?!1:m(e,this._component).some(t=>t.tagName.toLocaleLowerCase()===o.elementName)}getChildPanels(e){return e?Array.from(this._component.querySelectorAll(e)):Array.from(this._component.children).filter(t=>t.tagName.toLocaleLowerCase()===o.elementName)}addEventListener(e,n,t,l){t.addEventListener(e,n,l||!1)}removeEventListener(e,n,t){t.removeEventListener(e,n)}};var _=`${v}accordion`,b={PANEL_SELECTOR:"panel-selector"},r={elementName:_,attributes:b};var s=class{constructor(e){this._adapter=e}initialize(){this._attachListeners()}disconnect(){this._detachListeners()}_attachListeners(){this._hostInteractionCallback=e=>this._hostInteraction(e),this._adapter.addEventListener(o.events.TOGGLE,this._hostInteractionCallback,this._adapter.getHostElement())}_detachListeners(){this._hostInteractionCallback&&(this._adapter.removeEventListener(o.events.TOGGLE,this._hostInteractionCallback,this._adapter.getHostElement()),this._hostInteractionCallback=void 0)}_hostInteraction(e){switch(e.type){case o.events.TOGGLE:if(e.detail){e.stopPropagation();let n=e.target;if(this._adapter.isNestedPanel(n))return;this._adapter.getChildPanels(this._panelSelector).forEach(t=>{n!==t&&!this._adapter.isNestedPanel(t)&&(t.open=!1)})}break;default:break}}get panelSelector(){return this._panelSelector}set panelSelector(e){this._panelSelector!==e&&(this._panelSelector=e,this._adapter.setHostAttribute(r.attributes.PANEL_SELECTOR,this._panelSelector))}};var i=class extends h{constructor(){super();this._foundation=new s(new a(this))}static get observedAttributes(){return[r.attributes.PANEL_SELECTOR]}initializedCallback(){this._foundation.initialize()}disconnectedCallback(){this._foundation.disconnect()}attributeChangedCallback(n,t,l){switch(n){case r.attributes.PANEL_SELECTOR:this.panelSelector=l;break}}};c([u()],i.prototype,"panelSelector",2),i=c([E({name:r.elementName,dependencies:[f]})],i);function X(){d(i)}export{a,r as b,s as c,i as d,X as e};
-//# sourceMappingURL=chunk.J2H5RXTX.js.map
+import{a as o,d as f}from"./chunk.ECRL6O3V.js";import{a as u}from"./chunk.NVUMRW44.js";import{a as C}from"./chunk.5V5ABSHI.js";import{a as E,b as v}from"./chunk.DTZFWZPB.js";import{a as d,k as h}from"./chunk.NK7H3MMM.js";import{b as m}from"./chunk.CFDK4RCW.js";import{d as c}from"./chunk.M3QDAYD2.js";var a=class extends C{constructor(e){super(e)}getHostElement(){return this._component}isNestedPanel(e){return!e||!this._component.contains(e)?!1:m(e,this._component).some(t=>t.tagName.toLocaleLowerCase()===o.elementName)}getChildPanels(e){return e?Array.from(this._component.querySelectorAll(e)):Array.from(this._component.children).filter(t=>t.tagName.toLocaleLowerCase()===o.elementName)}addEventListener(e,n,t,l){t.addEventListener(e,n,l||!1)}removeEventListener(e,n,t){t.removeEventListener(e,n)}};var _=`${v}accordion`,b={PANEL_SELECTOR:"panel-selector"},r={elementName:_,attributes:b};var s=class{constructor(e){this._adapter=e}initialize(){this._attachListeners()}disconnect(){this._detachListeners()}_attachListeners(){this._hostInteractionCallback=e=>this._hostInteraction(e),this._adapter.addEventListener(o.events.TOGGLE,this._hostInteractionCallback,this._adapter.getHostElement())}_detachListeners(){this._hostInteractionCallback&&(this._adapter.removeEventListener(o.events.TOGGLE,this._hostInteractionCallback,this._adapter.getHostElement()),this._hostInteractionCallback=void 0)}_hostInteraction(e){switch(e.type){case o.events.TOGGLE:if(e.detail){e.stopPropagation();let n=e.target;if(this._adapter.isNestedPanel(n))return;this._adapter.getChildPanels(this._panelSelector).forEach(t=>{n!==t&&!this._adapter.isNestedPanel(t)&&(t.open=!1)})}break;default:break}}get panelSelector(){return this._panelSelector}set panelSelector(e){this._panelSelector!==e&&(this._panelSelector=e,this._adapter.setHostAttribute(r.attributes.PANEL_SELECTOR,this._panelSelector))}};var i=class extends h{constructor(){super();this._foundation=new s(new a(this))}static get observedAttributes(){return[r.attributes.PANEL_SELECTOR]}initializedCallback(){this._foundation.initialize()}disconnectedCallback(){this._foundation.disconnect()}attributeChangedCallback(n,t,l){switch(n){case r.attributes.PANEL_SELECTOR:this.panelSelector=l;break}}};c([u()],i.prototype,"panelSelector",2),i=c([E({name:r.elementName,dependencies:[f]})],i);function q(){d(i)}export{a,r as b,s as c,i as d,q as e};
+//# sourceMappingURL=chunk.2TQONIPK.js.map

package/dist/esm/chunks/{chunk.J2H5RXTX.js.map → chunk.2TQONIPK.js.map}

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/accordion/accordion-adapter.ts", "../../src/accordion/accordion-constants.ts", "../../src/accordion/accordion-foundation.ts", "../../src/accordion/accordion.ts", "../../src/accordion/index.ts"],
   "sourcesContent": ["import { BaseAdapter, IBaseAdapter } from '../core/base';\nimport { EXPANSION_PANEL_CONSTANTS, IExpansionPanelComponent } from '../expansion-panel';\nimport { IAccordionComponent } from './accordion';\nimport { elementParents } from '@tylertech/forge-core';\n\nexport interface IAccordionAdapter extends IBaseAdapter {\n  getHostElement(): IAccordionComponent;\n  isNestedPanel(element: HTMLElement): boolean;\n  getChildPanels(selector?: string): IExpansionPanelComponent[];\n  addEventListener(event: string, callback: (event: Event) => void, element: Element, bubbles?: boolean): void;\n  removeEventListener(event: string, callback: (event: Event) => void, element: Element, bubbles?: boolean): void;\n}\n\nexport class AccordionAdapter extends BaseAdapter<IAccordionComponent> implements IAccordionAdapter {\n  constructor(component: IAccordionComponent) {\n    super(component);\n  }\n\n  /**\n   * Gets the `<forge-accordion>` host element.\n   * @returns An instance of the `AccordionComponent`.\n   */\n  public getHostElement(): IAccordionComponent {\n    return this._component;\n  }\n\n  /**\n   * Determines if the given expansion panel element is nested within another expansion panel.\n   * @param element The expansion panel element to test.\n   */\n  public isNestedPanel(element: HTMLElement): boolean {\n    if (!element || !this._component.contains(element)) {\n      return false;\n    }\n    const parents = elementParents(element, this._component);\n    return parents.some(el => el.tagName.toLocaleLowerCase() === EXPANSION_PANEL_CONSTANTS.elementName);\n  }\n\n  /**\n   * Finds all child `<forge-expansion-panel>` components within the host element.\n   * @returns An array of `ExpansionPanelComponent` child instances.\n   */\n  public getChildPanels(selector?: string): IExpansionPanelComponent[] {\n    if (selector) {\n      return Array.from(this._component.querySelectorAll(selector));\n    } else {\n      const children = Array.from(this._component.children);\n      return children.filter(child => child.tagName.toLocaleLowerCase() === EXPANSION_PANEL_CONSTANTS.elementName) as IExpansionPanelComponent[];\n    }\n  }\n\n  /**\n   * Adds an event listener to the provided element.\n   * @param event The event name.\n   * @param callback The event callback.\n   * @param element The element to emit the event from.\n   * @param [bubbles] Whether the event bubbles or not.\n   */\n  public addEventListener(event: string, callback: (event: Event) => void, element: Element, bubbles?: boolean): void {\n    element.addEventListener(event, callback, bubbles || false);\n  }\n\n  /**\n   * Removes an event listener from the provided element.\n   * @param event The event name.\n   * @param callback The event callback.\n   * @param element The event to remove the event from.\n   */\n  public removeEventListener(event: string, callback: (event: Event) => void, element: Element): void {\n    element.removeEventListener(event, callback);\n  }\n}\n", "import { COMPONENT_NAME_PREFIX } from '../constants';\n\nconst elementName: keyof HTMLElementTagNameMap = `${COMPONENT_NAME_PREFIX}accordion`;\n\nconst attributes = {\n  PANEL_SELECTOR: 'panel-selector'\n};\n\nexport const ACCORDION_CONSTANTS = {\n  elementName,\n  attributes\n};\n", "import { ICustomElementFoundation } from '@tylertech/forge-core';\n\nimport { IAccordionAdapter } from './accordion-adapter';\nimport { EXPANSION_PANEL_CONSTANTS } from '../expansion-panel/expansion-panel-constants';\nimport { IExpansionPanelComponent } from '../expansion-panel';\nimport { ACCORDION_CONSTANTS } from './accordion-constants';\n\nexport interface IAccordionFoundation extends ICustomElementFoundation {\n  panelSelector: string;\n}\n\n/**\n * The foundation class behind the `AccordionComponent`.\n */\nexport class AccordionFoundation implements IAccordionFoundation {\n  private _panelSelector: string;\n  private _hostInteractionCallback?: (evt: Event) => void;\n\n  constructor(private _adapter: IAccordionAdapter) {}\n\n  public initialize(): void {\n    this._attachListeners();\n  }\n\n  public disconnect(): void {\n    this._detachListeners();\n  }\n\n  private _attachListeners(): void {\n    this._hostInteractionCallback = (evt: CustomEvent) => this._hostInteraction(evt);\n    this._adapter.addEventListener(EXPANSION_PANEL_CONSTANTS.events.TOGGLE, this._hostInteractionCallback, this._adapter.getHostElement());\n  }\n\n  private _detachListeners(): void {\n    if (this._hostInteractionCallback) {\n      this._adapter.removeEventListener(EXPANSION_PANEL_CONSTANTS.events.TOGGLE, this._hostInteractionCallback, this._adapter.getHostElement());\n      this._hostInteractionCallback = undefined;\n    }\n  }\n\n  private _hostInteraction(evt: CustomEvent): void {\n    switch (evt.type) {\n      case EXPANSION_PANEL_CONSTANTS.events.TOGGLE:\n        if (evt.detail) {\n          evt.stopPropagation();\n          const evtTarget = evt.target as IExpansionPanelComponent;\n  \n          if (this._adapter.isNestedPanel(evtTarget)) {\n            return;\n          }\n  \n          this._adapter.getChildPanels(this._panelSelector).forEach(panel => {\n            if (evtTarget !== panel && !this._adapter.isNestedPanel(panel)) {\n              panel.open = false;\n            }\n          });\n        }\n        break;\n      default:\n        break;\n    }\n  }\n\n  /** Gets/sets the selector to use for finding the child expansion panels. Defaults to searching the direct children for `<forge-expansion-panel>` elements. */\n  public get panelSelector(): string {\n    return this._panelSelector;\n  }\n  public set panelSelector(value: string) {\n    if (this._panelSelector !== value) {\n      this._panelSelector = value;\n      this._adapter.setHostAttribute(ACCORDION_CONSTANTS.attributes.PANEL_SELECTOR, this._panelSelector);\n    }\n  }\n}\n", "import { CustomElement, FoundationProperty } from '@tylertech/forge-core';\nimport { BaseComponent, IBaseComponent } from '../core/base/base-component';\nimport { ExpansionPanelComponent } from '../expansion-panel';\nimport { AccordionAdapter } from './accordion-adapter';\nimport { ACCORDION_CONSTANTS } from './accordion-constants';\nimport { AccordionFoundation } from './accordion-foundation';\n\nexport interface IAccordionComponent extends IBaseComponent {\n  panelSelector: string;\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'forge-accordion': IAccordionComponent;\n  }\n}\n\n/**\n * The custom element class behind the `<forge-accordion>` web component.\n * \n * This component is intended to wrap and orchestrate child expansion panels\n * so that only one expansion panel is open at a time.\n * \n * @tag forge-accordion\n */\n@CustomElement({\n  name: ACCORDION_CONSTANTS.elementName,\n  dependencies: [ExpansionPanelComponent]\n})\nexport class AccordionComponent extends BaseComponent implements IAccordionComponent {\n  public static get observedAttributes(): string[] {\n    return [\n      ACCORDION_CONSTANTS.attributes.PANEL_SELECTOR\n    ];\n  }\n\n  private _foundation: AccordionFoundation;\n\n  constructor() {\n    super();\n    this._foundation = new AccordionFoundation(new AccordionAdapter(this));\n  }\n\n  public initializedCallback(): void {\n    this._foundation.initialize();\n  }\n\n  public disconnectedCallback(): void {\n    this._foundation.disconnect();\n  }\n\n  public attributeChangedCallback(name: string, oldValue: string, newValue: string): void {\n    switch (name) {\n      case ACCORDION_CONSTANTS.attributes.PANEL_SELECTOR:\n        this.panelSelector = newValue;\n        break;\n    }\n  }\n\n  /** Gets/sets the selector to use for finding the child expansion panels. Defaults to searching the direct children for `<forge-expansion-panel>` elements. */\n  @FoundationProperty()\n  public declare panelSelector: string;\n}\n", "import { defineCustomElement } from '@tylertech/forge-core';\n\nimport { AccordionComponent } from './accordion';\n\nexport * from './accordion-adapter';\nexport * from './accordion-constants';\nexport * from './accordion-foundation';\nexport * from './accordion';\n\nexport function defineAccordionComponent(): void {\n  defineCustomElement(AccordionComponent);\n}\n"],
-  "mappings": "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",
+  "mappings": "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",
   "names": ["AccordionAdapter", "BaseAdapter", "component", "element", "elementParents", "el", "EXPANSION_PANEL_CONSTANTS", "selector", "child", "event", "callback", "bubbles", "elementName", "COMPONENT_NAME_PREFIX", "attributes", "ACCORDION_CONSTANTS", "AccordionFoundation", "_adapter", "evt", "EXPANSION_PANEL_CONSTANTS", "evtTarget", "panel", "value", "ACCORDION_CONSTANTS", "AccordionComponent", "BaseComponent", "AccordionFoundation", "AccordionAdapter", "ACCORDION_CONSTANTS", "name", "oldValue", "newValue", "__decorateClass", "FoundationProperty", "CustomElement", "ExpansionPanelComponent", "defineAccordionComponent", "defineCustomElement", "AccordionComponent"]
 }

package/dist/esm/chunks/chunk.2VP57RZO.js

@@ -0,0 +1,7 @@
+/**
+ * @license
+ * Copyright 2023 Tyler Technologies, Inc. 
+ * License: Apache-2.0
+ */
+import{f as I}from"./chunk.FYWPZFLJ.js";import{a as S,d as F,l as B}from"./chunk.H5D54EHO.js";import{b as v,c as z}from"./chunk.SZIM4KFZ.js";import{a as p}from"./chunk.NVUMRW44.js";import{a as D}from"./chunk.5V5ABSHI.js";import{a as L,b as h}from"./chunk.DTZFWZPB.js";import{e as w,f,k as C}from"./chunk.NK7H3MMM.js";import{f as k,g as m,i as l,n as x,s as b,t as s,y as T}from"./chunk.CFDK4RCW.js";import{k as d}from"./chunk.J2M2MXP2.js";import{a as y,b as E,d as c}from"./chunk.M3QDAYD2.js";var R=`${h}chip-set`,O={VERTICAL:"vertical",TYPE:"type",DENSE:"dense",DISABLED:"disabled"},A={ROOT:"forge-chip-set",VERTICAL:"forge-chip-set--vertical"},H={ROOT:`.${A.ROOT}`},N={elementName:R,attributes:O,classes:A,selectors:H};var n=`${h}chip`,M={TYPE:"type",SELECTED:"selected",VALUE:"value",DISABLED:"disabled",INVALID:"invalid",DENSE:"dense",EMULATE_FOCUS:"emulate-focus"},U={ACTION:"forge-chip--action",CHOICE:"forge-chip--choice",FILTER:"forge-chip--filter",INPUT:"forge-chip--input",FIELD:"forge-chip--field",INVALID:"forge-chip--invalid",SELECTED:"forge-chip--selected",DELETE_BUTTON:"forge-chip__delete-button",DELETE_BUTTON_TOUCH_TARGET:"forge-chip__delete-button__touch-target",DENSE:"forge-chip--dense",DISABLED:"forge-chip--disabled",LEADING_HIDDEN:"forge-chip__leading--hidden"},P={ROOT:".forge-chip",BUTTON:"[role=button]"},V={DELETE:`${n}-delete`,SELECT:`${n}-select`,FOCUS_NEXT:`${n}-focus-next`,FOCUS_PREVIOUS:`${n}-focus-previous`},K={TYPE:"action"},t={elementName:n,attributes:M,classes:U,selectors:P,events:V,defaults:K};var $='<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>',g=class extends D{constructor(e){super(e);this._rootElement=f(this._component,t.selectors.ROOT),this._buttonElement=f(this._component,t.selectors.BUTTON),this._leadingSlotElement=f(this._component,"slot[name=leading]"),this._rootElement.addEventListener("click",r=>{r.target!==this._deleteButton&&this._buttonElement.focus()},{capture:!0})}get root(){return this._rootElement}get unbounded(){return!1}get disabled(){var e;return(e=this._buttonElement)==null?void 0:e.disabled}addRootListener(e,r){this._rootElement.addEventListener(e,r)}removeRootListener(e,r){this._rootElement.removeEventListener(e,r)}addButtonListener(e,r){this._buttonElement.addEventListener(e,r)}removeButtonListener(e,r){this._buttonElement.removeEventListener(e,r)}initializeRipple(){let e=E(y({},v.createAdapter(this)),{registerInteractionHandler:(r,o)=>{["focus","blur","keydown"].includes(r)?this._buttonElement.addEventListener(r,o,{passive:!0}):this._rootElement.addEventListener(r,o,{passive:!0})},deregisterInteractionHandler:(r,o)=>{["focus","blur","keydown"].includes(r)?this._buttonElement.removeEventListener(r,o,{passive:!0}):this._rootElement.removeEventListener(r,o,{passive:!0})},isSurfaceActive:()=>this._buttonElement.matches(":active"),isUnbounded:()=>!!this.unbounded,isSurfaceDisabled:()=>this._buttonElement.disabled,addClass:r=>k(r,this._rootElement),removeClass:r=>m(r,this._rootElement),updateCssVariable:(r,o)=>this._rootElement.style.setProperty(r,o)});return this._rippleInstance=new v(this._rootElement,new z(e)),this._rippleInstance}clearTypeClass(){m([t.classes.ACTION,t.classes.CHOICE,t.classes.FILTER,t.classes.INPUT],this._buttonElement)}addRootClass(e){this._rootElement.classList.add(e)}removeRootClass(e){this._rootElement.classList.remove(e)}setCheckmarkVisibility(e){e?(this._checkmarkElement||(this._checkmarkElement=T($)),this._rootElement.insertBefore(this._checkmarkElement,this._rootElement.firstChild)):this._checkmarkElement&&this._checkmarkElement.isConnected&&l(this._checkmarkElement)}setSelected(e){s(this._rootElement,e,t.classes.SELECTED)}setDisabled(e){this._buttonElement.disabled=e,this._buttonElement.tabIndex=e?-1:0,s(this._rootElement,e,t.classes.DISABLED)}setDense(e){s(this._rootElement,e,t.classes.DENSE)}setDeleteButtonVisibility(e,r){e?(this._deleteButton||(this._deleteButton=this._createDeleteButton(r)),this._deleteButtonTouchTarget||(this._deleteButtonTouchTarget=this._createDeleteButtonTouchTarget(r)),this._deleteButton.appendChild(this._deleteButtonTouchTarget),this._rootElement.appendChild(this._deleteButton)):(this._deleteButtonTouchTarget&&l(this._deleteButtonTouchTarget),this._deleteButton&&l(this._deleteButton))}setLeadingSlotVisibility(e){s(this._leadingSlotElement,!e,t.classes.LEADING_HIDDEN)}getChipSetState(){let e=null,r=x(this._component,o=>o&&o.nodeName===N.elementName.toUpperCase());return r&&(e={type:r.type,disabled:r.disabled,dense:r.dense}),e}_createDeleteButton(e){let r=document.createElement(S.elementName);return r.id="remove-button",r.name="cancel",r.tabIndex=-1,r.setAttribute("aria-hidden","false"),r.setAttribute("aria-label",`Remove ${this._component.innerText}`),r.setAttribute("role","button"),r.classList.add(t.classes.DELETE_BUTTON),r.addEventListener("keydown",e),r}_createDeleteButtonTouchTarget(e){let r=document.createElement("div");return r.classList.add(t.classes.DELETE_BUTTON_TOUCH_TARGET),r.addEventListener("keydown",e),r.addEventListener("click",e),r}setFocus(){this._buttonElement.focus()}tryFocusDelete(){this._deleteButton?this._deleteButton.focus():this.setFocus()}setEmulatedFocus(e){this._buttonElement.classList.toggle("mdc-ripple-upgraded--background-focused",e)}tryMoveFocusNext(){let e=b();e===this._buttonElement?this._deleteButton?this._deleteButton.focus():this.emitHostEvent(t.events.FOCUS_NEXT):e===this._deleteButton&&this.emitHostEvent(t.events.FOCUS_NEXT)}tryMoveFocusPrevious(){let e=b();e===this._deleteButton?this._buttonElement.focus():e===this._buttonElement&&this.emitHostEvent(t.events.FOCUS_PREVIOUS)}};var u=class{constructor(i){this._adapter=i;this._type=t.defaults.TYPE;this._selected=!1;this._disabled=!1;this._invalid=!1;this._value=null;this._dense=!1;this._emulateFocus=!1;this._isInitialized=!1;this._clickListener=e=>this._onClick(e),this._keydownListener=e=>this._onKeydown(e),this._deleteKeydownListener=e=>this._onDeleteKeydown(e),this._buttonFocusListener=e=>this._onButtonFocus(e),this._buttonBlurListener=e=>this._onButtonBlur(e)}initialize(){this._rippleInstance=this._adapter.initializeRipple(),this._adapter.addRootListener("click",this._clickListener),this._adapter.addRootListener("keydown",this._keydownListener),this._adapter.addButtonListener("focus",this._buttonFocusListener),this._adapter.addButtonListener("blur",this._buttonBlurListener),this._applyState(),this._isInitialized=!0}disconnect(){this._destroyRipple(),this._adapter.removeRootListener("click",this._clickListener),this._adapter.removeRootListener("keydown",this._keydownListener),this._adapter.removeButtonListener("focus",this._buttonFocusListener),this._adapter.removeButtonListener("blur",this._buttonBlurListener),this._isInitialized=!1}_destroyRipple(){this._rippleInstance&&(this._rippleInstance.destroy(),this._rippleInstance=void 0)}_applyState(){let i=this._adapter.getChipSetState();i&&(this._type=i.type,this._disabled=i.disabled,this._dense=i.dense),this._type==="action"&&(this._selected=!1),this._applyDisabled(),this._applyType(),this._applySelected(),this._applyDense(),this._applyEmulateFocus()}_onClick(i){let e=i.target;e.classList.contains(t.classes.DELETE_BUTTON)||e.classList.contains(t.classes.DELETE_BUTTON_TOUCH_TARGET)?this._handleDeleteInteraction(i):this._handleSelectInteraction()}_onKeydown(i){var e;switch(i.key){case"Delete":case"Backspace":this._type==="input"&&(i.preventDefault(),this._emitDeleteEvent());break;case"Enter":case" ":i.preventDefault(),(e=this._rippleInstance)==null||e.animate(),this._handleSelectInteraction();break;case"ArrowLeft":i.preventDefault(),this._adapter.tryMoveFocusPrevious();break;case"ArrowRight":i.preventDefault(),this._adapter.tryMoveFocusNext();break}}_onDeleteKeydown(i){i.key==="Enter"&&this._handleDeleteInteraction(i)}_onButtonFocus(i){this._adapter.setHostAttribute("focused")}_onButtonBlur(i){this._adapter.removeHostAttribute("focused")}_handleDeleteInteraction(i){let e=i.target;(e.classList.contains(t.classes.DELETE_BUTTON)||e.classList.contains(t.classes.DELETE_BUTTON_TOUCH_TARGET))&&(i.stopPropagation(),this._emitDeleteEvent())}_handleSelectInteraction(){let i=this._emitSelectEvent(),e=["filter","choice","input"].includes(this._type);!i&&e&&(this._selected=!this._selected,this._applySelected())}_emitSelectEvent(){let i={selected:!this._selected,value:this._value};return!this._adapter.emitHostEvent(t.events.SELECT,i,!0,!0)}_emitDeleteEvent(){let i={value:this._value};this._adapter.emitHostEvent(t.events.DELETE,i,!0,!0)}_applyType(){switch(this._adapter.clearTypeClass(),this._type){case"action":this._adapter.addRootClass(t.classes.ACTION);break;case"choice":this._adapter.addRootClass(t.classes.CHOICE);break;case"filter":this._adapter.addRootClass(t.classes.FILTER);break;case"input":this._adapter.addRootClass(t.classes.INPUT);break;case"field":this._adapter.addRootClass(t.classes.FIELD);break}this._adapter.setCheckmarkVisibility(this._type==="filter");let i=this._type==="input"||this._type==="field";this._adapter.setDeleteButtonVisibility(i,this._deleteKeydownListener),this._adapter.setLeadingSlotVisibility(!this._selected),this._adapter.setHostAttribute(t.attributes.TYPE,this._type)}_applySelected(){this._adapter.setSelected(this._selected),this._type==="filter"&&this._adapter.setLeadingSlotVisibility(!this._selected),this._adapter.toggleHostAttribute(t.attributes.SELECTED,this._selected)}_applyDisabled(){this._adapter.setDisabled(this._disabled),this._adapter.toggleHostAttribute(t.attributes.DISABLED,this._disabled)}_applyDense(){this._adapter.setDense(this._dense),this._adapter.toggleHostAttribute(t.attributes.DISABLED,this._disabled)}_applyEmulateFocus(){this._adapter.toggleHostAttribute(t.attributes.EMULATE_FOCUS,this._emulateFocus),this._adapter.setEmulatedFocus(this._emulateFocus)}get type(){return this._type}set type(i){this._type!==i&&(this._type=i,this._isInitialized&&(["action","choice","filter","input","field"].includes(this._type)||(this._type="action"),this._type==="action"&&(this._selected=!1,this._applySelected()),this._applyType()))}get selected(){return this._selected}set selected(i){this._selected!==i&&(this._selected=i,this._isInitialized&&(this._type==="action"&&(this._selected=!1),this._applySelected()))}get disabled(){return this._disabled}set disabled(i){this._disabled!==i&&(this._disabled=i,this._isInitialized&&this._applyDisabled())}get invalid(){return this._invalid}set invalid(i){this._invalid!==i&&(this._invalid=i,i?(this._adapter.setHostAttribute(t.attributes.INVALID,""),this._adapter.addRootClass(t.classes.INVALID)):(this._adapter.removeHostAttribute(t.attributes.INVALID),this._adapter.removeRootClass(t.classes.INVALID)))}get value(){return this._value}set value(i){this._value=i}get dense(){return this._dense}set dense(i){this._dense!==i&&(this._dense=i,this._isInitialized&&this._applyDense())}get emulateFocus(){return this._emulateFocus}set emulateFocus(i){this._emulateFocus!==i&&(this._emulateFocus=i,this._isInitialized&&this._applyEmulateFocus())}setFocus(){this._adapter.setFocus()}tryFocusDelete(){if(this._type==="input"){this._adapter.tryFocusDelete();return}this.setFocus()}};var Y='<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>',G='@-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}.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)}',a=class extends C{constructor(){super();F.define(I),w(this,Y,G),this._foundation=new u(new g(this))}static get observedAttributes(){return[t.attributes.TYPE,t.attributes.SELECTED,t.attributes.DISABLED,t.attributes.VALUE,t.attributes.DENSE,t.attributes.INVALID,t.attributes.EMULATE_FOCUS]}connectedCallback(){this._foundation.initialize()}disconnectedCallback(){this._foundation.disconnect()}attributeChangedCallback(e,r,o){switch(e){case t.attributes.TYPE:this.type=o;break;case t.attributes.SELECTED:this.selected=d(o);break;case t.attributes.DISABLED:this.disabled=d(o);break;case t.attributes.INVALID:this.invalid=d(o);break;case t.attributes.VALUE:this.value=o;break;case t.attributes.DENSE:this.dense=d(o);break;case t.attributes.EMULATE_FOCUS:this.emulateFocus=d(o)}}focus(){this._foundation.setFocus()}tryFocusDelete(){this._foundation.tryFocusDelete()}};c([p()],a.prototype,"type",2),c([p()],a.prototype,"selected",2),c([p()],a.prototype,"disabled",2),c([p()],a.prototype,"invalid",2),c([p()],a.prototype,"value",2),c([p()],a.prototype,"dense",2),c([p()],a.prototype,"emulateFocus",2),a=c([L({name:t.elementName,dependencies:[B]})],a);export{N as a,t as b,g as c,u as d,a as e};
+//# sourceMappingURL=chunk.2VP57RZO.js.map