@tylertech/forge 3.0.0-next.20 → 3.0.0-next.22

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/split-view/split-view-panel/split-view-panel-constants.ts", "../../src/split-view/split-view-panel/split-view-panel-utils.ts", "../../src/split-view/split-view-panel/split-view-panel-foundation.ts", "../../src/split-view/split-view/split-view-constants.ts", "../../src/split-view/split-view-panel/split-view-panel-adapter.ts", "../../src/split-view/split-view-panel/split-view-panel.ts", "../../src/split-view/split-view-panel/index.ts"],
-  "sourcesContent": ["import { COMPONENT_NAME_PREFIX } from '../../constants';\nimport { SplitViewOrientation } from '../split-view/split-view-constants';\n\nconst elementName: keyof HTMLElementTagNameMap = `${COMPONENT_NAME_PREFIX}split-view-panel`;\n\nconst attributes = {\n  RESIZABLE: 'resizable',\n  SIZE: 'size',\n  MIN: 'min',\n  MAX: 'max',\n  OPEN: 'open',\n  ACCESSIBLE_LABEL: 'accessible-label',\n  DISABLED: 'disabled',\n  ALLOW_CLOSE: 'allow-close',\n  AUTO_CLOSE: 'auto-close',\n  AUTO_CLOSE_THRESHOLD: 'auto-close-threshold',\n  ORIENTATION: 'orientation'\n};\n\nconst classes = {\n  ROOT: 'forge-split-view-panel',\n  GRABBED: 'forge-split-view-panel--grabbed',\n  HANDLE: 'forge-split-view-panel__handle',\n  ICON: 'forge-split-view-panel__icon',\n  CONTENT: 'forge-split-view-panel__content',\n  CLOSED: 'forge-split-view-panel--closed',\n  CLOSING: 'forge-split-view-panel--closing',\n  OPENING: 'forge-split-view-panel--opening',\n  DISABLED: 'forge-split-view-panel--disabled',\n  OVERLAY: 'forge-split-view-panel-overlay'\n};\n\nconst ids = {\n  ROOT: 'root',\n  HANDLE: 'handle',\n  ICON: 'icon',\n  RIPPLE: 'ripple',\n  CONTENT: 'content'\n};\n\nconst selectors = {\n  ROOT: `#${ids.ROOT}`,\n  HANDLE: `#${ids.HANDLE}`,\n  ICON: `#${ids.ICON}`,\n  RIPPLE: `#${ids.RIPPLE}`,\n  CONTENT: `#${ids.CONTENT}`\n};\n\nconst events = {\n  WILL_RESIZE: `${elementName}-will-resize`,\n  RESIZE_START: `${elementName}-resize-start`,\n  RESIZE_END: `${elementName}-resize-end`,\n  RESIZE: `${elementName}-resize`,\n  DID_OPEN: `${elementName}-did-open`,\n  DID_CLOSE: `${elementName}-did-close`,\n  WILL_OPEN: `${elementName}-will-open`,\n  WILL_CLOSE: `${elementName}-will-close`\n};\n\nconst numbers = {\n  RIPPLE_ACTIVATION_WAIT: 200\n};\n\nconst customCssProperties = {\n  SIZE: '--forge-split-view-panel-size',\n  CURSOR: '--forge-split-view-panel-cursor'\n};\n\nexport const SPLIT_VIEW_PANEL_CONSTANTS = {\n  elementName,\n  attributes,\n  classes,\n  ids,\n  selectors,\n  events,\n  numbers,\n  customCssProperties\n};\n\n// 'start' panels have a handle on the left/top and collapse to the right/bottom\n// 'end' panels have a handle on the right/bottom and collapse to the left/top\n// 'off' panels don't have a handle, are not resizable, and fill the remaining space\nexport type SplitViewPanelResizable = 'start' | 'end' | 'off';\n\nexport type SplitViewInputDeviceType = 'pointer' | 'keyboard';\n\nexport enum SplitViewAnimatingLayer {\n  Under = 1,\n  Active = 2,\n  Above = 3\n}\n\nexport interface ISplitViewPanelCursorConfig {\n  resizable: SplitViewPanelResizable;\n  boundary: 'min' | 'max' | 'none';\n}\n\nexport interface ISplitViewPanelState {\n  orientation: SplitViewOrientation;\n  resizable: SplitViewPanelResizable;\n  arrowKeyHeld: boolean;\n  startPoint?: number;\n  startSize?: number;\n  currentSize?: number;\n  availableSpace?: number;\n  siblingSize?: number;\n  keyboardDelta: number;\n  isAtMin: boolean;\n  isAtMax: boolean;\n  min: number;\n  max?: number;\n}\n\nexport interface ISplitViewPanelWillResizeEvent {\n  inputDeviceType: SplitViewInputDeviceType;\n}\n\nexport interface ISplitViewPanelOpenEvent {\n  auto: boolean;\n  userInitiated: boolean;\n}\n", "import { percentToPixels, safeMin, scaleValue } from '../../core/utils/utils';\nimport { ISplitViewPanelCursorConfig, ISplitViewPanelState, SplitViewInputDeviceType, SPLIT_VIEW_PANEL_CONSTANTS } from './split-view-panel-constants';\nimport { ISplitViewPanelAdapter } from './split-view-panel-adapter';\nimport { SplitViewOrientation } from '../split-view/split-view-constants';\nimport { ISplitViewPanelComponent, SplitViewPanelComponent } from './split-view-panel';\n\n/**\n * Creates a default split view panel state object.\n * @returns A new state object.\n */\nexport function initState(): ISplitViewPanelState {\n  return {\n    orientation: 'horizontal',\n    resizable: 'off',\n    arrowKeyHeld: false,\n    keyboardDelta: 0,\n    isAtMin: false,\n    isAtMax: false,\n    min: 0\n  };\n}\n\n/**\n * Gets a state object reflecting the panel's parameters at the beginning of a resize.\n * @param adapter The panel's adapter.\n * @param state The panel's state object.\n * @returns An updated state object.\n */\nexport function setState(adapter: ISplitViewPanelAdapter, state: ISplitViewPanelState): ISplitViewPanelState {\n  const currentSize = adapter.getContentSize(state.orientation);\n  return {\n    ...state,\n    currentSize,\n    startSize: currentSize,\n    availableSpace: adapter.getAvailableSpace(state.orientation, state.resizable),\n    siblingSize: adapter.getSiblingContentSize(),\n    isAtMin: false,\n    isAtMax: false\n  };\n}\n\n/**\n * Gets a state object with all properties related to a resize reset to default.\n * @param state The panel's state object.\n * @returns An updated state object.\n */\nexport function clearState(state: ISplitViewPanelState): ISplitViewPanelState {\n  return {\n    ...state,\n    arrowKeyHeld: false,\n    keyboardDelta: 0,\n    isAtMin: false,\n    isAtMax: false\n  };\n}\n\n/**\n * Performs a panel resize triggered by a pointer event.\n * @param adapter The panel's adapter.\n * @param evt The pointer event.\n * @param state The panel's state object.\n * @returns Whether a resize happened.\n */\nexport function pointerResize(adapter: ISplitViewPanelAdapter, evt: PointerEvent, state: ISplitViewPanelState): boolean {\n  if (state.startPoint === undefined || state.startSize === undefined) {\n    return false;\n  }\n\n  const initialSize = state.currentSize;\n\n  const evtPoint = state.orientation === 'horizontal' ? evt.clientX : evt.clientY;\n  let delta = state.startPoint - evtPoint;\n  if (state.resizable === 'start') {\n    delta *= -1;\n  }\n\n  const size = state.startSize - delta;\n  state.currentSize = clampSize(size, state);\n  adapter.setContentSize(state.currentSize);\n  handleBoundariesDuringResize(adapter, state, 'pointer');\n  adapter.setValuenow(getValuenow(state.currentSize, state));\n\n  const siblingDelta = size - state.currentSize + delta;\n  resizeSibling(adapter, siblingDelta, state);\n\n  return initialSize !== state.currentSize;\n}\n\n/**\n * Performs a panel resize triggered by a keyboard event.\n * @param adapter The panel's adapter.\n * @param increment The pixel amount to change the panel's size.\n * @param state The panel's state object.\n * @returns Whether a resize happened.\n */\nexport function keyboardResize(adapter: ISplitViewPanelAdapter, increment: number, state: ISplitViewPanelState): boolean {\n  if (state.startSize === undefined) {\n    return false;\n  }\n\n  const initialSize = state.currentSize;\n\n  state.keyboardDelta += increment;\n\n  const size = state.startSize + state.keyboardDelta;\n  state.currentSize = clampSize(size, state);\n  adapter.setContentSize(state.currentSize);\n  handleBoundariesDuringResize(adapter, state, 'keyboard');\n  adapter.setValuenow(getValuenow(state.currentSize, state));\n\n  const siblingDelta = size - state.currentSize + state.keyboardDelta * -1;\n  resizeSibling(adapter, siblingDelta, state);\n\n  return initialSize !== state.currentSize;\n}\n\n/**\n * Resizes a panel to its minimum possible size.\n * @param adapter The panel's adapter.\n * @param state The panel's state object.\n * @returns The new pixel size of the panel.\n */\nexport function minResize(adapter: ISplitViewPanelAdapter, state: ISplitViewPanelState): number {\n  adapter.setContentSize(state.min);\n  return state.min;\n}\n\n/**\n * Resizes a panel to its maximum possible size.\n * @param adapter The panel's adapter.\n * @param state The panel's state object.\n * @returns The new pixel size of the panel.\n */\nexport function maxResize(adapter: ISplitViewPanelAdapter, state: ISplitViewPanelState): number {\n  const availableSpace = adapter.getAvailableSpace(state.orientation, state.resizable);\n  const max = safeMin(state.max, availableSpace);\n  adapter.setContentSize(max);\n  return max;\n}\n\n/**\n   * Sets a panel's sibling's size to reflect changes in the panel's size.\n   * @param adapter The panel's adapter.\n   * @param delta The change in size to apply to the sibling.\n   * @param state The panel's state object.\n   */\nexport function resizeSibling(adapter: ISplitViewPanelAdapter, delta: number, state: ISplitViewPanelState): void {\n  if (state.siblingSize !== undefined) {\n    const siblingSize = state.siblingSize + delta;\n    adapter.setSiblingContentSize(siblingSize);\n  }\n}\n\n/**\n   * Returns a size limited to an allowed range.\n   * @param size The size to try setting this panel to.\n   * @param state The panel's state object.\n   * @returns A pixel value.\n   */\nexport function clampSize(size: number, state: ISplitViewPanelState): number {\n  size = Math.max(size, state.min);\n  size = safeMin(size, state.max, state.availableSpace);\n  return size;\n}\n\n/**\n   * Checks whether a panel is at its min or max size while resizing and runs logic related to\n   * that once.\n   * @param adapter The panel's adapter.\n   * @param state The panel's state object.\n   * @param inputDevice The input device responsible for the resize.\n   * @returns Whether the panel is at its min or max size.\n   */\nexport function handleBoundariesDuringResize(adapter: ISplitViewPanelAdapter, state: ISplitViewPanelState, inputDevice?: SplitViewInputDeviceType): boolean {\n  if (state.currentSize === undefined) {\n    return false;\n  }\n\n  // Check min\n  if (state.currentSize <= state.min) {\n    // Just reached the min\n    if (!state.isAtMin) {\n      adapter.activateRipple(inputDevice === 'pointer');\n      if (inputDevice === 'pointer') {\n        adapter.setBodyCursor(state.orientation, { resizable: state.resizable, boundary: 'min' });\n      }\n      state.isAtMin = true;\n    }\n    return true;\n  } else if (state.isAtMin) {\n    // TODO: is it more performant to have the else if condition or to always set the variable?\n    state.isAtMin = false;\n  }\n\n  // Check max\n  const max = safeMin(state.max, state.availableSpace);\n  if (state.currentSize >= max) {\n    // Just reached the max\n    if(!state.isAtMax) {\n      adapter.activateRipple(inputDevice === 'pointer');\n      if (inputDevice === 'pointer') {\n        adapter.setBodyCursor(state.orientation, { resizable: state.resizable, boundary: 'max' });\n      }\n      state.isAtMax = true;\n    }\n    return true;\n  } else if (state.isAtMax) {\n    state.isAtMax = false;\n  }\n\n  if (inputDevice === 'pointer') {\n    adapter.setBodyCursor(state.orientation);\n  }\n  \n  return false;\n}\n\n/**\n   * Checks whether a panel is at its min or max size while not resizing and runs logic related to\n   * that once.\n   * @param adapter The panel's adapter.\n   * @param size The panel's size.\n   * @param state The panel's state object.\n   * @returns Whether the panel is at its min or max size.\n   */\nexport function handleBoundariesAfterResize(adapter: ISplitViewPanelAdapter, size: number, state: ISplitViewPanelState): boolean {\n  if (size <= state.min) {\n    adapter.setHandleCursor(state.orientation, { resizable: state.resizable, boundary: 'min' });\n    return true;\n  }\n\n  const max = safeMin(state.max, state.availableSpace);\n  if (size >= max) {\n    adapter.setHandleCursor(state.orientation, { resizable: state.resizable, boundary: 'max' });\n    return true;\n  }\n\n  adapter.setHandleCursor(state.orientation);\n  return false;\n}\n\n/**\n   * Gets the accessible valuenow of a panel.\n   * @param size The panel's size in pixels.\n   * @param state The panel's state object.\n   */\nexport function getValuenow(size: number, state: ISplitViewPanelState): number {\n  if (!state.availableSpace && !state.max) {\n    return 100;\n  }\n\n  const max = safeMin(state.max, state.availableSpace);\n  return scaleValue(size, state.min, max);\n}\n\n/**\n * Gets the appropriate cursor for the handle orientation.\n * @param orientation \n * @returns A CSS cursor keyword value.\n */\nexport function getCursor(orientation: SplitViewOrientation, config?: ISplitViewPanelCursorConfig): string {\n  if (orientation === 'horizontal') {\n    switch (config?.boundary) {\n      case 'min':\n        return config.resizable === 'end' ? 'e-resize' : 'w-resize';\n      case 'max':\n        return config.resizable === 'end' ? 'w-resize' : 'e-resize';\n      default:\n        return 'col-resize';\n    }\n  } else {\n    switch (config?.boundary) {\n      case 'min':\n        return config.resizable === 'end' ? 's-resize' : 'n-resize';\n      case 'max':\n        return config.resizable === 'end' ? 'n-resize' : 's-resize';\n      default:\n        return 'row-resize';\n    }\n  }\n}\n\n/**\n * Gets the approporate drag icon for the handle orientation.\n * @param orientation \n * @returns A Forge icon name.\n */\nexport function getHandleIcon(orientation: SplitViewOrientation): string {\n  return orientation === 'horizontal' ? 'drag_vertical_variant' : 'drag_handle';\n}\n\n/**\n * Gets the panel that the given panel resizes into.\n * @param el A split view panel.\n * @returns A sibling split view panel or undefined if there is not a sibling.\n */\nexport function getSplitViewPanelSibling(el: ISplitViewPanelComponent): SplitViewPanelComponent | undefined {\n  const resizable = el.resizable;\n  if (resizable === 'off') {\n    return undefined;\n  }\n  \n  let sibling: Element | null = el;\n  do {\n    sibling = resizable === 'end' ? sibling.nextElementSibling : sibling.previousElementSibling;\n  } while (sibling instanceof SplitViewPanelComponent && !sibling.open);\n\n  if (sibling instanceof SplitViewPanelComponent) {\n    return sibling;\n  }\n\n  return undefined;\n}\n\n/**\n * Extracts a size and unit from a `number` or `string` formatted as a CSS dimension using px or %.\n * A `number` is interpreted to be a pixel value.\n * @param value A `number` or `string` representing a size in pixels or percent.\n * @returns An object containing the parsed size and unit.\n */\nexport function parseSize(value: number | string): { amount: number; unit: 'px' | '%' | '' } {\n  if (!isNaN(+value)) {\n    return { amount: +value, unit: 'px' };\n  }\n\n  // Matches digits with or without decimals, any amount of whitespace, and 'px' or '%'\n  const regex = /(^\\d*\\.?\\d*)\\s*(px|%$)?/i;\n  const parts = (value as string).match(regex);\n  const amount = parts?.[1] ? +parts[1] : -1;\n  const unit = (parts?.[2]?.toLowerCase() ?? '') as 'px' | '%' | '';\n\n  return { amount, unit };\n}\n\n/**\n * Gets a pixel size value from a pixel or percent value.\n * @param value A `number` or `string` representing a size in pixels or percent.\n * @param parentSize The pixel size of the parent container along the relevant axis.\n * @returns A pixel amount.\n */\nexport function getPixelDimension(value: number | string, parentSize: number): number {\n  const parsedSize = parseSize(value);\n\n  if (parsedSize.unit === '%') {\n    return percentToPixels(parsedSize.amount, parentSize);\n  }\n  return parsedSize.amount;\n}\n\n/**\n * Creates a transparent element to overlay on top of the document body, ensuring the split view\n * behaves as expected when dragging over other contexts.\n * @returns An overlay element.\n */\nexport function createOverlay(): HTMLElement {\n  const el = document.createElement('div');\n  el.classList.add(SPLIT_VIEW_PANEL_CONSTANTS.classes.OVERLAY);\n  el.style.position = 'fixed';\n  el.style.top = '0';\n  el.style.left = '0';\n  el.style.width = '100vw';\n  el.style.height = '100vh';\n  el.style.zIndex = '9999';\n  return el;\n}\n", "import { ICustomElementFoundation, isDefined } from '@tylertech/forge-core';\n\nimport { safeMin, scaleValue } from '../../core/utils/utils';\nimport { eventIncludesArrowKey } from '../../core/utils/event-utils';\nimport { ISplitViewPanelOpenEvent, ISplitViewPanelState, SplitViewInputDeviceType, SplitViewPanelResizable, SPLIT_VIEW_PANEL_CONSTANTS } from './split-view-panel-constants';\nimport { ISplitViewPanelAdapter } from './split-view-panel-adapter';\nimport { ISplitViewUpdateConfig, SplitViewOrientation } from '../split-view/split-view-constants';\nimport { ISplitViewBase } from '../core/split-view-base';\nimport { clampSize, clearState, getPixelDimension, getValuenow, handleBoundariesAfterResize, handleBoundariesDuringResize, initState, keyboardResize, maxResize, minResize, pointerResize, setState } from './split-view-panel-utils';\n\nexport interface ISplitViewPanelFoundation extends Partial<ISplitViewBase>, ICustomElementFoundation {\n  resizable: SplitViewPanelResizable;\n  size: number | string;\n  min: number | string;\n  max: number | string | undefined;\n  accessibleLabel: string;\n  open: boolean;\n  getContentSize(): number;\n  getCollapsibleSize(): number;\n  setContentSize(size: number): void;\n  update(config: ISplitViewUpdateConfig): void;\n}\n\nexport class SplitViewPanelFoundation implements ISplitViewPanelFoundation {\n  // API\n  private _size: number | string = 200;\n  private _min: number | string = 0;\n  private _max: number | string | undefined;\n  private _accessibleLabel = 'Split view panel';\n  private _open = true;\n  private _disabled?: boolean;\n  private _allowClose?: boolean;\n  private _autoClose?: boolean;\n  private _autoCloseThreshold?: number;\n  \n  // State\n  private _state: ISplitViewPanelState = initState();\n  private _isInitialized = false;\n\n  // Properties stored in state\n  private get _orientation(): SplitViewOrientation {\n    return this._state.orientation;\n  }\n  private set _orientation(value: SplitViewOrientation) {\n    this._state.orientation = value;\n  }\n\n  private get _resizable(): SplitViewPanelResizable {\n    return this._state.resizable;\n  }\n  private set _resizable(value: SplitViewPanelResizable) {\n    this._state.resizable = value;\n  }\n\n  private get _pixelMin(): number {\n    return this._state.min;\n  }\n  private set _pixelMin(value: number) {\n    this._state.min = value;\n  }\n\n  private get _pixelMax(): number | undefined {\n    return this._state.max;\n  }\n  private set _pixelMax(value: number | undefined) {\n    this._state.max = value;\n  }\n\n  // Properties inherited from parent split view\n  private _parentProperties: Partial<ISplitViewBase> = {};\n\n  // Applied properties that can be inherited from parent\n  private get _appliedDisabled(): boolean {\n    return this._disabled ?? this._parentProperties.disabled ?? false;\n  }\n\n  private get _appliedAllowClose(): boolean {\n    return this._allowClose ?? this._parentProperties.allowClose ?? false;\n  }\n\n  private get _appliedAutoClose(): boolean {\n    return this._autoClose ?? this._parentProperties.autoClose ?? false;\n  }\n\n  private get _appliedAutoCloseThreshold(): number {\n    return this._autoCloseThreshold ?? this._parentProperties.autoCloseThreshold ?? 0;\n  }\n\n  // Listeners\n  private _pointerdownListener: (evt: PointerEvent) => void;\n  private _pointerupListener: (evt: PointerEvent) => void;\n  private _pointermoveListener: (evt: PointerEvent) => void;\n  private _keydownListener: (evt: KeyboardEvent) => void;\n  private _keyupListener: (evt: KeyboardEvent) => void;\n\n  constructor(private _adapter: ISplitViewPanelAdapter) {\n    this._pointerdownListener = evt => this._onPointerdown(evt);\n    this._pointerupListener = evt => this._onPointerup(evt);\n    this._pointermoveListener = evt => this._onPointermove(evt);\n    this._keydownListener = evt => this._onKeydown(evt);\n    this._keyupListener = evt => this._onKeyup(evt);\n  }\n\n  public initialize(): void {\n    this._adapter.initialize();\n    this._adapter.setPointerdownListener(this._pointerdownListener);\n    this._adapter.setKeydownListener(this._keydownListener);\n    this._getParentProperties();\n    this._applyResizable();\n    this._applyMin();\n    this._applyMax();\n    this._applySize();\n    this._applyAccessibleLabel();\n    this._applyOpen();\n    this._applyDisabled();\n    this._applyAllowClose();\n    this._applyAutoClose();\n    this._applyAutoCloseThreshold();\n    this._isInitialized = true;\n  }\n\n  public disconnect(): void {\n    this._adapter.tryRemoveOverlay();\n    this._adapter.removePointerupListener(this._pointerupListener);\n    this._adapter.removePointermoveListener(this._pointermoveListener);\n  }\n\n  /**\n   * Handles a pointerdown event and sets further pointer event listeners.\n   * @param evt The pointer event.\n   */\n  private _onPointerdown(evt: PointerEvent): void {\n    if (this._appliedDisabled || !this._allowResize('pointer')) {\n      return;\n    }\n\n    evt.preventDefault();\n\n    this._adapter.setPointermoveListener(this._pointermoveListener);\n    this._adapter.setPointerupListener(this._pointerupListener);\n    this._handlePointerdown(evt);\n  }\n\n  /**\n   * Handles a pointerup event and removes pointer event listeners.\n   * @param evt The pointer event.\n   */\n  private _onPointerup(evt: PointerEvent): void {\n    evt.preventDefault();\n\n    this._adapter.removePointermoveListener(this._pointermoveListener);\n    this._adapter.removePointerupListener(this._pointerupListener);\n    this._handlePointerup();\n  }\n\n  /**\n   * Handles a pointermove event and removes pointer events if the mouse button is released.\n   * @param evt The pointer event.\n   */\n  private _onPointermove(evt: PointerEvent): void {\n    if (this._appliedDisabled) {\n      return;\n    }\n\n    evt.preventDefault();\n\n    // Detect when the mouse button is released outside of the document\n    if (evt.buttons === 0) {\n      this._adapter.removePointermoveListener(this._pointermoveListener);\n      this._adapter.removePointerupListener(this._pointerupListener);\n      this._handlePointerup();\n      return;\n    }\n\n    this._handlePointermove(evt);\n  }\n\n  /**\n   * Handles a keydown event and sets a keyup listener if an arrow key is pressed.\n   * @param evt The keyboard event.\n   */\n  private _onKeydown(evt: KeyboardEvent): void {\n    if (this._appliedDisabled) {\n      return;\n    }\n\n    if (evt.key === 'Enter') {\n      this._handleEnterKey(evt);\n    } else if (evt.key === 'Home' && this._allowResize('keyboard')) {\n      this._handleHomeKey(evt);\n    } else if (evt.key === 'End' && this._allowResize('keyboard')) {\n      this._handleEndKey(evt);\n    } else if (eventIncludesArrowKey(evt) && this._allowResize('keyboard')) {\n      this._adapter.setKeyupListener(this._keyupListener);\n      this._handleArrowKey(evt);\n    }\n  }\n\n  /**\n   * Handles a keyup event and removes the keyup listener if an arrow key was released.\n   * @param evt The keyboard event.\n   */\n  private _onKeyup(evt: KeyboardEvent): void {\n    if (eventIncludesArrowKey(evt)) {\n      this._adapter.removeKeyupListener(this._keyupListener);\n      this._handleArrowKeyUp();\n    }\n  }\n\n  /**\n   * Toggles the open state.\n   * @param evt \n   */\n  private _handleEnterKey(evt: KeyboardEvent): void {\n    if (!this._appliedAllowClose) {\n      return;\n    }\n\n    evt.preventDefault();\n    this._tryOpenOrClose(!this._open, false, true);\n  }\n\n  /**\n   * Sets panel size to the min.\n   * @param evt\n   */\n  private _handleHomeKey(evt: KeyboardEvent): void {\n    evt.preventDefault();\n\n    const size = minResize(this._adapter, this._state);\n    this._adapter.emitHostEvent(SPLIT_VIEW_PANEL_CONSTANTS.events.RESIZE, size);\n    this._tryAutoClose();\n  }\n\n  /**\n   * Sets panel size to the max.\n   * @param evt\n   */\n  private _handleEndKey(evt: KeyboardEvent): void {\n    evt.preventDefault();\n\n    const size = maxResize(this._adapter, this._state);\n    this._adapter.emitHostEvent(SPLIT_VIEW_PANEL_CONSTANTS.events.RESIZE, size);\n  }\n\n  /**\n   * Runs resize logic if an arrow key is included in the event.\n   * @param evt \n   */\n  private _handleArrowKey(evt: KeyboardEvent): void {\n    let increment = 0;\n    if (this._orientation === 'horizontal') {\n      switch (evt.key) {\n        case 'ArrowLeft':\n          increment = -1;\n          break;\n        case 'ArrowRight':\n          increment = 1;\n          break;\n        default:\n          return;\n      }\n    } else {\n      switch (evt.key) {\n        case 'ArrowUp':\n          increment = -1;\n          break;\n        case 'ArrowDown':\n          increment = 1;\n          break;\n        default:\n          return;\n      }\n    }\n\n    evt.preventDefault();\n\n    if (this._resizable === 'start') {\n      increment *= -1;\n    }\n    if (evt.shiftKey) {\n      increment *= 10;\n    }\n\n    this._tryHandleArrowKeyDown();\n    this._handleArrowKeyHeld(increment);\n  }\n\n  /**\n   * Sets resize properties when an arrow key is first pressed.\n   */\n  private _tryHandleArrowKeyDown(): void {\n    if (!this._state.arrowKeyHeld) {\n      this._startResize();\n    }\n    this._state.arrowKeyHeld = true;\n  }\n\n  /**\n   * Performs cleanup logic after a keyboard driven resize.\n   */\n  private _handleArrowKeyUp(): void {\n    this._endResize();\n  }\n\n  /**\n   * Resizes the panel by a set amount.\n   * @param increment The pixel change in size.\n   */\n  private _handleArrowKeyHeld(increment: number): void {\n    if (keyboardResize(this._adapter, increment, this._state)) {\n      this._adapter.emitHostEvent(SPLIT_VIEW_PANEL_CONSTANTS.events.RESIZE, this._state.currentSize);\n    }\n  }\n\n  /**\n   * Handles the beginning of a pointer driven resize.\n   * @param evt \n   */\n  private _handlePointerdown(evt: MouseEvent): void {\n    this._adapter.setGrabbed(true);\n    this._adapter.focusHandle();\n    \n    this._startResize();\n    this._state.startPoint = this._orientation === 'horizontal' ? evt.clientX : evt.clientY;\n    handleBoundariesDuringResize(this._adapter, this._state, 'pointer');\n  }\n\n  /**\n   * Handles the end of a pointer driven resize.\n   */\n  private _handlePointerup(): void {\n    this._adapter.setGrabbed(false);\n    this._adapter.deactivateRipple();\n    this._endResize();\n  }\n\n  /**\n   * Resizes the panel from a pointer event.\n   * @param evt \n   */\n  private _handlePointermove(evt: PointerEvent): void {\n    if(pointerResize(this._adapter, evt, this._state)) {\n      this._adapter.emitHostEvent(SPLIT_VIEW_PANEL_CONSTANTS.events.RESIZE, this._state.currentSize);\n    }\n  }\n\n  /**\n   * Emits a will resize event and allows it to be cancelled.\n   * @returns Whether the resize should proceed.\n   */\n  private _allowResize(inputDeviceType: SplitViewInputDeviceType): boolean {\n    return this._adapter.emitHostEvent(SPLIT_VIEW_PANEL_CONSTANTS.events.WILL_RESIZE, { inputDeviceType }, true, true);\n  }\n\n  /**\n   * Handles common logic to begin a resize.\n   */\n  private _startResize(): void {\n    this._state = setState(this._adapter, this._state);\n    this._adapter.emitHostEvent(SPLIT_VIEW_PANEL_CONSTANTS.events.RESIZE_START, this._state.startSize);\n  }\n\n  /**\n   * Handles common logic to end a resize.\n   */\n  private _endResize(): void {\n    this._adapter.emitHostEvent(SPLIT_VIEW_PANEL_CONSTANTS.events.RESIZE_END, this._state.currentSize);\n    this._adapter.updateParent({ accessibility: this._state.startSize !== this._state.currentSize, cursor: true });\n    this._state = clearState(this._state);\n    this._tryAutoClose();\n  }\n\n  /**\n   * Emits a will open or will close event and sets the panel open or closed if allowed.\n   * @param shouldOpen Whether the panel should open or close. Defaults to `true`.\n   * @param auto Whether the panel auto-opened or auto-closed.\n   * @param userInitiated Whether opening or closing via user action instead of programmatically.\n   */\n  private _tryOpenOrClose(shouldOpen = true, auto = false, userInitiated = false): void {\n    const eventType = shouldOpen ? SPLIT_VIEW_PANEL_CONSTANTS.events.WILL_OPEN : SPLIT_VIEW_PANEL_CONSTANTS.events.WILL_CLOSE;\n    const event: ISplitViewPanelOpenEvent = {\n      auto,\n      userInitiated\n    };\n    const isAllowed = this._adapter.emitHostEvent(eventType, event, true, true);\n    if (!isAllowed) {\n      return;\n    }\n    this._open = shouldOpen;\n    this._applyOpen(event);\n  }\n\n  /**\n   * Auto close the panel if enabled and within the size threshold.\n   */\n  private _tryAutoClose(): void {\n    const size = this._adapter.getContentSize(this._orientation);\n    if (this._appliedAutoClose && size <= this._appliedAutoCloseThreshold) {\n      this._tryOpenOrClose(false, true, false);\n    }\n  }\n\n  /**\n   * Sets orientation, disabled, disable close, and autoclose to reflect the parent split view.\n   */\n  private _getParentProperties(): void {\n    // Parent disabled state\n    const parentDisabled = this._adapter.getParentProperty('disabled') as boolean;\n    this._parentProperties.disabled = parentDisabled;\n    this._applyParentDisabled();\n\n    // Parent disable close\n    const parentAllowClose = this._adapter.getParentProperty('allowClose') as boolean;\n    this._parentProperties.allowClose = parentAllowClose;\n\n    // Parent auto close\n    const parentAutoClose = this._adapter.getParentProperty('autoClose') as boolean;\n    this._parentProperties.autoClose = parentAutoClose;\n    this._applyParentAutoClose();\n\n    // Parent auto close threshold\n    const parentAutoCloseThreshold = this._adapter.getParentProperty('autoCloseThreshold') as number;\n    this._parentProperties.autoCloseThreshold = parentAutoCloseThreshold;\n    this._applyParentAutoCloseThreshold();\n  }\n\n  private _applyOrientation(): void {\n    this._adapter.setOrientation(this._orientation);\n  }\n\n  /**\n   * Get/set resizable. This affects the side the handle appears on and the direction the panel closes into.\n   */\n  public get resizable(): SplitViewPanelResizable {\n    return this._resizable;\n  }\n  public set resizable(value: SplitViewPanelResizable) {\n    if (this._resizable !== value) {\n      this._resizable = value;\n      this._applyResizable();\n    }\n  }\n\n  private _applyResizable(): void {\n    this._adapter.setHostAttribute(SPLIT_VIEW_PANEL_CONSTANTS.attributes.RESIZABLE, this._resizable);\n    this._adapter.setResizable(this._resizable);\n  }\n\n  /**\n   * Get/set panel size.\n   */\n  public get size(): number | string {\n    return this._size;\n  }\n  public set size(value: number | string) {\n    if (this._size.toString() !== value.toString()) {\n      this._size = value;\n      this._applySize();\n    }\n  }\n\n  private _applySize(): void {\n    const parentSize = this._adapter.getParentSize(this._orientation);\n    const pixelSize = getPixelDimension(this._size, parentSize);\n\n    this._adapter.setHostAttribute(SPLIT_VIEW_PANEL_CONSTANTS.attributes.SIZE, this._size.toString());\n    this._adapter.setContentSize(pixelSize);\n    // Wait for the DOM to render to get available space\n    window.requestAnimationFrame(() => {\n      const availableSpace = this._adapter.getAvailableSpace(this._orientation, this._resizable);\n      const maxSize = safeMin(this._pixelMax, availableSpace);\n      const newValue = scaleValue(pixelSize, this._pixelMin, maxSize);\n      this._adapter.setValuenow(newValue);\n      this._adapter.updateParent({ cursor: true });\n    });\n  }\n\n  /** Get/set min panel size. */\n  public get min(): number | string {\n    return this._min;\n  }\n  public set min(value: number | string) {\n    if (this._min.toString() !== value.toString()) {\n      this._min = value;\n      this._applyMin();\n    }\n  }\n\n  private _applyMin(): void {\n    this._adapter.setHostAttribute(SPLIT_VIEW_PANEL_CONSTANTS.attributes.MIN, this._min.toString());\n\n    const parentSize = this._adapter.getParentSize(this._orientation);\n    this._pixelMin = getPixelDimension(this._min, parentSize);\n\n    if (this._resizable === 'off') {\n      return;\n    }\n\n    const size = this._adapter.getContentSize(this._orientation);\n    if (size < this._pixelMin) {\n      this.setContentSize(size);\n    }\n  }\n\n  /** Get/set max panel size. */\n  public get max(): number | string | undefined {\n    return this._max;\n  }\n  public set max(value: number | string | undefined) {\n    if (this._max?.toString() !== value?.toString()) {\n      this._max = value;\n      this._applyMax();\n    }\n  }\n\n  private _applyMax(): void {\n    this._adapter.toggleHostAttribute(SPLIT_VIEW_PANEL_CONSTANTS.attributes.MAX, this._max !== undefined, this._max?.toString());\n\n    if (this._max === undefined) {\n      this._pixelMax = undefined;\n      return;\n    }\n\n    const parentSize = this._adapter.getParentSize(this._orientation);\n    this._pixelMax = getPixelDimension(this._max, parentSize);\n\n    if (this._resizable === 'off') {\n      return;\n    }\n    \n    const size = this._adapter.getContentSize(this._orientation);\n    if (size > this._pixelMax) {\n      this.setContentSize(size);\n    }\n  }\n\n  /**\n   * Get/set the accessible label.\n   */\n  public get accessibleLabel(): string {\n    return this._accessibleLabel;\n  }\n  public set accessibleLabel(value: string) {\n    if (this._accessibleLabel !== value) {\n      this._accessibleLabel = value;\n      this._applyAccessibleLabel();\n    }\n  }\n\n  private _applyAccessibleLabel(): void {\n    this._adapter.setHostAttribute(SPLIT_VIEW_PANEL_CONSTANTS.attributes.ACCESSIBLE_LABEL, this._accessibleLabel);\n    this._adapter.setAccessibleLabel(this._accessibleLabel);\n  }\n\n  /**\n   * Get/set whether the panel is open.\n   */\n  public get open(): boolean {\n    return this._open;\n  }\n  public set open(value: boolean) {\n    if (this._open !== value) {\n      if (this._isInitialized) {\n        this._tryOpenOrClose(value, false, false);\n        return;\n      }\n\n      this._open = value;\n      const event: ISplitViewPanelOpenEvent | undefined = this._isInitialized ? {\n        auto: false,\n        userInitiated: false\n      } : undefined;\n      this._applyOpen(event);\n    }\n  }\n\n  private _applyOpen(event?: ISplitViewPanelOpenEvent): void {\n    this._adapter.setHostAttribute(SPLIT_VIEW_PANEL_CONSTANTS.attributes.OPEN, this._open.toString());\n    this._adapter.setOpen(this._open, this._isInitialized, event);\n  }\n\n  /**\n   * Get/set whether interactions are disabled.\n   */\n  public get disabled(): boolean | undefined {\n    return this._disabled;\n  }\n  public set disabled(value: boolean | undefined) {\n    if (this._disabled !== value) {\n      this._disabled = value;\n      this._applyDisabled();\n    }\n  }\n\n  private _applyDisabled(): void {\n    this._adapter.toggleHostAttribute(SPLIT_VIEW_PANEL_CONSTANTS.attributes.DISABLED, this._disabled ?? false);\n    this._adapter.setDisabled(this._appliedDisabled);\n  }\n\n  private _applyParentDisabled(): void {\n    if (this._isInitialized && !isDefined(this._disabled)) {\n      this._adapter.setDisabled(this._appliedDisabled);\n    }\n  }\n\n  /**\n   * Get/set whether closing the panel is disabled.\n   */\n  public get allowClose(): boolean | undefined {\n    return this._allowClose;\n  }\n  public set allowClose(value: boolean | undefined) {\n    if (this._allowClose !== value) {\n      this._allowClose = value;\n      this._applyAllowClose();\n    }\n  }\n\n  private _applyAllowClose(): void {\n    this._adapter.toggleHostAttribute(SPLIT_VIEW_PANEL_CONSTANTS.attributes.ALLOW_CLOSE, this._allowClose ?? false);\n  }\n\n  /**\n   * Get/set whether the panel closes when a threshold size is reached.\n   */\n  public get autoClose(): boolean | undefined {\n    return this._autoClose;\n  }\n  public set autoClose(value: boolean | undefined) {\n    if (this._autoClose !== value) {\n      this._autoClose = value;\n      this._applyAutoClose();\n    }\n  }\n\n  private _applyAutoClose(): void {\n    this._adapter.toggleHostAttribute(SPLIT_VIEW_PANEL_CONSTANTS.attributes.AUTO_CLOSE, this._autoClose ?? false);\n    if (this._isInitialized) {\n      this._tryAutoClose();\n    }\n  }\n\n  private _applyParentAutoClose(): void {\n    if (this._isInitialized && !isDefined(this._autoClose)) {\n      this._tryAutoClose();\n    }\n  }\n\n  /** Get/set the size at which the panel auto closes. */\n  public get autoCloseThreshold(): number | undefined {\n    return this._autoCloseThreshold;\n  }\n  public set autoCloseThreshold(value: number | undefined) {\n    if (this._autoCloseThreshold !== value) {\n      this._autoCloseThreshold = value;\n      this._applyAutoCloseThreshold();\n    }\n  }\n\n  private _applyAutoCloseThreshold(): void {\n    this._adapter.toggleHostAttribute(SPLIT_VIEW_PANEL_CONSTANTS.attributes.AUTO_CLOSE_THRESHOLD, isDefined(this._autoCloseThreshold), this.autoCloseThreshold?.toString());\n    if (this._isInitialized) {\n      this._tryAutoClose();\n    }\n  }\n\n  private _applyParentAutoCloseThreshold(): void {\n    if (this._isInitialized && !isDefined(this._autoCloseThreshold)) {\n      this._tryAutoClose();\n    }\n  }\n\n  /**\n   * Gets the size of panel content without the handle.\n   * @returns Content size in pixels.\n   */\n  public getContentSize(): number {\n    return this._adapter.getContentSize(this._orientation);\n  }\n\n  /**\n   * Gets how much the panel can shrink from its current size.\n   * @returns The difference between the current and min size in pixels.\n   */\n  public getCollapsibleSize(): number {\n    const parentSize = this._adapter.getParentSize(this._orientation);\n    const pixelMin = getPixelDimension(this._min, parentSize);\n    return this._adapter.getContentSize(this._orientation) - pixelMin;\n  }\n\n  /**\n   * Sets a new size for the content area.\n   * @param size The new content size in pixels.\n   */\n  public setContentSize(size: number): void {\n    if (this._resizable === 'off') {\n      return;\n    }\n\n    const newSize = clampSize(size, this._state);\n    this._adapter.setContentSize(newSize);\n    if (this._isInitialized) {\n      this._adapter.emitHostEvent(SPLIT_VIEW_PANEL_CONSTANTS.events.RESIZE, newSize);\n    }\n  }\n\n  /**\n   * Updates the proved characteristics.\n   * @param config An update configuration.\n   */\n  public update(config: ISplitViewUpdateConfig): void {\n    // Orientation\n    if (config.orientation) {\n      this._orientation = config.orientation;\n      this._applyOrientation();\n    }\n\n    // Parent properties\n    if (config.properties) {\n      if (isDefined(config.properties.disabled) && this._parentProperties.disabled !== config.properties.disabled) {\n        this._parentProperties.disabled = config.properties.disabled;\n        this._applyDisabled();\n      }\n      if (isDefined(config.properties.allowClose)) {\n        this._parentProperties.allowClose = config.properties.allowClose;\n      }\n      if (isDefined(config.properties.autoClose) && this._parentProperties.autoClose !== config.properties.autoClose) {\n        this._parentProperties.autoClose = config.properties.autoClose;\n        if (!isDefined(this._autoClose)) {\n          this._applyAutoClose();\n        }\n      }\n      if (isDefined(config.properties.autoCloseThreshold) && this._parentProperties.autoCloseThreshold !== config.properties.autoCloseThreshold) {\n        this._parentProperties.autoCloseThreshold = config.properties.autoCloseThreshold;\n        if (!isDefined(this._autoCloseThreshold)) {\n          this._applyAutoCloseThreshold();\n        }\n      }\n    }\n\n    // Size\n    if (config.size && this.open) {\n      const parentSize = this._adapter.getParentSize(this._orientation);\n      this._pixelMin = getPixelDimension(this._min, parentSize);\n      this._pixelMax = isDefined(this._max) ? getPixelDimension(this._max as number | string, parentSize) : undefined;\n      this.setContentSize(this._adapter.getContentSize(this._orientation));\n    }\n\n    // The following properties don't apply to non-resizable panels\n    if (this._resizable === 'off') {\n      return;\n    }\n\n    const size = this._adapter.getContentSize(this._orientation);\n    const availableSpace = this._adapter.getAvailableSpace(this._orientation, this._resizable);\n\n    // Accessibility\n    if (config.accessibility && this.open) {\n      const valueNow = getValuenow(size, { ...this._state, availableSpace });\n      this._adapter.setValuenow(valueNow);\n    }\n\n    // Contextual cursor\n    if (config.cursor) {\n      handleBoundariesAfterResize(this._adapter, size, { ...this._state, availableSpace });\n    }\n  }\n}\n", "import { COMPONENT_NAME_PREFIX } from '../../constants';\nimport { ISplitViewBase } from '../core';\nimport { SPLIT_VIEW_PANEL_CONSTANTS } from '../split-view-panel/split-view-panel-constants';\n\nconst elementName: keyof HTMLElementTagNameMap = `${COMPONENT_NAME_PREFIX}split-view`;\n\nconst attributes = {\n  ORIENTATION: 'orientation',\n  DISABLED: 'disabled',\n  ALLOW_CLOSE: 'allow-close',\n  AUTO_CLOSE: 'auto-close',\n  AUTO_CLOSE_THRESHOLD: 'auto-close-threshold'\n};\n\nconst classes = {\n  ROOT: 'forge-split-view'\n};\n\nconst ids = {\n  ROOT: 'root'\n};\n\nconst selectors = {\n  ROOT: `#${ids.ROOT}`,\n  PANEL: SPLIT_VIEW_PANEL_CONSTANTS.elementName\n};\n\nconst numbers = {\n  RESIZE_THROTTLE_THRESHOLD: 200\n};\n\nconst customCssProperties = {\n  ANIMATING_LAYER: '--forge-split-view-animating-layer'\n};\n\nexport const SPLIT_VIEW_CONSTANTS = {\n  elementName,\n  attributes,\n  classes,\n  ids,\n  selectors,\n  numbers,\n  customCssProperties\n};\n\nexport type SplitViewOrientation = 'horizontal' | 'vertical';\n\nexport interface ISplitViewUpdateConfig {\n  accessibility?: boolean;\n  cursor?: boolean;\n  orientation?: SplitViewOrientation;\n  properties?: Partial<ISplitViewBase>;\n  size?: boolean;\n}\n", "import { getShadowElement, playKeyframeAnimation, toggleAttribute } from '@tylertech/forge-core';\n\nimport { BaseAdapter, IBaseAdapter } from '../../core/base/base-adapter';\nimport { ISplitViewPanelComponent } from './split-view-panel';\nimport { ISplitViewPanelCursorConfig, ISplitViewPanelOpenEvent, SplitViewPanelResizable, SPLIT_VIEW_PANEL_CONSTANTS } from './split-view-panel-constants';\nimport { ISplitViewUpdateConfig, SplitViewOrientation, SPLIT_VIEW_CONSTANTS } from '../split-view/split-view-constants';\nimport { ISplitViewComponent } from '../split-view/split-view';\nimport { getCursor, getHandleIcon, createOverlay, getSplitViewPanelSibling } from './split-view-panel-utils';\nimport { IIconComponent } from '../../icon';\nimport { IRippleComponent } from '../../ripple';\n\nexport interface ISplitViewPanelAdapter extends IBaseAdapter {\n  initialize(): void;\n  tryRemoveOverlay(): void;\n  setPointerdownListener(listener: (evt: PointerEvent) => void): void;\n  setPointerupListener(listener: (evt: PointerEvent) => void): void;\n  removePointerupListener(listener: (evt: PointerEvent) => void): void;\n  setPointermoveListener(listener: (evt: PointerEvent) => void): void;\n  removePointermoveListener(listener: (evt: PointerEvent) => void): void;\n  setKeydownListener(listener: (evt: KeyboardEvent) => void): void;\n  setKeyupListener(listener: (evt: KeyboardEvent) => void): void;\n  removeKeyupListener(listener: (evt: KeyboardEvent) => void): void;\n  getParentProperty(name: keyof ISplitViewComponent): unknown;\n  setAccessibleLabel(value: string): void;\n  setDisabled(value: boolean): void;\n  setResizable(value: SplitViewPanelResizable): void;\n  setOrientation(value: SplitViewOrientation): void;\n  setOpen(value: boolean, withAnimation?: boolean, event?: ISplitViewPanelOpenEvent): void;\n  setGrabbed(value: boolean): void;\n  setHandleCursor(orientation?: SplitViewOrientation, config?: ISplitViewPanelCursorConfig): void;\n  setBodyCursor(orientation: SplitViewOrientation, config?: ISplitViewPanelCursorConfig): void;\n  getContentSize(orientation: SplitViewOrientation): number;\n  setContentSize(value: number): void;\n  setValuenow(value: number): void;\n  focusHandle(): void;\n  getAvailableSpace(orientation: SplitViewOrientation, resizable: SplitViewPanelResizable): number;\n  getSiblingContentSize(): number;\n  setSiblingContentSize(value: number): void;\n  activateRipple(defaultActivated: boolean): void;\n  deactivateRipple(): void;\n  getParentSize(orientation: SplitViewOrientation): number;\n  updateParent(config: ISplitViewUpdateConfig): void;\n}\n\nexport class SplitViewPanelAdapter extends BaseAdapter<ISplitViewPanelComponent> implements ISplitViewPanelAdapter {\n  private _root: HTMLElement;\n  private _handle: HTMLElement;\n  private _icon: IIconComponent;\n  private _ripple: IRippleComponent;\n  private _content: HTMLElement;\n  private _parent?: ISplitViewComponent;\n  private _overlay?: HTMLElement;\n\n  constructor(component: ISplitViewPanelComponent) {\n    super(component);\n    this._root = getShadowElement(component, SPLIT_VIEW_PANEL_CONSTANTS.selectors.ROOT);\n    this._handle = getShadowElement(component, SPLIT_VIEW_PANEL_CONSTANTS.selectors.HANDLE);\n    this._icon = getShadowElement(component, SPLIT_VIEW_PANEL_CONSTANTS.selectors.ICON) as IIconComponent;\n    this._ripple = getShadowElement(component, SPLIT_VIEW_PANEL_CONSTANTS.selectors.RIPPLE) as IRippleComponent;\n    this._content = getShadowElement(component, SPLIT_VIEW_PANEL_CONSTANTS.selectors.CONTENT);\n  }\n\n  public initialize(): void {\n    // Set the parent split view\n    const parent = this._component.parentElement;\n    if (parent?.tagName.toLowerCase() === SPLIT_VIEW_CONSTANTS.elementName) {\n      this._parent = parent as ISplitViewComponent;\n    }\n  }\n\n  public tryRemoveOverlay(): void {\n    this._overlay?.remove();\n    this._overlay = undefined;\n  }\n\n  public setPointerdownListener(listener: (evt: PointerEvent) => void): void {\n    this._handle.addEventListener('pointerdown', listener);\n  }\n\n  public setPointerupListener(listener: (evt: PointerEvent) => void): void {\n    document.addEventListener('pointerup', listener);\n  }\n\n  public removePointerupListener(listener: (evt: PointerEvent) => void): void {\n    document.removeEventListener('pointerup', listener);\n  }\n\n  public setPointermoveListener(listener: (evt: PointerEvent) => void): void {\n    document.addEventListener('pointermove', listener);\n  }\n\n  public removePointermoveListener(listener: (evt: PointerEvent) => void): void {\n    document.removeEventListener('pointermove', listener);\n  }\n\n  public setKeydownListener(listener: (evt: KeyboardEvent) => void): void {\n    this._handle.addEventListener('keydown', listener);\n  }\n\n  public setKeyupListener(listener: (evt: KeyboardEvent) => void): void {\n    this._handle.addEventListener('keyup', listener);\n  }\n\n  public removeKeyupListener(listener: (evt: KeyboardEvent) => void): void {\n    this._handle.removeEventListener('keyup', listener);\n  }\n\n  /**\n   * Gets the specified property value from the parent split view.\n   * @param name The property name.\n   * @returns The value of the property.\n   */\n  public getParentProperty(name: keyof ISplitViewComponent): unknown {\n    return this._parent?.[name];\n  }\n\n  /**\n   * Sets the accessible label of the resize handle.\n   * @param value The label text.\n   */\n  public setAccessibleLabel(value: string): void {\n    this._handle.setAttribute('aria-label', value);\n  }\n\n  /**\n   * Sets the disabled state of the component.\n   * @param value Whether the component is disabled.\n   */\n  public setDisabled(value: boolean): void {\n    this._root.classList.toggle(SPLIT_VIEW_PANEL_CONSTANTS.classes.DISABLED, value);\n    if (this._handle) {\n      this._handle.setAttribute('tabindex', value ? '-1' : '0');\n      toggleAttribute(this._handle, value, 'aria-disabled', 'true');\n    }\n  }\n\n  /**\n   * Sets the whether the component's handle is present and at its start or end.\n   * @param value The component's resizable value.\n   */\n  public setResizable(value: SplitViewPanelResizable): void {\n    this._root.setAttribute(SPLIT_VIEW_PANEL_CONSTANTS.attributes.RESIZABLE, value.toString());\n    toggleAttribute(this._handle, value !== 'off', 'aria-valuemin', '0');\n    toggleAttribute(this._handle, value !== 'off', 'aria-valuemax', '100');\n\n    if (value === 'off') {\n      return;\n    }\n\n    this._handle.remove();\n    if (value === 'end') {\n      // Place the handle after the content\n      this._root.append(this._handle);\n    } else {\n      // Place the handle before the content\n      this._root.prepend(this._handle);\n    }\n  }\n\n  /**\n   * Sets the orientation of the component including ARIA attributes and the resize handle icon.\n   * @param value The component's orientation.\n   */\n  public setOrientation(value: SplitViewOrientation): void {\n    this._root.setAttribute(SPLIT_VIEW_PANEL_CONSTANTS.attributes.ORIENTATION, value);\n    // The divider's orientation is perpendicular to the layout of the component\n    this._handle.setAttribute('aria-orientation', value === 'horizontal' ? 'vertical' : 'horizontal');\n    this._icon.setAttribute('name', getHandleIcon(value));\n  }\n\n  /**\n   * Opens or closes the component.\n   * @param value Whether the component is open.\n   * @param withAnimation Whether to use the animation. Defaults to `true`.\n   */\n  public setOpen(value: boolean, withAnimation = true, event?: ISplitViewPanelOpenEvent): void {\n    const finish = (): void => {\n      if (!value) {\n        this._root.classList.add(SPLIT_VIEW_PANEL_CONSTANTS.classes.CLOSED);\n      }\n      if (event) {\n        this.emitHostEvent(value ? SPLIT_VIEW_PANEL_CONSTANTS.events.DID_OPEN : SPLIT_VIEW_PANEL_CONSTANTS.events.DID_CLOSE, event);\n      }\n      this._parent?.unlayerSlottedPanels();\n      this._parent?.update({ accessibility: true, cursor: true });\n    };\n\n    if (value && this._root.classList.contains(SPLIT_VIEW_PANEL_CONSTANTS.classes.CLOSED)) {\n      this._root.classList.remove(SPLIT_VIEW_PANEL_CONSTANTS.classes.CLOSED);\n\n      if (!withAnimation) {\n        finish();\n        return;\n      }\n\n      this._parent?.layerSlottedPanels(this._component);\n      playKeyframeAnimation(this._root, SPLIT_VIEW_PANEL_CONSTANTS.classes.OPENING, true).then(() => {\n        finish();\n      });\n    } else if (!value && !this._root.classList.contains(SPLIT_VIEW_PANEL_CONSTANTS.classes.CLOSED)) {\n\n      if (!withAnimation) {\n        finish();\n        return;\n      }\n\n      this._parent?.layerSlottedPanels(this._component);\n      playKeyframeAnimation(this._root, SPLIT_VIEW_PANEL_CONSTANTS.classes.CLOSING, true).then(() => {\n        finish();\n      });\n    }\n  }\n\n  /**\n   * Sets the components appearance and accessibility to indicated whether it is currently grabbed\n   * by the user. Applies a cursor style to the document body.\n   * @param value Whether the component is currently being resized via pointer interaction.\n   */\n  public setGrabbed(value: boolean): void {\n    this._root.classList.toggle(SPLIT_VIEW_PANEL_CONSTANTS.classes.GRABBED, value);\n    this._handle.setAttribute('aria-grabbed', value.toString());\n\n    if (value) {\n      if (!this._overlay) {\n        this._overlay = createOverlay();\n      }\n      document.body.append(this._overlay);\n    } else {\n      this._overlay?.remove();\n    }\n  }\n\n  /**\n   * Applies a cursor style to the resize handle. \n   * @param orientation The component's orientation. If absent the cursor will be removed.\n   * @param config The component's resizable value and whether it's at the min or max value.\n   */\n  public setHandleCursor(orientation?: SplitViewOrientation, config?: ISplitViewPanelCursorConfig): void {\n    if (orientation) {\n      this._root.style.setProperty(SPLIT_VIEW_PANEL_CONSTANTS.customCssProperties.CURSOR, getCursor(orientation, config));\n    } else {\n      this._root.style.removeProperty(SPLIT_VIEW_PANEL_CONSTANTS.customCssProperties.CURSOR);\n    }\n  }\n\n  /**\n   * Applies a cursor style to the overlay element covering the document body.\n   * @param orientation The component's orientation.\n   * @param config The component's resizable value and whether it's at the min or max value.\n   */\n  public setBodyCursor(orientation: SplitViewOrientation, config?: ISplitViewPanelCursorConfig): void {\n    this._overlay?.style.setProperty('cursor', getCursor(orientation, config));\n  }\n\n  /**\n   * Gets the size of the content along the orientation axis. Does not include the resize handle.\n   * @param orientation The component's orientation.\n   * @returns The width or height of the content in pixels.\n   */\n  public getContentSize(orientation: SplitViewOrientation): number {\n    return orientation === 'horizontal' ? this._content.clientWidth : this._content.clientHeight;\n  }\n\n  /**\n   * Sets the size of the content not including the resize handle.\n   * @param value The width or height of the content in pixels.\n   */\n  public setContentSize(value: number): void {\n    this._component.style.setProperty(SPLIT_VIEW_PANEL_CONSTANTS.customCssProperties.SIZE, `${value}px`);\n  }\n\n  /**\n   * Sets the ARIA attribute representing the size of the content compared to its min and max.\n   * @param value The content size scaled from 0 to 100.\n   */\n  public setValuenow(value: number): void {\n    this._handle.setAttribute('aria-valuenow', value.toFixed(2));\n  }\n\n  /**\n   * Sets focus on the handle element.\n   */\n  public focusHandle(): void {\n    this._handle.focus();\n  }\n\n  /**\n   * Gets the amount of space that the component is allowed to take. This includes the current\n   * size of the component and the size of the sibling it resizes into along the axis of\n   * orientation. The sibling's min and max values are taken into account but the component's are\n   * not.\n   * @param orientation The component's orientation.\n   * @param resizable The component's resizable value.\n   * @returns The amount of space available for the component to resize into in pixels.\n   */\n  public getAvailableSpace(orientation: SplitViewOrientation, resizable: SplitViewPanelResizable): number {\n    if (resizable === 'off') {\n      // Return -1 if the panel is static (i.e. can't be user resized)\n      return -1;\n    }\n    const sibling = getSplitViewPanelSibling(this._component);\n    if (sibling) {\n      const siblingSize = sibling.getCollapsibleSize();\n      return siblingSize + this.getContentSize(orientation);\n    } else {\n      return this.getParentSize(orientation);\n    }\n  }\n\n  /**\n   * Gets the content size of the sibling panel the component resizes into along its axis of\n   * orientation.\n   * @returns The sibling's content size in pixels or 0 if the sibling does not exist.\n   */\n  public getSiblingContentSize(): number {\n    const sibling = getSplitViewPanelSibling(this._component);\n    return sibling?.getContentSize() ?? 0;\n  }\n\n  /**\n   * Sets the content size of the sibling panel the component resizes into along its axis of\n   * orientation.\n   * @returns The sibling's content size in pixels.\n   */\n  public setSiblingContentSize(value: number): void {\n    const sibling = getSplitViewPanelSibling(this._component);\n    sibling?.setContentSize(value);\n  }\n\n  /**\n   * Runs the ripple animation.\n   * @param fromActivated Whether the ripple starts from and should end in an activated state.\n   */\n  public activateRipple(fromActivated: boolean): void {\n    if (fromActivated) {\n      this._ripple.deactivate();\n      // Wait a short amount of time so the animation is distinguishable\n      window.setTimeout(() => {\n        this._ripple.activate();\n      }, SPLIT_VIEW_PANEL_CONSTANTS.numbers.RIPPLE_ACTIVATION_WAIT);\n    } else {\n      this._ripple.activate();\n      this._ripple.deactivate();\n    }\n  }\n\n  /**\n   * Deactivates the ripple.\n   */\n  public deactivateRipple(): void {\n    this._ripple.deactivate();\n  }\n\n  /**\n   * Gets the size of the parent split view along the axis of orientation.\n   * @param orientation The component's orientation.\n   * @returns The parent's size in pixels.\n   */\n  public getParentSize(orientation: SplitViewOrientation): number {\n    const parentSize = orientation === 'horizontal' ? this._parent?.clientWidth : this._parent?.clientHeight;\n    return parentSize ?? 0;\n  }\n\n  /**\n   * Updates the provided characteristics of all panels.\n   * @param config An update configuration.\n   */\n  public updateParent(config: ISplitViewUpdateConfig): void {\n    this._parent?.update(config);\n  }\n}\n", "import { CustomElement, attachShadowTemplate, FoundationProperty, coerceBoolean, coerceNumber } from '@tylertech/forge-core';\nimport { tylIconDragVerticalVariant } from '@tylertech/tyler-icons/extended';\nimport { tylIconDragHandle } from '@tylertech/tyler-icons/standard';\n\nimport { BaseComponent, IBaseComponent } from '../../core/base/base-component';\nimport { ISplitViewPanelOpenEvent, ISplitViewPanelWillResizeEvent, SplitViewPanelResizable, SPLIT_VIEW_PANEL_CONSTANTS } from './split-view-panel-constants';\nimport { SplitViewPanelFoundation } from './split-view-panel-foundation';\nimport { SplitViewPanelAdapter } from './split-view-panel-adapter';\nimport { ISplitViewUpdateConfig } from '../split-view/split-view-constants';\nimport { ISplitViewBase } from '../core/split-view-base';\nimport { IconComponent, IconRegistry } from '../../icon';\nimport { RippleComponent } from '../../ripple';\n\nconst template = '<template><div class=\\\"forge-split-view-panel\\\" id=\\\"root\\\" part=\\\"root\\\"><div class=\\\"forge-split-view-panel__handle\\\" id=\\\"handle\\\" part=\\\"handle\\\" role=\\\"separator\\\" aria-controls=\\\"content\\\" aria-grabbed=\\\"false\\\" tabindex=\\\"0\\\"><forge-icon class=\\\"forge-split-view-panel__icon\\\" id=\\\"icon\\\" part=\\\"icon\\\"></forge-icon><forge-ripple id=\\\"ripple\\\" part=\\\"ripple\\\"></forge-ripple></div><div class=\\\"forge-split-view-panel__content\\\" id=\\\"content\\\" part=\\\"content\\\" role=\\\"group\\\"><slot></slot></div></div></template>';\nconst styles = '@-webkit-keyframes mdc-ripple-fg-radius-in{from{-webkit-animation-timing-function:cubic-bezier(0.4,0,0.2,1);animation-timing-function:cubic-bezier(0.4,0,0.2,1);-webkit-transform:translate(var(--mdc-ripple-fg-translate-start,0)) scale(1);transform:translate(var(--mdc-ripple-fg-translate-start,0)) scale(1)}to{-webkit-transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1));transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1))}}@keyframes mdc-ripple-fg-radius-in{from{-webkit-animation-timing-function:cubic-bezier(0.4,0,0.2,1);animation-timing-function:cubic-bezier(0.4,0,0.2,1);-webkit-transform:translate(var(--mdc-ripple-fg-translate-start,0)) scale(1);transform:translate(var(--mdc-ripple-fg-translate-start,0)) scale(1)}to{-webkit-transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1));transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1))}}@-webkit-keyframes mdc-ripple-fg-opacity-in{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:0}to{opacity:var(--mdc-ripple-fg-opacity, 0)}}@keyframes mdc-ripple-fg-opacity-in{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:0}to{opacity:var(--mdc-ripple-fg-opacity, 0)}}@-webkit-keyframes mdc-ripple-fg-opacity-out{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:var(--mdc-ripple-fg-opacity, 0)}to{opacity:0}}@keyframes mdc-ripple-fg-opacity-out{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:var(--mdc-ripple-fg-opacity, 0)}to{opacity:0}}.mdc-ripple-surface{--mdc-ripple-fg-size:0;--mdc-ripple-left:0;--mdc-ripple-top:0;--mdc-ripple-fg-scale:1;--mdc-ripple-fg-translate-end:0;--mdc-ripple-fg-translate-start:0;-webkit-tap-highlight-color:transparent;will-change:transform,opacity;position:relative;outline:0;overflow:hidden}.mdc-ripple-surface::after,.mdc-ripple-surface::before{position:absolute;border-radius:50%;opacity:0;pointer-events:none;content:\\\"\\\"}.mdc-ripple-surface::before{-webkit-transition:opacity 15ms linear,background-color 15ms linear;transition:opacity 15ms linear,background-color 15ms linear;z-index:1;z-index:var(--mdc-ripple-z-index,1)}.mdc-ripple-surface::after{z-index:0;z-index:var(--mdc-ripple-z-index,0)}.mdc-ripple-surface.mdc-ripple-upgraded::before{-webkit-transform:scale(var(--mdc-ripple-fg-scale,1));transform:scale(var(--mdc-ripple-fg-scale,1))}.mdc-ripple-surface.mdc-ripple-upgraded::after{top:0;left:0;-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:center center;transform-origin:center center}.mdc-ripple-surface.mdc-ripple-upgraded--unbounded::after{top:var(--mdc-ripple-top,0);left:var(--mdc-ripple-left,0)}.mdc-ripple-surface.mdc-ripple-upgraded--foreground-activation::after{-webkit-animation:mdc-ripple-fg-radius-in 225ms forwards,mdc-ripple-fg-opacity-in 75ms forwards;animation:mdc-ripple-fg-radius-in 225ms forwards,mdc-ripple-fg-opacity-in 75ms forwards}.mdc-ripple-surface.mdc-ripple-upgraded--foreground-deactivation::after{-webkit-animation:mdc-ripple-fg-opacity-out 150ms;animation:mdc-ripple-fg-opacity-out 150ms;-webkit-transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1));transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1))}.mdc-ripple-surface::after,.mdc-ripple-surface::before{top:calc(50% - 100%);left:calc(50% - 100%);width:200%;height:200%}.mdc-ripple-surface.mdc-ripple-upgraded::after{width:var(--mdc-ripple-fg-size,100%);height:var(--mdc-ripple-fg-size,100%)}.mdc-ripple-surface[data-mdc-ripple-is-unbounded],.mdc-ripple-upgraded--unbounded{overflow:visible}.mdc-ripple-surface[data-mdc-ripple-is-unbounded]::after,.mdc-ripple-surface[data-mdc-ripple-is-unbounded]::before,.mdc-ripple-upgraded--unbounded::after,.mdc-ripple-upgraded--unbounded::before{top:calc(50% - 50%);left:calc(50% - 50%);width:100%;height:100%}.mdc-ripple-surface[data-mdc-ripple-is-unbounded].mdc-ripple-upgraded::after,.mdc-ripple-surface[data-mdc-ripple-is-unbounded].mdc-ripple-upgraded::before,.mdc-ripple-upgraded--unbounded.mdc-ripple-upgraded::after,.mdc-ripple-upgraded--unbounded.mdc-ripple-upgraded::before{top:var(--mdc-ripple-top,calc(50% - 50%));left:var(--mdc-ripple-left,calc(50% - 50%));width:var(--mdc-ripple-fg-size,100%);height:var(--mdc-ripple-fg-size,100%)}.mdc-ripple-surface[data-mdc-ripple-is-unbounded].mdc-ripple-upgraded::after,.mdc-ripple-upgraded--unbounded.mdc-ripple-upgraded::after{width:var(--mdc-ripple-fg-size,100%);height:var(--mdc-ripple-fg-size,100%)}.mdc-ripple-surface::after,.mdc-ripple-surface::before{background-color:#000;background-color:var(--mdc-ripple-color,#000)}.mdc-ripple-surface.mdc-ripple-surface--hover::before,.mdc-ripple-surface:hover::before{opacity:.04;opacity:var(--mdc-ripple-hover-opacity, .04)}.mdc-ripple-surface.mdc-ripple-upgraded--background-focused::before,.mdc-ripple-surface:not(.mdc-ripple-upgraded):focus::before{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.12;opacity:var(--mdc-ripple-focus-opacity, .12)}.mdc-ripple-surface:not(.mdc-ripple-upgraded)::after{-webkit-transition:opacity 150ms linear;transition:opacity 150ms linear}.mdc-ripple-surface:not(.mdc-ripple-upgraded):active::after{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.12;opacity:var(--mdc-ripple-press-opacity, .12)}.mdc-ripple-surface.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.12)}.mdc-ripple-surface::after,.mdc-ripple-surface::before{--mdc-ripple-color:var(--mdc-theme-on-surface)}.forge-split-view-panel{display:-webkit-box;display:flex;width:100%;height:100%;overflow:hidden;contain:paint size}.forge-split-view-panel__handle{color:rgba(0,0,0,.54);color:var(--mdc-theme-text-secondary-on-light,rgba(0,0,0,.54));background-color:#e0e0e0;background-color:var(--forge-theme-border-color,#e0e0e0);display:-webkit-box;display:flex;flex-shrink:0;-webkit-box-pack:center;justify-content:center;-webkit-box-align:center;align-items:center;outline:0}.forge-split-view-panel__content{-webkit-box-flex:1;flex:1;overflow:hidden}.forge-split-view-panel--closed{display:none}.forge-split-view-panel--disabled #handle{pointer-events:none}.forge-split-view-panel--disabled .forge-split-view-panel__icon{display:none}.forge-split-view-panel[orientation=horizontal]{min-width:8px;min-width:var(--forge-split-view-handle-width,8px);width:calc(var(--forge-split-view-panel-size,unset) + var(--forge-split-view-handle-width,8px));-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-direction:row}.forge-split-view-panel[orientation=horizontal] .forge-split-view-panel__handle{width:8px;width:var(--forge-split-view-handle-width,8px);cursor:var(--forge-split-view-panel-cursor)}.forge-split-view-panel[orientation=horizontal].forge-split-view-panel--closing[resizable=end]{position:absolute;top:0;left:0;-webkit-animation-name:uzj73eu;animation-name:uzj73eu;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-timing-function:cubic-bezier(0.4,0,0.2,1);animation-timing-function:cubic-bezier(0.4,0,0.2,1)}@-webkit-keyframes uzj73eu{from{-webkit-transform:none;transform:none}to{-webkit-transform:translateX(-100%);transform:translateX(-100%)}}@keyframes uzj73eu{from{-webkit-transform:none;transform:none}to{-webkit-transform:translateX(-100%);transform:translateX(-100%)}}.forge-split-view-panel[orientation=horizontal].forge-split-view-panel--closing[resizable=start]{position:absolute;top:0;right:0;-webkit-animation-name:uzj73fn;animation-name:uzj73fn;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-timing-function:cubic-bezier(0.4,0,0.2,1);animation-timing-function:cubic-bezier(0.4,0,0.2,1)}@-webkit-keyframes uzj73fn{from{-webkit-transform:none;transform:none}to{-webkit-transform:translateX(100%);transform:translateX(100%)}}@keyframes uzj73fn{from{-webkit-transform:none;transform:none}to{-webkit-transform:translateX(100%);transform:translateX(100%)}}.forge-split-view-panel[orientation=horizontal].forge-split-view-panel--opening[resizable=end]{position:absolute;top:0;left:0;-webkit-animation-name:uzj73fs;animation-name:uzj73fs;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-timing-function:cubic-bezier(0.4,0,0.2,1);animation-timing-function:cubic-bezier(0.4,0,0.2,1);animation-direction:reverse}@-webkit-keyframes uzj73fs{from{-webkit-transform:none;transform:none}to{-webkit-transform:translateX(-100%);transform:translateX(-100%)}}@keyframes uzj73fs{from{-webkit-transform:none;transform:none}to{-webkit-transform:translateX(-100%);transform:translateX(-100%)}}.forge-split-view-panel[orientation=horizontal].forge-split-view-panel--opening[resizable=start]{position:absolute;top:0;right:0;-webkit-animation-name:uzj73gj;animation-name:uzj73gj;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-timing-function:cubic-bezier(0.4,0,0.2,1);animation-timing-function:cubic-bezier(0.4,0,0.2,1);animation-direction:reverse}@-webkit-keyframes uzj73gj{from{-webkit-transform:none;transform:none}to{-webkit-transform:translateX(100%);transform:translateX(100%)}}@keyframes uzj73gj{from{-webkit-transform:none;transform:none}to{-webkit-transform:translateX(100%);transform:translateX(100%)}}.forge-split-view-panel[orientation=vertical]{min-height:8px;min-height:var(--forge-split-view-handle-width,8px);height:calc(var(--forge-split-view-panel-size,unset) + var(--forge-split-view-handle-width,8px));-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column}.forge-split-view-panel[orientation=vertical] .forge-split-view-panel__handle{height:8px;height:var(--forge-split-view-handle-width,8px);cursor:var(--forge-split-view-panel-cursor)}.forge-split-view-panel[orientation=vertical].forge-split-view-panel--closing[resizable=end]{position:absolute;top:0;left:0;-webkit-animation-name:uzj73gp;animation-name:uzj73gp;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-timing-function:cubic-bezier(0.4,0,0.2,1);animation-timing-function:cubic-bezier(0.4,0,0.2,1)}@-webkit-keyframes uzj73gp{from{-webkit-transform:none;transform:none}to{-webkit-transform:translateY(-100%);transform:translateY(-100%)}}@keyframes uzj73gp{from{-webkit-transform:none;transform:none}to{-webkit-transform:translateY(-100%);transform:translateY(-100%)}}.forge-split-view-panel[orientation=vertical].forge-split-view-panel--closing[resizable=start]{position:absolute;bottom:0;left:0;-webkit-animation-name:uzj73gw;animation-name:uzj73gw;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-timing-function:cubic-bezier(0.4,0,0.2,1);animation-timing-function:cubic-bezier(0.4,0,0.2,1)}@-webkit-keyframes uzj73gw{from{-webkit-transform:none;transform:none}to{-webkit-transform:translateY(100%);transform:translateY(100%)}}@keyframes uzj73gw{from{-webkit-transform:none;transform:none}to{-webkit-transform:translateY(100%);transform:translateY(100%)}}.forge-split-view-panel[orientation=vertical].forge-split-view-panel--opening[resizable=end]{position:absolute;top:0;left:0;-webkit-animation-name:uzj73h0;animation-name:uzj73h0;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-timing-function:cubic-bezier(0.4,0,0.2,1);animation-timing-function:cubic-bezier(0.4,0,0.2,1);animation-direction:reverse}@-webkit-keyframes uzj73h0{from{-webkit-transform:none;transform:none}to{-webkit-transform:translateY(-100%);transform:translateY(-100%)}}@keyframes uzj73h0{from{-webkit-transform:none;transform:none}to{-webkit-transform:translateY(-100%);transform:translateY(-100%)}}.forge-split-view-panel[orientation=vertical].forge-split-view-panel--opening[resizable=start]{position:absolute;bottom:0;left:0;-webkit-animation-name:uzj73hh;animation-name:uzj73hh;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-timing-function:cubic-bezier(0.4,0,0.2,1);animation-timing-function:cubic-bezier(0.4,0,0.2,1);animation-direction:reverse}@-webkit-keyframes uzj73hh{from{-webkit-transform:none;transform:none}to{-webkit-transform:translateY(100%);transform:translateY(100%)}}@keyframes uzj73hh{from{-webkit-transform:none;transform:none}to{-webkit-transform:translateY(100%);transform:translateY(100%)}}:host{z-index:var(--forge-split-view-animating-layer)!important;display:block;position:relative;height:100%;width:100%;-webkit-box-flex:0;flex:0}:host([hidden]){display:none}:host(:not([resizable=start],[resizable=end])){-webkit-box-flex:1;flex:1}:host(:not([resizable=start],[resizable=end])) .forge-split-view-panel{width:100%;height:100%;min-width:0;min-height:0}:host(:not([resizable=start],[resizable=end])) .forge-split-view-panel__handle{display:none}';\n\nexport interface ISplitViewPanelComponent extends Partial<ISplitViewBase>, IBaseComponent {\n  resizable: SplitViewPanelResizable;\n  size: number | string;\n  min: number | string;\n  max: number | string | undefined;\n  accessibleLabel: string;\n  open: boolean;\n  getContentSize(): number;\n  getCollapsibleSize(): number;\n  setContentSize(size: number): void;\n  update(config: ISplitViewUpdateConfig): void;\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'forge-split-view-panel': ISplitViewPanelComponent;\n  }\n\n  interface HTMLElementEventMap {\n    'forge-split-view-panel-will-resize': CustomEvent<ISplitViewPanelWillResizeEvent>;\n    'forge-split-view-panel-resize-start': CustomEvent<null>;\n    'forge-split-view-panel-resize-end': CustomEvent<null>;\n    'forge-split-view-panel-resize': CustomEvent<number>;\n    'forge-split-view-panel-will-open': CustomEvent<ISplitViewPanelOpenEvent>;\n    'forge-split-view-panel-will-close': CustomEvent<ISplitViewPanelOpenEvent>;\n    'forge-split-view-panel-did-open': CustomEvent<ISplitViewPanelOpenEvent>;\n    'forge-split-view-panel-did-close': CustomEvent<ISplitViewPanelOpenEvent>;\n  }\n}\n\n/**\n * The custom element class behind the `<forge-split-view-panel>` element.\n * \n * @tag forge-split-view-panel\n */\n@CustomElement({\n  name: SPLIT_VIEW_PANEL_CONSTANTS.elementName,\n  dependencies: [\n    IconComponent,\n    RippleComponent\n  ]\n})\nexport class SplitViewPanelComponent extends BaseComponent implements ISplitViewPanelComponent {\n  public static get observedAttributes(): string[] {\n    return [\n      SPLIT_VIEW_PANEL_CONSTANTS.attributes.RESIZABLE,\n      SPLIT_VIEW_PANEL_CONSTANTS.attributes.SIZE,\n      SPLIT_VIEW_PANEL_CONSTANTS.attributes.MIN,\n      SPLIT_VIEW_PANEL_CONSTANTS.attributes.MAX,\n      SPLIT_VIEW_PANEL_CONSTANTS.attributes.ACCESSIBLE_LABEL,\n      SPLIT_VIEW_PANEL_CONSTANTS.attributes.OPEN,\n      SPLIT_VIEW_PANEL_CONSTANTS.attributes.DISABLED,\n      SPLIT_VIEW_PANEL_CONSTANTS.attributes.ALLOW_CLOSE,\n      SPLIT_VIEW_PANEL_CONSTANTS.attributes.AUTO_CLOSE,\n      SPLIT_VIEW_PANEL_CONSTANTS.attributes.AUTO_CLOSE_THRESHOLD\n    ];\n  }\n\n  private _foundation: SplitViewPanelFoundation;\n\n  constructor() {\n    super();\n    IconRegistry.define([tylIconDragVerticalVariant, tylIconDragHandle]);\n    attachShadowTemplate(this, template, styles);\n    this._foundation = new SplitViewPanelFoundation(new SplitViewPanelAdapter(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 SPLIT_VIEW_PANEL_CONSTANTS.attributes.RESIZABLE:\n        this.resizable = newValue as SplitViewPanelResizable;\n        break;\n      case SPLIT_VIEW_PANEL_CONSTANTS.attributes.SIZE:\n        this.size = newValue;\n        break;\n      case SPLIT_VIEW_PANEL_CONSTANTS.attributes.MIN:\n        this.min = newValue;\n        break;\n      case SPLIT_VIEW_PANEL_CONSTANTS.attributes.MAX:\n        if (newValue) {\n          this.max = newValue;\n        } else {\n          this.max = undefined;\n        }\n        break;\n      case SPLIT_VIEW_PANEL_CONSTANTS.attributes.ACCESSIBLE_LABEL:\n        this.accessibleLabel = newValue;\n        break;\n      case SPLIT_VIEW_PANEL_CONSTANTS.attributes.OPEN:\n        this.open = coerceBoolean(newValue);\n        break;\n      case SPLIT_VIEW_PANEL_CONSTANTS.attributes.DISABLED:\n        if (this.hasAttribute(name)) {\n          this.disabled = coerceBoolean(newValue);\n        } else {\n          this.disabled = undefined;\n        }\n        break;\n      case SPLIT_VIEW_PANEL_CONSTANTS.attributes.ALLOW_CLOSE:\n        if (this.hasAttribute(name)) {\n          this.allowClose = coerceBoolean(newValue);\n        } else {\n          this.allowClose = undefined;\n        }\n        break;\n      case SPLIT_VIEW_PANEL_CONSTANTS.attributes.AUTO_CLOSE:\n        if (this.hasAttribute(name)) {\n          this.autoClose = coerceBoolean(newValue);\n        } else {\n          this.autoClose = undefined;\n        }\n        break;\n      case SPLIT_VIEW_PANEL_CONSTANTS.attributes.AUTO_CLOSE_THRESHOLD:\n        if (newValue) {\n          this.autoCloseThreshold = coerceNumber(newValue);\n        } else {\n          this.autoCloseThreshold = undefined;\n        }\n        break;\n    }\n  }\n\n  /**\n   * Controls which side of the panel the resize handle appears on.\n   */\n  @FoundationProperty()\n  public resizable: SplitViewPanelResizable;\n\n  /**\n   * The initial size along the axis of orientation.\n   */\n  @FoundationProperty()\n  public size: number | string;\n\n  /**\n   * The smallest size the panel can take along its axis of orientation.\n   */\n  @FoundationProperty()\n  public min: number | string;\n\n  /**\n   * The largest size the panel can take along its axis of orientation.\n   */\n  @FoundationProperty()\n  public max: number | string | undefined;\n\n  /**\n   * The ARIA label given to the resize handle.\n   */\n  @FoundationProperty()\n  public accessibleLabel: string;\n\n  /**\n   * Controls the open state of the panel.\n   */\n  @FoundationProperty()\n  public open: boolean;\n\n  /**\n   * Whether resize interactions are disabled or enabled.\n   */\n  @FoundationProperty()\n  public disabled?: boolean;\n\n  /**\n   * Whether the panel can be closed via keyboard interaction.\n   */\n  @FoundationProperty()\n  public allowClose?: boolean;\n\n  /**\n   * Whether the panel automatically closes when it reaches a size of 0.\n   */\n  @FoundationProperty()\n  public autoClose?: boolean;\n\n  /**\n   * The size at which the panel auto closes.\n   */\n  @FoundationProperty()\n  public autoCloseThreshold?: number;\n\n  /**\n   * Gets the size of content along the axis of orientation.\n   * @returns The size of content in pixels.\n   */\n  public getContentSize(): number {\n    return this._foundation.getContentSize();\n  }\n\n  /**\n   * Gets the amount that the content can shrink along the axis of orientation before reaching its\n   * min size.\n   * @returns The amount that content can shrink in pixels.\n   */\n  public getCollapsibleSize(): number {\n    return this._foundation.getCollapsibleSize();\n  }\n\n  /**\n   * Sets the size of content along the axis of orientation.\n   * @param size The new size of content in pixels.\n   */\n  public setContentSize(size: number): void {\n    this._foundation.setContentSize(size);\n  }\n\n  /**\n   * Updates the provided characteristics.\n   * @param config An update configuration.\n   */\n  public update(config: ISplitViewUpdateConfig): void {\n    this._foundation.update(config);\n  }\n}\n", "import { defineCustomElement } from '@tylertech/forge-core';\n\nimport { SplitViewPanelComponent } from './split-view-panel';\n\nexport * from './split-view-panel-adapter';\nexport * from './split-view-panel-constants';\nexport * from './split-view-panel-foundation';\nexport * from './split-view-panel';\nexport * from './split-view-panel-utils';\n\nexport function defineSplitViewPanelComponent(): void {\n  defineCustomElement(SplitViewPanelComponent);\n}\n"],
-  "mappings": "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",
-  "names": ["elementName", "COMPONENT_NAME_PREFIX", "attributes", "classes", "ids", "selectors", "events", "numbers", "customCssProperties", "SPLIT_VIEW_PANEL_CONSTANTS", "SplitViewAnimatingLayer", "initState", "setState", "adapter", "state", "currentSize", "__spreadProps", "__spreadValues", "clearState", "pointerResize", "evt", "initialSize", "evtPoint", "delta", "size", "clampSize", "handleBoundariesDuringResize", "getValuenow", "siblingDelta", "resizeSibling", "keyboardResize", "increment", "minResize", "maxResize", "availableSpace", "max", "safeMin", "siblingSize", "inputDevice", "handleBoundariesAfterResize", "scaleValue", "getCursor", "orientation", "config", "getHandleIcon", "getSplitViewPanelSibling", "el", "resizable", "sibling", "SplitViewPanelComponent", "parseSize", "value", "_a", "_b", "regex", "parts", "amount", "unit", "getPixelDimension", "parentSize", "parsedSize", "percentToPixels", "createOverlay", "SPLIT_VIEW_PANEL_CONSTANTS", "SplitViewPanelFoundation", "_adapter", "initState", "evt", "value", "_a", "_b", "eventIncludesArrowKey", "size", "minResize", "SPLIT_VIEW_PANEL_CONSTANTS", "maxResize", "increment", "keyboardResize", "handleBoundariesDuringResize", "pointerResize", "inputDeviceType", "setState", "clearState", "shouldOpen", "auto", "userInitiated", "eventType", "event", "parentDisabled", "parentAllowClose", "parentAutoClose", "parentAutoCloseThreshold", "parentSize", "pixelSize", "getPixelDimension", "availableSpace", "maxSize", "safeMin", "newValue", "scaleValue", "isDefined", "pixelMin", "newSize", "clampSize", "config", "valueNow", "getValuenow", "__spreadProps", "__spreadValues", "handleBoundariesAfterResize", "elementName", "COMPONENT_NAME_PREFIX", "attributes", "classes", "ids", "selectors", "SPLIT_VIEW_PANEL_CONSTANTS", "numbers", "customCssProperties", "SPLIT_VIEW_CONSTANTS", "SplitViewPanelAdapter", "BaseAdapter", "component", "getShadowElement", "SPLIT_VIEW_PANEL_CONSTANTS", "parent", "SPLIT_VIEW_CONSTANTS", "_a", "listener", "name", "value", "toggleAttribute", "getHandleIcon", "withAnimation", "event", "_b", "finish", "playKeyframeAnimation", "createOverlay", "orientation", "config", "getCursor", "resizable", "sibling", "getSplitViewPanelSibling", "fromActivated", "parentSize", "template", "styles", "SplitViewPanelComponent", "BaseComponent", "IconRegistry", "tylIconDragVerticalVariant", "tylIconDragHandle", "attachShadowTemplate", "SplitViewPanelFoundation", "SplitViewPanelAdapter", "SPLIT_VIEW_PANEL_CONSTANTS", "name", "oldValue", "newValue", "coerceBoolean", "coerceNumber", "size", "config", "__decorateClass", "FoundationProperty", "CustomElement", "IconComponent", "RippleComponent", "defineSplitViewPanelComponent", "defineCustomElement", "SplitViewPanelComponent"]
-}

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

