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

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/field-next/field-constants.ts", "../../src/field-next/field-adapter.ts", "../../src/field-next/field-foundation.ts", "../../src/field-next/field.ts", "../../src/field-next/index.ts"],
-  "sourcesContent": ["import { COMPONENT_NAME_PREFIX } from '../constants';\nimport { LABEL_CONSTANTS } from '../label';\nimport { BASE_FIELD_CONSTANTS } from './base/base-field-constants';\n\nconst elementName: keyof HTMLElementTagNameMap = `${COMPONENT_NAME_PREFIX}field`;\n\nconst observedAttributes = {\n  ...BASE_FIELD_CONSTANTS.observedAttributes,\n  POPOVER_EXPANDED: 'popover-expanded',\n  MULTILINE: 'multiline'\n};\n\nconst attributes = {\n  ...observedAttributes,\n  MULTI_INPUT_SEPARATOR: 'data-forge-multi-input-separator'\n};\n\nconst classes = {\n  FLOATING_IN: 'forge-field--floating-in',\n  FLOATING_OUT: 'forge-field--floating-out',\n  HAS_LABEL: 'forge-field--has-label',\n  HAS_START: 'forge-field--has-start',\n  HAS_END: 'forge-field--has-end',\n  HAS_ACCESSORY: 'forge-field--has-accessory',\n  HAS_SUPPORT_START: 'forge-field--has-support-text-start',\n  HAS_SUPPORT_END: 'forge-field--has-support-text-end',\n  RESIZE_CONTAINER: 'resize-container'\n};\n\nconst selectors = {\n  ROOT: '#root',\n  CONTAINER: '#container',\n  LABEL: '#label',\n  POPOVER_ICON: '#popover-icon',\n  RESIZE_CONTAINER: `.${classes.RESIZE_CONTAINER}`,\n  LABEL_ELEMENTS: `:where(label, ${LABEL_CONSTANTS.elementName})`,\n  POPOVER_TARGET: '.popover-target'\n};\n\nconst parts = {\n  ROOT: 'root',\n  LABEL: 'label',\n  CONTAINER: 'container',\n  START: 'start',\n  INPUT: 'input',\n  POPOVER_ICON: 'popover-icon',\n  END: 'end',\n  ACCESSORY: 'accessory',\n  SUPPORT_TEXT: 'support-text',\n  SUPPORT_TEXT_START: 'support-text-start',\n  SUPPORT_TEXT_END: 'support-text-end',\n  FOCUS_INDICATOR: 'focus-indicator'\n};\n\nconst events = {\n  POPOVER_ICON_CLICK: `${elementName}-popover-icon-click`\n};\n\nconst defaults = {\n  ...BASE_FIELD_CONSTANTS.defaults\n};\n\nconst animations = {\n  FLOAT_IN_LABEL: 'float-in-label-animation',\n  FLOAT_OUT_LABEL: 'float-out-label-animation'\n};\n\nexport const FIELD_CONSTANTS = {\n  elementName,\n  observedAttributes,\n  attributes,\n  classes,\n  selectors,\n  parts,\n  events,\n  defaults,\n  animations\n};\n", "import { addClass, getShadowElement, removeClass, toggleClass } from '@tylertech/forge-core';\nimport { unwrapElements, wrapElements } from '../core';\nimport { BaseAdapter, IBaseAdapter } from '../core/base';\nimport { FOCUS_INDICATOR_CONSTANTS } from '../focus-indicator';\nimport { FieldLabelPosition } from './base/base-field-constants';\nimport { IFieldComponent } from './field';\nimport { FIELD_CONSTANTS } from './field-constants';\n\nexport interface IFieldAdapter extends IBaseAdapter {\n  addRootListener(name: keyof HTMLElementEventMap, listener: EventListener): void;\n  addPopoverIconClickListener(listener: EventListener): void;\n  removePopoverIconClickListener(listener: EventListener): void;\n  attachResizeContainer(): void;\n  removeResizeContainer(): void;\n  setLabelPosition(value: FieldLabelPosition): void;\n  setFloatingLabel(value: boolean, skipAnimation?: boolean): void;\n  handleSlotChange(slot: HTMLSlotElement): void;\n}\n\nexport class FieldAdapter extends BaseAdapter<IFieldComponent> implements IFieldAdapter {\n  private readonly _rootElement: HTMLElement;\n  private readonly _containerElement: HTMLElement;\n  private readonly _labelElement: HTMLElement;\n  private readonly _popoverIconElement: HTMLElement;\n\n  private get _resizeContainerElement(): HTMLElement | null {\n    return this._containerElement.querySelector(FIELD_CONSTANTS.selectors.RESIZE_CONTAINER) as HTMLElement | null;\n  }\n\n  constructor(component: IFieldComponent) {\n    super(component);\n    this._rootElement = getShadowElement(component, FIELD_CONSTANTS.selectors.ROOT);\n    this._containerElement = getShadowElement(component, FIELD_CONSTANTS.selectors.CONTAINER);\n    this._labelElement = getShadowElement(component, FIELD_CONSTANTS.selectors.LABEL);\n    this._popoverIconElement = getShadowElement(component, FIELD_CONSTANTS.selectors.POPOVER_ICON);\n  }\n\n  public addRootListener(name: keyof HTMLElementEventMap, listener: EventListener): void {\n    this._rootElement.addEventListener(name, listener);\n  }\n\n  public addPopoverIconClickListener(listener: EventListener): void {\n    this._popoverIconElement.addEventListener('click', listener);\n  }\n\n  public removePopoverIconClickListener(listener: EventListener): void {\n    this._popoverIconElement.removeEventListener('click', listener);\n  }\n\n  /**\n   * Wraps the container's children in a resizable div.\n   */\n  public attachResizeContainer(): void {\n    // Return if a resize container is already attached\n    if (this._resizeContainerElement) {\n      return;\n    }\n\n    const resizeContainer = document.createElement('div');\n    resizeContainer.classList.add(FIELD_CONSTANTS.classes.RESIZE_CONTAINER);\n\n    const childElements = Array.from(this._containerElement.children) as HTMLElement[];\n    wrapElements(childElements, resizeContainer, [FOCUS_INDICATOR_CONSTANTS.elementName]);\n  }\n\n  /**\n   * Removes the resize container while retaining its children as direct children of the container.\n   */\n  public removeResizeContainer(): void {\n    const resizeContainerElement = this._resizeContainerElement;\n\n    if (resizeContainerElement) {\n      unwrapElements(resizeContainerElement);\n    }\n  }\n\n  /**\n   * Moves the label to the start or end of the root element, ensuring that the DOM order matches\n   * the visual order.\n   */\n  public setLabelPosition(value: FieldLabelPosition): void {\n    this._labelElement.remove();\n\n    if (value === 'inline-end') {\n      this._rootElement.append(this._labelElement);\n    } else if (value === 'inset') {\n      const resizeContainerElement = this._resizeContainerElement;\n\n      if (resizeContainerElement) {\n        resizeContainerElement.prepend(this._labelElement);\n        return;\n      }\n      this._containerElement.prepend(this._labelElement);\n    } else {\n      this._rootElement.prepend(this._labelElement);\n    }\n  }\n\n  /**\n   * Adds or removes animation classes on the root element.\n   */\n  public setFloatingLabel(value: boolean, skipAnimation = false): void {\n    if (skipAnimation) {\n      return;\n    }\n\n    const className = value ? FIELD_CONSTANTS.classes.FLOATING_IN : FIELD_CONSTANTS.classes.FLOATING_OUT;\n    const animationName = value ? FIELD_CONSTANTS.animations.FLOAT_IN_LABEL : FIELD_CONSTANTS.animations.FLOAT_OUT_LABEL;\n    const animationEndListener: EventListener = (evt: AnimationEvent) => {\n      if (evt.animationName === animationName) {\n        removeClass(className, this._rootElement);\n        this._rootElement.removeEventListener('animationend', animationEndListener);\n      }\n    };\n\n    addClass(className, this._rootElement);\n    this._rootElement.addEventListener('animationend', animationEndListener);\n  }\n\n  /**\n   * Adds or removes a class from the root element indicating whether the slot has any assigned\n   * nodes.\n   */\n  public handleSlotChange(slot: HTMLSlotElement): void {\n    if (slot.name === '') {\n      this._trySlotLabel(slot);\n      return;\n    }\n\n    // Ensure that the slot belongs to the field\n    const slotElement = getShadowElement(this._component, `slot[name=${slot.name}]`) as HTMLSlotElement | undefined;\n    if (!slotElement) {\n      return;\n    }\n\n    const classMap = {\n      label: FIELD_CONSTANTS.classes.HAS_LABEL,\n      start: FIELD_CONSTANTS.classes.HAS_START,\n      end: FIELD_CONSTANTS.classes.HAS_END,\n      accessory: FIELD_CONSTANTS.classes.HAS_ACCESSORY,\n      'support-text-start': FIELD_CONSTANTS.classes.HAS_SUPPORT_START,\n      'support-text-end': FIELD_CONSTANTS.classes.HAS_SUPPORT_END\n    };\n    if (slot.name in classMap) {\n      toggleClass(this._rootElement, !!slotElement.assignedNodes({ flatten: true }).length, classMap[slot.name]);\n    }\n  }\n\n  /**\n   * Gets `<label>` and `<forge-label>` elements from the default slot and assigns them to the\n   * 'label' slot.\n   */\n  private _trySlotLabel(slot: HTMLSlotElement): void {\n    const elements = slot.assignedElements({ flatten: true });\n    const labels = elements.filter(el => el.matches(FIELD_CONSTANTS.selectors.LABEL_ELEMENTS));\n    \n    labels.forEach(label => {\n      if (label.slot) {\n        return;\n      }\n      label.slot = 'label';\n    });\n  }\n}\n", "import { ICustomElementFoundation } from '@tylertech/forge-core';\nimport { FieldDensity, FieldLabelAlignment, FieldLabelPosition, FieldShape, FieldSupportTextInset, FieldTheme, FieldVariant } from './base/base-field-constants';\nimport { IFieldAdapter } from './field-adapter';\nimport { FIELD_CONSTANTS } from './field-constants';\n\nexport interface IFieldFoundation extends ICustomElementFoundation {\n  labelPosition: FieldLabelPosition;\n  labelAlignment: FieldLabelAlignment;\n  floatLabel: boolean;\n  invalid: boolean;\n  required: boolean;\n  optional: boolean;\n  disabled: boolean;\n  variant: FieldVariant;\n  theme: FieldTheme;\n  shape: FieldShape;\n  density: FieldDensity;\n  dense: boolean;\n  popoverIcon: boolean;\n  popoverExpanded: boolean;\n  multiline: boolean;\n  supportTextInset: FieldSupportTextInset;\n  initialize(): void;\n  floatLabelWithoutAnimation(value: boolean): void;\n}\n\nexport class FieldFoundation implements IFieldFoundation {\n  private _labelPosition: FieldLabelPosition = FIELD_CONSTANTS.defaults.DEFAULT_LABEL_POSITION;\n  private _labelAlignment: FieldLabelAlignment = FIELD_CONSTANTS.defaults.DEFAULT_LABEL_ALIGNMENT;\n  private _floatLabel = false;\n  private _invalid = false;\n  private _required = false;\n  private _optional = false;\n  private _disabled = false;\n  private _variant: FieldVariant = FIELD_CONSTANTS.defaults.DEFAULT_VARIANT;\n  private _theme: FieldTheme = FIELD_CONSTANTS.defaults.DEFAULT_THEME;\n  private _shape: FieldShape = FIELD_CONSTANTS.defaults.DEFAULT_SHAPE;\n  private _density: FieldDensity = FIELD_CONSTANTS.defaults.DEFAULT_DENSITY;\n  private _dense = false;\n  private _popoverIcon = false;\n  private _popoverExpanded = false;\n  private _multiline = false;\n  private _supportTextInset: FieldSupportTextInset = FIELD_CONSTANTS.defaults.DEFAULT_SUPPORT_TEXT_INSET;\n\n  private _slotChangeListener: EventListener = this._onSlotChange.bind(this);\n  private _popoverIconClickListener: EventListener = this._onPopoverIconClick.bind(this);\n\n  constructor(private _adapter: IFieldAdapter) {}\n\n  public initialize(): void {\n    this._adapter.addRootListener('slotchange', this._slotChangeListener);\n    this._adapter.setLabelPosition(this._labelPosition);\n\n    if (this._popoverIcon) {\n      this._adapter.addPopoverIconClickListener(this._popoverIconClickListener);\n    }\n    if (this._multiline) {\n      this._adapter.attachResizeContainer();\n    }\n  }\n\n  private _onSlotChange(evt: Event): void {\n    this._adapter.handleSlotChange(evt.target as HTMLSlotElement);\n  }\n\n  private _onPopoverIconClick(): void {\n    this._adapter.emitHostEvent(FIELD_CONSTANTS.events.POPOVER_ICON_CLICK);\n  }\n\n  public floatLabelWithoutAnimation(value: boolean): void {\n    if (this._floatLabel !== value) {\n      this._floatLabel = value;\n      this._adapter.setFloatingLabel(this._floatLabel, true);\n      this._adapter.toggleHostAttribute(FIELD_CONSTANTS.attributes.FLOAT_LABEL, this._floatLabel);\n    }\n  };\n\n  public get labelPosition(): FieldLabelPosition {\n    return this._labelPosition;\n  }\n  public set labelPosition(value: FieldLabelPosition) {\n    if (this._labelPosition !== value) {\n      this._labelPosition = value;\n      this._adapter.setHostAttribute(FIELD_CONSTANTS.attributes.LABEL_POSITION, this._labelPosition);\n\n      if (!this._adapter.isConnected) {\n        return;\n      }\n\n      this._adapter.setLabelPosition(this._labelPosition);\n    }\n  }\n\n  public get labelAlignment(): FieldLabelAlignment {\n    return this._labelAlignment;\n  }\n  public set labelAlignment(value: FieldLabelAlignment) {\n    if (this._labelAlignment !== value) {\n      this._labelAlignment = value;\n      this._adapter.setHostAttribute(FIELD_CONSTANTS.attributes.LABEL_ALIGNMENT, this._labelAlignment);\n    }\n  }\n\n  public get floatLabel(): boolean {\n    return this._floatLabel;\n  }\n  public set floatLabel(value: boolean) {\n    if (this._floatLabel !== value) {\n      this._floatLabel = value;\n      this._adapter.setFloatingLabel(this._floatLabel);\n      this._adapter.toggleHostAttribute(FIELD_CONSTANTS.attributes.FLOAT_LABEL, this._floatLabel);\n    }\n  }\n\n  public get invalid(): boolean {\n    return this._invalid;\n  }\n  public set invalid(value: boolean) {\n    if (this._invalid !== value) {\n      this._invalid = value;\n      this._adapter.toggleHostAttribute(FIELD_CONSTANTS.attributes.INVALID, this._invalid);\n    }\n  }\n\n  public get required(): boolean {\n    return this._required;\n  }\n  public set required(value: boolean) {\n    if (this._required !== value) {\n      this._required = value;\n      this._adapter.toggleHostAttribute(FIELD_CONSTANTS.attributes.REQUIRED, this._required);\n    }\n  }\n\n  public get optional(): boolean {\n    return this._optional;\n  }\n  public set optional(value: boolean) {\n    if (this._optional !== value) {\n      this._optional = value;\n      this._adapter.toggleHostAttribute(FIELD_CONSTANTS.attributes.OPTIONAL, this._optional);\n    }\n  }\n\n  public get disabled(): boolean {\n    return this._disabled;\n  }\n  public set disabled(value: boolean) {\n    if (this._disabled !== value) {\n      this._disabled = value;\n      this._adapter.toggleHostAttribute(FIELD_CONSTANTS.attributes.DISABLED, this._disabled);\n    }\n  }\n\n  public get variant(): FieldVariant {\n    return this._variant;\n  }\n  public set variant(value: FieldVariant) {\n    if (this._variant !== value) {\n      this._variant = value;\n      this._adapter.setHostAttribute(FIELD_CONSTANTS.attributes.VARIANT, this._variant);\n    }\n  }\n\n  public get theme(): FieldTheme {\n    return this._theme;\n  }\n  public set theme(value: FieldTheme) {\n    if (this._theme !== value) {\n      this._theme = value;\n      this._adapter.setHostAttribute(FIELD_CONSTANTS.attributes.THEME, this._theme);\n    }\n  }\n\n  public get shape(): FieldShape {\n    return this._shape;\n  }\n  public set shape(value: FieldShape) {\n    if (this._shape !== value) {\n      this._shape = value;\n      this._adapter.setHostAttribute(FIELD_CONSTANTS.attributes.SHAPE, this._shape);\n    }\n  }\n\n  public get density(): FieldDensity {\n    return this._density;\n  }\n  public set density(value: FieldDensity) {\n    if (this._density !== value) {\n      this._density = value;\n      this._adapter.setHostAttribute(FIELD_CONSTANTS.attributes.DENSITY, this._density);\n    }\n  }\n\n  // `dense` takes precedence over `density`\n  public get dense(): boolean {\n    return this._dense;\n  }\n  public set dense(value: boolean) {\n    if (this._dense !== value) {\n      this._dense = value;\n      this._adapter.toggleHostAttribute(FIELD_CONSTANTS.attributes.DENSE, this._dense);\n    }\n  }\n\n  public get popoverIcon(): boolean {\n    return this._popoverIcon;\n  }\n  public set popoverIcon(value: boolean) {\n    if (this._popoverIcon !== value) {\n      this._popoverIcon = value;\n      this._adapter.toggleHostAttribute(FIELD_CONSTANTS.attributes.POPOVER_ICON, this._popoverIcon);\n\n      if (!this._adapter.isConnected) {\n        return;\n      }\n\n      if (this._popoverIcon) {\n        this._adapter.addPopoverIconClickListener(this._popoverIconClickListener);\n      } else {\n        this._adapter.removePopoverIconClickListener(this._popoverIconClickListener);\n      }\n    }\n  }\n\n  public get popoverExpanded(): boolean {\n    return this._popoverExpanded;\n  }\n  public set popoverExpanded(value: boolean) {\n    if (this._popoverExpanded !== value) {\n      this._popoverExpanded = value;\n      this._adapter.toggleHostAttribute(FIELD_CONSTANTS.attributes.POPOVER_EXPANDED, this._popoverExpanded);\n    }\n  }\n\n  public get multiline(): boolean {\n    return this._multiline;\n  }\n  public set multiline(value: boolean) {\n    if (this._multiline !== value) {\n      this._multiline = value;\n      this._adapter.toggleHostAttribute(FIELD_CONSTANTS.attributes.MULTILINE, this._multiline);\n\n      if (!this._adapter.isConnected) {\n        return;\n      }\n\n      if (this._multiline) {\n        this._adapter.attachResizeContainer();\n      } else {\n        this._adapter.removeResizeContainer();\n      }\n    }\n  }\n\n  public get supportTextInset(): FieldSupportTextInset {\n    return this._supportTextInset;\n  }\n  public set supportTextInset(value: FieldSupportTextInset) {\n    if (this._supportTextInset !== value) {\n      this._supportTextInset = value;\n      this._adapter.setHostAttribute(FIELD_CONSTANTS.attributes.SUPPORT_TEXT_INSET, this._supportTextInset);\n    }\n  }\n}\n", "import { attachShadowTemplate, coerceBoolean, CustomElement, FoundationProperty } from '@tylertech/forge-core';\nimport { BaseComponent, IBaseComponent } from '../core';\nimport { FocusIndicatorComponent } from '../focus-indicator';\nimport { FieldDensity, FieldLabelAlignment, FieldLabelPosition, FieldShape, FieldSupportTextInset, FieldTheme, FieldVariant } from './base/base-field-constants';\nimport { FieldAdapter } from './field-adapter';\nimport { FIELD_CONSTANTS } from './field-constants';\nimport { FieldFoundation } from './field-foundation';\n\nconst template = '<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>';\nconst styles = '@-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;isolation:isolate}.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:1;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:2;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:1}: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:\\\"\\\"}@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\\\")}}';\n\nexport interface IFieldComponent extends IBaseComponent {\n  labelPosition: FieldLabelPosition;\n  labelAlignment: FieldLabelAlignment;\n  floatLabel: boolean;\n  invalid: boolean;\n  required: boolean;\n  optional: boolean;\n  disabled: boolean;\n  variant: FieldVariant;\n  theme: FieldTheme;\n  shape: FieldShape;\n  density: FieldDensity;\n  dense: boolean;\n  popoverIcon: boolean;\n  popoverExpanded: boolean;\n  multiline: boolean;\n  supportTextInset: FieldSupportTextInset;\n  floatLabelWithoutAnimation(value: boolean): void;\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'forge-field': IFieldComponent;\n  }\n}\n\n/**\n * @tag forge-field\n * \n * @summary The Forge Field component is a basic component that handles the layout and theming of\n * form elements that can include a label, various states, and a border around an input area.\n * \n * @property {FieldLabelPosition} labelPosition - The position of the label relative to the input area.\n * @property {FieldLabelAlignment} labelAlignment - The alignment of the label relative to the input area.\n * @property {boolean} floatLabel - Whether an inset positioned label is floated to the top of the container.\n * @property {boolean} invalid - Whether the field is in an invalid state.\n * @property {boolean} required - Whether the field is required.\n * @property {boolean} optional - Whether the field is optional.\n * @property {boolean} disabled - Whether the field is disabled.\n * @property {FieldVariant} variant - The variant of the field.\n * @property {FieldTheme} theme - The theme of the field.\n * @property {FieldShape} shape - The border radius of the field's corners.\n * @property {FieldDensity} density - The density of the field.\n * @property {boolean} dense - Whether the field is at the \"extra-small\" density level.\n * @property {boolean} popoverIcon - Whether the field has a popover icon.\n * @property {boolean} popoverExpanded - Whether the field's popover icon is in the expanded orientation.\n * @property {boolean} multiline - Whether the field contains a multiline input.\n * @property {FieldSupportTextInset} supportTextInset - Whether the field's support text is inset from either side.\n * \n * @attribute {FieldLabelPosition} label-position - The position of the label relative to the input area.\n * @attribute {FieldLabelAlignment} label-alignment - The alignment of the label relative to the input area.\n * @attribute {boolean} float-label - Whether an inset positioned label is floated to the top of the container.\n * @attribute {boolean} invalid - Whether the field is in an invalid state.\n * @attribute {boolean} required - Whether the field is required.\n * @attribute {boolean} optional - Whether the field is optional.\n * @attribute {boolean} disabled - Whether the field is disabled.\n * @attribute {FieldVariant} variant - The variant of the field.\n * @attribute {FieldTheme} theme - The theme of the field.\n * @attribute {FieldShape} shape - The border radius of the field's corners.\n * @attribute {Density} density - The density of the field.\n * @attribute {boolean} dense - Whether the field is at the \"extra-small\" density level.\n * @attribute {boolean} popover-icon - Whether the field has a popover icon.\n * @attribute {boolean} popover-expanded - Whether the field's popover icon is in the expanded orientation.\n * @attribute {boolean} multiline - Whether the field contains a multiline input.\n * @attribute {FieldSupportTextInset} support-text-inset - Whether the field's support text is inset from either side.\n * \n * @method {(value: boolean) => void} floatLabelWithoutAnimation - Sets the floating label without animating the transition.\n * \n * @event {CustomEvent<null>} forge-field-popover-icon-click - Dispatches when the user clicks the popover icon.\n * \n * @cssproperty --text-color - The color of content slotted into the default slot.\n * @cssproperty --label-margin-inline - The margin on the inline axis of an inline positioned label.\n * @cssproperty --label-margin-block - The margin on the block axis of a block positioned label.\n * @cssproperty --container-padding-inline - The padding at the start and end of the inline axis of the container.\n * @cssproperty --container-padding-inline-start - The padding at the start of the inline axis of the container.\n * @cssproperty --container-padding-inline-end - The padding at the end of the inline axis of the container.\n * @cssproperty --container-gap - The spacing between elements within the container.\n * @cssproperty --start-padding-inline-end - The padding after the start slot.\n * @cssproperty --end-padding-inline-start - The padding before the end slot.\n * @cssproperty --end-padding-inline-end - The padding after the end slot.\n * @cssproperty --popover-icon-padding-inline-start - The padding before the popover icon.\n * @cssproperty --popover-icon-padding-inline-end - The padding after the popover icon.\n * @cssproperty --accessory-padding-inline - The padding before and after the accessory slot.\n * @cssproperty --accessory-padding-inline-start - The padding before the accessory slot.\n * @cssproperty --accessory-padding-inline-end - The padding after the accessory slot.\n * @cssproperty --support-text-margin-block - The margin of the support text on the block axis.\n * @cssproperty --support-text-gap - The spacing between the start and end support text.\n * @cssproperty --support-text-padding-inline - The padding before and after the support text.\n * @cssproperty --support-text-padding-inline-start - The padding before the support text.\n * @cssproperty --support-text-padding-inline-end - The padding after the support text.\n * @cssproperty --rounded-container-padding-inline - The padding at the start and end of the inline axis of a rounded container.\n * @cssproperty --rounded-container-padding-inline-start - The padding at the start of the inline axis of a rounded container.\n * @cssproperty --rounded-container-padding-inline-end - The padding at the end of the inline axis of a rounded container.\n * @cssproperty --height - The height of the container.\n * @cssproperty --height-extra-small - The height of the container at the \"extra-small\" density level.\n * @cssproperty --height-small - The height of the container at the \"small\" density level.\n * @cssproperty --height-medium - The height of the container at the \"medium\" density level.\n * @cssproperty --height-large - The height of the container at the \"large\" density level.\n * @cssproperty --height-extra-large - The height of the container at the \"extra-large\" density level.\n * @cssproperty --inset-height-extra-small - The height of the container at the \"extra-small\" density level with an inset label.\n * @cssproperty --inset-height-small - The height of the container at the \"small\" density level with an inset label.\n * @cssproperty --inset-height-medium - The height of the container at the \"medium\" density level with an inset label.\n * @cssproperty --inset-height-large - The height of the container at the \"large\" density level with an inset label.\n * @cssproperty --inset-height-extra-large - The height of the container at the \"extra-large\" density level with an inset label.\n * @cssproperty --shape - The border radius of the container.\n * @cssproperty --border-style - The border style used in variants that include borders in variants that include borders.\n * @cssproperty --border-width - The border width used in variants that include borders in variants that include borders.\n * @cssproperty --border-color - The border color used with the default theme in variants that include borders.\n * @cssproperty --tonal-inner-border-color - The border color used for the accessory border with the default theme in the tonal and raised variants.\n * @cssproperty --inner-border-block-size - The block size of the inner border in the tonal and raised variants.\n * @cssproperty --label-color - The color of the non-inset label with the default theme.\n * @cssproperty --inset-label-color - The color of the inset label with the default theme.\n * @cssproperty --hover-border-style - The border style used in the hover state in variants that include borders.\n * @cssproperty --hover-border-width - The border width used in the hover state in variants that include borders.\n * @cssproperty --hover-border-color - The border color used with the default theme in the hover state in variants that include borders.\n * @cssproperty --invalid-color - The color used for the invalid state.\n * @cssproperty --invalid-border-style - The border style used for the invalid state in variants that include borders.\n * @cssproperty --invalid-border-width - The border width used for the invalid state in variants that include borders.\n * @cssproperty --invalid-border-color - The border color used for the invalid state in variants that include borders.\n * @cssproperty --invalid-border-color-hover - The border color used for the invalid state when hovering in variants that include borders.\n * @cssproperty --invalid-surface-color - The background color used for the invalid state in the tonal, filled, and raised variants.\n * @cssproperty --invalid-surface-color-hover - The background color used for the invalid state when hovering in the tonal, filled, and raised variants.\n * @cssproperty --invalid-label-color - The color of the label in the invalid state.\n * @cssproperty --invalid-on-surface-color - The color of elements on top of the invalid surface.\n * @cssproperty --invalid-inset-label-on-surface-color - The color of the inset label on the invalid surface.\n * @cssproperty --plain-container-padding-inline - The padding at the start and end of the inline axis of the container in the plain variant.\n * @cssproperty --tonal-surface-color - The background color used with the default theme in the tonal variant.\n * @cssproperty --tonal-on-surface-color - The text color color used with the default theme in the tonal variant.\n * @cssproperty --tonal-hover-color - The background color used for the hover state with the default theme in the tonal variant.\n * @cssproperty --filled-surface-color - The background color used with the default theme in the filled variant.\n * @cssproperty --filled-on-surface-color - The text color used with the default theme in the filled variant.\n * @cssproperty --raised-elevation - The box shadow of the container in the raised variant.\n * @cssproperty --raised-active-elevation - The box shadow of the container in the raised variant when hovered or active.\n * @cssproperty --raised-surface-color - The background color used with the default theme in the raised variant.\n * @cssproperty --raised-on-surface-color - The text color used with the default theme in the raised variant.\n * @cssproperty --required-content - The text content rendered before the label when required.\n * @cssproperty --required-color - The color of the required content.\n * @cssproperty --optional-content - The text content rendered after the label when optional.\n * @cssproperty --optional-color - The color of the optional content.\n * @cssproperty --popover-icon-transition-duration - The duration of the popover icon's animation.\n * @cssproperty --popover-icon-transition-timing - The timing function of the popover icon's animation.\n * @cssproperty --popover-icon-open-rotation - The rotation of the popover icon when open.\n * @cssproperty --multiline-resize - Whether a multiline field can be resized and in which direction.\n * @cssproperty --multiline-min-inline-size - The minimum inline size of a multiline field.\n * @cssproperty --multiline-max-inline-size - The maximum inline size of a multiline field.\n * @cssproperty --multiline-min-block-size - The minimum block size of a multiline field.\n * @cssproperty --multiline-max-block-size - The maximum block size of a multiline field.\n * @cssproperty --disabled-opacity - The opacity of the field when disabled.\n * @cssproperty --disabled-background-color - The background color of the field when disabled.\n * @cssproperty --disabled-border-color - The border color of the field when disabled.\n * @cssproperty --container-animation-duration - The duration of the border and background animations.\n * @cssproperty --container-animation-timing - The timing function of the border and background animations.\n * @cssproperty --floating-animation-duration - The duration of the floating animation.\n * @cssproperty --floating-animation-timing - The timing function of the floating animation.\n * \n * @csspart root - The root container element.\n * @csspart label - The label element.\n * @csspart container - The container element surrounding the input.\n * @csspart input - The element containing te input slot.\n * @csspart start - The element containing the start slot.\n * @csspart end - The element containing the end slot.\n * @csspart popover-icon - The popover icon element.\n * @csspart accessory - The element containing the accessory slot.\n * @csspart support-text - The support text element.\n * @csspart support-text-start - The element containing the support text start slot.\n * @csspart support-text-end - The element containing the support text end slot.\n * @csspart focus-indicator - The focus indicator element.\n * \n * @slot - The default/unnamed slot for the field's input.\n * @slot label - Renders its content as a positioned label.\n * @slot start - Typically reserved for content/icons that render logically before the default slot content.\n * @slot end - Typically reserved content/icons that render logically after the default slot content.\n * @slot accessory - Used for content such as a button that is logically connected to the field but should appear distinct from the input.\n * @slot support-text-start - Used for content that provides additional information about the field. Aligns to the inline start of the field.\n * @slot support-text-end - Used for content that provides additional information about the field. Aligns to the inline end of the field.\n */\n\n@CustomElement({\n  name: FIELD_CONSTANTS.elementName,\n  dependencies: [FocusIndicatorComponent]\n})\nexport class FieldComponent extends BaseComponent implements IFieldComponent {\n  public static get observedAttributes(): string[] {\n    return Object.values(FIELD_CONSTANTS.observedAttributes);\n  }\n\n  private _foundation: FieldFoundation;\n\n  constructor() {\n    super();\n    attachShadowTemplate(this, template, styles);\n    this._foundation = new FieldFoundation(new FieldAdapter(this));\n  }\n\n  public connectedCallback(): void {\n    this._foundation.initialize();\n  }\n\n  public attributeChangedCallback(name: string, oldValue: string, newValue: string): void {\n    switch (name) {\n      case FIELD_CONSTANTS.attributes.LABEL_POSITION:\n        this.labelPosition = newValue as FieldLabelPosition;\n        break;\n      case FIELD_CONSTANTS.attributes.LABEL_ALIGNMENT:\n        this.labelAlignment = newValue as FieldLabelAlignment;\n        break;\n      case FIELD_CONSTANTS.attributes.FLOAT_LABEL:\n        this.floatLabel = coerceBoolean(newValue);\n        break;\n      case FIELD_CONSTANTS.attributes.INVALID:\n        this.invalid = coerceBoolean(newValue);\n        break;\n      case FIELD_CONSTANTS.attributes.REQUIRED:\n        this.required = coerceBoolean(newValue);\n        break;\n      case FIELD_CONSTANTS.attributes.OPTIONAL:\n        this.optional = coerceBoolean(newValue);\n        break;\n      case FIELD_CONSTANTS.attributes.DISABLED:\n        this.disabled = coerceBoolean(newValue);\n        break;\n      case FIELD_CONSTANTS.attributes.VARIANT:\n        this.variant = newValue as FieldVariant;\n        break;\n      case FIELD_CONSTANTS.attributes.THEME:\n        this.theme = newValue as FieldTheme;\n        break;\n      case FIELD_CONSTANTS.attributes.SHAPE:\n        this.shape = newValue as FieldShape;\n        break;\n      case FIELD_CONSTANTS.attributes.DENSITY:\n        this.density = newValue as FieldDensity;\n        break;\n      case FIELD_CONSTANTS.attributes.DENSE:\n        this.dense = coerceBoolean(newValue);\n        break;\n      case FIELD_CONSTANTS.attributes.POPOVER_ICON:\n        this.popoverIcon = coerceBoolean(newValue);\n        break;\n      case FIELD_CONSTANTS.attributes.POPOVER_EXPANDED:\n        this.popoverExpanded = coerceBoolean(newValue);\n        break;\n      case FIELD_CONSTANTS.attributes.MULTILINE:\n        this.multiline = coerceBoolean(newValue);\n        break;\n      case FIELD_CONSTANTS.attributes.SUPPORT_TEXT_INSET:\n        this.supportTextInset = newValue as FieldSupportTextInset;\n        break;\n    }\n  }\n\n  @FoundationProperty()\n  public declare labelPosition: FieldLabelPosition;\n\n  @FoundationProperty()\n  public declare labelAlignment: FieldLabelAlignment;\n\n  @FoundationProperty()\n  public declare floatLabel: boolean;\n\n  @FoundationProperty()\n  public declare invalid: boolean;\n\n  @FoundationProperty()\n  public declare required: boolean;\n\n  @FoundationProperty()\n  public declare optional: boolean;\n\n  @FoundationProperty()\n  public declare disabled: boolean;\n\n  @FoundationProperty()\n  public declare variant: FieldVariant;\n\n  @FoundationProperty()\n  public declare theme: FieldTheme;\n\n  @FoundationProperty()\n  public declare shape: FieldShape;\n\n  @FoundationProperty()\n  public declare density: FieldDensity;\n\n  @FoundationProperty()\n  public declare dense: boolean;\n\n  @FoundationProperty()\n  public declare popoverIcon: boolean;\n\n  @FoundationProperty()\n  public declare popoverExpanded: boolean;\n\n  @FoundationProperty()\n  public declare multiline: boolean;\n\n  @FoundationProperty()\n  public declare supportTextInset: FieldSupportTextInset;\n\n  public floatLabelWithoutAnimation(value: boolean): void {\n    this._foundation.floatLabelWithoutAnimation(value);\n  }\n}\n", "import { defineCustomElement } from '@tylertech/forge-core';\nimport { FieldComponent } from './field';\n\nexport * from './field';\nexport * from './field-adapter';\nexport * from './field-constants';\nexport * from './field-foundation';\nexport * from './base';\n\nexport function defineFieldComponent(): void {\n  defineCustomElement(FieldComponent);\n}\n"],
-  "mappings": "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",
-  "names": ["elementName", "COMPONENT_NAME_PREFIX", "observedAttributes", "__spreadProps", "__spreadValues", "BASE_FIELD_CONSTANTS", "attributes", "classes", "selectors", "LABEL_CONSTANTS", "parts", "events", "defaults", "animations", "FIELD_CONSTANTS", "FieldAdapter", "BaseAdapter", "component", "getShadowElement", "FIELD_CONSTANTS", "name", "listener", "resizeContainer", "childElements", "wrapElements", "FOCUS_INDICATOR_CONSTANTS", "resizeContainerElement", "unwrapElements", "value", "skipAnimation", "className", "animationName", "animationEndListener", "evt", "removeClass", "addClass", "slot", "slotElement", "classMap", "toggleClass", "el", "label", "FieldFoundation", "_adapter", "FIELD_CONSTANTS", "evt", "value", "template", "styles", "FieldComponent", "BaseComponent", "attachShadowTemplate", "FieldFoundation", "FieldAdapter", "FIELD_CONSTANTS", "name", "oldValue", "newValue", "coerceBoolean", "value", "__decorateClass", "FoundationProperty", "CustomElement", "FocusIndicatorComponent", "defineFieldComponent", "defineCustomElement", "FieldComponent"]
-}

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

@@ -1,7 +0,0 @@
-/**
- * @license
- * Copyright 2023 Tyler Technologies, Inc. 
- * License: Apache-2.0
- */
-import{b as e}from"./chunk.UQQQSJVM.js";var t=`${e}radio`,o={CHECKED:"checked",DEFAULT_CHECKED:"default-checked",VALUE:"value",DENSE:"dense",DISABLED:"disabled",REQUIRED:"required",READONLY:"readonly",LABEL_POSITION:"label-position",TABINDEX:"tabindex"},a={ROOT:".forge-radio",LABEL:"#label",STATE_LAYER:"forge-state-layer"},E={CHANGE:"change",INPUT:"input"},c={elementName:t,attributes:o,selectors:a,events:E},n=Symbol("tryCheck");export{c as a,n as b};
-//# sourceMappingURL=chunk.SKBOB2BD.js.map

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/radio/radio/radio-constants.ts"],
-  "sourcesContent": ["import { COMPONENT_NAME_PREFIX } from '../../constants';\n\nconst elementName: keyof HTMLElementTagNameMap = `${COMPONENT_NAME_PREFIX}radio`;\n\nconst attributes = {\n  CHECKED: 'checked',\n  DEFAULT_CHECKED: 'default-checked',\n  VALUE: 'value',\n  DENSE: 'dense',\n  DISABLED: 'disabled',\n  REQUIRED: 'required',\n  READONLY: 'readonly',\n  LABEL_POSITION: 'label-position',\n  TABINDEX: 'tabindex'\n};\n\nconst selectors = {\n  ROOT: '.forge-radio',\n  LABEL: '#label',\n  STATE_LAYER: 'forge-state-layer'\n};\n\nconst events = {\n  CHANGE: 'change',\n  INPUT: 'input'\n};\n\nexport const RADIO_CONSTANTS = {\n  elementName,\n  attributes,\n  selectors,\n  events\n};\n\n/**\n * This symbol is used to attempt to check a radio while navigating between its siblings in a\n * group. It differs from simply setting `checked` in that it causes the input/change events to\n * emit and returns `false` if either was prevented. The radio group manager can then prevent a\n * change in focus and selection state.\n */\nexport const tryCheck = Symbol('tryCheck');\n\nexport type RadioState = 'checked' | 'unchecked';\nexport type RadioLabelPosition = 'start' | 'end';\n"],
-  "mappings": "wCAEA,IAAMA,EAA2C,GAAGC,SAE9CC,EAAa,CACjB,QAAS,UACT,gBAAiB,kBACjB,MAAO,QACP,MAAO,QACP,SAAU,WACV,SAAU,WACV,SAAU,WACV,eAAgB,iBAChB,SAAU,UACZ,EAEMC,EAAY,CAChB,KAAM,eACN,MAAO,SACP,YAAa,mBACf,EAEMC,EAAS,CACb,OAAQ,SACR,MAAO,OACT,EAEaC,EAAkB,CAC7B,YAAAL,EACA,WAAAE,EACA,UAAAC,EACA,OAAAC,CACF,EAQaE,EAAW,OAAO,UAAU",
-  "names": ["elementName", "COMPONENT_NAME_PREFIX", "attributes", "selectors", "events", "RADIO_CONSTANTS", "tryCheck"]
-}

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