@@ -1,7 +0,0 @@
-/**
- * @license
- * Copyright 2023 Tyler Technologies, Inc. 
- * License: Apache-2.0
- */
-import{a as l,b}from"./chunk.UQQQSJVM.js";import{a as d,e as n,f as p,k as c}from"./chunk.BIQTNLIF.js";import{t as i,u as s}from"./chunk.DCCFF327.js";import{k as a}from"./chunk.J2M2MXP2.js";import{d as o}from"./chunk.M3QDAYD2.js";var g=`${b}card`,h={RAISED:"raised"},f={RAISED:"forge-card--raised"},x={ROOT:".forge-card"},e={elementName:g,attributes:h,classes:f,selectors:x};var u='<template><div class="forge-card" part="root"><slot></slot></div></template>',C=".forge-card{background-color:#fff;background-color:var(--mdc-theme-surface,#fff);border-radius:4px;border-radius:var(--mdc-shape-medium,4px);border-width:1px;border-style:solid;border-color:#e0e0e0;height:100%;height:var(--forge-card-height,100%);width:100%;width:var(--forge-card-width,100%);padding:16px;padding:var(--forge-card-padding,16px);overflow:hidden;overflow:var(--forge-card-overflow,hidden);border-color:#e0e0e0;border-color:var(--forge-theme-border-color,#e0e0e0);-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-tap-highlight-color:transparent}.forge-card--raised{-webkit-box-shadow:0 2px 1px -1px rgba(0,0,0,.2),0 1px 1px 0 rgba(0,0,0,.14),0 1px 3px 0 rgba(0,0,0,.12);box-shadow:0 2px 1px -1px rgba(0,0,0,.2),0 1px 1px 0 rgba(0,0,0,.14),0 1px 3px 0 rgba(0,0,0,.12);border:none}:host{display:block}:host([hidden]){display:none}",t=class extends c{constructor(){super();this._raised=!1;n(this,u,C),this._rootElement=p(this,e.selectors.ROOT)}static get observedAttributes(){return[e.attributes.RAISED]}connectedCallback(){this._applyRaised()}attributeChangedCallback(r,_,m){switch(r){case e.attributes.RAISED:this.raised=a(m);break}}_applyRaised(){i(this._rootElement,this._raised,e.classes.RAISED)}get raised(){return this._raised}set raised(r){r=!!r,this._raised!==r&&(this._raised=r,this._applyRaised(),s(this,this._raised,e.attributes.RAISED,String(!!this._raised)))}};t=o([l({name:e.elementName})],t);function O(){d(t)}export{e as a,t as b,O as c};
-//# sourceMappingURL=chunk.KRKKMTXR.js.map

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/card/card-constants.ts", "../../src/card/card.ts", "../../src/card/index.ts"],
-  "sourcesContent": ["import { COMPONENT_NAME_PREFIX } from '../constants';\n\nconst elementName: keyof HTMLElementTagNameMap = `${COMPONENT_NAME_PREFIX}card`;\n\nconst attributes = {\n  RAISED: 'raised'\n};\n\nconst classes = {\n  RAISED: 'forge-card--raised'\n};\n\nconst selectors = {\n  ROOT: '.forge-card'\n};\n\nexport const CARD_CONSTANTS = {\n  elementName,\n  attributes,\n  classes,\n  selectors\n};\n", "import { CustomElement, attachShadowTemplate, coerceBoolean, getShadowElement, toggleAttribute, toggleClass } from '@tylertech/forge-core';\nimport { BaseComponent, IBaseComponent } from '../core/base/base-component';\n\nimport { CARD_CONSTANTS } from './card-constants';\n\nconst template = '<template><div class=\\\"forge-card\\\" part=\\\"root\\\"><slot></slot></div></template>';\nconst styles = '.forge-card{background-color:#fff;background-color:var(--mdc-theme-surface,#fff);border-radius:4px;border-radius:var(--mdc-shape-medium,4px);border-width:1px;border-style:solid;border-color:#e0e0e0;height:100%;height:var(--forge-card-height,100%);width:100%;width:var(--forge-card-width,100%);padding:16px;padding:var(--forge-card-padding,16px);overflow:hidden;overflow:var(--forge-card-overflow,hidden);border-color:#e0e0e0;border-color:var(--forge-theme-border-color,#e0e0e0);-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-tap-highlight-color:transparent}.forge-card--raised{-webkit-box-shadow:0 2px 1px -1px rgba(0,0,0,.2),0 1px 1px 0 rgba(0,0,0,.14),0 1px 3px 0 rgba(0,0,0,.12);box-shadow:0 2px 1px -1px rgba(0,0,0,.2),0 1px 1px 0 rgba(0,0,0,.14),0 1px 3px 0 rgba(0,0,0,.12);border:none}:host{display:block}:host([hidden]){display:none}';\n\nexport interface ICardComponent extends IBaseComponent {\n  raised: boolean;\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'forge-card': ICardComponent;\n  }\n}\n\n/**\n * @tag forge-card\n * \n * @summary Cards are used to group related information and actions about a single subject.\n * \n * @property {boolean} raised - Whether the card has elevation or not.\n * \n * @attribute {boolean} raised - Whether the card has an raised or not.\n * \n * @cssproperty --forge-card-height - The height of the card.\n * @cssproperty --forge-card-width - The width of the card.\n * @cssproperty --forge-card-padding - The padding of the card.\n * @cssproperty --forge-card-overflow - The overflow of the card.\n * \n * @csspart root - The components' internal root container element.\n */\n@CustomElement({\n  name: CARD_CONSTANTS.elementName\n})\nexport class CardComponent extends BaseComponent implements ICardComponent {\n  public static get observedAttributes(): string[] {\n    return [\n      CARD_CONSTANTS.attributes.RAISED\n    ];\n  }\n\n  private _rootElement: HTMLElement;\n  private _raised = false;\n\n  constructor() {\n    super();\n    attachShadowTemplate(this, template, styles);\n    this._rootElement = getShadowElement(this, CARD_CONSTANTS.selectors.ROOT);\n  }\n\n  public connectedCallback(): void {\n    this._applyRaised();\n  }\n\n  public attributeChangedCallback(name: string, oldValue: string, newValue: string): void {\n    switch (name) {\n      case CARD_CONSTANTS.attributes.RAISED:\n        this.raised = coerceBoolean(newValue);\n        break;\n    }\n  }\n\n  private _applyRaised(): void {\n    toggleClass(this._rootElement, this._raised, CARD_CONSTANTS.classes.RAISED);\n  }\n\n  /** Gets/sets whether the card is elevated or not. */\n  public get raised(): boolean {\n    return this._raised;\n  }\n  public set raised(value: boolean) {\n    value = Boolean(value);\n    if (this._raised !== value) {\n      this._raised = value;\n      this._applyRaised();\n      toggleAttribute(this, this._raised, CARD_CONSTANTS.attributes.RAISED, String(!!this._raised));\n    }\n  }\n}\n", "import { defineCustomElement } from '@tylertech/forge-core';\n\nimport { CardComponent } from './card';\n\nexport * from './card-constants';\nexport * from './card';\n\nexport function defineCardComponent(): void {\n  defineCustomElement(CardComponent);\n}\n"],
-  "mappings": "sOAEA,IAAMA,EAA2C,GAAGC,QAE9CC,EAAa,CACjB,OAAQ,QACV,EAEMC,EAAU,CACd,OAAQ,oBACV,EAEMC,EAAY,CAChB,KAAM,aACR,EAEaC,EAAiB,CAC5B,YAAAL,EACA,WAAAE,EACA,QAAAC,EACA,UAAAC,CACF,EChBA,IAAME,EAAW,+EACXC,EAAS,w1BA+BFC,EAAN,cAA4BC,CAAwC,CAUzE,aAAc,CACZ,MAAM,EAHR,KAAQ,QAAU,GAIhBC,EAAqB,KAAMJ,EAAUC,CAAM,EAC3C,KAAK,aAAeI,EAAiB,KAAMC,EAAe,UAAU,IAAI,CAC1E,CAbA,WAAkB,oBAA+B,CAC/C,MAAO,CACLA,EAAe,WAAW,MAC5B,CACF,CAWO,mBAA0B,CAC/B,KAAK,aAAa,CACpB,CAEO,yBAAyBC,EAAcC,EAAkBC,EAAwB,CACtF,OAAQF,EAAM,CACZ,KAAKD,EAAe,WAAW,OAC7B,KAAK,OAASI,EAAcD,CAAQ,EACpC,KACJ,CACF,CAEQ,cAAqB,CAC3BE,EAAY,KAAK,aAAc,KAAK,QAASL,EAAe,QAAQ,MAAM,CAC5E,CAGA,IAAW,QAAkB,CAC3B,OAAO,KAAK,OACd,CACA,IAAW,OAAOM,EAAgB,CAChCA,EAAQ,EAAQA,EACZ,KAAK,UAAYA,IACnB,KAAK,QAAUA,EACf,KAAK,aAAa,EAClBC,EAAgB,KAAM,KAAK,QAASP,EAAe,WAAW,OAAQ,OAAO,CAAC,CAAC,KAAK,OAAO,CAAC,EAEhG,CACF,EA5CaJ,EAANY,EAAA,CAHNC,EAAc,CACb,KAAMT,EAAe,WACvB,CAAC,GACYJ,GC9BN,SAASc,GAA4B,CAC1CC,EAAoBC,CAAa,CACnC",
-  "names": ["elementName", "COMPONENT_NAME_PREFIX", "attributes", "classes", "selectors", "CARD_CONSTANTS", "template", "styles", "CardComponent", "BaseComponent", "attachShadowTemplate", "getShadowElement", "CARD_CONSTANTS", "name", "oldValue", "newValue", "coerceBoolean", "toggleClass", "value", "toggleAttribute", "__decorateClass", "CustomElement", "defineCardComponent", "defineCustomElement", "CardComponent"]
-}

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