@@ -1,7 +0,0 @@
-/**
- * @license
- * Copyright 2023 Tyler Technologies, Inc. 
- * License: Apache-2.0
- */
-import{a as t,b as o,d as m,l as r}from"./chunk.CIUPY66Y.js";import{a as n}from"./chunk.CSOKFDFQ.js";import{a as e}from"./chunk.BIQTNLIF.js";var p=class extends n{constructor(i){super(i)}_build(){return document.createElement(t.elementName)}};function D(){e(r)}window&&!window[o]&&(window[o]=m);export{p as a,D as b};
-//# sourceMappingURL=chunk.SOKORSUV.js.map

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

@@ -1,7 +0,0 @@
-/**
- * @license
- * Copyright 2023 Tyler Technologies, Inc. 
- * License: Apache-2.0
- */
-import{a as w,b as E}from"./chunk.2WRAXA3H.js";import{a as _}from"./chunk.6GSVB5NB.js";import{a as c}from"./chunk.NVUMRW44.js";import{a as b,b as v,m as n}from"./chunk.UQQQSJVM.js";import{a as f,e as h,f as d,k}from"./chunk.BIQTNLIF.js";import{k as m,l as u}from"./chunk.J2M2MXP2.js";import{d as s}from"./chunk.M3QDAYD2.js";var T=`${v}circular-progress`,C={DETERMINATE:"determinate",PROGRESS:"progress",THEME:"theme",TRACK:"track"},R={INDETERMINATE:"forge-circular-progress--indeterminate"},x={ROOT:".forge-circular-progress",DETERMINATE_PROGRESS_CIRCLE:".progress",TEMPLATES:"svg, .spinner"},e={elementName:T,attributes:C,classes:R,selectors:x};var A='<svg viewBox="0 0 4800 4800"><circle class="track-background" pathLength="100"></circle></svg><div class="spinner"><div class="left"><div class="circle"></div></div><div class="right"><div class="circle"></div></div></div>',P='<svg viewBox="0 0 4800 4800"><circle class="track-background" pathLength="100"></circle><circle class="track" pathLength="100"></circle><circle class="progress" pathLength="100" stroke-dashoffset="100"></circle></svg>',l=class extends _{constructor(t){super(t);this._rootElement=d(this._component,e.selectors.ROOT)}initialize(){this._component[n]({role:"progressbar",ariaValueMin:"0",ariaValueMax:"1"})}setDeterminate(t){this._tryResetTemplate(),this._rootElement.classList.toggle(e.classes.INDETERMINATE,!t),t?(this._rootElement.insertAdjacentHTML("beforeend",P),this._determinateProgressCircleElement=d(this._component,e.selectors.DETERMINATE_PROGRESS_CIRCLE)):(this._rootElement.insertAdjacentHTML("beforeend",A),this._component[n]({ariaValueNow:null}),this._determinateProgressCircleElement=void 0)}setProgress(t){var o;this._component[n]({ariaValueNow:`${t}`}),(o=this._determinateProgressCircleElement)==null||o.setAttribute("stroke-dashoffset",`${(1-t)*100}`)}_tryResetTemplate(){var o;let t=(o=this._component.shadowRoot)==null?void 0:o.querySelectorAll(e.selectors.TEMPLATES);t==null||t.forEach(i=>i.remove())}};var g=class{constructor(r){this._adapter=r;this._determinate=!1;this._progress=0;this._theme="primary";this._track=!1}initialize(){this._adapter.initialize(),this._applyDeterminate()}_applyDeterminate(){this._adapter.setDeterminate(this._determinate),this._determinate&&this._adapter.setProgress(this._progress)}get determinate(){return this._determinate}set determinate(r){r=!!r,this._determinate!==r&&(this._determinate=r,this._applyDeterminate(),this._adapter.toggleHostAttribute(e.attributes.DETERMINATE,this._determinate))}get progress(){return this._progress}set progress(r){isNaN(r)&&(r=0),this._progress!==r&&(this._progress=r,this._determinate&&this._adapter.setProgress(this._progress),this._adapter.setHostAttribute(e.attributes.PROGRESS,`${this._progress}`))}get theme(){return this._theme}set theme(r){this._theme!==r&&(this._theme=r,this._adapter.toggleHostAttribute(e.attributes.THEME,!!this._theme,this._theme))}get track(){return this._track}set track(r){r=!!r,this._track!==r&&(this._track=r,this._adapter.toggleHostAttribute(e.attributes.TRACK,this._track))}};var y='<template><div class="forge-circular-progress" part="progressbar"><slot class="center-content"></slot></div></template>',I=":host{--_circular-progress-size:var(--forge-circular-progress-size, 48px)}:host{display:-webkit-inline-box;display:inline-flex;vertical-align:middle;min-block-size:var(--_circular-progress-size);min-inline-size:var(--_circular-progress-size);position:relative;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;-webkit-transition:background-color var(--_circular-progress-theme-transition-duration) var(--_circular-progress-theme-transition-timing);transition:background-color var(--_circular-progress-theme-transition-duration) var(--_circular-progress-theme-transition-timing);contain:strict;content-visibility:auto}:host([hidden]){display:none}.forge-circular-progress{--_circular-progress-padding:var(--forge-circular-progress-padding, 0);--_circular-progress-track-width:var(--forge-circular-progress-track-width, 12);--_circular-progress-track-color:var(--forge-circular-progress-track-color, transparent);--_circular-progress-track-fill-color:var(--forge-circular-progress-track-fill-color, var(--forge-theme-tertiary-container, #d0d7ff));--_circular-progress-indicator-color:var(--forge-circular-progress-indicator-color, var(--forge-theme-tertiary, #3d5afe));--_circular-progress-arc-duration:var(--forge-circular-progress-arc-duration, 1333ms);--_circular-progress-theme-transition-duration:var(--forge-circular-progress-theme-transition-duration, var(--forge-animation-duration-short3, 150ms));--_circular-progress-theme-transition-timing:var(--forge-circular-progress-theme-transition-timing, var(--forge-animation-easing-standard, cubic-bezier(0.2, 0, 0, 1)))}.forge-circular-progress{-webkit-box-flex:1;flex:1;align-self:stretch;margin:var(--_circular-progress-padding)}.forge-circular-progress--indeterminate{will-change:transform;-webkit-animation:linear infinite linear-rotate;animation:linear infinite linear-rotate;-webkit-animation-duration:calc(var(--_circular-progress-arc-duration) * 360 / 306);animation-duration:calc(var(--_circular-progress-arc-duration) * 360 / 306)}.circle,.forge-circular-progress,.left,.right,.spinner,svg{position:absolute;inset:0}.center-content{display:-webkit-box;display:flex;-webkit-box-pack:center;justify-content:center;-webkit-box-align:center;align-items:center;width:100%;height:100%}.left{overflow:hidden;inset:0 50% 0 0}.left .circle{rotate:135deg;inset:0 -100% 0 0}.right{overflow:hidden;inset:0 0 0 50%}.right .circle{rotate:100deg;inset:0 0 0 -100%;-webkit-animation-delay:calc(-.5 * var(--_circular-progress-arc-duration)),0s;animation-delay:calc(-.5 * var(--_circular-progress-arc-duration)),0s}.circle{-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:50%;border:solid calc(var(--_circular-progress-size) * var(--_circular-progress-track-width)/ 100);border-color:var(--_circular-progress-indicator-color) var(--_circular-progress-indicator-color) transparent transparent;-webkit-transition:border-color var(--_circular-progress-theme-transition-duration) var(--_circular-progress-theme-transition-timing);transition:border-color var(--_circular-progress-theme-transition-duration) var(--_circular-progress-theme-transition-timing);will-change:transform;-webkit-animation:expand-arc;animation:expand-arc;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--_circular-progress-arc-duration),calc(4 * var(--_circular-progress-arc-duration));animation-duration:var(--_circular-progress-arc-duration),calc(4 * var(--_circular-progress-arc-duration));-webkit-animation-timing-function:cubic-bezier(0.4,0,0.2,1);animation-timing-function:cubic-bezier(0.4,0,0.2,1)}svg{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}svg circle{cx:50%;cy:50%;r:calc(50% * (1 - var(--_circular-progress-track-width)/ 100));stroke-width:calc(var(--_circular-progress-track-width) * 1%);stroke-dasharray:100;fill:transparent}.progress{-webkit-transition:stroke-dashoffset .5s cubic-bezier(0, 0, .2, 1),stroke var(--_circular-progress-theme-transition-duration) var(--_circular-progress-theme-transition-timing);transition:stroke-dashoffset .5s cubic-bezier(0, 0, .2, 1),stroke var(--_circular-progress-theme-transition-duration) var(--_circular-progress-theme-transition-timing);stroke:var(--_circular-progress-indicator-color)}.track{stroke:transparent}.track-background{-webkit-transition:stroke var(--_circular-progress-theme-transition-duration) var(--_circular-progress-theme-transition-timing);transition:stroke var(--_circular-progress-theme-transition-duration) var(--_circular-progress-theme-transition-timing);stroke:var(--_circular-progress-track-color)}.spinner{will-change:transform;-webkit-animation:infinite both rotate-arc;animation:infinite both rotate-arc;-webkit-animation-duration:calc(4 * var(--_circular-progress-arc-duration));animation-duration:calc(4 * var(--_circular-progress-arc-duration));-webkit-animation-timing-function:cubic-bezier(0.4,0,0.2,1);animation-timing-function:cubic-bezier(0.4,0,0.2,1)}:host(:is([track],[determinate])) .forge-circular-progress{--_circular-progress-track-color:var(--_circular-progress-track-fill-color)}:host([theme=primary]) .forge-circular-progress{--_circular-progress-indicator-color:var(--forge-circular-progress-indicator-color, var(--forge-theme-primary, #3f51b5))}:host([theme=primary]:is([track],[determinate])) .forge-circular-progress{--_circular-progress-track-color:var(--forge-circular-progress-track-color, var(--forge-theme-primary-container, #d1d5ed))}:host([theme=secondary]) .forge-circular-progress{--_circular-progress-indicator-color:var(--forge-circular-progress-indicator-color, var(--forge-theme-secondary, #ffc107))}:host([theme=secondary]:is([track],[determinate])) .forge-circular-progress{--_circular-progress-track-color:var(--forge-circular-progress-track-color, var(--forge-theme-secondary-container, #fff0c3))}:host([theme=success]) .forge-circular-progress{--_circular-progress-indicator-color:var(--forge-circular-progress-indicator-color, var(--forge-theme-success, #2e7d32))}:host([theme=success]:is([track],[determinate])) .forge-circular-progress{--_circular-progress-track-color:var(--forge-circular-progress-track-color, var(--forge-theme-success-container, #cde0ce))}:host([theme=error]) .forge-circular-progress{--_circular-progress-indicator-color:var(--forge-circular-progress-indicator-color, var(--forge-theme-error, #b00020))}:host([theme=error]:is([track],[determinate])) .forge-circular-progress{--_circular-progress-track-color:var(--forge-circular-progress-track-color, var(--forge-theme-error-container, #ecc2c9))}:host([theme=warning]) .forge-circular-progress{--_circular-progress-indicator-color:var(--forge-circular-progress-indicator-color, var(--forge-theme-warning, #d14900))}:host([theme=warning]:is([track],[determinate])) .forge-circular-progress{--_circular-progress-track-color:var(--forge-circular-progress-track-color, var(--forge-theme-warning-container, #f4d3c2))}:host([theme=info]) .forge-circular-progress{--_circular-progress-indicator-color:var(--forge-circular-progress-indicator-color, var(--forge-theme-info, #1565c0))}:host([theme=info]:is([track],[determinate])) .forge-circular-progress{--_circular-progress-track-color:var(--forge-circular-progress-track-color, var(--forge-theme-info-container, #c7daf0))}@media screen and (forced-colors:active){.progress{stroke:CanvasText}.circle{border-color:CanvasText CanvasText Canvas Canvas}}@-webkit-keyframes expand-arc{0%{-webkit-transform:rotate(265deg);transform:rotate(265deg)}50%{-webkit-transform:rotate(130deg);transform:rotate(130deg)}100%{-webkit-transform:rotate(265deg);transform:rotate(265deg)}}@keyframes expand-arc{0%{-webkit-transform:rotate(265deg);transform:rotate(265deg)}50%{-webkit-transform:rotate(130deg);transform:rotate(130deg)}100%{-webkit-transform:rotate(265deg);transform:rotate(265deg)}}@-webkit-keyframes rotate-arc{12.5%{-webkit-transform:rotate(135deg);transform:rotate(135deg)}25%{-webkit-transform:rotate(270deg);transform:rotate(270deg)}37.5%{-webkit-transform:rotate(405deg);transform:rotate(405deg)}50%{-webkit-transform:rotate(540deg);transform:rotate(540deg)}62.5%{-webkit-transform:rotate(675deg);transform:rotate(675deg)}75%{-webkit-transform:rotate(810deg);transform:rotate(810deg)}87.5%{-webkit-transform:rotate(945deg);transform:rotate(945deg)}100%{-webkit-transform:rotate(1080deg);transform:rotate(1080deg)}}@keyframes rotate-arc{12.5%{-webkit-transform:rotate(135deg);transform:rotate(135deg)}25%{-webkit-transform:rotate(270deg);transform:rotate(270deg)}37.5%{-webkit-transform:rotate(405deg);transform:rotate(405deg)}50%{-webkit-transform:rotate(540deg);transform:rotate(540deg)}62.5%{-webkit-transform:rotate(675deg);transform:rotate(675deg)}75%{-webkit-transform:rotate(810deg);transform:rotate(810deg)}87.5%{-webkit-transform:rotate(945deg);transform:rotate(945deg)}100%{-webkit-transform:rotate(1080deg);transform:rotate(1080deg)}}@-webkit-keyframes linear-rotate{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes linear-rotate{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}",a=class extends E(w(k)){constructor(){super();h(this,y,I),this._foundation=new g(new l(this))}static get observedAttributes(){return[e.attributes.DETERMINATE,e.attributes.PROGRESS,e.attributes.THEME,e.attributes.TRACK]}connectedCallback(){this._foundation.initialize()}attributeChangedCallback(t,o,i){switch(t){case e.attributes.DETERMINATE:this.determinate=m(i);break;case e.attributes.PROGRESS:this.progress=u(i);break;case e.attributes.THEME:this.theme=i;break;case e.attributes.TRACK:this.track=m(i);break}}};s([c()],a.prototype,"determinate",2),s([c()],a.prototype,"progress",2),s([c()],a.prototype,"theme",2),s([c()],a.prototype,"track",2),a=s([b({name:e.elementName})],a);function ar(){f(a)}export{e as a,l as b,g as c,a as d,ar as e};
-//# sourceMappingURL=chunk.STSAE2XP.js.map

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

@@ -1,7 +0,0 @@
-/**
- * @license
- * Copyright 2023 Tyler Technologies, Inc. 
- * License: Apache-2.0
- */
-import{a as k}from"./chunk.6YPD6CQM.js";import{a as X,b as Y}from"./chunk.ZYKP23JP.js";import{a as J}from"./chunk.HBAC6E7O.js";import{a as b}from"./chunk.G2HRYIIZ.js";import{a as Q}from"./chunk.USQEIRST.js";import{a as z}from"./chunk.LEVFMI2Q.js";import{g as I,h as O}from"./chunk.RLQB7224.js";import{a as j,d as q}from"./chunk.CIUPY66Y.js";import{d as $}from"./chunk.UQQQSJVM.js";import{f as H}from"./chunk.BIQTNLIF.js";import{d as R,e as M,f as B,i as U,x as K}from"./chunk.DCCFF327.js";import{b as _,d as V,h as P,j as v,n as g,p as G}from"./chunk.J2M2MXP2.js";import{a as A}from"./chunk.M3QDAYD2.js";var me={POPUP_CLASSES:"popup-classes",OPTION_LIMIT:"option-limit",OBSERVE_SCROLL:"observe-scroll",OBSERVE_SCROLL_THRESHOLD:"observe-scroll-threshold",SYNC_POPUP_WIDTH:"sync-popup-width",CONSTRAIN_POPUP_WIDTH:"constrain-popup-width",WRAP_OPTION_TEXT:"wrap-option-text",CHECKBOX_ELEMENT:"data-list-dropdown-checkbox",DATA_ALLOW_FOCUS:"data-list-dropdown-allow-focus"},he={GROUP_WRAPPER:"forge-list-dropdown__group-wrapper"},u={attributes:me,classes:he},Z={options:[],syncWidth:!1,selectedValues:[],multiple:!1},ee=(o=>(o.None="none",o.Standard="standard",o.Menu="menu",o))(ee||{}),te=(t=>(t.Spinner="spinner",t.Skeleton="skeleton",t))(te||{});var E=class{constructor(){this._listenerMap=new Map}_emit(e,t){let o=this._listenerMap.get(e);o&&o.length&&o.forEach(n=>n({type:e,data:t}))}hasListeners(e){return e?this._listenerMap.has(e):this._listenerMap.size>0}addListener(e,t){if(!this._listenerMap.has(e))this._listenerMap.set(e,[t]);else{let o=this._listenerMap.get(e);o&&o.push(t)}}removeListener(e,t){let o=this._listenerMap.get(e);o&&o.length&&o.includes(t)&&(o.splice(o.indexOf(t),1),o.length||this._listenerMap.delete(e))}};var f;(function(i){i.Up="up",i.Down="down",i.Left="left",i.Right="right"})(f||(f={}));var c;(function(i){i.Scroll="scroll",i.Scrolled="scrolled",i.ScrolledStart="scrolled-start",i.ScrolledEnd="scrolled-end"})(c||(c={}));var _e=100,w=class extends E{constructor(e,t={}){super(),this._element=e,this._config=t,this._axis="vertical",this._scrollThreshold=0,this._lastScrollPosition=0,this._lastScrollTop=0,this._lastScrollLeft=0,this._isListening=!1,this._initialize()}destroy(){this.stop()}start(){this._isListening||(this._element.addEventListener("scroll",this._scrollListener),this._isListening=!0)}stop(){this._element.removeEventListener("scroll",this._scrollListener),this._isListening=!1}_initialize(){if(this._config.throttle){let e=this._config.throttleTime||_e;this._scrollListener=G(()=>this._onScroll(),e)}else this._scrollListener=()=>this._onScroll();(!_(this._config.paused)||!this._config.paused)&&this.start(),_(this._config.axis)&&(this._axis=this._config.axis),_(this._config.scrollThreshold)&&V(this._config.scrollThreshold)&&(this._scrollThreshold=this._config.scrollThreshold)}_isScrollAxis(){let e=this._lastScrollTop!==this._element.scrollTop,t=this._lastScrollLeft!==this._element.scrollLeft;return this._axis==="vertical"&&e||this._axis==="horizontal"&&t}_onScroll(){if(!this._isScrollAxis())return;let e=this.scrollPosition,t=this._lastScrollPosition-e<0?this._axis==="vertical"?f.Down:f.Right:this._axis==="vertical"?f.Up:f.Left;this._emit(c.Scroll,{direction:t,position:e}),this._lastScrollPosition<=this._scrollThreshold&&e>this._scrollThreshold?this._emit(c.Scrolled,!0):this._lastScrollPosition>=this._scrollThreshold&&(this._scrollThreshold>0?e<this._scrollThreshold:e===0)&&this._emit(c.Scrolled,!1);let o=Math.round(e-this._scrollThreshold),n=Math.round(this.scrollSize-e);this._lastScrollPosition>=this._scrollThreshold&&o<=0?this._emit(c.ScrolledStart):this._lastScrollPosition<=this.scrollSize-this._scrollThreshold&&n<=this._scrollThreshold&&this._emit(c.ScrolledEnd),this._lastScrollPosition=e||0,this._lastScrollTop=this._element.scrollTop||0,this._lastScrollLeft=this._element.scrollLeft||0}get scrollPosition(){return this._axis==="vertical"?this._element.scrollTop:this._element.scrollLeft}get isScrolled(){return this.scrollPosition>this._scrollThreshold}get isScrolledStart(){return this.scrollPosition===0}get isScrolledEnd(){return this.scrollPosition===this._element.scrollWidth}get isScrollable(){return this._axis==="vertical"?this._element.scrollHeight>this._element.clientHeight:this._element.scrollWidth>this._element.clientWidth}get scrollSize(){return(this._axis==="vertical"?this._element.scrollHeight:this._element.scrollWidth)-this.elementSize}get elementSize(){return this._axis==="vertical"?this._element.clientHeight:this._element.clientWidth}setScrollPosition(e){this._axis==="vertical"?this._element.scrollTop=e:this._element.scrollLeft=e}};function oe(i,e){let t=fe(i,e),o=`list-dropdown-popup-${i.id}`;return t.addEventListener("mousedown",n=>{let p=z(n);if(p.find(m=>m.nodeType===1&&m.hasAttribute(u.attributes.DATA_ALLOW_FOCUS)))return;p.find(m=>m.id===o||m.id===i.id)&&n.preventDefault()}),i.id&&(t.id=o),i.popupClasses&&B(i.popupClasses,t),t}function fe(i,e){var o;let t=document.createElement("forge-popup");switch(t.targetElement=e,t.placement=i.popupPlacement||"bottom-start",t.manageFocus=!1,t.static=!!i.popupStatic,(o=i.popupFallbackPlacements)!=null&&o.length&&(t.fallbackPlacements=i.popupFallbackPlacements),i.constrainViewportWidth&&t.setAttribute(b.attributes.CONSTRAIN_VIEWPORT_WIDTH,""),i.popupOffset&&(t.offset=i.popupOffset),i.type){case"menu":t.animationType="menu";break;case"none":t.animationType="none";break;default:t.animationType="dropdown"}return t}function ne(i){let e=document.createElement(Y.elementName);switch(e.id=`list-dropdown-list-${i.id}`,e.propagateClick=!1,i.type){case"menu":e.setAttribute("role","menu"),e.setAttribute("aria-orientation","vertical");break;default:e.setAttribute("role","listbox")}return e}function y(i,e,t,o=0,n=!0){let p=ge(t||i.options),a=N(p),L=!!i.optionLimit,m=i.optionLimit||0,ae=o;for(let h of p){let x=e;if(h.builder&&typeof h.builder=="function"){let s=h.builder(h);if(s){let d=document.createElement("div");d.classList.add(u.classes.GROUP_WRAPPER),x=d,typeof s=="string"?d.innerHTML=s:s instanceof HTMLElement&&d.appendChild(s),e.appendChild(d)}}else if(h.text){let s=document.createElement("div");s.classList.add(u.classes.GROUP_WRAPPER);let d=document.createElement("div");d.textContent=h.text,d.classList.add("forge-typography--overline"),d.style.fontFamily="Roboto,sans-serif",d.style.fontSize="0.75rem",d.style.lineHeight="2rem",d.style.letterSpacing="0.16667em",d.style.fontWeight="500",d.style.margin="4px 8px",x=s,s.appendChild(d),e.appendChild(s)}for(let s of h.options){if(s.divider){let r=ve();e.appendChild(r);continue}if(L&&--m<0)break;let d=i.selectedValues?i.selectedValues.some(r=>g(r,s.value)):!1;if(!n&&d)continue;let l=document.createElement("forge-list-item");if(l.value=s.value,l.id=`list-dropdown-option-${i.id}-${ae++}`,i.wrapOptionText&&(l.wrap=!0),s.optionClass&&(typeof s.optionClass=="string"||Array.isArray(s.optionClass)&&s.optionClass.length)&&B(s.optionClass,l),i.dense&&(l.dense=!0),i.optionBuilder&&typeof i.optionBuilder=="function"){let r=i.optionBuilder(s,l);r&&(typeof r=="string"?l.innerHTML=r:l.appendChild(r))}else if(typeof i.transform!="function")l.textContent=s.label||"";else{let r=i.transform(s.label);typeof r=="string"?l.textContent=r:typeof r=="object"&&r.nodeType!==void 0&&l.appendChild(r)}if(s.secondaryLabel){let r=document.createElement("span");r.slot="subtitle",r.textContent=s.secondaryLabel,l.twoLine=!0,l.appendChild(r)}if(i.multiple){let r=C(d);l.appendChild(r),l.setAttribute("aria-selected",`${d}`),l.setAttribute("aria-checked",`${d}`)}if(s.elementAttributes&&s.elementAttributes.forEach((r,F)=>{l.setAttribute(F,r)}),s.leadingBuilder){let r=s.leadingBuilder();v(r)&&(r.slot="leading",l.appendChild(r))}else if(s.leadingIcon){let r=ie(s.leadingIconType,s.leadingIcon,s.leadingIconClass||i.iconClass,s.leadingIconComponentProps);r.slot="leading",l.appendChild(r)}if(s.trailingBuilder){let r=s.trailingBuilder();v(r)&&(r.slot="trailing",l.appendChild(r))}else if(s.trailingIcon){let r=ie(s.trailingIconType,s.trailingIcon,s.trailingIconClass||i.iconClass,s.trailingIconComponentProps);r.slot="trailing",l.appendChild(r)}if(s.disabled?(l.disabled=s.disabled,l.setAttribute("aria-disabled","true")):l.setAttribute("aria-disabled","false"),d&&(l.selected=!0),l.setAttribute("aria-selected",d?"true":"false"),!s.disabled&&typeof i.cascadingElementFactory=="function"&&Array.isArray(s.options)&&s.options.length){let r=document.createElement("forge-icon");r.name="arrow_right",r.slot="trailing",l.appendChild(r);let ce={index:a.filter(ue=>!ue.divider).indexOf(s),options:s.options,parentValue:s.value},W=i.cascadingElementFactory.call(null,ce);W.appendChild(l),l=W}x.appendChild(l)}}}function C(i){let e=document.createElement("forge-icon");return e.setAttribute(u.attributes.CHECKBOX_ELEMENT,""),e.name=i?O.name:I.name,e.slot="leading",e.style.marginRight="16px",e.style.verticalAlign="middle",e}function ve(){let i=document.createElement("forge-divider");return i.setAttribute("aria-hidden","true"),i}function ie(i="font",e,t,o){if(i==="component"){let p=document.createElement("forge-icon");return t&&p.classList.add(t),p.setAttribute("aria-hidden","true"),p.name=e,o&&Object.assign(p,o),p}let n=document.createElement("i");return n.classList.add(t||$),n.setAttribute("aria-hidden","true"),n.textContent=e,n}function se(i){switch(i){case"skeleton":return Le();default:return be()}}function be(){let i=document.createElement("div");i.style.display="flex",i.style.justifyContent="center",i.style.alignItems="center",i.style.padding="8px",i.style.boxSizing="border-box";let e=document.createElement("forge-circular-progress");return e.style.setProperty("--forge-circular-progress-size","24px"),i.appendChild(e),i}function Le(){let i=document.createElement("forge-list"),e=document.createElement("div");e.style.minWidth="192px";for(let t=0;t<3;t++){let o=document.createElement(Q.elementName);o.setAttribute("list-item",""),e.appendChild(o)}return i.appendChild(e),i}function re(){let i=document.createElement(J.elementName);return i.determinate=!1,i.style.position="absolute",i.style.top="0",i.style.left="0",i.style.right="0",i.style.width="100%",i}function ge(i){return le(i,1)?i:[{text:"",options:i}]}function le(i,e){let t=i.some(n=>_(n)&&v(n)&&n.hasOwnProperty("options")&&(n.hasOwnProperty("text")||n.hasOwnProperty("builder"))),o=i.some(n=>_(n)&&v(n)&&n.hasOwnProperty("label")&&n.hasOwnProperty("value"));return t&&e===1||o&&e===0}function N(i){return le(i,1)?i.reduce((t,o)=>t.concat(o.options),[]):[...i]}var S=class{constructor(e,t){this._adapter=e;this._open=!1;this._config=Object.assign(A({},Z),A({},t)),this._selectListener=(o,n)=>this._onSelect(o,n),this._closeListener=()=>{typeof this._config.closeCallback=="function"&&this._config.closeCallback()},this._scrollEndListener=()=>{this._config.observeScroll&&typeof this._config.scrollEndListener=="function"&&this._config.scrollEndListener()}}destroy(){this._open&&this.close()}open(){this._open||(this._open=!0,this._adapter.open(this._config,this._selectListener,this._closeListener),window.requestAnimationFrame(()=>{this._open&&this.activateInitialOption()}),this._config.observeScroll&&this._config.scrollEndListener&&this._adapter.setScrollBottomListener(this._scrollEndListener,this._config.observeScrollThreshold||0))}close(){this._open&&(this._open=!1,this._adapter.close(),this._config.observeScroll&&this._config.scrollEndListener&&this._adapter.removeScrollBottomListener(this._scrollEndListener))}_onSelect(e,t){if(typeof this._config.activeChangeCallback=="function"&&this._config.activeChangeCallback(t),typeof this._config.selectCallback=="function"&&this._config.selectCallback(e),this._open){let o=this._config.syncWidth===void 0;this._adapter.syncWidth(o)}}getActiveOptionIndex(){return this._adapter.getActiveOptionIndex()}getActiveOption(){let e=this.getActiveOptionIndex();return e>=0?this._nonDividerOptions[e]:void 0}toggleOptionMultiple(e,t){return this._adapter.toggleOptionMultiple(e,t)}activateSelectedOption(){this._adapter.activateSelectedOption(this._config)}activateFirstOption(){let e=this._nonDividerOptions.findIndex(t=>!t.disabled);return e!==-1&&this.activateOption(e),e}activateLastOption(){let e=this._nonDividerOptions,t=e.length-1-e.findIndex(o=>!o.disabled);return t!==-1&&this.activateOption(t),t}activateOption(e,t){return this._adapter.activateOption(e,this._config.activeChangeCallback,t)}activateInitialOption(){typeof this._config.activeStartIndex=="number"&&this._nonDividerOptions[this._config.activeStartIndex]?(this.activateOption(this._config.activeStartIndex,!1),this._adapter.scrollSelectedOptionIntoView(!1)):this._config.selectedValues&&this._config.selectedValues.length?this._adapter.scrollSelectedOptionIntoView(!1):typeof this._config.visibleStartIndex=="number"&&this._nonDividerOptions[this._config.visibleStartIndex]&&this._adapter.scrollOptionIntoView(this._config.visibleStartIndex)}setSelectedValues(e){Array.isArray(e)||(e=[e]),!this._config.multiple&&e.length>1&&(e=[e[0]]),this._config.selectedValues=e,this._adapter.setSelectedValues(e,this._config.multiple)}clearActiveOption(){this._adapter.clearActiveOption()}setOptions(e){this._config.options=e,this._open&&(this._adapter.setOptions(this._config),this.activateInitialOption())}appendOptions(e){this._config.options=[...this._config.options,...e],this._open&&this._adapter.appendOptions(e,this._config)}get dropdownElement(){return this._adapter.dropdownElement}scrollSelectedOptionIntoView(e=!0){this._adapter.scrollSelectedOptionIntoView(e)}setScrollBottomListener(e,t){this._config.scrollEndListener=e,this._config.observeScroll=!0,this._config.observeScrollThreshold=t,this._adapter.setScrollBottomListener(this._scrollEndListener,this._config.observeScrollThreshold||0)}removeScrollBottomListener(){this._config.scrollEndListener=void 0,this._adapter.removeScrollBottomListener(this._scrollEndListener)}setBusyVisibility(e){this._config.allowBusy&&this._adapter.setBusyVisibility(e)}handleKey(e){switch(e){case"Enter":case"NumpadEnter":let t=this.getActiveOptionIndex(),o=this._nonDividerOptions[t];if(this._canSelectOption(o)){let a=this._adapter.getActiveOptionIdByIndex(t);a&&this._onSelect(o.value,a)}break;case"Up":case"ArrowUp":case"Down":case"ArrowDown":let n=this._nonDividerOptions;if(n.length&&n.every(a=>!this._canSelectOption(a)))return;let p=this._getNextActiveOptionIndex(e);this.activateOption(p);break;case"Home":this.activateFirstOption();break;case"End":this.activateLastOption();break}}_canSelectOption(e){return e&&!e.disabled&&!e.divider}_getNextActiveOptionIndex(e){let t=this._adapter.getActiveOptionIndex();return t===-1&&(t=this._adapter.getSelectedOptionIndex()),e==="ArrowUp"||e==="Up"?this._getPreviousHighlightableOptionIndex(t,this._nonDividerOptions):this._getNextHighlightableOptionIndex(t,this._nonDividerOptions)}_getPreviousHighlightableOptionIndex(e,t){let o=e<=0?t.length-1:e-1;return t[o].disabled?this._getPreviousHighlightableOptionIndex(o,t):o}_getNextHighlightableOptionIndex(e,t){let o=e===t.length-1?0:e+1;return t[o].disabled?this._getNextHighlightableOptionIndex(o,t):o}get _flatOptions(){return N(this._config.options)}get _nonDividerOptions(){return this._flatOptions.filter(e=>!e.divider)}};var D=class{constructor(e){this._targetElement=e}get dropdownElement(){return this._dropdownElement}open(e,t,o){this._dropdownElement=oe(e,this._targetElement),this.syncWidth(!!e.syncWidth,e.targetWidthCallback),e.allowBusy&&(this._busyElement=re(),this._busyElement.style.display="none",this._dropdownElement.appendChild(this._busyElement)),e.headerBuilder&&(this._headerElement=e.headerBuilder(),this._headerElement&&this._headerElement.setAttribute(u.attributes.DATA_ALLOW_FOCUS,"")),e.footerBuilder&&(this._footerElement=e.footerBuilder(),this._footerElement&&this._footerElement.setAttribute(u.attributes.DATA_ALLOW_FOCUS,"")),this._listElement=ne(e),this._listElement.addEventListener("forge-list-item-select",n=>{n.detail.listItem.setAttribute("aria-selected","true"),t(n.detail.value,n.detail.listItem.id)}),e.options.length?(y(e,this._listElement),this._dropdownElement.appendChild(this._listElement),this._headerElement&&this._dropdownElement.insertAdjacentElement("afterbegin",this._headerElement),this._footerElement&&this._dropdownElement.appendChild(this._footerElement)):e.allowBusy&&(this._asyncElement=se(e.asyncStyle),this._dropdownElement.appendChild(this._asyncElement)),this._announcerElement=k(),this._announcerElement.id=`${e.id}-activedescendant`,this._dropdownElement.appendChild(this._announcerElement),this._dropdownElement.open=!0}close(){this._dropdownElement&&(this._dropdownElement.open=!1,this._dropdownElement=void 0,this._listElement=void 0,this._announcerElement=void 0)}setScrollBottomListener(e,t){if(this._dropdownElement&&!this._scrollObserver){let o=H(this._dropdownElement,b.selectors.CONTAINER),n={scrollThreshold:t};this._scrollObserver=new w(o,n),this._scrollObserver.addListener(c.ScrolledEnd,e)}}removeScrollBottomListener(e){this._scrollObserver&&this._scrollObserver.removeListener(c.ScrolledEnd,e)}getActiveOptionIndex(){if(!this._dropdownElement)return-1;let e=this._getListItemElements(),t=[...e].reverse().find(o=>o.active);return t?e.indexOf(t):-1}getSelectedOptionIndex(){return this._getListItemElements().findIndex(t=>t.selected)}getActiveOptionIdByIndex(e){if(!this._dropdownElement)return null;let o=this._getListItemElements()[e];return o?o.id:null}toggleOptionMultiple(e,t){if(!this._dropdownElement)return;let o=this._getListItemElements();o.length&&o[e]&&this._toggleSelectedOption(o[e],t)}scrollOptionIntoView(e,t=!0){let o=this._getListItemElements()[e];o&&this._scrollListItemIntoView(o,t?"smooth":"auto","center")}scrollSelectedOptionIntoView(e=!0){let t=this._getSelectedListItem();this._scrollListItemIntoView(t,e?"smooth":"auto","center")}activateSelectedOption(e){let t=this._getListItemElements();t.length&&t.filter(p=>p.active).forEach(p=>p.active=!1);let o=this._getSelectedListItem();o&&this._activateListOption(o,e.activeChangeCallback)}activateOption(e,t,o=!0){if(!this._dropdownElement)return;let n=this._getListItemElements();n.length&&(n.filter(a=>a.active).forEach(a=>a.active=!1),this._activateListOption(n[e],t),this._scrollListItemIntoView(n[e],o?"smooth":"auto"))}setSelectedValues(e,t=!1){if(!this._dropdownElement)return;let o=this._getListItemElements();for(let n of o){let p=e.some(a=>g(a,n.value));if(n.selected=p,t){let a=n.querySelector(`[${u.attributes.CHECKBOX_ELEMENT}]`);if(a){let L=C(p);M(L,a)}}}}clearActiveOption(){this._getListItemElements().forEach(t=>t.active=!1)}syncWidth(e,t){this._dropdownElement&&(this._dropdownElement.style[e?"width":"minWidth"]=`${this._getTargetElementWidth(t)}px`)}setOptions(e){!this._dropdownElement||!this._listElement||(this._asyncElement&&this._asyncElement.isConnected&&U(this._asyncElement),this._busyElement&&(this._busyElement.style.display="none"),this._listElement.isConnected||this._dropdownElement.appendChild(this._listElement),R(this._listElement),y(e,this._listElement),this._headerElement&&!this._headerElement.isConnected&&this._dropdownElement.insertAdjacentElement("afterbegin",this._headerElement),this._footerElement&&!this._footerElement.isConnected&&this._dropdownElement.insertAdjacentElement("beforeend",this._footerElement),"position"in this._dropdownElement&&typeof this._dropdownElement.position=="function"&&this._dropdownElement.position())}appendOptions(e,t){!this._dropdownElement||!this._listElement||y(t,this._listElement,e,this._listElement.childElementCount,!1)}setBusyVisibility(e){this._dropdownElement&&(e?this._busyElement.style.removeProperty("display"):this._busyElement.style.display="none")}getScreenWidth(){return window.innerWidth}_getListItemElements(){return this._dropdownElement?Array.from(this._dropdownElement.querySelectorAll(X.elementName)):[]}_toggleSelectedOption(e,t){if(!this._dropdownElement)return;let o=this._getListItemElements();o.length&&o.filter(a=>a!==e&&a.active).forEach(a=>a.active=!1),e.selected=t,e.setAttribute("aria-selected",`${t}`),e.setAttribute("aria-checked",`${t}`);let n=e.querySelector(`${j.elementName}[slot=leading]`);if(n){let p=C(t);M(p,n)}}_getTargetElementWidth(e){return e&&P(e)?e():this._targetElement.getBoundingClientRect().width}_activateListOption(e,t){e&&!e.disabled&&(e.active=!0,t&&P(t)&&t(e.id))}_scrollListItemIntoView(e,t="auto",o="nearest"){if(e&&this._dropdownElement&&this._dropdownElement.isConnected){let n=H(this._dropdownElement,b.selectors.CONTAINER);n&&K(n,e,t,o)}}_getSelectedListItem(){return this._getListItemElements().find(t=>t.selected)}};var pe=class{constructor(e,t){this._targetElement=e;q.define([O,I]),this._foundation=new S(new D(this._targetElement),t)}destroy(){this._foundation.destroy()}open(){this._foundation.open()}close(){this._foundation.close()}getActiveOptionIndex(){return this._foundation.getActiveOptionIndex()}getActiveOption(){return this._foundation.getActiveOption()}toggleOptionMultiple(e,t){return this._foundation.toggleOptionMultiple(e,t)}activateSelectedOption(){this._foundation.activateSelectedOption()}activateFirstOption(){return this._foundation.activateFirstOption()}activateOption(e){return this._foundation.activateOption(e)}activateInitialOption(){return this._foundation.activateInitialOption()}clearActiveOption(){this._foundation.clearActiveOption()}setSelectedValues(e){return this._foundation.setSelectedValues(e)}get dropdownElement(){return this._foundation.dropdownElement}setOptions(e){this._foundation.setOptions(e)}appendOptions(e){this._foundation.appendOptions(e)}scrollSelectedOptionIntoView(e){this._foundation.scrollSelectedOptionIntoView()}setScrollBottomListener(e,t){this._foundation.setScrollBottomListener(e,t)}removeScrollBottomListener(){this._foundation.removeScrollBottomListener()}setBusyVisibility(e){this._foundation.setBusyVisibility(e)}handleKey(e){this._foundation.handleKey(e)}};var T=class{constructor(){this._popupClasses=[];this._syncPopupWidth=!1;this._optionLimit=0;this._observeScroll=!1;this._observeScrollThreshold=0;this._constrainPopupWidth=!0;this._wrapOptionText=!1}get syncPopupWidth(){return this._syncPopupWidth}set syncPopupWidth(e){this._syncPopupWidth=e}get popupClasses(){return this._popupClasses}set popupClasses(e){typeof e=="string"&&(e=[e]),Array.isArray(e)&&(this._popupClasses=e)}get observeScroll(){return this._observeScroll}set observeScroll(e){this._observeScroll=e}get observeScrollThreshold(){return this._observeScrollThreshold}set observeScrollThreshold(e){this._observeScrollThreshold=e}get optionLimit(){return this._optionLimit}set optionLimit(e){this._optionLimit=e}get popupHeaderBuilder(){return this._popupHeaderBuilder}set popupHeaderBuilder(e){this._popupHeaderBuilder=e}get popupFooterBuilder(){return this._popupFooterBuilder}set popupFooterBuilder(e){this._popupFooterBuilder=e}get constrainPopupWidth(){return this._constrainPopupWidth}set constrainPopupWidth(e){this._constrainPopupWidth=e}get wrapOptionText(){return this._wrapOptionText}set wrapOptionText(e){this._wrapOptionText=e}_applySelection(){}};var de=class extends T{constructor(t){super();this._config=t;this._open=!1;this._options=[];this._childOpen=!1;this._popupHasMouse=!1;this._targetMouseEnterListener=o=>this._onTargetMouseEnter(o),this._targetMouseLeaveListener=o=>this._onTargetMouseLeave(o),this._childPopupMouseEnterListener=()=>this._onChildPopupMouseEnter(),this._childPopupMouseLeaveListener=()=>this._onChildPopupMouseLeave(),this._documentMouseMoveListener=o=>this._mouseCoords={x:o.pageX,y:o.pageY}}_onChildPopupMouseEnter(){this._popupHasMouse=!0}_onChildPopupMouseLeave(){this._popupHasMouse=!1,setTimeout(()=>{let t=document.elementFromPoint(this._mouseCoords.x,this._mouseCoords.y);!this._popupHasMouse&&!this._childOpen&&(!t||!this._isOwnElement(t))&&(this._setCascadeTargetInactive(),this._closeDropdown())},this._config.popupTimeout)}_onTargetMouseEnter(t){this._options.length&&this._openDropdown({fromKeyboard:!1})}_onTargetMouseLeave(t){this._activeMouseLeaveTimeout=window.setTimeout(()=>{if(!(!this._open||this._childOpen)){if(this._mouseCoords){let o=document.elementFromPoint(this._mouseCoords.x,this._mouseCoords.y);if(o&&this._isOwnElement(o))return}this._setCascadeTargetInactive(),this._closeDropdown()}},this._config.targetTimeout)}_clearMouseLeaveTimeout(){this._activeMouseLeaveTimeout!==void 0&&window.clearTimeout(this._activeMouseLeaveTimeout)}};export{u as a,Z as b,ee as c,te as d,le as e,S as f,D as g,pe as h,T as i,de as j};
-//# sourceMappingURL=chunk.SWKKDBO6.js.map