@@ -1,7 +0,0 @@
-/**
- * @license
- * Copyright 2023 Tyler Technologies, Inc. 
- * License: Apache-2.0
- */
-import{a as v}from"./chunk.3TIBP6QT.js";import{g as N}from"./chunk.JCEKCW4B.js";import{b as I,d as S}from"./chunk.VBJ4WUVH.js";import{n as T,o as A}from"./chunk.SB2LOK2R.js";import{a as E}from"./chunk.6GSVB5NB.js";import{a as n}from"./chunk.NVUMRW44.js";import{a as x,b as L}from"./chunk.UQQQSJVM.js";import{a as w,e as k,f as s,k as z}from"./chunk.BIQTNLIF.js";import{f as u,g as y,t as _}from"./chunk.DCCFF327.js";import{k as d}from"./chunk.J2M2MXP2.js";import{a as c,b,d as a}from"./chunk.M3QDAYD2.js";var F=`${L}field`,P=b(c({},v.observedAttributes),{POPOVER_EXPANDED:"popover-expanded",MULTILINE:"multiline"}),R=b(c({},P),{MULTI_INPUT_SEPARATOR:"data-forge-multi-input-separator"}),O={FLOATING_IN:"forge-field--floating-in",FLOATING_OUT:"forge-field--floating-out",HAS_LABEL:"forge-field--has-label",HAS_START:"forge-field--has-start",HAS_END:"forge-field--has-end",HAS_ACCESSORY:"forge-field--has-accessory",HAS_SUPPORT_START:"forge-field--has-support-text-start",HAS_SUPPORT_END:"forge-field--has-support-text-end",RESIZE_CONTAINER:"resize-container"},H={ROOT:"#root",CONTAINER:"#container",LABEL:"#label",POPOVER_ICON:"#popover-icon",RESIZE_CONTAINER:`.${O.RESIZE_CONTAINER}`,LABEL_ELEMENTS:`:where(label, ${N.elementName})`,POPOVER_TARGET:".popover-target"},D={ROOT:"root",LABEL:"label",CONTAINER:"container",START:"start",INPUT:"input",POPOVER_ICON:"popover-icon",END:"end",ACCESSORY:"accessory",SUPPORT_TEXT:"support-text",SUPPORT_TEXT_START:"support-text-start",SUPPORT_TEXT_END:"support-text-end",FOCUS_INDICATOR:"focus-indicator"},M={POPOVER_ICON_CLICK:`${F}-popover-icon-click`},B=c({},v.defaults),U={FLOAT_IN_LABEL:"float-in-label-animation",FLOAT_OUT_LABEL:"float-out-label-animation"},e={elementName:F,observedAttributes:P,attributes:R,classes:O,selectors:H,parts:D,events:M,defaults:B,animations:U};var h=class extends E{constructor(r){super(r);this._rootElement=s(r,e.selectors.ROOT),this._containerElement=s(r,e.selectors.CONTAINER),this._labelElement=s(r,e.selectors.LABEL),this._popoverIconElement=s(r,e.selectors.POPOVER_ICON)}get _resizeContainerElement(){return this._containerElement.querySelector(e.selectors.RESIZE_CONTAINER)}addRootListener(r,l){this._rootElement.addEventListener(r,l)}addPopoverIconClickListener(r){this._popoverIconElement.addEventListener("click",r)}removePopoverIconClickListener(r){this._popoverIconElement.removeEventListener("click",r)}attachResizeContainer(){if(this._resizeContainerElement)return;let r=document.createElement("div");r.classList.add(e.classes.RESIZE_CONTAINER);let l=Array.from(this._containerElement.children);T(l,r,[I.elementName])}removeResizeContainer(){let r=this._resizeContainerElement;r&&A(r)}setLabelPosition(r){if(this._labelElement.remove(),r==="inline-end")this._rootElement.append(this._labelElement);else if(r==="inset"){let l=this._resizeContainerElement;if(l){l.prepend(this._labelElement);return}this._containerElement.prepend(this._labelElement)}else this._rootElement.prepend(this._labelElement)}setFloatingLabel(r,l=!1){if(l)return;let o=r?e.classes.FLOATING_IN:e.classes.FLOATING_OUT,f=r?e.animations.FLOAT_IN_LABEL:e.animations.FLOAT_OUT_LABEL,m=C=>{C.animationName===f&&(y(o,this._rootElement),this._rootElement.removeEventListener("animationend",m))};u(o,this._rootElement),this._rootElement.addEventListener("animationend",m)}handleSlotChange(r){if(r.name===""){this._trySlotLabel(r);return}let l=s(this._component,`slot[name=${r.name}]`);if(!l)return;let o={label:e.classes.HAS_LABEL,start:e.classes.HAS_START,end:e.classes.HAS_END,accessory:e.classes.HAS_ACCESSORY,"support-text-start":e.classes.HAS_SUPPORT_START,"support-text-end":e.classes.HAS_SUPPORT_END};r.name in o&&_(this._rootElement,!!l.assignedNodes({flatten:!0}).length,o[r.name])}_trySlotLabel(r){r.assignedElements({flatten:!0}).filter(f=>f.matches(e.selectors.LABEL_ELEMENTS)).forEach(f=>{f.slot||(f.slot="label")})}};var g=class{constructor(i){this._adapter=i;this._labelPosition=e.defaults.DEFAULT_LABEL_POSITION;this._labelAlignment=e.defaults.DEFAULT_LABEL_ALIGNMENT;this._floatLabel=!1;this._invalid=!1;this._required=!1;this._optional=!1;this._disabled=!1;this._variant=e.defaults.DEFAULT_VARIANT;this._theme=e.defaults.DEFAULT_THEME;this._shape=e.defaults.DEFAULT_SHAPE;this._density=e.defaults.DEFAULT_DENSITY;this._dense=!1;this._popoverIcon=!1;this._popoverExpanded=!1;this._multiline=!1;this._supportTextInset=e.defaults.DEFAULT_SUPPORT_TEXT_INSET;this._slotChangeListener=this._onSlotChange.bind(this);this._popoverIconClickListener=this._onPopoverIconClick.bind(this)}initialize(){this._adapter.addRootListener("slotchange",this._slotChangeListener),this._adapter.setLabelPosition(this._labelPosition),this._popoverIcon&&this._adapter.addPopoverIconClickListener(this._popoverIconClickListener),this._multiline&&this._adapter.attachResizeContainer()}_onSlotChange(i){this._adapter.handleSlotChange(i.target)}_onPopoverIconClick(){this._adapter.emitHostEvent(e.events.POPOVER_ICON_CLICK)}floatLabelWithoutAnimation(i){this._floatLabel!==i&&(this._floatLabel=i,this._adapter.setFloatingLabel(this._floatLabel,!0),this._adapter.toggleHostAttribute(e.attributes.FLOAT_LABEL,this._floatLabel))}get labelPosition(){return this._labelPosition}set labelPosition(i){if(this._labelPosition!==i){if(this._labelPosition=i,this._adapter.setHostAttribute(e.attributes.LABEL_POSITION,this._labelPosition),!this._adapter.isConnected)return;this._adapter.setLabelPosition(this._labelPosition)}}get labelAlignment(){return this._labelAlignment}set labelAlignment(i){this._labelAlignment!==i&&(this._labelAlignment=i,this._adapter.setHostAttribute(e.attributes.LABEL_ALIGNMENT,this._labelAlignment))}get floatLabel(){return this._floatLabel}set floatLabel(i){this._floatLabel!==i&&(this._floatLabel=i,this._adapter.setFloatingLabel(this._floatLabel),this._adapter.toggleHostAttribute(e.attributes.FLOAT_LABEL,this._floatLabel))}get invalid(){return this._invalid}set invalid(i){this._invalid!==i&&(this._invalid=i,this._adapter.toggleHostAttribute(e.attributes.INVALID,this._invalid))}get required(){return this._required}set required(i){this._required!==i&&(this._required=i,this._adapter.toggleHostAttribute(e.attributes.REQUIRED,this._required))}get optional(){return this._optional}set optional(i){this._optional!==i&&(this._optional=i,this._adapter.toggleHostAttribute(e.attributes.OPTIONAL,this._optional))}get disabled(){return this._disabled}set disabled(i){this._disabled!==i&&(this._disabled=i,this._adapter.toggleHostAttribute(e.attributes.DISABLED,this._disabled))}get variant(){return this._variant}set variant(i){this._variant!==i&&(this._variant=i,this._adapter.setHostAttribute(e.attributes.VARIANT,this._variant))}get theme(){return this._theme}set theme(i){this._theme!==i&&(this._theme=i,this._adapter.setHostAttribute(e.attributes.THEME,this._theme))}get shape(){return this._shape}set shape(i){this._shape!==i&&(this._shape=i,this._adapter.setHostAttribute(e.attributes.SHAPE,this._shape))}get density(){return this._density}set density(i){this._density!==i&&(this._density=i,this._adapter.setHostAttribute(e.attributes.DENSITY,this._density))}get dense(){return this._dense}set dense(i){this._dense!==i&&(this._dense=i,this._adapter.toggleHostAttribute(e.attributes.DENSE,this._dense))}get popoverIcon(){return this._popoverIcon}set popoverIcon(i){if(this._popoverIcon!==i){if(this._popoverIcon=i,this._adapter.toggleHostAttribute(e.attributes.POPOVER_ICON,this._popoverIcon),!this._adapter.isConnected)return;this._popoverIcon?this._adapter.addPopoverIconClickListener(this._popoverIconClickListener):this._adapter.removePopoverIconClickListener(this._popoverIconClickListener)}}get popoverExpanded(){return this._popoverExpanded}set popoverExpanded(i){this._popoverExpanded!==i&&(this._popoverExpanded=i,this._adapter.toggleHostAttribute(e.attributes.POPOVER_EXPANDED,this._popoverExpanded))}get multiline(){return this._multiline}set multiline(i){if(this._multiline!==i){if(this._multiline=i,this._adapter.toggleHostAttribute(e.attributes.MULTILINE,this._multiline),!this._adapter.isConnected)return;this._multiline?this._adapter.attachResizeContainer():this._adapter.removeResizeContainer()}}get supportTextInset(){return this._supportTextInset}set supportTextInset(i){this._supportTextInset!==i&&(this._supportTextInset=i,this._adapter.setHostAttribute(e.attributes.SUPPORT_TEXT_INSET,this._supportTextInset))}};var q='<template><div id="root" class="forge-field" part="root"><div id="label" class="label" part="label"><slot name="label"></slot></div><div id="container" class="container" part="container"><div id="start" class="start" part="start"><slot name="start"></slot></div><div id="input" class="input" part="input"><slot></slot><div class="popover-target"></div></div><div id="end" class="end" part="end"><slot name="end"></slot></div><div id="popover-icon" class="popover-icon" part="popover-icon"><svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24"><path d="M0 0h24v24H0z" fill="none"/><path d="M7 10l5 5 5-5z" id="popover-icon__arrow"/></svg></div><div id="accessory" class="accessory" part="accessory"><slot name="accessory"></slot></div><forge-focus-indicator target="input" part="focus-indicator"></forge-focus-indicator></div><div class="support-text" part="support-text"><div class="support-text-start" part="support-text-start"><slot name="support-text-start"></slot></div><div class="support-text-end" part="support-text-end"><slot name="support-text-end"></slot></div></div></div></template>',V='@-webkit-keyframes float-in-label-animation{from{translate:0;opacity:40%}to{translate:var(--_field-floating-label-translation);opacity:100%}}@keyframes float-in-label-animation{from{translate:0;opacity:40%}to{translate:var(--_field-floating-label-translation);opacity:100%}}@-webkit-keyframes float-out-label-animation{from{translate:var(--_field-floating-label-translation);opacity:40%}to{translate:0;opacity:100%}}@keyframes float-out-label-animation{from{translate:var(--_field-floating-label-translation);opacity:40%}to{translate:0;opacity:100%}}@-webkit-keyframes float-in-input-animation{from{translate:0}to{translate:0 calc(calc(max(var(--forge-typography-body2-line-height,calc(var(--forge-typography-font-size,1rem) * var(--forge-typography-body-line-height-scale,1.375))),var(--forge-typography-label2-line-height,calc(var(--forge-typography-font-size,1rem) * var(--forge-typography-label-line-height-scale,1.25))))/ 2) + calc((var(--_field-height) - 56px)/ 8))}}@keyframes float-in-input-animation{from{translate:0}to{translate:0 calc(calc(max(var(--forge-typography-body2-line-height,calc(var(--forge-typography-font-size,1rem) * var(--forge-typography-body-line-height-scale,1.375))),var(--forge-typography-label2-line-height,calc(var(--forge-typography-font-size,1rem) * var(--forge-typography-label-line-height-scale,1.25))))/ 2) + calc((var(--_field-height) - 56px)/ 8))}}@-webkit-keyframes float-out-input-animation{from{translate:0 calc(calc(max(var(--forge-typography-body2-line-height,calc(var(--forge-typography-font-size,1rem) * var(--forge-typography-body-line-height-scale,1.375))),var(--forge-typography-label2-line-height,calc(var(--forge-typography-font-size,1rem) * var(--forge-typography-label-line-height-scale,1.25))))/ 2) + calc((var(--_field-height) - 56px)/ 8))}to{translate:0}}@keyframes float-out-input-animation{from{translate:0 calc(calc(max(var(--forge-typography-body2-line-height,calc(var(--forge-typography-font-size,1rem) * var(--forge-typography-body-line-height-scale,1.375))),var(--forge-typography-label2-line-height,calc(var(--forge-typography-font-size,1rem) * var(--forge-typography-label-line-height-scale,1.25))))/ 2) + calc((var(--_field-height) - 56px)/ 8))}to{translate:0}}@-webkit-keyframes resize-container-inset-label-background-animation{from{opacity:0%}to{opacity:100%}}@keyframes resize-container-inset-label-background-animation{from{opacity:0%}to{opacity:100%}}:host([hidden]){display:none}@layer base{.forge-field{--_field-text-color:var(--forge-field-text-color, var(--forge-theme-text-high, rgba(0, 0, 0, 0.87)));--_field-label-margin-inline:var(--forge-field-label-margin-inline, 8px);--_field-label-margin-block:var(--forge-field-label-margin-block, 4px);--_field-label-gap:var(--forge-field-label-gap, 0.25em);--_field-container-padding-inline:var(--forge-field-container-padding-inline, 12px);--_field-container-padding-inline-start:var(--forge-field-container-padding-inline-start, var(--_field-container-padding-inline));--_field-container-padding-inline-end:var(--forge-field-container-padding-inline-end, var(--_field-container-padding-inline));--_field-container-gap:var(--forge-field-container-gap, 8px);--_field-start-padding-inline-end:var(--forge-field-start-padding-inline-end, var(--_field-container-gap));--_field-end-padding-inline-start:var(--forge-field-end-padding-inline-start, var(--_field-container-gap));--_field-end-padding-inline-end:var(--forge-field-end-padding-inline-end, var(--_field-container-gap));--_field-popover-icon-padding-inline-start:var(--forge-field-popover-icon-padding-inline-start, var(--_field-container-gap));--_field-popover-icon-padding-inline-end:var(--forge-field-popover-icon-padding-inline-end, var(--_field-container-gap));--_field-accessory-padding-inline:var(--forge-field-accessory-padding-inline, var(--_field-container-gap));--_field-accessory-padding-inline-start:var(--forge-field-accessory-padding-inline-start, var(--_field-accessory-padding-inline));--_field-accessory-padding-inline-end:var(--forge-field-accessory-padding-inline-end, var(--_field-accessory-padding-inline));--_field-support-text-margin-block:var(--forge-field-support-text-margin-block, 4px);--_field-support-text-gap:var(--forge-field-support-text-gap, 8px);--_field-support-text-padding-inline:var(--forge-field-support-text-padding-inline, var(--_field-container-padding-inline));--_field-support-text-padding-inline-start:var(--forge-field-support-text-padding-inline-start, var(--_field-support-text-padding-inline));--_field-support-text-padding-inline-end:var(--forge-field-support-text-padding-inline-end, var(--_field-support-text-padding-inline));--_field-rounded-container-padding-inline:var(--forge-field-rounded-container-padding-inline, calc(var(--_field-height) / 2));--_field-rounded-container-padding-inline-start:var(--forge-field-rounded-container-padding-inline-start, var(--_field-rounded-container-padding-inline));--_field-rounded-container-padding-inline-end:var(--forge-field-rounded-container-padding-inline-end, var(--_field-rounded-container-padding-inline));--_field-height:var(--forge-field-height);--_field-height-extra-small:var(--forge-field-height-extra-small, 24px);--_field-height-small:var(--forge-field-height-small, 32px);--_field-height-medium:var(--forge-field-height-medium, 40px);--_field-height-large:var(--forge-field-height-large, 48px);--_field-height-extra-large:var(--forge-field-height-extra-large, 56px);--_field-inset-height-extra-small:var(--forge-field-inset-height-extra-small, var(--_field-inset-height-small));--_field-inset-height-small:var(--forge-field-inset-height-small, 40px);--_field-inset-height-medium:var(--forge-field-inset-height-medium, 48px);--_field-inset-height-large:var(--forge-field-inset-height-large, 56px);--_field-inset-height-extra-large:var(--forge-field-inset-height-extra-large, 64px);--_field-shape:var(--forge-field-shape, var(--forge-shape-medium, 4px));--_field-border-style:var(--forge-field-border-style, solid);--_field-border-width:var(--forge-field-border-width, var(--forge-border-thin, 1px));--_field-border-color:var(--forge-field-border-color, var(--forge-theme-outline-medium, #757575));--_field-tonal-inner-border-color:var(--forge-field-tonal-inner-border-color, var(--forge-theme-outline-low, #9e9e9e));--_field-inner-border-block-size:var(--forge-field-inner-border-block-size, calc(100% - 8px));--_field-label-color:var(--forge-field-label-color, var(--forge-theme-text-high, rgba(0, 0, 0, 0.87)));--_field-inset-label-color:var(--forge-field-inset-label-color, var(--forge-theme-text-medium, rgba(0, 0, 0, 0.6)));--_field-hover-border-style:var(--forge-field-hover-border-style, var(--_field-border-style));--_field-hover-border-width:var(--forge-field-hover-border-width, var(--_field-border-width));--_field-hover-border-color:var(--forge-field-hover-border-color, var(--forge-theme-outline-high, #212121));--_field-invalid-color:var(--forge-field-invalid-color, var(--forge-theme-error, #b00020));--_field-invalid-border-style:var(--forge-field-invalid-border-style, var(--_field-border-style));--_field-invalid-border-color:var(--forge-field-invalid-border-color, var(--_field-invalid-color));--_field-invalid-border-width:var(--forge-field-invalid-border-width, var(--_field-border-width));--_field-invalid-border-color-hover:var(--forge-field-invalid-border-color-hover, var(--forge-theme-error-container-high, #e19eaa));--_field-invalid-surface-color:var(--forge-field-invalid-surface-color, var(--forge-theme-error-container-low, #f6e0e4));--_field-invalid-surface-color-hover:var(--forge-field-invalid-surface-color-hover, var(--forge-theme-error-container-minimum, #fcf5f6));--_field-invalid-label-color:var(--forge-field-invalid-label-color, var(--_field-invalid-color));--_field-invalid-on-surface-color:var(--forge-field-invalid-on-surface-color, var(--forge-theme-on-error-container-low, #5f0011));--_field-invalid-inset-label-on-surface-color:var(--forge-field-invalid-inset-label-on-surface-color, var(--_field-invalid-on-surface-color));--_field-plain-container-padding-inline:var(--forge-field-plain-container-padding-inline, 0);--_field-tonal-surface-color:var(--forge-field-tonal-surface-color, var(--forge-theme-surface-container-low, #ebebeb));--_field-tonal-on-surface-color:var(--forge-field-tonal-on-surface-color, var(--forge-theme-on-surface-container-low, #000000));--_field-tonal-hover-color:var(--forge-field-tonal-hover-color, var(--forge-theme-surface-container-minimum, whitesmoke));--_field-filled-surface-color:var(--forge-field-filled-surface-color, var(--forge-theme-surface-bright, #ffffff));--_field-filled-on-surface-color:var(--forge-field-filled-on-surface-color, var(--forge-theme-on-surface, #000000));--_field-raised-elevation:var(--forge-field-raised-elevation, 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12));--_field-raised-active-elevation:var(--forge-field-raised-active-elevation, 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12));--_field-raised-surface-color:var(--forge-field-raised-surface-color, var(--_field-filled-surface-color));--_field-raised-on-surface-color:var(--forge-field-raised-on-surface-color, var(--_field-filled-on-surface-color));--_field-required-content:var(--forge-field-required-content, "*");--_field-required-color:var(--forge-field-required-color, var(--forge-theme-error, #b00020));--_field-optional-content:var(--forge-field-optional-content, "(optional)");--_field-optional-color:var(--forge-field-optional-color, inherit);--_field-popover-icon-transition-duration:var(--forge-field-popover-icon-transition-duration, var(--forge-animation-duration-short3, 150ms));--_field-popover-icon-transition-timing:var(--forge-field-popover-icon-transition-timing, var(--forge-animation-easing-standard, cubic-bezier(0.2, 0, 0, 1)));--_field-popover-icon-open-rotation:var(--forge-field-popover-icon-open-rotation, 180deg);--_field-multiline-resize:var(--forge-field-multiline-resize, vertical);--_field-multiline-min-inline-size:var(--forge-field-multiline-min-inline-size, initial);--_field-multiline-max-inline-size:var(--forge-field-multiline-max-inline-size, initial);--_field-multiline-min-block-size:var(--forge-field-multiline-min-block-size, initial);--_field-multiline-max-block-size:var(--forge-field-multiline-max-block-size, initial);--_field-disabled-opacity:var(--forge-field-disabled-opacity, 0.38);--_field-disabled-surface-color:var(--forge-field-disabled-surface-color, var(--forge-theme-surface-container-low, #ebebeb));--_field-disabled-border-color:var(--forge-field-disabled-border-color, var(--forge-theme-outline-medium, #757575));--_field-disabled-text-color:var(--forge-field-disabled-text-color, var(--forge-theme-text-medium, rgba(0, 0, 0, 0.6)));--_field-disabled-inset-label-color:var(--forge-field-disabled-inset-label-color, var(--forge-theme-text-low, rgba(0, 0, 0, 0.38)));--_field-container-animation-duration:var(--forge-field-container-animation-duration, var(--forge-animation-duration-short4, 200ms));--_field-container-animation-timing:var(--forge-field-container-animation-timing, var(--forge-animation-easing-standard, cubic-bezier(0.2, 0, 0, 1)));--_field-floating-animation-duration:var(--forge-field-floating-animation-duration, var(--forge-animation-duration-short4, 200ms));--_field-floating-animation-timing:var(--forge-field-floating-animation-timing, var(--forge-animation-easing-decelerate, cubic-bezier(0, 0, 0, 1)));--_field-focus-indicator-width:var(--forge-field-focus-indicator-width, var(--forge-focus-indicator-width, var(--forge-border-medium, 2px)))}.forge-field{--_field-input-color:var(--forge-field-input-color, var(--_field-text-color));--_field-main-content-padding-start:var(--forge-field-main-content-padding-start, var(--_field-container-padding-inline-start));--_field-main-content-padding-end:var(--forge-field-main-content-padding-end, var(--_field-container-padding-inline-end));display:grid;position:relative}.forge-field .container{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:var(--forge-typography-body2-font-family, var(--forge-typography-font-family, "Roboto", sans-serif));font-size:var(--forge-typography-body2-font-size, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-body-font-size-scale, 1)));font-weight:var(--forge-typography-body2-font-weight,400);line-height:var(--forge-typography-body2-line-height, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-body-line-height-scale, 1.375)));letter-spacing:var(--forge-typography-body2-letter-spacing, .015625em);text-transform:var(--forge-typography-body2-text-transform,inherit);-webkit-text-decoration:var(--forge-typography-body2-text-decoration,inherit);text-decoration:var(--forge-typography-body2-text-decoration,inherit);-webkit-box-sizing:border-box;box-sizing:border-box;grid-area:container;-webkit-box-align:center;align-items:center;border-radius:var(--_field-shape);inline-size:100%;block-size:var(--_field-height);display:grid;position:relative;-webkit-box-flex:1;flex-grow:1;grid-template-areas:"start center end popover-icon accessory";grid-template-columns:auto 1fr auto auto auto}.forge-field .container::before{position:absolute;-webkit-transition-duration:var(--_field-container-animation-duration);transition-duration:var(--_field-container-animation-duration);-webkit-transition-property:background,outline-color;transition-property:background,outline-color;-webkit-transition-timing-function:var(--_field-container-animation-timing);transition-timing-function:var(--_field-container-animation-timing);border-radius:inherit;pointer-events:none;inline-size:100%;block-size:100%;content:""}.forge-field .input{display:-webkit-box;display:flex;grid-area:center;z-index:9999;block-size:100%;inline-size:100%;color:var(--_field-input-color)}.forge-field .label{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:var(--forge-typography-label2-font-family, var(--forge-typography-font-family, "Roboto", sans-serif));font-size:var(--forge-typography-label2-font-size, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-label-font-size-scale, .8125)));font-weight:var(--forge-typography-label2-font-weight,400);line-height:var(--forge-typography-label2-line-height, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-label-line-height-scale, 1.25)));letter-spacing:var(--forge-typography-label2-letter-spacing, .0096153846em);text-transform:var(--forge-typography-label2-text-transform,inherit);-webkit-text-decoration:var(--forge-typography-label2-text-decoration,inherit);text-decoration:var(--forge-typography-label2-text-decoration,inherit);display:-webkit-inline-box;display:inline-flex;position:relative;gap:var(--_field-label-gap);grid-area:label;block-size:-webkit-fit-content;block-size:-moz-fit-content;block-size:fit-content;color:var(--_field-label-color)}.forge-field .popover-target{position:absolute;bottom:calc(var(--_field-focus-indicator-width) * -1);left:0;right:0}.forge-field .popover-icon{display:none}.forge-field .popover-icon__arrow{fill:inherit}.forge-field .accessory,.forge-field .end,.forge-field .start,.forge-field .support-text,.forge-field .support-text-end,.forge-field .support-text-start{display:none}}:host([popover-icon]) .popover-icon{isolation:isolate;-webkit-box-align:center;align-items:center;display:-webkit-box;display:flex;grid-area:popover-icon;block-size:100%;-webkit-padding-end:var(--_field-popover-icon-padding-inline-end);padding-inline-end:var(--_field-popover-icon-padding-inline-end)}:host([popover-icon]) .popover-icon>*{-webkit-transition:rotate var(--_field-popover-icon-transition-duration) var(--_field-popover-icon-transition-timing);transition:rotate var(--_field-popover-icon-transition-duration) var(--_field-popover-icon-transition-timing)}:host([popover-icon][popover-expanded]) .popover-icon>*{rotate:var(--_field-popover-icon-open-rotation)}.forge-field--has-start .start{display:-webkit-box;display:flex;grid-area:start;-webkit-box-align:center;align-items:center;-webkit-padding-start:var(--_field-container-padding-inline-start);padding-inline-start:var(--_field-container-padding-inline-start)}.forge-field--has-end .end{display:-webkit-box;display:flex;grid-area:end;-webkit-box-align:center;align-items:center;-webkit-padding-end:var(--_field-end-padding-inline-end);padding-inline-end:var(--_field-end-padding-inline-end)}.forge-field--has-accessory .accessory{position:relative;-webkit-box-align:center;align-items:center;display:-webkit-box;display:flex;grid-area:accessory;block-size:100%;-webkit-padding-end:var(--_field-accessory-padding-inline-end);padding-inline-end:var(--_field-accessory-padding-inline-end)}.forge-field--has-accessory .accessory::before{-webkit-transition-duration:var(--_field-container-animation-duration);transition-duration:var(--_field-container-animation-duration);-webkit-transition-property:border-color;transition-property:border-color;-webkit-transition-timing-function:var(--_field-container-animation-timing);transition-timing-function:var(--_field-container-animation-timing);border-inline-start-style:var(--_field-border-style);border-inline-start-width:var(--_field-border-width);border-inline-start-color:var(--_field-inner-border-color);-webkit-padding-end:var(--_field-accessory-padding-inline-start);padding-inline-end:var(--_field-accessory-padding-inline-start);block-size:100%;content:""}.forge-field:not(.forge-field--has-accessory) .popover-icon{-webkit-padding-end:var(--_field-container-padding-inline-end);padding-inline-end:var(--_field-container-padding-inline-end)}.forge-field--has-support-text-end .support-text,.forge-field--has-support-text-start .support-text{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:var(--forge-typography-label1-font-family, var(--forge-typography-font-family, "Roboto", sans-serif));font-size:var(--forge-typography-label1-font-size, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-label-font-size-scale, .75)));font-weight:var(--forge-typography-label1-font-weight,400);line-height:var(--forge-typography-label1-line-height, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-label-line-height-scale, 1.25)));letter-spacing:var(--forge-typography-label1-letter-spacing, .0357142857em);text-transform:var(--forge-typography-label1-text-transform,inherit);-webkit-text-decoration:var(--forge-typography-label1-text-decoration,inherit);text-decoration:var(--forge-typography-label1-text-decoration,inherit);-webkit-box-pack:justify;justify-content:space-between;display:grid;grid-template-areas:"start end";grid-template-columns:1fr auto;grid-area:support-text;-webkit-margin-before:var(--_field-support-text-margin-block);margin-block-start:var(--_field-support-text-margin-block);line-height:normal}.forge-field--has-support-text-start.forge-field--has-support-text-end .support-text{gap:var(--_field-support-text-gap)}.forge-field--has-support-text-start .support-text-start{display:inline-block;grid-area:start}.forge-field--has-support-text-end .support-text-end{display:inline-block;grid-area:end}:host(:not([popover-icon])) .forge-field:not(.forge-field--has-accessory) .end{-webkit-padding-end:var(--_field-container-padding-inline-end);padding-inline-end:var(--_field-container-padding-inline-end)}:host([variant=plain]) .forge-field--has-accessory .accessory::before{border-inline-start-style:none}:host([variant=tonal]) .forge-field--has-accessory .accessory{block-size:var(--_field-inner-border-block-size)}:host([variant=raised]) .forge-field--has-accessory .accessory{block-size:var(--_field-inner-border-block-size)}@layer label{:host([label-position=block-start]) .forge-field{grid-template-areas:"label" "container" "support-text";grid-template-columns:1fr;grid-template-rows:auto auto auto}:host([label-position=block-start]) .forge-field .label{-webkit-margin-after:var(--_field-label-margin-block);margin-block-end:var(--_field-label-margin-block);line-height:normal}:host([label-position=inline-start]) .forge-field{grid-template-areas:"label container" ". support-text";grid-template-columns:auto 1fr;grid-template-rows:auto auto}:host([label-position=inline-start]) .forge-field .label{-webkit-margin-end:var(--_field-label-margin-inline);margin-inline-end:var(--_field-label-margin-inline);line-height:normal}:host([label-position=inline-end]) .forge-field{grid-template-areas:"container label" "support-text .";grid-template-columns:1fr auto;grid-template-rows:auto auto}:host([label-position=inline-end]) .forge-field .label{-webkit-margin-start:var(--_field-label-margin-inline);margin-inline-start:var(--_field-label-margin-inline);line-height:normal}:host(:where([label-position=inset],:not([label-position]))) .forge-field{grid-template-areas:"container" "support-text";grid-template-columns:1fr;grid-template-rows:auto auto}:host(:where([label-position=inset],:not([label-position]))) .forge-field .label{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:var(--forge-typography-body2-font-family, var(--forge-typography-font-family, "Roboto", sans-serif));font-size:var(--forge-typography-body2-font-size, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-body-font-size-scale, 1)));font-weight:var(--forge-typography-body2-font-weight,400);line-height:var(--forge-typography-body2-line-height, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-body-line-height-scale, 1.375)));letter-spacing:var(--forge-typography-body2-letter-spacing, .015625em);text-transform:var(--forge-typography-body2-text-transform,inherit);-webkit-text-decoration:var(--forge-typography-body2-text-decoration,inherit);text-decoration:var(--forge-typography-body2-text-decoration,inherit);--_field-label-color:var(--_field-inset-label-color);overflow:hidden;grid-area:center;-webkit-padding-start:var(--_field-main-content-padding-start);padding-inline-start:var(--_field-main-content-padding-start);-webkit-padding-end:var(--_field-main-content-padding-end);padding-inline-end:var(--_field-main-content-padding-end);white-space:nowrap;--_field-floating-label-translation:var(--forge-field-floating-label-translation, 0 calc(calc(calc(max(var(--forge-typography-body2-line-height, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-body-line-height-scale, 1.375))), var(--forge-typography-label2-line-height, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-label-line-height-scale, 1.25)))) / 2) + calc((var(--_field-height) - 56px) / 8)) * -1))}:host([label-position=none]) .forge-field{grid-template-areas:"container" "support-text";grid-template-columns:1fr;grid-template-rows:auto auto}:host([label-position=none]) .forge-field .label{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;outline:0;-webkit-appearance:none;-moz-appearance:none}:host([label-position=inline-end][label-alignment=start]) .label,:host([label-position=inline-start][label-alignment=start]) .label{align-self:start}:host([label-position=inline-end]:where([label-alignment=center],[label-alignment=default],:not([label-alignment]))) .label,:host([label-position=inline-start]:where([label-alignment=center],[label-alignment=default],:not([label-alignment]))) .label{align-self:center}:host([label-position=inline-end][label-alignment=end]) .label,:host([label-position=inline-start][label-alignment=end]) .label{align-self:end}:host([label-position=inline-end][label-alignment=baseline]) .label,:host([label-position=inline-start][label-alignment=baseline]) .label{align-self:center;-webkit-padding-before:calc(var(--forge-typography-body2-line-height,calc(var(--forge-typography-font-size,1rem) * var(--forge-typography-body-line-height-scale,1.375))) - var(--forge-typography-label2-line-height,calc(var(--forge-typography-font-size,1rem) * var(--forge-typography-label-line-height-scale,1.25))));padding-block-start:calc(var(--forge-typography-body2-line-height,calc(var(--forge-typography-font-size,1rem) * var(--forge-typography-body-line-height-scale,1.375))) - var(--forge-typography-label2-line-height,calc(var(--forge-typography-font-size,1rem) * var(--forge-typography-label-line-height-scale,1.25))))}:host([label-position=block-start]:where([label-alignment=start],[label-alignment=default],:not([label-alignment]))) .label{justify-self:start}:host([label-position=block-start][label-alignment=center]) .label{justify-self:center}:host([label-position=block-start][label-alignment=end]) .label{justify-self:end}:host([label-position=block-start][label-alignment=baseline]:not([variant=plain])) .label{justify-self:start;-webkit-padding-start:var(--_field-container-padding-inline-start);padding-inline-start:var(--_field-container-padding-inline-start)}:host([label-position=block-start][label-alignment=baseline][variant=plain]) .label{justify-self:start;-webkit-padding-start:0px;padding-inline-start:0px}:host(:where([label-position=inset],:not([label-position]))[float-label]) .forge-field--has-label .label{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:var(--forge-typography-label2-font-family, var(--forge-typography-font-family, "Roboto", sans-serif));font-size:var(--forge-typography-label2-font-size, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-label-font-size-scale, .8125)));font-weight:var(--forge-typography-label2-font-weight,400);line-height:var(--forge-typography-label2-line-height, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-label-line-height-scale, 1.25)));letter-spacing:var(--forge-typography-label2-letter-spacing, .0096153846em);text-transform:var(--forge-typography-label2-text-transform,inherit);-webkit-text-decoration:var(--forge-typography-label2-text-decoration,inherit);text-decoration:var(--forge-typography-label2-text-decoration,inherit);translate:var(--_field-floating-label-translation)}:host(:where([label-position=inset],:not([label-position]))[float-label]) .forge-field--has-label .input{-webkit-box-sizing:border-box;box-sizing:border-box}:host(:where([label-position=inset],:not([label-position]))[float-label]) .forge-field--has-label.forge-field--floating-in .label{-webkit-animation-name:float-in-label-animation;animation-name:float-in-label-animation;-webkit-animation-duration:var(--_field-floating-animation-duration);animation-duration:var(--_field-floating-animation-duration);-webkit-animation-timing-function:var(--_field-floating-animation-timing);animation-timing-function:var(--_field-floating-animation-timing)}:host(:where([label-position=inset],:not([label-position]))[float-label]) .forge-field--has-label.forge-field--floating-in .input{-webkit-animation-name:float-in-input-animation;animation-name:float-in-input-animation;-webkit-animation-duration:var(--_field-floating-animation-duration);animation-duration:var(--_field-floating-animation-duration);-webkit-animation-timing-function:var(--_field-floating-animation-timing);animation-timing-function:var(--_field-floating-animation-timing)}:host(:where([label-position=inset],:not([label-position]))[float-label]) .forge-field--has-label:not(.forge-field--floating-in) .input ::slotted(input){-webkit-padding-before:calc(calc(calc(max(var(--forge-typography-body2-line-height,calc(var(--forge-typography-font-size,1rem) * var(--forge-typography-body-line-height-scale,1.375))),var(--forge-typography-label2-line-height,calc(var(--forge-typography-font-size,1rem) * var(--forge-typography-label-line-height-scale,1.25))))/ 2) + calc((var(--_field-height) - 56px)/ 8)) * 2)!important;padding-block-start:calc(calc(calc(max(var(--forge-typography-body2-line-height,calc(var(--forge-typography-font-size,1rem) * var(--forge-typography-body-line-height-scale,1.375))),var(--forge-typography-label2-line-height,calc(var(--forge-typography-font-size,1rem) * var(--forge-typography-label-line-height-scale,1.25))))/ 2) + calc((var(--_field-height) - 56px)/ 8)) * 2)!important}:host(:where([label-position=inset],:not([label-position]))[float-label]) .forge-field--has-label:not(.forge-field--floating-in) .input ::slotted([data-forge-multi-input-separator]){-webkit-padding-before:calc(calc(calc(max(var(--forge-typography-body2-line-height,calc(var(--forge-typography-font-size,1rem) * var(--forge-typography-body-line-height-scale,1.375))),var(--forge-typography-label2-line-height,calc(var(--forge-typography-font-size,1rem) * var(--forge-typography-label-line-height-scale,1.25))))/ 2) + calc((var(--_field-height) - 56px)/ 8)) * 2)!important;padding-block-start:calc(calc(calc(max(var(--forge-typography-body2-line-height,calc(var(--forge-typography-font-size,1rem) * var(--forge-typography-body-line-height-scale,1.375))),var(--forge-typography-label2-line-height,calc(var(--forge-typography-font-size,1rem) * var(--forge-typography-label-line-height-scale,1.25))))/ 2) + calc((var(--_field-height) - 56px)/ 8)) * 2)!important}:host(:where([label-position=inset],:not([label-position])):not([float-label])) .forge-field--has-label.forge-field--floating-out .label{-webkit-animation-name:float-out-label-animation;animation-name:float-out-label-animation;-webkit-animation-duration:var(--_field-floating-animation-duration);animation-duration:var(--_field-floating-animation-duration);-webkit-animation-timing-function:var(--_field-floating-animation-timing);animation-timing-function:var(--_field-floating-animation-timing)}:host(:where([label-position=inset],:not([label-position])):not([float-label])) .forge-field--has-label.forge-field--floating-out .input{-webkit-animation-name:float-out-input-animation;animation-name:float-out-input-animation;-webkit-animation-duration:var(--_field-floating-animation-duration);animation-duration:var(--_field-floating-animation-duration);-webkit-animation-timing-function:var(--_field-floating-animation-timing);animation-timing-function:var(--_field-floating-animation-timing)}:host(:where([label-position=inset],:not([label-position]))[float-label][multiline]) .forge-field--has-label:not(.forge-field--floating-in) ::slotted(textarea){-webkit-padding-before:calc(calc(calc(max(var(--forge-typography-body2-line-height,calc(var(--forge-typography-font-size,1rem) * var(--forge-typography-body-line-height-scale,1.375))),var(--forge-typography-label2-line-height,calc(var(--forge-typography-font-size,1rem) * var(--forge-typography-label-line-height-scale,1.25))))/ 2) + calc((var(--_field-height) - 56px)/ 8)) + (var(--_field-height) - var(--forge-typography-body2-line-height,calc(var(--forge-typography-font-size,1rem) * var(--forge-typography-body-line-height-scale,1.375))))/ 2)!important;padding-block-start:calc(calc(calc(max(var(--forge-typography-body2-line-height,calc(var(--forge-typography-font-size,1rem) * var(--forge-typography-body-line-height-scale,1.375))),var(--forge-typography-label2-line-height,calc(var(--forge-typography-font-size,1rem) * var(--forge-typography-label-line-height-scale,1.25))))/ 2) + calc((var(--_field-height) - 56px)/ 8)) + (var(--_field-height) - var(--forge-typography-body2-line-height,calc(var(--forge-typography-font-size,1rem) * var(--forge-typography-body-line-height-scale,1.375))))/ 2)!important;-webkit-padding-after:8px!important;padding-block-end:8px!important}}:host([support-text-inset=both]) .support-text{-webkit-padding-start:var(--_field-container-padding-inline-start);padding-inline-start:var(--_field-container-padding-inline-start);-webkit-padding-end:var(--_field-container-padding-inline-start);padding-inline-end:var(--_field-container-padding-inline-start)}:host([support-text-inset=start]) .support-text{-webkit-padding-start:var(--_field-container-padding-inline-start);padding-inline-start:var(--_field-container-padding-inline-start)}:host([support-text-inset=end]) .support-text{-webkit-padding-end:var(--_field-container-padding-inline-start);padding-inline-end:var(--_field-container-padding-inline-start)}:host([required]) .label::before{color:var(--_field-required-color);content:var(--_field-required-content)}:host([optional]) .label::after{color:var(--_field-optional-color);content:var(--_field-optional-content)}:host(:where([density=extra-small],[dense])) .forge-field{--_field-height:var(--forge-field-height, var(--_field-height-extra-small))}:host(:where([label-position=inset],:not([label-position])):where([density=extra-small],[dense])) .forge-field{--_field-height:var(--forge-field-height, var(--_field-inset-height-extra-small))}:host(:not([dense])[density=small]) .forge-field{--_field-height:var(--forge-field-height, var(--_field-height-small))}:host(:where([label-position=inset],:not([label-position])):not([dense])[density=small]) .forge-field{--_field-height:var(--forge-field-height, var(--_field-inset-height-small))}:host(:not([dense]):where([density=medium],:not([density]))) .forge-field{--_field-height:var(--forge-field-height, var(--_field-height-medium))}:host(:where([label-position=inset],:not([label-position])):not([dense]):where([density=medium],:not([density]))) .forge-field{--_field-height:var(--forge-field-height, var(--_field-inset-height-medium))}:host(:not([dense])[density=large]) .forge-field{--_field-height:var(--forge-field-height, var(--_field-height-large))}:host(:where([label-position=inset],:not([label-position])):not([dense])[density=large]) .forge-field{--_field-height:var(--forge-field-height, var(--_field-inset-height-large))}:host(:not([dense])[density=extra-large]) .forge-field{--_field-height:var(--forge-field-height, var(--_field-height-extra-large))}:host(:where([label-position=inset],:not([label-position])):not([dense])[density=extra-large]) .forge-field{--_field-height:var(--forge-field-height, var(--_field-inset-height-extra-large))}:host([shape=squared]) .forge-field{--_field-shape:var(--forge-field-shape, 0)}:host([shape=rounded]) .forge-field{--_field-shape:var(--forge-field-shape, var(--forge-shape-full, 9999px));--_field-container-padding-inline-start:var(--forge-field-container-padding-inline-start, var(--_field-rounded-container-padding-inline-start));--_field-container-padding-inline-end:var(--forge-field-container-padding-inline-end, var(--_field-rounded-container-padding-inline-end))}:host([multiline]) .container{display:block;block-size:-webkit-fit-content;block-size:-moz-fit-content;block-size:fit-content}:host([multiline]) .resize-container{display:grid;position:relative;-webkit-box-flex:1;flex-grow:1;grid-template-areas:"start center end popover-icon accessory";grid-template-columns:auto 1fr auto auto auto;-webkit-box-align:start;align-items:start;border-radius:inherit;min-inline-size:var(--_field-multiline-min-inline-size);max-inline-size:var(--_field-multiline-max-inline-size);min-block-size:var(--_field-multiline-min-block-size);max-block-size:var(--_field-multiline-max-block-size);overflow:hidden;resize:var(--_field-multiline-resize)}:host([multiline]) .resize-container .end,:host([multiline]) .resize-container .label,:host([multiline]) .resize-container .popover-icon,:host([multiline]) .resize-container .start{-webkit-box-align:center;align-items:center;block-size:var(--_field-height)}:host([multiline]:where([label-position=inset],:not([label-position]))[float-label]) .label{z-index:9999;pointer-events:none;inline-size:-webkit-fit-content;inline-size:-moz-fit-content;inline-size:fit-content}:host([multiline]:where([label-position=inset],:not([label-position]))[float-label]) .label slot{display:block;z-index:9999}:host([multiline]:where([label-position=inset],:not([label-position]))[float-label]) .label::before{-webkit-animation-name:resize-container-inset-label-background-animation;animation-name:resize-container-inset-label-background-animation;-webkit-animation-duration:var(--_field-floating-animation-duration);animation-duration:var(--_field-floating-animation-duration);-webkit-animation-timing-function:var(--_field-floating-animation-timing);animation-timing-function:var(--_field-floating-animation-timing);position:absolute;inset-inline-start:0;-webkit-transition-duration:var(--_field-container-animation-duration);transition-duration:var(--_field-container-animation-duration);-webkit-transition-property:background;transition-property:background;-webkit-transition-timing-function:var(--_field-container-animation-timing);transition-timing-function:var(--_field-container-animation-timing);background:var(--_field-resize-container-inset-label-background);inline-size:100%;block-size:var(--forge-typography-body2-line-height,calc(var(--forge-typography-font-size,1rem) * var(--forge-typography-body-line-height-scale,1.375)));-webkit-filter:blur(2px);filter:blur(2px);content:""}:host([multiline]:where([label-position=inset],:not([label-position]))[float-label]) .input{z-index:unset}@layer variant{:host([variant=plain]:where([theme=default],:not([theme]))) .forge-field{--_field-container-padding-inline:var(--_field-plain-container-padding-inline);--_field-resize-container-inset-label-background:var(--forge-field-resize-container-inset-label-background, var(--forge-theme-surface, #ffffff));color:var(--_field-text-color);fill:var(--_field-text-color)}:host(:where([label-position=inset],:not([label-position]))[variant=plain]:where([theme=default],:not([theme]))) .label{color:var(--_field-inset-label-color)}:host([variant=plain][theme=primary]) .forge-field{--_field-container-padding-inline:var(--_field-plain-container-padding-inline);--_field-resize-container-inset-label-background:var(--forge-field-resize-container-inset-label-background, var(--forge-theme-surface, #ffffff));color:var(--forge-theme-primary,#3f51b5);fill:var(--forge-theme-primary,#3f51b5)}:host([variant=plain][theme=primary]) .label{color:var(--forge-theme-primary,#3f51b5)}:host(:where([label-position=inset],:not([label-position]))[variant=plain][theme=primary]) .label{color:var(--forge-theme-primary,#3f51b5)}:host([variant=plain][theme=secondary]) .forge-field{--_field-container-padding-inline:var(--_field-plain-container-padding-inline);--_field-resize-container-inset-label-background:var(--forge-field-resize-container-inset-label-background, var(--forge-theme-surface, #ffffff));color:var(--forge-theme-secondary,#ffc107);fill:var(--forge-theme-secondary,#ffc107)}:host([variant=plain][theme=secondary]) .label{color:var(--forge-theme-secondary,#ffc107)}:host(:where([label-position=inset],:not([label-position]))[variant=plain][theme=secondary]) .label{color:var(--forge-theme-secondary,#ffc107)}:host([variant=plain][theme=tertiary]) .forge-field{--_field-container-padding-inline:var(--_field-plain-container-padding-inline);--_field-resize-container-inset-label-background:var(--forge-field-resize-container-inset-label-background, var(--forge-theme-surface, #ffffff));color:var(--forge-theme-tertiary,#3d5afe);fill:var(--forge-theme-tertiary,#3d5afe)}:host([variant=plain][theme=tertiary]) .label{color:var(--forge-theme-tertiary,#3d5afe)}:host(:where([label-position=inset],:not([label-position]))[variant=plain][theme=tertiary]) .label{color:var(--forge-theme-tertiary,#3d5afe)}:host([variant=plain][theme=success]) .forge-field{--_field-container-padding-inline:var(--_field-plain-container-padding-inline);--_field-resize-container-inset-label-background:var(--forge-field-resize-container-inset-label-background, var(--forge-theme-surface, #ffffff));color:var(--forge-theme-success,#2e7d32);fill:var(--forge-theme-success,#2e7d32)}:host([variant=plain][theme=success]) .label{color:var(--forge-theme-success,#2e7d32)}:host(:where([label-position=inset],:not([label-position]))[variant=plain][theme=success]) .label{color:var(--forge-theme-success,#2e7d32)}:host([variant=plain][theme=error]) .forge-field{--_field-container-padding-inline:var(--_field-plain-container-padding-inline);--_field-resize-container-inset-label-background:var(--forge-field-resize-container-inset-label-background, var(--forge-theme-surface, #ffffff));color:var(--forge-theme-error,#b00020);fill:var(--forge-theme-error,#b00020)}:host([variant=plain][theme=error]) .label{color:var(--forge-theme-error,#b00020)}:host(:where([label-position=inset],:not([label-position]))[variant=plain][theme=error]) .label{color:var(--forge-theme-error,#b00020)}:host([variant=plain][theme=warning]) .forge-field{--_field-container-padding-inline:var(--_field-plain-container-padding-inline);--_field-resize-container-inset-label-background:var(--forge-field-resize-container-inset-label-background, var(--forge-theme-surface, #ffffff));color:var(--forge-theme-warning,#d14900);fill:var(--forge-theme-warning,#d14900)}:host([variant=plain][theme=warning]) .label{color:var(--forge-theme-warning,#d14900)}:host(:where([label-position=inset],:not([label-position]))[variant=plain][theme=warning]) .label{color:var(--forge-theme-warning,#d14900)}:host([variant=plain][theme=info]) .forge-field{--_field-container-padding-inline:var(--_field-plain-container-padding-inline);--_field-resize-container-inset-label-background:var(--forge-field-resize-container-inset-label-background, var(--forge-theme-surface, #ffffff));color:var(--forge-theme-info,#1565c0);fill:var(--forge-theme-info,#1565c0)}:host([variant=plain][theme=info]) .label{color:var(--forge-theme-info,#1565c0)}:host(:where([label-position=inset],:not([label-position]))[variant=plain][theme=info]) .label{color:var(--forge-theme-info,#1565c0)}:host(:where([variant=outlined],:not([variant])):where([theme=default],:not([theme]))) .forge-field{--_field-resize-container-inset-label-background:var(--forge-field-resize-container-inset-label-background, var(--forge-theme-surface, #ffffff));--_field-inner-border-color:var(--forge-field-inner-border-color, var(--_field-border-color));color:var(--_field-text-color);fill:var(--_field-text-color)}:host(:where([variant=outlined],:not([variant])):where([theme=default],:not([theme]))) .container::before{outline-style:var(--_field-border-style);outline-width:var(--_field-border-width);outline-color:var(--_field-border-color)}:host(:where([label-position=inset],:not([label-position])):where([variant=outlined],:not([variant])):where([theme=default],:not([theme]))) .label{color:var(--_field-inset-label-color)}:host(:where([variant=outlined],:not([variant]))[theme=primary]) .forge-field{--_field-resize-container-inset-label-background:var(--forge-field-resize-container-inset-label-background, var(--forge-theme-surface, #ffffff));--_field-inner-border-color:var(--forge-field-inner-border-color, var(--forge-theme-primary, #3f51b5));color:var(--forge-theme-primary,#3f51b5);fill:var(--forge-theme-primary,#3f51b5)}:host(:where([variant=outlined],:not([variant]))[theme=primary]) .container::before{outline-style:var(--_field-border-style);outline-width:var(--_field-border-width);outline-color:var(--forge-theme-primary,#3f51b5)}:host(:where([label-position=inset],:not([label-position])):where([variant=outlined],:not([variant]))[theme=primary]) .label{color:var(--forge-theme-primary,#3f51b5)}:host(:where([variant=outlined],:not([variant]))[theme=secondary]) .forge-field{--_field-resize-container-inset-label-background:var(--forge-field-resize-container-inset-label-background, var(--forge-theme-surface, #ffffff));--_field-inner-border-color:var(--forge-field-inner-border-color, var(--forge-theme-secondary, #ffc107));color:var(--forge-theme-secondary,#ffc107);fill:var(--forge-theme-secondary,#ffc107)}:host(:where([variant=outlined],:not([variant]))[theme=secondary]) .container::before{outline-style:var(--_field-border-style);outline-width:var(--_field-border-width);outline-color:var(--forge-theme-secondary,#ffc107)}:host(:where([label-position=inset],:not([label-position])):where([variant=outlined],:not([variant]))[theme=secondary]) .label{color:var(--forge-theme-secondary,#ffc107)}:host(:where([variant=outlined],:not([variant]))[theme=tertiary]) .forge-field{--_field-resize-container-inset-label-background:var(--forge-field-resize-container-inset-label-background, var(--forge-theme-surface, #ffffff));--_field-inner-border-color:var(--forge-field-inner-border-color, var(--forge-theme-tertiary, #3d5afe));color:var(--forge-theme-tertiary,#3d5afe);fill:var(--forge-theme-tertiary,#3d5afe)}:host(:where([variant=outlined],:not([variant]))[theme=tertiary]) .container::before{outline-style:var(--_field-border-style);outline-width:var(--_field-border-width);outline-color:var(--forge-theme-tertiary,#3d5afe)}:host(:where([label-position=inset],:not([label-position])):where([variant=outlined],:not([variant]))[theme=tertiary]) .label{color:var(--forge-theme-tertiary,#3d5afe)}:host(:where([variant=outlined],:not([variant]))[theme=success]) .forge-field{--_field-resize-container-inset-label-background:var(--forge-field-resize-container-inset-label-background, var(--forge-theme-surface, #ffffff));--_field-inner-border-color:var(--forge-field-inner-border-color, var(--forge-theme-success, #2e7d32));color:var(--forge-theme-success,#2e7d32);fill:var(--forge-theme-success,#2e7d32)}:host(:where([variant=outlined],:not([variant]))[theme=success]) .container::before{outline-style:var(--_field-border-style);outline-width:var(--_field-border-width);outline-color:var(--forge-theme-success,#2e7d32)}:host(:where([label-position=inset],:not([label-position])):where([variant=outlined],:not([variant]))[theme=success]) .label{color:var(--forge-theme-success,#2e7d32)}:host(:where([variant=outlined],:not([variant]))[theme=error]) .forge-field{--_field-resize-container-inset-label-background:var(--forge-field-resize-container-inset-label-background, var(--forge-theme-surface, #ffffff));--_field-inner-border-color:var(--forge-field-inner-border-color, var(--forge-theme-error, #b00020));color:var(--forge-theme-error,#b00020);fill:var(--forge-theme-error,#b00020)}:host(:where([variant=outlined],:not([variant]))[theme=error]) .container::before{outline-style:var(--_field-border-style);outline-width:var(--_field-border-width);outline-color:var(--forge-theme-error,#b00020)}:host(:where([label-position=inset],:not([label-position])):where([variant=outlined],:not([variant]))[theme=error]) .label{color:var(--forge-theme-error,#b00020)}:host(:where([variant=outlined],:not([variant]))[theme=warning]) .forge-field{--_field-resize-container-inset-label-background:var(--forge-field-resize-container-inset-label-background, var(--forge-theme-surface, #ffffff));--_field-inner-border-color:var(--forge-field-inner-border-color, var(--forge-theme-warning, #d14900));color:var(--forge-theme-warning,#d14900);fill:var(--forge-theme-warning,#d14900)}:host(:where([variant=outlined],:not([variant]))[theme=warning]) .container::before{outline-style:var(--_field-border-style);outline-width:var(--_field-border-width);outline-color:var(--forge-theme-warning,#d14900)}:host(:where([label-position=inset],:not([label-position])):where([variant=outlined],:not([variant]))[theme=warning]) .label{color:var(--forge-theme-warning,#d14900)}:host(:where([variant=outlined],:not([variant]))[theme=info]) .forge-field{--_field-resize-container-inset-label-background:var(--forge-field-resize-container-inset-label-background, var(--forge-theme-surface, #ffffff));--_field-inner-border-color:var(--forge-field-inner-border-color, var(--forge-theme-info, #1565c0));color:var(--forge-theme-info,#1565c0);fill:var(--forge-theme-info,#1565c0)}:host(:where([variant=outlined],:not([variant]))[theme=info]) .container::before{outline-style:var(--_field-border-style);outline-width:var(--_field-border-width);outline-color:var(--forge-theme-info,#1565c0)}:host(:where([label-position=inset],:not([label-position])):where([variant=outlined],:not([variant]))[theme=info]) .label{color:var(--forge-theme-info,#1565c0)}:host([variant=tonal]:where([theme=default],:not([theme]))) .forge-field{--_field-inner-border-color:var(--forge-field-inner-border-color, var(--_field-tonal-inner-border-color));--_field-resize-container-inset-label-background:var(--forge-field-resize-container-inset-label-background, var(--_field-tonal-surface-color));color:var(--_field-tonal-on-surface-color);fill:var(--_field-tonal-on-surface-color)}:host([variant=tonal]:where([theme=default],:not([theme]))) .container::before{background:var(--_field-tonal-surface-color)}:host(:where([label-position=inset],:not([label-position]))[variant=tonal]:where([theme=default],:not([theme]))) .label{color:var(--_field-inset-label-color)}:host([variant=tonal][theme=primary]) .forge-field{--_field-inner-border-color:var(--forge-field-inner-border-color, var(--forge-theme-primary-container-high, #b6bde3));--_field-resize-container-inset-label-background:var(--forge-field-resize-container-inset-label-background, var(--forge-theme-primary-container-low, #e8eaf6));color:var(--forge-theme-on-primary-container-low,#222c62);fill:var(--forge-theme-on-primary-container-low,#222c62)}:host([variant=tonal][theme=primary]) .container::before{background:var(--forge-theme-primary-container-low,#e8eaf6)}:host(:where([label-position=inset],:not([label-position]))[variant=tonal][theme=primary]) .label{color:var(--forge-theme-on-primary-container-low,#222c62)}:host([variant=tonal][theme=secondary]) .forge-field{--_field-inner-border-color:var(--forge-field-inner-border-color, var(--forge-theme-secondary-container-high, #ffe7a1));--_field-resize-container-inset-label-background:var(--forge-field-resize-container-inset-label-background, var(--forge-theme-secondary-container-low, #fff8e1));color:var(--forge-theme-on-secondary-container-low,#8a6804);fill:var(--forge-theme-on-secondary-container-low,#8a6804)}:host([variant=tonal][theme=secondary]) .container::before{background:var(--forge-theme-secondary-container-low,#fff8e1)}:host(:where([label-position=inset],:not([label-position]))[variant=tonal][theme=secondary]) .label{color:var(--forge-theme-on-secondary-container-low,#8a6804)}:host([variant=tonal][theme=tertiary]) .forge-field{--_field-inner-border-color:var(--forge-field-inner-border-color, var(--forge-theme-tertiary-container-high, #b5c0ff));--_field-resize-container-inset-label-background:var(--forge-field-resize-container-inset-label-background, var(--forge-theme-tertiary-container-low, #e8ebff));color:var(--forge-theme-on-tertiary-container-low,#213189);fill:var(--forge-theme-on-tertiary-container-low,#213189)}:host([variant=tonal][theme=tertiary]) .container::before{background:var(--forge-theme-tertiary-container-low,#e8ebff)}:host(:where([label-position=inset],:not([label-position]))[variant=tonal][theme=tertiary]) .label{color:var(--forge-theme-on-tertiary-container-low,#213189)}:host([variant=tonal][theme=success]) .forge-field{--_field-inner-border-color:var(--forge-field-inner-border-color, var(--forge-theme-success-container-high, #b0ceb1));--_field-resize-container-inset-label-background:var(--forge-field-resize-container-inset-label-background, var(--forge-theme-success-container-low, #e6efe6));color:var(--forge-theme-on-success-container-low,#19441b);fill:var(--forge-theme-on-success-container-low,#19441b)}:host([variant=tonal][theme=success]) .container::before{background:var(--forge-theme-success-container-low,#e6efe6)}:host(:where([label-position=inset],:not([label-position]))[variant=tonal][theme=success]) .label{color:var(--forge-theme-on-success-container-low,#19441b)}:host([variant=tonal][theme=error]) .forge-field{--_field-inner-border-color:var(--forge-field-inner-border-color, var(--forge-theme-error-container-high, #e19eaa));--_field-resize-container-inset-label-background:var(--forge-field-resize-container-inset-label-background, var(--forge-theme-error-container-low, #f6e0e4));color:var(--forge-theme-on-error-container-low,#5f0011);fill:var(--forge-theme-on-error-container-low,#5f0011)}:host([variant=tonal][theme=error]) .container::before{background:var(--forge-theme-error-container-low,#f6e0e4)}:host(:where([label-position=inset],:not([label-position]))[variant=tonal][theme=error]) .label{color:var(--forge-theme-on-error-container-low,#5f0011)}:host([variant=tonal][theme=warning]) .forge-field{--_field-inner-border-color:var(--forge-field-inner-border-color, var(--forge-theme-warning-container-high, #eeba9e));--_field-resize-container-inset-label-background:var(--forge-field-resize-container-inset-label-background, var(--forge-theme-warning-container-low, #f9e9e0));color:var(--forge-theme-on-warning-container-low,#712700);fill:var(--forge-theme-on-warning-container-low,#712700)}:host([variant=tonal][theme=warning]) .container::before{background:var(--forge-theme-warning-container-low,#f9e9e0)}:host(:where([label-position=inset],:not([label-position]))[variant=tonal][theme=warning]) .label{color:var(--forge-theme-on-warning-container-low,#712700)}:host([variant=tonal][theme=info]) .forge-field{--_field-inner-border-color:var(--forge-field-inner-border-color, var(--forge-theme-info-container-high, #a6c4e7));--_field-resize-container-inset-label-background:var(--forge-field-resize-container-inset-label-background, var(--forge-theme-info-container-low, #e3edf7));color:var(--forge-theme-on-info-container-low,#0b3768);fill:var(--forge-theme-on-info-container-low,#0b3768)}:host([variant=tonal][theme=info]) .container::before{background:var(--forge-theme-info-container-low,#e3edf7)}:host(:where([label-position=inset],:not([label-position]))[variant=tonal][theme=info]) .label{color:var(--forge-theme-on-info-container-low,#0b3768)}:host([variant=filled]:where([theme=default],:not([theme]))) .forge-field{--_field-resize-container-inset-label-background:var(--forge-field-resize-container-inset-label-background, var(--_field-filled-surface-color));color:var(--_field-text-color);fill:var(--_field-text-color);color:var(--_field-filled-on-surface-color);fill:var(--_field-filled-on-surface-color)}:host([variant=filled]:where([theme=default],:not([theme]))) .container::before{outline-style:var(--_field-border-style);outline-width:var(--_field-border-width);outline-color:var(--_field-border-color);background:var(--_field-filled-surface-color)}:host(:where([label-position=inset],:not([label-position]))[variant=filled]:where([theme=default],:not([theme]))) .label{color:var(--_field-inset-label-color)}:host([variant=filled][theme=primary]) .forge-field{--_field-inner-border-color:var(--forge-field-inner-border-color, var(--forge-theme-primary, #3f51b5));--_field-resize-container-inset-label-background:var(--forge-field-resize-container-inset-label-background, var(--forge-theme-primary-container-low, #e8eaf6));color:var(--forge-theme-on-primary-container-low,#222c62);fill:var(--forge-theme-on-primary-container-low,#222c62)}:host([variant=filled][theme=primary]) .container::before{outline-style:var(--_field-border-style);outline-width:var(--_field-border-width);outline-color:var(--forge-theme-primary,#3f51b5);background:var(--forge-theme-primary-container-low,#e8eaf6)}:host(:where([label-position=inset],:not([label-position]))[variant=filled][theme=primary]) .label{color:var(--forge-theme-on-primary-container-low,#222c62)}:host([variant=filled][theme=secondary]) .forge-field{--_field-inner-border-color:var(--forge-field-inner-border-color, var(--forge-theme-secondary, #ffc107));--_field-resize-container-inset-label-background:var(--forge-field-resize-container-inset-label-background, var(--forge-theme-secondary-container-low, #fff8e1));color:var(--forge-theme-on-secondary-container-low,#8a6804);fill:var(--forge-theme-on-secondary-container-low,#8a6804)}:host([variant=filled][theme=secondary]) .container::before{outline-style:var(--_field-border-style);outline-width:var(--_field-border-width);outline-color:var(--forge-theme-secondary,#ffc107);background:var(--forge-theme-secondary-container-low,#fff8e1)}:host(:where([label-position=inset],:not([label-position]))[variant=filled][theme=secondary]) .label{color:var(--forge-theme-on-secondary-container-low,#8a6804)}:host([variant=filled][theme=tertiary]) .forge-field{--_field-inner-border-color:var(--forge-field-inner-border-color, var(--forge-theme-tertiary, #3d5afe));--_field-resize-container-inset-label-background:var(--forge-field-resize-container-inset-label-background, var(--forge-theme-tertiary-container-low, #e8ebff));color:var(--forge-theme-on-tertiary-container-low,#213189);fill:var(--forge-theme-on-tertiary-container-low,#213189)}:host([variant=filled][theme=tertiary]) .container::before{outline-style:var(--_field-border-style);outline-width:var(--_field-border-width);outline-color:var(--forge-theme-tertiary,#3d5afe);background:var(--forge-theme-tertiary-container-low,#e8ebff)}:host(:where([label-position=inset],:not([label-position]))[variant=filled][theme=tertiary]) .label{color:var(--forge-theme-on-tertiary-container-low,#213189)}:host([variant=filled][theme=success]) .forge-field{--_field-inner-border-color:var(--forge-field-inner-border-color, var(--forge-theme-success, #2e7d32));--_field-resize-container-inset-label-background:var(--forge-field-resize-container-inset-label-background, var(--forge-theme-success-container-low, #e6efe6));color:var(--forge-theme-on-success-container-low,#19441b);fill:var(--forge-theme-on-success-container-low,#19441b)}:host([variant=filled][theme=success]) .container::before{outline-style:var(--_field-border-style);outline-width:var(--_field-border-width);outline-color:var(--forge-theme-success,#2e7d32);background:var(--forge-theme-success-container-low,#e6efe6)}:host(:where([label-position=inset],:not([label-position]))[variant=filled][theme=success]) .label{color:var(--forge-theme-on-success-container-low,#19441b)}:host([variant=filled][theme=error]) .forge-field{--_field-inner-border-color:var(--forge-field-inner-border-color, var(--forge-theme-error, #b00020));--_field-resize-container-inset-label-background:var(--forge-field-resize-container-inset-label-background, var(--forge-theme-error-container-low, #f6e0e4));color:var(--forge-theme-on-error-container-low,#5f0011);fill:var(--forge-theme-on-error-container-low,#5f0011)}:host([variant=filled][theme=error]) .container::before{outline-style:var(--_field-border-style);outline-width:var(--_field-border-width);outline-color:var(--forge-theme-error,#b00020);background:var(--forge-theme-error-container-low,#f6e0e4)}:host(:where([label-position=inset],:not([label-position]))[variant=filled][theme=error]) .label{color:var(--forge-theme-on-error-container-low,#5f0011)}:host([variant=filled][theme=warning]) .forge-field{--_field-inner-border-color:var(--forge-field-inner-border-color, var(--forge-theme-warning, #d14900));--_field-resize-container-inset-label-background:var(--forge-field-resize-container-inset-label-background, var(--forge-theme-warning-container-low, #f9e9e0));color:var(--forge-theme-on-warning-container-low,#712700);fill:var(--forge-theme-on-warning-container-low,#712700)}:host([variant=filled][theme=warning]) .container::before{outline-style:var(--_field-border-style);outline-width:var(--_field-border-width);outline-color:var(--forge-theme-warning,#d14900);background:var(--forge-theme-warning-container-low,#f9e9e0)}:host(:where([label-position=inset],:not([label-position]))[variant=filled][theme=warning]) .label{color:var(--forge-theme-on-warning-container-low,#712700)}:host([variant=filled][theme=info]) .forge-field{--_field-inner-border-color:var(--forge-field-inner-border-color, var(--forge-theme-info, #1565c0));--_field-resize-container-inset-label-background:var(--forge-field-resize-container-inset-label-background, var(--forge-theme-info-container-low, #e3edf7));color:var(--forge-theme-on-info-container-low,#0b3768);fill:var(--forge-theme-on-info-container-low,#0b3768)}:host([variant=filled][theme=info]) .container::before{outline-style:var(--_field-border-style);outline-width:var(--_field-border-width);outline-color:var(--forge-theme-info,#1565c0);background:var(--forge-theme-info-container-low,#e3edf7)}:host(:where([label-position=inset],:not([label-position]))[variant=filled][theme=info]) .label{color:var(--forge-theme-on-info-container-low,#0b3768)}:host([variant=raised]:where([theme=default],:not([theme]))) .forge-field{--_field-inner-border-color:var(--forge-field-inner-border-color, var(--_field-tonal-inner-border-color));--_field-resize-container-inset-label-background:var(--forge-field-resize-container-inset-label-background, var(--_field-raised-surface-color));color:var(--_field-raised-on-surface-color);fill:var(--_field-raised-on-surface-color)}:host([variant=raised]:where([theme=default],:not([theme]))) .container::before{-webkit-box-shadow:var(--_field-raised-elevation);box-shadow:var(--_field-raised-elevation);background:var(--_field-raised-surface-color)}:host(:where([label-position=inset],:not([label-position]))[variant=raised]:where([theme=default],:not([theme]))) .label{color:var(--_field-inset-label-color)}:host([variant=raised][theme=primary]) .forge-field{--_field-inner-border-color:var(--forge-field-inner-border-color, var(--forge-theme-primary-container-high, #b6bde3));--_field-resize-container-inset-label-background:var(--forge-field-resize-container-inset-label-background, var(--forge-theme-primary-container-low, #e8eaf6));color:var(--forge-theme-on-primary-container-low,#222c62);fill:var(--forge-theme-on-primary-container-low,#222c62)}:host([variant=raised][theme=primary]) .container::before{-webkit-box-shadow:var(--_field-raised-elevation);box-shadow:var(--_field-raised-elevation);background:var(--forge-theme-primary-container-low,#e8eaf6)}:host(:where([label-position=inset],:not([label-position]))[variant=raised][theme=primary]) .label{color:var(--forge-theme-on-primary-container-low,#222c62)}:host([variant=raised][theme=secondary]) .forge-field{--_field-inner-border-color:var(--forge-field-inner-border-color, var(--forge-theme-secondary-container-high, #ffe7a1));--_field-resize-container-inset-label-background:var(--forge-field-resize-container-inset-label-background, var(--forge-theme-secondary-container-low, #fff8e1));color:var(--forge-theme-on-secondary-container-low,#8a6804);fill:var(--forge-theme-on-secondary-container-low,#8a6804)}:host([variant=raised][theme=secondary]) .container::before{-webkit-box-shadow:var(--_field-raised-elevation);box-shadow:var(--_field-raised-elevation);background:var(--forge-theme-secondary-container-low,#fff8e1)}:host(:where([label-position=inset],:not([label-position]))[variant=raised][theme=secondary]) .label{color:var(--forge-theme-on-secondary-container-low,#8a6804)}:host([variant=raised][theme=tertiary]) .forge-field{--_field-inner-border-color:var(--forge-field-inner-border-color, var(--forge-theme-tertiary-container-high, #b5c0ff));--_field-resize-container-inset-label-background:var(--forge-field-resize-container-inset-label-background, var(--forge-theme-tertiary-container-low, #e8ebff));color:var(--forge-theme-on-tertiary-container-low,#213189);fill:var(--forge-theme-on-tertiary-container-low,#213189)}:host([variant=raised][theme=tertiary]) .container::before{-webkit-box-shadow:var(--_field-raised-elevation);box-shadow:var(--_field-raised-elevation);background:var(--forge-theme-tertiary-container-low,#e8ebff)}:host(:where([label-position=inset],:not([label-position]))[variant=raised][theme=tertiary]) .label{color:var(--forge-theme-on-tertiary-container-low,#213189)}:host([variant=raised][theme=success]) .forge-field{--_field-inner-border-color:var(--forge-field-inner-border-color, var(--forge-theme-success-container-high, #b0ceb1));--_field-resize-container-inset-label-background:var(--forge-field-resize-container-inset-label-background, var(--forge-theme-success-container-low, #e6efe6));color:var(--forge-theme-on-success-container-low,#19441b);fill:var(--forge-theme-on-success-container-low,#19441b)}:host([variant=raised][theme=success]) .container::before{-webkit-box-shadow:var(--_field-raised-elevation);box-shadow:var(--_field-raised-elevation);background:var(--forge-theme-success-container-low,#e6efe6)}:host(:where([label-position=inset],:not([label-position]))[variant=raised][theme=success]) .label{color:var(--forge-theme-on-success-container-low,#19441b)}:host([variant=raised][theme=error]) .forge-field{--_field-inner-border-color:var(--forge-field-inner-border-color, var(--forge-theme-error-container-high, #e19eaa));--_field-resize-container-inset-label-background:var(--forge-field-resize-container-inset-label-background, var(--forge-theme-error-container-low, #f6e0e4));color:var(--forge-theme-on-error-container-low,#5f0011);fill:var(--forge-theme-on-error-container-low,#5f0011)}:host([variant=raised][theme=error]) .container::before{-webkit-box-shadow:var(--_field-raised-elevation);box-shadow:var(--_field-raised-elevation);background:var(--forge-theme-error-container-low,#f6e0e4)}:host(:where([label-position=inset],:not([label-position]))[variant=raised][theme=error]) .label{color:var(--forge-theme-on-error-container-low,#5f0011)}:host([variant=raised][theme=warning]) .forge-field{--_field-inner-border-color:var(--forge-field-inner-border-color, var(--forge-theme-warning-container-high, #eeba9e));--_field-resize-container-inset-label-background:var(--forge-field-resize-container-inset-label-background, var(--forge-theme-warning-container-low, #f9e9e0));color:var(--forge-theme-on-warning-container-low,#712700);fill:var(--forge-theme-on-warning-container-low,#712700)}:host([variant=raised][theme=warning]) .container::before{-webkit-box-shadow:var(--_field-raised-elevation);box-shadow:var(--_field-raised-elevation);background:var(--forge-theme-warning-container-low,#f9e9e0)}:host(:where([label-position=inset],:not([label-position]))[variant=raised][theme=warning]) .label{color:var(--forge-theme-on-warning-container-low,#712700)}:host([variant=raised][theme=info]) .forge-field{--_field-inner-border-color:var(--forge-field-inner-border-color, var(--forge-theme-info-container-high, #a6c4e7));--_field-resize-container-inset-label-background:var(--forge-field-resize-container-inset-label-background, var(--forge-theme-info-container-low, #e3edf7));color:var(--forge-theme-on-info-container-low,#0b3768);fill:var(--forge-theme-on-info-container-low,#0b3768)}:host([variant=raised][theme=info]) .container::before{-webkit-box-shadow:var(--_field-raised-elevation);box-shadow:var(--_field-raised-elevation);background:var(--forge-theme-info-container-low,#e3edf7)}:host(:where([label-position=inset],:not([label-position]))[variant=raised][theme=info]) .label{color:var(--forge-theme-on-info-container-low,#0b3768)}}:host(:not([disabled]):hover:where([variant=outlined],:not([variant])):where([theme=default],:not([theme]))) .container{--_field-inner-border-color:var(--forge-field-inner-border-color, var(--_field-hover-border-color))}:host(:not([disabled]):hover:where([variant=outlined],:not([variant])):where([theme=default],:not([theme]))) .container::before{outline-style:var(--_field-hover-border-style);outline-width:var(--_field-hover-border-width);outline-color:var(--_field-hover-border-color)}:host(:not([disabled]):hover:where([variant=outlined],:not([variant]))[theme=primary]) .container{--_field-inner-border-color:var(--forge-field-inner-border-color, var(--forge-theme-primary-container-high, #b6bde3))}:host(:not([disabled]):hover:where([variant=outlined],:not([variant]))[theme=primary]) .container::before{outline-style:var(--_field-hover-border-style);outline-width:var(--_field-hover-border-width);outline-color:var(--forge-theme-primary-container-high,#b6bde3)}:host(:not([disabled]):hover:where([variant=outlined],:not([variant]))[theme=secondary]) .container{--_field-inner-border-color:var(--forge-field-inner-border-color, var(--forge-theme-secondary-container-high, #ffe7a1))}:host(:not([disabled]):hover:where([variant=outlined],:not([variant]))[theme=secondary]) .container::before{outline-style:var(--_field-hover-border-style);outline-width:var(--_field-hover-border-width);outline-color:var(--forge-theme-secondary-container-high,#ffe7a1)}:host(:not([disabled]):hover:where([variant=outlined],:not([variant]))[theme=tertiary]) .container{--_field-inner-border-color:var(--forge-field-inner-border-color, var(--forge-theme-tertiary-container-high, #b5c0ff))}:host(:not([disabled]):hover:where([variant=outlined],:not([variant]))[theme=tertiary]) .container::before{outline-style:var(--_field-hover-border-style);outline-width:var(--_field-hover-border-width);outline-color:var(--forge-theme-tertiary-container-high,#b5c0ff)}:host(:not([disabled]):hover:where([variant=outlined],:not([variant]))[theme=success]) .container{--_field-inner-border-color:var(--forge-field-inner-border-color, var(--forge-theme-success-container-high, #b0ceb1))}:host(:not([disabled]):hover:where([variant=outlined],:not([variant]))[theme=success]) .container::before{outline-style:var(--_field-hover-border-style);outline-width:var(--_field-hover-border-width);outline-color:var(--forge-theme-success-container-high,#b0ceb1)}:host(:not([disabled]):hover:where([variant=outlined],:not([variant]))[theme=error]) .container{--_field-inner-border-color:var(--forge-field-inner-border-color, var(--forge-theme-error-container-high, #e19eaa))}:host(:not([disabled]):hover:where([variant=outlined],:not([variant]))[theme=error]) .container::before{outline-style:var(--_field-hover-border-style);outline-width:var(--_field-hover-border-width);outline-color:var(--forge-theme-error-container-high,#e19eaa)}:host(:not([disabled]):hover:where([variant=outlined],:not([variant]))[theme=warning]) .container{--_field-inner-border-color:var(--forge-field-inner-border-color, var(--forge-theme-warning-container-high, #eeba9e))}:host(:not([disabled]):hover:where([variant=outlined],:not([variant]))[theme=warning]) .container::before{outline-style:var(--_field-hover-border-style);outline-width:var(--_field-hover-border-width);outline-color:var(--forge-theme-warning-container-high,#eeba9e)}:host(:not([disabled]):hover:where([variant=outlined],:not([variant]))[theme=info]) .container{--_field-inner-border-color:var(--forge-field-inner-border-color, var(--forge-theme-info-container-high, #a6c4e7))}:host(:not([disabled]):hover:where([variant=outlined],:not([variant]))[theme=info]) .container::before{outline-style:var(--_field-hover-border-style);outline-width:var(--_field-hover-border-width);outline-color:var(--forge-theme-info-container-high,#a6c4e7)}:host(:not([disabled]):hover[variant=tonal]:where([theme=default],:not([theme]))) .container{--_field-resize-container-inset-label-background:var(--forge-field-resize-container-inset-label-background, var(--_field-tonal-hover-color))}:host(:not([disabled]):hover[variant=tonal]:where([theme=default],:not([theme]))) .container::before{background:var(--_field-tonal-hover-color)}:host(:not([disabled]):hover[variant=tonal][theme=primary]) .container{--_field-resize-container-inset-label-background:var(--forge-field-resize-container-inset-label-background, var(--forge-theme-primary-container-minimum, #f7f8fc))}:host(:not([disabled]):hover[variant=tonal][theme=primary]) .container::before{background:var(--forge-theme-primary-container-minimum,#f7f8fc)}:host(:not([disabled]):hover[variant=tonal][theme=secondary]) .container{--_field-resize-container-inset-label-background:var(--forge-field-resize-container-inset-label-background, var(--forge-theme-secondary-container-minimum, #fffdf5))}:host(:not([disabled]):hover[variant=tonal][theme=secondary]) .container::before{background:var(--forge-theme-secondary-container-minimum,#fffdf5)}:host(:not([disabled]):hover[variant=tonal][theme=tertiary]) .container{--_field-resize-container-inset-label-background:var(--forge-field-resize-container-inset-label-background, var(--forge-theme-tertiary-container-minimum, #f7f8ff))}:host(:not([disabled]):hover[variant=tonal][theme=tertiary]) .container::before{background:var(--forge-theme-tertiary-container-minimum,#f7f8ff)}:host(:not([disabled]):hover[variant=tonal][theme=success]) .container{--_field-resize-container-inset-label-background:var(--forge-field-resize-container-inset-label-background, var(--forge-theme-success-container-minimum, #f7faf7))}:host(:not([disabled]):hover[variant=tonal][theme=success]) .container::before{background:var(--forge-theme-success-container-minimum,#f7faf7)}:host(:not([disabled]):hover[variant=tonal][theme=error]) .container{--_field-resize-container-inset-label-background:var(--forge-field-resize-container-inset-label-background, var(--forge-theme-error-container-minimum, #fcf5f6))}:host(:not([disabled]):hover[variant=tonal][theme=error]) .container::before{background:var(--forge-theme-error-container-minimum,#fcf5f6)}:host(:not([disabled]):hover[variant=tonal][theme=warning]) .container{--_field-resize-container-inset-label-background:var(--forge-field-resize-container-inset-label-background, var(--forge-theme-warning-container-minimum, #fdf8f5))}:host(:not([disabled]):hover[variant=tonal][theme=warning]) .container::before{background:var(--forge-theme-warning-container-minimum,#fdf8f5)}:host(:not([disabled]):hover[variant=tonal][theme=info]) .container{--_field-resize-container-inset-label-background:var(--forge-field-resize-container-inset-label-background, var(--forge-theme-info-container-minimum, #f6f9fc))}:host(:not([disabled]):hover[variant=tonal][theme=info]) .container::before{background:var(--forge-theme-info-container-minimum,#f6f9fc)}:host(:not([disabled]):hover[variant=filled]:where([theme=default],:not([theme]))) .container{--_field-inner-border-color:var(--forge-field-inner-border-color, var(--_field-hover-border-color))}:host(:not([disabled]):hover[variant=filled]:where([theme=default],:not([theme]))) .container::before{outline-style:var(--_field-hover-border-style);outline-width:var(--_field-hover-border-width);outline-color:var(--_field-hover-border-color)}:host(:not([disabled]):hover[variant=filled][theme=primary]) .container{--_field-inner-border-color:var(--forge-field-inner-border-color, var(--forge-theme-primary-container-high, #b6bde3))}:host(:not([disabled]):hover[variant=filled][theme=primary]) .container::before{outline-style:var(--_field-hover-border-style);outline-width:var(--_field-hover-border-width);outline-color:var(--forge-theme-primary-container-high,#b6bde3)}:host(:not([disabled]):hover[variant=filled][theme=secondary]) .container{--_field-inner-border-color:var(--forge-field-inner-border-color, var(--forge-theme-secondary-container-high, #ffe7a1))}:host(:not([disabled]):hover[variant=filled][theme=secondary]) .container::before{outline-style:var(--_field-hover-border-style);outline-width:var(--_field-hover-border-width);outline-color:var(--forge-theme-secondary-container-high,#ffe7a1)}:host(:not([disabled]):hover[variant=filled][theme=tertiary]) .container{--_field-inner-border-color:var(--forge-field-inner-border-color, var(--forge-theme-tertiary-container-high, #b5c0ff))}:host(:not([disabled]):hover[variant=filled][theme=tertiary]) .container::before{outline-style:var(--_field-hover-border-style);outline-width:var(--_field-hover-border-width);outline-color:var(--forge-theme-tertiary-container-high,#b5c0ff)}:host(:not([disabled]):hover[variant=filled][theme=success]) .container{--_field-inner-border-color:var(--forge-field-inner-border-color, var(--forge-theme-success-container-high, #b0ceb1))}:host(:not([disabled]):hover[variant=filled][theme=success]) .container::before{outline-style:var(--_field-hover-border-style);outline-width:var(--_field-hover-border-width);outline-color:var(--forge-theme-success-container-high,#b0ceb1)}:host(:not([disabled]):hover[variant=filled][theme=error]) .container{--_field-inner-border-color:var(--forge-field-inner-border-color, var(--forge-theme-error-container-high, #e19eaa))}:host(:not([disabled]):hover[variant=filled][theme=error]) .container::before{outline-style:var(--_field-hover-border-style);outline-width:var(--_field-hover-border-width);outline-color:var(--forge-theme-error-container-high,#e19eaa)}:host(:not([disabled]):hover[variant=filled][theme=warning]) .container{--_field-inner-border-color:var(--forge-field-inner-border-color, var(--forge-theme-warning-container-high, #eeba9e))}:host(:not([disabled]):hover[variant=filled][theme=warning]) .container::before{outline-style:var(--_field-hover-border-style);outline-width:var(--_field-hover-border-width);outline-color:var(--forge-theme-warning-container-high,#eeba9e)}:host(:not([disabled]):hover[variant=filled][theme=info]) .container{--_field-inner-border-color:var(--forge-field-inner-border-color, var(--forge-theme-info-container-high, #a6c4e7))}:host(:not([disabled]):hover[variant=filled][theme=info]) .container::before{outline-style:var(--_field-hover-border-style);outline-width:var(--_field-hover-border-width);outline-color:var(--forge-theme-info-container-high,#a6c4e7)}:host(:not([disabled]):hover[variant=raised]:where([theme=default],:not([theme]))) .container::before{-webkit-box-shadow:var(--_field-raised-active-elevation);box-shadow:var(--_field-raised-active-elevation)}:host(:not([disabled]):hover[variant=raised][theme=primary]) .container::before{-webkit-box-shadow:var(--_field-raised-active-elevation);box-shadow:var(--_field-raised-active-elevation)}:host(:not([disabled]):hover[variant=raised][theme=secondary]) .container::before{-webkit-box-shadow:var(--_field-raised-active-elevation);box-shadow:var(--_field-raised-active-elevation)}:host(:not([disabled]):hover[variant=raised][theme=tertiary]) .container::before{-webkit-box-shadow:var(--_field-raised-active-elevation);box-shadow:var(--_field-raised-active-elevation)}:host(:not([disabled]):hover[variant=raised][theme=success]) .container::before{-webkit-box-shadow:var(--_field-raised-active-elevation);box-shadow:var(--_field-raised-active-elevation)}:host(:not([disabled]):hover[variant=raised][theme=error]) .container::before{-webkit-box-shadow:var(--_field-raised-active-elevation);box-shadow:var(--_field-raised-active-elevation)}:host(:not([disabled]):hover[variant=raised][theme=warning]) .container::before{-webkit-box-shadow:var(--_field-raised-active-elevation);box-shadow:var(--_field-raised-active-elevation)}:host(:not([disabled]):hover[variant=raised][theme=info]) .container::before{-webkit-box-shadow:var(--_field-raised-active-elevation);box-shadow:var(--_field-raised-active-elevation)}:host(:not([disabled]):focus-within[variant=raised]) .container::before{-webkit-box-shadow:var(--_field-raised-active-elevation);box-shadow:var(--_field-raised-active-elevation)}:host([invalid]:not([disabled])) .label{color:var(--_field-invalid-label-color)}:host([invalid]:not([disabled])) .support-text{color:var(--_field-invalid-color)}:host([invalid][variant=plain]:not([disabled])) .container{--_field-input-color:var(--forge-field-input-color, var(--_field-invalid-color));color:var(--_field-invalid-color);fill:var(--_field-invalid-color)}:host([invalid]:where([label-position=inset],:not([label-position]))[variant=plain]:not([disabled])) .label{color:var(--_field-invalid-label-color)}:host([invalid]:where([variant=outlined],:not([variant])):not([disabled])) .container{--_field-inner-border-color:var(--forge-field-inner-border-color, var(--_field-invalid-border-color));color:var(--_field-invalid-color);fill:var(--_field-invalid-color)}:host([invalid]:where([variant=outlined],:not([variant])):not([disabled])) .container::before{outline-style:var(--_field-invalid-border-style);outline-width:var(--_field-invalid-border-width);outline-color:var(--_field-invalid-border-color)}:host([invalid]:not([disabled]):hover:where([variant=outlined],:not([variant])):not([disabled])) .container{--_field-inner-border-color:var(--forge-field-inner-border-color, var(--_field-invalid-border-color-hover))}:host([invalid]:not([disabled]):hover:where([variant=outlined],:not([variant])):not([disabled])) .container::before{outline-color:var(--_field-invalid-border-color-hover)}:host([invalid]:where([label-position=inset],:not([label-position])):where([variant=outlined],:not([variant])):not([disabled])) .label{color:var(--_field-invalid-label-color)}:host([invalid][variant=tonal]:not([disabled])) .container{--_field-inner-border-color:var(--forge-field-inner-border-color, var(--_field-invalid-border-color));--_field-resize-container-inset-label-background:var(--forge-field-resize-container-inset-label-background, var(--_field-invalid-surface-color));color:var(--_field-invalid-on-surface-color);fill:var(--_field-invalid-on-surface-color)}:host([invalid][variant=tonal]:not([disabled])) .container::before{background:var(--_field-invalid-surface-color)}:host([invalid]:not([disabled]):hover[variant=tonal]:not([disabled])) .container{--_field-inner-border-color:var(--forge-field-inner-border-color, var(--_field-invalid-border-color-hover));--_field-resize-container-inset-label-background:var(--forge-field-resize-container-inset-label-background, var(--_field-invalid-surface-color-hover))}:host([invalid]:not([disabled]):hover[variant=tonal]:not([disabled])) .container::before{background:var(--_field-invalid-surface-color-hover)}:host([invalid]:where([label-position=inset],:not([label-position]))[variant=tonal]:not([disabled])) .label{color:var(--_field-invalid-inset-label-on-surface-color)}:host([invalid][variant=filled]:not([disabled])) .container{--_field-inner-border-color:var(--forge-field-inner-border-color, var(--_field-invalid-border-color));--_field-resize-container-inset-label-background:var(--forge-field-resize-container-inset-label-background, var(--_field-invalid-surface-color));color:var(--_field-invalid-on-surface-color);fill:var(--_field-invalid-on-surface-color)}:host([invalid][variant=filled]:not([disabled])) .container::before{outline-style:var(--_field-invalid-border-style);outline-width:var(--_field-invalid-border-width);outline-color:var(--_field-invalid-border-color);background:var(--_field-invalid-surface-color)}:host([invalid]:not([disabled]):hover[variant=filled]:not([disabled])) .container{--_field-inner-border-color:var(--forge-field-inner-border-color, var(--_field-invalid-border-color-hover))}:host([invalid]:not([disabled]):hover[variant=filled]:not([disabled])) .container::before{outline-color:var(--_field-invalid-border-color-hover)}:host([invalid]:where([label-position=inset],:not([label-position]))[variant=filled]:not([disabled])) .label{color:var(--_field-invalid-inset-label-on-surface-color)}:host([invalid][variant=raised]:not([disabled])) .container{--_field-inner-border-color:var(--forge-field-inner-border-color, var(--_field-invalid-border-color));--_field-resize-container-inset-label-background:var(--forge-field-resize-container-inset-label-background, var(--_field-invalid-surface-color));color:var(--_field-invalid-on-surface-color);fill:var(--_field-invalid-on-surface-color)}:host([invalid][variant=raised]:not([disabled])) .container::before{background:var(--_field-invalid-surface-color)}:host([invalid]:where([label-position=inset],:not([label-position]))[variant=raised]:not([disabled])) .label{color:var(--_field-invalid-inset-label-on-surface-color)}:host([disabled]) .forge-field{cursor:not-allowed}:host([disabled]) .forge-field .accessory::before,:host([disabled]) .forge-field .container::before,:host([disabled]) .forge-field .end,:host([disabled]) .forge-field .input,:host([disabled]) .forge-field .label,:host([disabled]) .forge-field .popover-icon,:host([disabled]) .forge-field .start,:host([disabled]) .forge-field .support-text{opacity:var(--_field-disabled-opacity)}:host([disabled]) .forge-field .input ::slotted(*){cursor:not-allowed}:host([disabled]:not([variant=plain])) .container::before{background:var(--_field-disabled-surface-color)}.forge-field .input ::slotted(*){-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;outline:0;border:none;background-color:transparent;padding-block:0;padding-inline:0;inline-size:100%;block-size:100%;color:inherit;font:inherit;text-overflow:ellipsis}.forge-field .input ::slotted(textarea){resize:none}.forge-field .input ::slotted(:first-of-type:is(input,textarea)){-webkit-padding-start:var(--_field-main-content-padding-start);padding-inline-start:var(--_field-main-content-padding-start)}.forge-field .input ::slotted(:last-of-type:is(input,textarea)){-webkit-padding-end:var(--_field-main-content-padding-end);padding-inline-end:var(--_field-main-content-padding-end)}.forge-field .input ::slotted([data-forge-multi-input-separator]){align-self:center;padding-inline:4px;block-size:-webkit-fit-content;block-size:-moz-fit-content;block-size:fit-content;inline-size:-webkit-fit-content;inline-size:-moz-fit-content;inline-size:fit-content}.forge-field .label ::slotted(forge-label){font:inherit}.forge-field--has-start{--_field-main-content-padding-start:var(--forge-field-main-content-padding-start, var(--_field-start-padding-inline-end))}.forge-field--has-end{--_field-main-content-padding-end:var(--forge-field-main-content-padding-end, var(--_field-end-padding-inline-start))}:host(:where([label-position=inset],:not([label-position]))) .label ::slotted(*){max-inline-size:100%;overflow:hidden;text-overflow:ellipsis}:host([popover-icon]) .forge-field:not(.forge-field--has-end){--_field-main-content-padding-end:var(--forge-field-main-content-padding-end, var(--_field-popover-icon-padding-inline-start))}:host(:not(popover-icon)) .forge-field--has-accessory:not(:is(.forge-field--has-end)){--_field-main-content-padding-end:var(--forge-field-main-content-padding-end, var(--_field-accessory-padding-inline-start))}:host([multiline]) .input ::slotted(input){-webkit-padding-before:calc((var(--_field-height) - var(--forge-typography-body2-line-height,calc(var(--forge-typography-font-size,1rem) * var(--forge-typography-body-line-height-scale,1.375))))/ 2);padding-block-start:calc((var(--_field-height) - var(--forge-typography-body2-line-height,calc(var(--forge-typography-font-size,1rem) * var(--forge-typography-body-line-height-scale,1.375))))/ 2);-webkit-padding-after:calc(calc(calc(max(var(--forge-typography-body2-line-height,calc(var(--forge-typography-font-size,1rem) * var(--forge-typography-body-line-height-scale,1.375))),var(--forge-typography-label2-line-height,calc(var(--forge-typography-font-size,1rem) * var(--forge-typography-label-line-height-scale,1.25))))/ 2) + calc((var(--_field-height) - 56px)/ 8)) + 8px);padding-block-end:calc(calc(calc(max(var(--forge-typography-body2-line-height,calc(var(--forge-typography-font-size,1rem) * var(--forge-typography-body-line-height-scale,1.375))),var(--forge-typography-label2-line-height,calc(var(--forge-typography-font-size,1rem) * var(--forge-typography-label-line-height-scale,1.25))))/ 2) + calc((var(--_field-height) - 56px)/ 8)) + 8px)}:host([multiline]) .input ::slotted(textarea){-webkit-padding-before:calc((var(--_field-height) - var(--forge-typography-body2-line-height,calc(var(--forge-typography-font-size,1rem) * var(--forge-typography-body-line-height-scale,1.375))))/ 2);padding-block-start:calc((var(--_field-height) - var(--forge-typography-body2-line-height,calc(var(--forge-typography-font-size,1rem) * var(--forge-typography-body-line-height-scale,1.375))))/ 2);-webkit-padding-after:calc(calc(calc(max(var(--forge-typography-body2-line-height,calc(var(--forge-typography-font-size,1rem) * var(--forge-typography-body-line-height-scale,1.375))),var(--forge-typography-label2-line-height,calc(var(--forge-typography-font-size,1rem) * var(--forge-typography-label-line-height-scale,1.25))))/ 2) + calc((var(--_field-height) - 56px)/ 8)) + 8px);padding-block-end:calc(calc(calc(max(var(--forge-typography-body2-line-height,calc(var(--forge-typography-font-size,1rem) * var(--forge-typography-body-line-height-scale,1.375))),var(--forge-typography-label2-line-height,calc(var(--forge-typography-font-size,1rem) * var(--forge-typography-label-line-height-scale,1.25))))/ 2) + calc((var(--_field-height) - 56px)/ 8)) + 8px)}:host([multiline]) .accessory slot{-webkit-box-align:center;align-items:center;block-size:var(--_field-height);display:-webkit-box;display:flex;align-self:start}forge-focus-indicator{--forge-focus-indicator-width:var(--_field-focus-indicator-width);--forge-focus-indicator-outward-offset:0px;--forge-focus-indicator-shape:var(--_field-shape)}:host([theme=secondary]) forge-focus-indicator{--forge-focus-indicator-color:var(--forge-theme-secondary, #ffc107)}:host([theme=tertiary]) forge-focus-indicator{--forge-focus-indicator-color:var(--forge-theme-tertiary, #3d5afe)}:host([theme=success]) forge-focus-indicator{--forge-focus-indicator-color:var(--forge-theme-success, #2e7d32)}:host([theme=error]) forge-focus-indicator{--forge-focus-indicator-color:var(--forge-theme-error, #b00020)}:host([theme=warning]) forge-focus-indicator{--forge-focus-indicator-color:var(--forge-theme-warning, #d14900)}:host([theme=info]) forge-focus-indicator{--forge-focus-indicator-color:var(--forge-theme-info, #1565c0)}:host([invalid]:not([disabled])) forge-focus-indicator{--forge-focus-indicator-color:var(--_field-invalid-color)}@media (prefers-reduced-motion:reduce){.forge-field{--_field-floating-animation-duration:var(--forge-field-floating-animation-duration, "0s")}}',t=class extends z{constructor(){super();k(this,q,V),this._foundation=new g(new h(this))}static get observedAttributes(){return Object.values(e.observedAttributes)}connectedCallback(){this._foundation.initialize()}attributeChangedCallback(r,l,o){switch(r){case e.attributes.LABEL_POSITION:this.labelPosition=o;break;case e.attributes.LABEL_ALIGNMENT:this.labelAlignment=o;break;case e.attributes.FLOAT_LABEL:this.floatLabel=d(o);break;case e.attributes.INVALID:this.invalid=d(o);break;case e.attributes.REQUIRED:this.required=d(o);break;case e.attributes.OPTIONAL:this.optional=d(o);break;case e.attributes.DISABLED:this.disabled=d(o);break;case e.attributes.VARIANT:this.variant=o;break;case e.attributes.THEME:this.theme=o;break;case e.attributes.SHAPE:this.shape=o;break;case e.attributes.DENSITY:this.density=o;break;case e.attributes.DENSE:this.dense=d(o);break;case e.attributes.POPOVER_ICON:this.popoverIcon=d(o);break;case e.attributes.POPOVER_EXPANDED:this.popoverExpanded=d(o);break;case e.attributes.MULTILINE:this.multiline=d(o);break;case e.attributes.SUPPORT_TEXT_INSET:this.supportTextInset=o;break}}floatLabelWithoutAnimation(r){this._foundation.floatLabelWithoutAnimation(r)}};a([n()],t.prototype,"labelPosition",2),a([n()],t.prototype,"labelAlignment",2),a([n()],t.prototype,"floatLabel",2),a([n()],t.prototype,"invalid",2),a([n()],t.prototype,"required",2),a([n()],t.prototype,"optional",2),a([n()],t.prototype,"disabled",2),a([n()],t.prototype,"variant",2),a([n()],t.prototype,"theme",2),a([n()],t.prototype,"shape",2),a([n()],t.prototype,"density",2),a([n()],t.prototype,"dense",2),a([n()],t.prototype,"popoverIcon",2),a([n()],t.prototype,"popoverExpanded",2),a([n()],t.prototype,"multiline",2),a([n()],t.prototype,"supportTextInset",2),t=a([x({name:e.elementName,dependencies:[S]})],t);function ve(){w(t)}export{e as a,h as b,g as c,t as d,ve as e};
-//# sourceMappingURL=chunk.LGEZI5SZ.js.map