@tylertech/forge 2.13.2 → 2.14.0-dev.0

package/dist/esm/chunks/chunk.7R6TYPPS.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/autocomplete/autocomplete-constants.ts", "../../src/autocomplete/autocomplete-adapter.ts", "../../src/autocomplete/autocomplete-utils.ts", "../../src/autocomplete/autocomplete-foundation.ts", "../../src/autocomplete/autocomplete.ts", "../../src/autocomplete/autocomplete-component-delegate.ts", "../../src/autocomplete/index.ts"],
-  "sourcesContent": ["import { COMPONENT_NAME_PREFIX, KEYSTROKE_DEBOUNCE_THRESHOLD } from '../constants';\nimport { IOption } from '../select';\nimport { IListItemComponent } from '../list';\nimport { IListDropdownConfig } from '../list-dropdown';\nimport { IPopupPosition } from '../popup';\nimport { FIELD_CONSTANTS } from '../field/field-constants';\n\nconst elementName: keyof HTMLElementTagNameMap = `${COMPONENT_NAME_PREFIX}autocomplete`;\n\nconst attributes = {\n  MODE: 'mode',\n  MULTIPLE: 'multiple',\n  DEBOUNCE: 'debounce',\n  FILTER_ON_FOCUS: 'filter-on-focus',\n  ALLOW_UNMATCHED: 'allow-unmatched',\n  POPUP_TARGET: 'popup-target',\n  POPUP_CLASSES: 'popup-classes',\n  OPTION_LIMIT: 'option-limit',\n  OBSERVE_SCROLL: 'observe-scroll',\n  OBSERVE_SCROLL_THRESHOLD: 'observe-scroll-threshold',\n  SYNC_POPUP_WIDTH: 'sync-popup-width',\n  OPEN: 'open',\n  MATCH_KEY: 'match-key',\n  DROPDOWN_ICON_OPEN: 'data-forge-dropdown-icon-open'\n};\n\nconst selectors = {\n  INPUT: FIELD_CONSTANTS.selectors.INPUT,\n  DROPDOWN_ICON: '[data-forge-dropdown-icon],[data-forge-dropdown-icon],[forge-dropdown-icon],.forge-dropdown-icon',\n  CLEAR_BUTTON: '[data-forge-autocomplete-clear],[forge-autocomplete-clear]'\n};\n\nconst numbers = {\n  DEFAULT_DEBOUNCE_TIME: KEYSTROKE_DEBOUNCE_THRESHOLD,\n  NUM_SKELETON_ITEMS: 3\n};\n\nconst events = {\n  CHANGE: `${elementName}-change`,\n  SELECT: `${elementName}-select`,\n  SCROLLED_BOTTOM: `${elementName}-scrolled-bottom`\n};\n\nexport const AUTOCOMPLETE_CONSTANTS = {\n  elementName,\n  attributes,\n  selectors,\n  numbers,\n  events\n};\n\nexport type AutocompleteOptionBuilder<T = any> = (option: IOption<T>, filterText: string, parentElement: IListItemComponent) => HTMLElement;\nexport type AutocompleteOptionGroupBuilder<T = any> = (option: IAutocompleteOptionGroup<T>) => HTMLElement;\nexport type AutocompleteFilterCallback<T = any> = (filterText: string, value: T | null) => Array<IOption<T>> | IAutocompleteOptionGroup[] | Promise<Array<IOption<T>> | IAutocompleteOptionGroup[]>;\nexport type AutocompleteSelectedTextBuilder<T = any> = (selectedOptions: Array<IOption<T>>) => string;\n\nexport enum AutocompleteMode {\n  Default = 'default',\n  Stateless = 'stateless'\n}\n\nexport interface IAutocompleteOptionGroup<T = any> {\n  text?: string;\n  builder?: AutocompleteOptionGroupBuilder;\n  options: Array<IOption<T>>;\n}\n\nexport interface IAutocompletePopupConfiguration {\n  filterText: string;\n  popupTarget: string;\n  dropdownConfig: IListDropdownConfig;\n  popupClasses: string[];\n  popupOffset: IPopupPosition;\n  syncPopupWidth: boolean;\n  listener: (value: string) => void;\n  scrollEndListener: () => void;\n}\n\nexport interface IAutocompleteSelectEventData {\n  value: any;\n}\n", "import { getShadowElement, deepQuerySelectorAll, getActiveElement, toggleAttribute } from '@tylertech/forge-core';\nimport { BaseAdapter, IBaseAdapter } from '../core/base/base-adapter';\nimport { IOption } from '../select';\nimport { IAutocompleteComponent } from './autocomplete';\nimport { AUTOCOMPLETE_CONSTANTS, IAutocompleteOptionGroup } from './autocomplete-constants';\nimport { TEXT_FIELD_CONSTANTS } from '../text-field';\nimport { IListDropdown, IListDropdownConfig, ListDropdown } from '../list-dropdown';\nimport { CHIP_FIELD_CONSTANTS } from '../chip-field';\nimport { IPopupComponent, POPUP_CONSTANTS } from '../popup';\n\nexport interface IAutocompleteAdapter extends IBaseAdapter {\n  setInputElement(): HTMLInputElement;\n  setInputAttribute(name: string, value: string): void;\n  addInputListener(type: string, listener: (evt: Event) => void): void;\n  removeInputListener(type: string, listener: (evt: Event) => void): void;\n  intializeInputAccessibility(identifier: string): void;\n  isWrappingChipField(): boolean;\n  show(config: IListDropdownConfig, popupTarget: string): void;\n  hide(listener: () => void): void;\n  focus(): void;\n  setOptions(options: IOption[] | IAutocompleteOptionGroup[]): void;\n  appendOptions(options: IOption[] | IAutocompleteOptionGroup[]): void;\n  setSelectedText(value: string): void;\n  getInputValue(): string;\n  selectInputValue(): void;\n  setDismissListener(listener: () => void): void;\n  toggleOptionMultiple(index: number, selected: boolean): void;\n  isFocusWithinPopup(target: HTMLElement): boolean;\n  hasFocus(): boolean;\n  hasInputElement(): boolean;\n  setDropdownIconListener(type: string, listener: EventListener): void;\n  removeDropdownIconListener(type: string, listener: EventListener): void;\n  setClearButtonListener(type: string, listener: EventListener): void;\n  removeClearButtonListener(type: string, listener: EventListener): void;\n  getPopupElement(): HTMLElement | null;\n  propagateKey(key: string): void;\n  updateActiveDescendant(id: string): void;\n  getTargetElementWidth(selector: string): number;\n  activateFirstOption(): void;\n  activateSelectedOption(): void;\n  activateOptionByIndex(value: number): void;\n  setBusyVisibility(busy: boolean): void;\n  getActiveOptionIndex(): number | null;\n  clearActiveOption(): void;\n  setSelectedOptions(options: IOption[]): void;\n  queueDropdownPositionUpdate(): void;\n}\n\n/**\n * The DOM adapter for the `<forge-autocomplete>` element.\n */\nexport class AutocompleteAdapter extends BaseAdapter<IAutocompleteComponent> implements IAutocompleteAdapter {\n  private _inputElement: HTMLInputElement;\n  private _listDropdown?: IListDropdown;\n  private _targetElement?: HTMLElement;\n  \n  constructor(component: IAutocompleteComponent) {\n    super(component);\n    this.setInputElement();\n  }\n\n  public setInputElement(): HTMLInputElement {\n    const inputElements = deepQuerySelectorAll(this._component, AUTOCOMPLETE_CONSTANTS.selectors.INPUT, false);\n    if (inputElements.length) {\n      this._inputElement = inputElements[0] as HTMLInputElement;\n    }\n    return this._inputElement;\n  }\n\n  public setInputAttribute(name: string, value: string): void {\n    this._inputElement.setAttribute(name, value);\n  }\n\n  public addInputListener(type: string, listener: (evt: Event) => void): void {\n    this._inputElement.addEventListener(type, listener);\n  }\n\n  public removeInputListener(type: string, listener: (evt: Event) => void): void {\n    this._inputElement.removeEventListener(type, listener);\n  }\n\n  public intializeInputAccessibility(identifier: string): void {\n    this._inputElement.setAttribute('autocomplete', 'off');\n    this._inputElement.setAttribute('role', 'combobox');\n    this._inputElement.setAttribute('aria-live', 'polite');\n    this._inputElement.setAttribute('aria-atomic', 'true');\n    this._inputElement.setAttribute('aria-haspopup', 'true');\n    this._inputElement.setAttribute('aria-expanded', 'false');\n    this._inputElement.setAttribute('aria-autocomplete', 'list');\n  }\n\n  public isWrappingChipField(): boolean {\n    return !!this._component.querySelector(CHIP_FIELD_CONSTANTS.elementName);\n  }\n\n  public show(config: IListDropdownConfig, popupTarget: string): void {\n    this._targetElement = this._getTargetElement(popupTarget);\n    if (!this._targetElement) {\n      return;\n    }\n    this._listDropdown = new ListDropdown(this._targetElement, config);\n    this._listDropdown.open();\n    this._inputElement.setAttribute('aria-expanded', 'true');\n    this._inputElement.setAttribute('aria-controls', `list-dropdown-popup-${config.id}`);\n    this._tryToggleDropdownIconRotation(true);\n  }\n\n  public hide(listener: () => void): void {\n    if (!this._listDropdown) {\n      return;\n    }\n    const { targetElement } = this._listDropdown.dropdownElement as IPopupComponent;\n    targetElement.removeEventListener(POPUP_CONSTANTS.events.BLUR, listener);\n    this.setBusyVisibility(false);\n    this._tryToggleDropdownIconRotation(false);\n    this._inputElement.removeAttribute('aria-activedescendant');\n    this._inputElement.removeAttribute('aria-controls');\n    this._inputElement.setAttribute('aria-expanded', 'false');\n    this._listDropdown.close();\n    this._listDropdown = undefined;\n  }\n\n\n  public setBusyVisibility(isVisible: boolean): void {\n    this._listDropdown?.setBusyVisibility(isVisible);\n  }\n\n  public toggleOptionMultiple(index: number, selected: boolean): void {\n    this._listDropdown?.toggleOptionMultiple(index, selected);\n  }\n\n  public setDismissListener(listener: () => void): void {\n    if (!this._listDropdown || !this._listDropdown.dropdownElement) {\n      return;\n    }\n    const dropdownElement = this._listDropdown.dropdownElement as IPopupComponent;\n    if (dropdownElement.targetElement) {\n      dropdownElement.targetElement.addEventListener(POPUP_CONSTANTS.events.BLUR, listener);\n    }\n  }\n\n  public focus(): void {\n    window.requestAnimationFrame(() => this._inputElement.focus());\n  }\n\n  public setOptions(options: IOption[] | IAutocompleteOptionGroup[]): void {\n    this._listDropdown?.setOptions(options);\n  }\n\n  public appendOptions(options: IOption[] | IAutocompleteOptionGroup[]): void {\n    this._listDropdown?.appendOptions(options);\n  }\n\n  public setSelectedText(value: string): void {\n    this._inputElement.value = value;\n  }\n\n  public getInputValue(): string {\n    return this._inputElement.value;\n  }\n\n  public selectInputValue(): void {\n    window.requestAnimationFrame(() => this._inputElement.select());\n  }\n\n  public isFocusWithinPopup(target: HTMLElement): boolean {\n    if (!this._listDropdown || !this._listDropdown.dropdownElement) {\n      return false;\n    }\n    return this._listDropdown.dropdownElement.contains(target);\n  }\n\n  public hasFocus(): boolean {\n    const activeElement = getActiveElement() as HTMLElement;\n    return activeElement === this._inputElement || this.isFocusWithinPopup(activeElement);\n  }\n\n  public hasInputElement(): boolean {\n    return !!this._inputElement;\n  }\n\n  public setDropdownIconListener(type: string, listener: EventListener): void {\n    window.requestAnimationFrame(() => {\n      const dropdownIcon = this._component.querySelector(AUTOCOMPLETE_CONSTANTS.selectors.DROPDOWN_ICON);\n      if (dropdownIcon) {\n        dropdownIcon.addEventListener(type, listener);\n      }\n    });\n  }\n\n  public removeDropdownIconListener(type: string, listener: EventListener): void {\n    const dropdownIcon = this._component.querySelector(AUTOCOMPLETE_CONSTANTS.selectors.DROPDOWN_ICON);\n    if (dropdownIcon) {\n      dropdownIcon.removeEventListener(type, listener);\n    }\n  }\n\n  public setClearButtonListener(type: string, listener: EventListener): void {\n    window.requestAnimationFrame(() => {\n      const clearButton = this._component.querySelector(AUTOCOMPLETE_CONSTANTS.selectors.CLEAR_BUTTON);\n      if (clearButton) {\n        clearButton.addEventListener(type, listener);\n      }\n    });\n  }\n\n  public removeClearButtonListener(type: string, listener: EventListener): void {\n    const clearButton = this._component.querySelector(AUTOCOMPLETE_CONSTANTS.selectors.CLEAR_BUTTON);\n    if (clearButton) {\n      clearButton.removeEventListener(type, listener);\n    }\n  }\n\n  public propagateKey(key: string): void {\n    this._listDropdown?.handleKey(key);\n  }\n\n  public updateActiveDescendant(id: string): void {\n    if (!this._targetElement) {\n      return;\n    }\n    toggleAttribute(this._inputElement, !!id, 'aria-activedescendant', id);\n  }\n\n  public getTargetElementWidth(selector: string): number {\n    if (!this._targetElement) {\n      this._targetElement = this._getTargetElement(selector);\n    }\n    return this._targetElement.getBoundingClientRect().width;\n  }\n\n  public getPopupElement(): HTMLElement | null {\n    return this._listDropdown?.dropdownElement ?? null;\n  }\n\n  public activateFirstOption(): void {\n    this._listDropdown?.activateFirstOption();\n  }\n\n  public activateSelectedOption(): void {\n    this._listDropdown?.activateSelectedOption();\n  }\n\n  public activateOptionByIndex(value: number): void {\n    this._listDropdown?.activateOption(value);\n  }\n\n  public getActiveOptionIndex(): number | null {\n    return this._listDropdown?.getActiveOptionIndex() ?? null;\n  }\n\n  public clearActiveOption(): void {\n    this._listDropdown?.clearActiveOption();\n  }\n\n  public setSelectedOptions(options: IOption[]): void {\n    if (this._listDropdown) {\n      const values = options.map(o => o.value);\n      this._listDropdown.setSelectedValues(values);\n    }\n  }\n\n  public queueDropdownPositionUpdate(): void {\n    if (!this.getPopupElement()) {\n      return;\n    }\n    // We need to wait for the next animation frame to ensure that the layout has been updated\n    window.requestAnimationFrame(() => {\n      const dropdownEl = this.getPopupElement() as IPopupComponent | undefined;\n      dropdownEl?.position();\n    });\n  }\n\n  private _getTargetElement(selector?: string): HTMLElement {\n    return selector ? this._component.querySelector(selector) || this._getDefaultTargetElement() : this._getDefaultTargetElement();\n  }\n\n  private _getDefaultTargetElement(): HTMLElement {\n    // This component is often used with the text-field, if so, let's target our popup around one if its internal elements for proper alignnment\n    const textField = this._component.querySelector('forge-text-field');\n    if (textField && textField.shadowRoot) {\n      const textFieldRoot = getShadowElement(textField, TEXT_FIELD_CONSTANTS.selectors.ROOT) as HTMLElement;\n      if (textFieldRoot) {\n        return textFieldRoot;\n      }\n    }\n\n    // This component is often used with the chip-field, if so, let's target our popup around one if its internal elements for proper alignnment\n    const chipField = this._component.querySelector('forge-chip-field');\n    if (chipField && chipField.shadowRoot) {\n      const chipFieldRoot = getShadowElement(chipField, CHIP_FIELD_CONSTANTS.selectors.ROOT) as HTMLElement;\n      if (chipFieldRoot) {\n        return chipFieldRoot;\n      }\n    }\n\n    return this._component.querySelector('input') || this._component;\n  }\n\n  private _tryToggleDropdownIconRotation(state: boolean): void {\n    const dropdownIcon = this._component.querySelector(AUTOCOMPLETE_CONSTANTS.selectors.DROPDOWN_ICON) as HTMLElement;\n    if (dropdownIcon) {\n      toggleAttribute(dropdownIcon, state, AUTOCOMPLETE_CONSTANTS.attributes.DROPDOWN_ICON_OPEN);\n    }\n  }\n}\n", "import { IOption } from '../select';\nimport { IAutocompleteOptionGroup } from './autocomplete-constants';\nimport { isDefined, isObject, isDeepEqual } from '@tylertech/forge-core';\n\n/** The available option types. */\nexport enum OptionType { Option, Group }\n\n/**\n * Determines if the provided options are of the specified type.\n * @param options The options either grouped or individual.\n * @param type The type of option to detect.\n */\nexport function isOptionType(options: IOption[] | IAutocompleteOptionGroup[], type: OptionType): boolean {\n  const isOptionGroups = options.some((o: IOption | IAutocompleteOptionGroup) => isDefined(o) && isObject(o) && o.hasOwnProperty('options') && (o.hasOwnProperty('text') || o.hasOwnProperty('builder')));\n  const isOptionTypes = options.some((o: IOption | IAutocompleteOptionGroup) => isDefined(o) && isObject(o) && o.hasOwnProperty('label') && o.hasOwnProperty('value'));\n  return (isOptionGroups && type === OptionType.Group) || (isOptionTypes && type === OptionType.Option);\n}\n\n/** A utility function to find the matching option in the provided options by the value provided. */\nexport function getSelectedOption(options: IOption[], value: string): IOption | undefined {\n  return options.find(o => o.value === value);\n}\n\n/** A predicate function that will determine if an option value is equal regardless of primitive type or complex object type. */\nexport function optionEqualPredicate(option: IOption, value: any, property: string | null = null): boolean {\n  if (property) {\n    if (!(property in option.value) || !(property in value)) {\n      return false;\n    }\n    return isDeepEqual(option.value[property], value[property]);\n  }\n  return isDeepEqual(option.value, value);\n}\n", "import { debounce, isDefined, isString, Platform, randomChars } from '@tylertech/forge-core';\nimport { highlightTextHTML } from '../core';\nimport { IListItemComponent } from '../list';\nimport { IListDropdownConfig, IListDropdownOption, ListDropdownAsyncStyle, ListDropdownFooterBuilder, ListDropdownHeaderBuilder, ListDropdownOptionBuilder } from '../list-dropdown';\nimport { IListDropdownAwareFoundation, ListDropdownAwareFoundation } from '../list-dropdown/list-dropdown-aware-foundation';\nimport { IOption, IOptionGroup } from '../select';\nimport { IAutocompleteAdapter } from './autocomplete-adapter';\nimport { AutocompleteFilterCallback, AutocompleteMode, AutocompleteOptionBuilder, AutocompleteSelectedTextBuilder, AUTOCOMPLETE_CONSTANTS, IAutocompleteOptionGroup, IAutocompleteSelectEventData } from './autocomplete-constants';\nimport { getSelectedOption, isOptionType, optionEqualPredicate, OptionType } from './autocomplete-utils';\n\nexport interface IAutocompleteFoundation extends IListDropdownAwareFoundation {\n  mode: AutocompleteMode;\n  multiple: boolean;\n  value: string | string[] | IOption | IOption[] | null | undefined;\n  debounce: number;\n  filterOnFocus: boolean;\n  allowUnmatched: boolean;\n  popupTarget: string;\n  optionBuilder: AutocompleteOptionBuilder | null | undefined;\n  filter: AutocompleteFilterCallback | null | undefined;\n  selectedTextBuilder: AutocompleteSelectedTextBuilder;\n  isInitialized: boolean;\n  open: boolean;\n  matchKey: string | null | undefined;\n  appendOptions(options: IOption[] | IAutocompleteOptionGroup[]): void;\n  beforeValueChange: (value: any) => boolean | Promise<boolean>;\n}\n\n/**\n * The foundation class behind the `<forge-autocomplete>` element.\n */\nexport class AutocompleteFoundation extends ListDropdownAwareFoundation implements IAutocompleteFoundation {\n  private _isInitialized = false;\n  private _isDropdownOpen = false;\n  private _mode: AutocompleteMode = AutocompleteMode.Default;\n  private _multiple = false;\n  private _debounce = AUTOCOMPLETE_CONSTANTS.numbers.DEFAULT_DEBOUNCE_TIME;\n  private _allowUnmatched = false;\n  private _popupTarget: string;\n  private _filterOnFocus = true;\n  private _optionBuilder?: AutocompleteOptionBuilder | null;\n  private _filter?: AutocompleteFilterCallback | null;\n  private _selectedTextBuilder: AutocompleteSelectedTextBuilder;\n  private _options: IOption[] | IAutocompleteOptionGroup[] = [];\n  private _filterText = '';\n  private _selectedOptions: IOption[] = [];\n  private _values: any[] = [];\n  private _pendingFilterPromises: Array<Promise<IOption[] | IOptionGroup[]>> = [];\n  private _identifier: string;\n  private _matchKey?: string | null = null;\n  private _filterFn: () => Promise<void>;\n  private _clickListener: (evt: MouseEvent) => void;\n  private _focusListener: (evt: FocusEvent) => void;\n  private _blurListener: (evt: FocusEvent) => void;\n  private _inputListener: (evt: KeyboardEvent) => void;\n  private _keydownListener: (evt: KeyboardEvent) => void;\n  private _dropdownIconClickListener: (evt: MouseEvent) => void;\n  private _dropdownIconMouseDownListener: (evt: MouseEvent) => void;\n  private _clearButtonListener: (evt: MouseEvent) => void;\n  private _dropdownScrollEndListener: () => void;\n  private _dismissListener: () => void;\n  private _activeChangeListener: (id: string) => void;\n  private _targetWidthCallback: () => number;\n  private _beforeValueChange: (value: any) => boolean | Promise<boolean>;\n  private _valueChanging: Promise<boolean> | undefined;\n\n  constructor(private _adapter: IAutocompleteAdapter) {\n    super();\n    this._clickListener = evt => this._onClick(evt);\n    this._focusListener = () => this._onFocus();\n    this._blurListener = evt => this._onBlur(evt);\n    this._keydownListener = evt => this._onKeydown(evt);\n    this._dropdownIconClickListener = evt => this._onDropdownIconClick(evt);\n    this._dropdownScrollEndListener = () => this._onDropdownScrollEnd();\n    this._dropdownIconMouseDownListener = evt => this._onDropdownIconMouseDown(evt);\n    this._clearButtonListener = evt => this._onClear(evt);\n    this._dismissListener = () => this._onDismiss();\n    this._activeChangeListener = id => this._adapter.updateActiveDescendant(id);\n    this._targetWidthCallback = () => this._adapter.getTargetElementWidth(this._popupTarget);\n    this._identifier = randomChars();\n  }\n\n  public async initialize(): Promise<void> {\n    if (!this._adapter.hasInputElement() && !this._adapter.setInputElement()) {\n      throw new Error('An input element is required as a child of the autocomplete component.');\n    }\n\n    this._setInputListener();\n    this._setFilterCallback();\n    this._attachListeners();\n    this._initializeAccessibility();\n\n    if (this._values.length) {\n      if (!this._selectedOptions.length) {\n        try {\n          await this._executeFilter();\n        } catch (e) {\n          console.error(e);\n        }\n        this._updateSelectedOptions(this._values);\n      }\n      this._adapter.setSelectedText(this._getSelectedText());\n    }\n\n    this._isInitialized = true;\n  }\n\n  public disconnect(): void {\n    if (this._isInitialized) {\n      this._detachListeners();\n      this._isInitialized = false;\n    }\n    if (this._isDropdownOpen) {\n      this._closeDropdown();\n    }\n  }\n\n  private _attachListeners(): void {\n    this._adapter.addInputListener('click', this._clickListener);\n    this._adapter.addInputListener('focus', this._focusListener);\n    this._adapter.addInputListener('blur', this._blurListener);\n    this._adapter.addInputListener('input', this._inputListener);\n    this._adapter.addInputListener('keydown', this._keydownListener);\n    this._adapter.setDropdownIconListener('click', this._dropdownIconClickListener);\n    this._adapter.setDropdownIconListener('mousedown', this._dropdownIconMouseDownListener);\n    this._adapter.setClearButtonListener('click', this._clearButtonListener);\n  }\n\n  private _detachListeners(): void {\n    this._adapter.removeInputListener('click', this._clickListener);\n    this._adapter.removeInputListener('focus', this._focusListener);\n    this._adapter.removeInputListener('blur', this._blurListener);\n    this._adapter.removeInputListener('input', this._inputListener);\n    this._adapter.removeInputListener('keydown', this._keydownListener);\n    this._adapter.removeDropdownIconListener('click', this._dropdownIconClickListener);\n    this._adapter.removeDropdownIconListener('mousedown', this._dropdownIconMouseDownListener);\n    this._adapter.removeClearButtonListener('click', this._clearButtonListener);\n  }\n\n  private _setInputListener(): void {\n    this._inputListener = (evt: KeyboardEvent) => this._onInput(evt);\n  }\n\n  private _setFilterCallback(): void {\n    this._filterFn = isDefined(this._debounce) && this._debounce > 0 ? debounce(this._debounceFilter, this._debounce, false) : this._debounceFilter;\n  }\n\n  private _initializeAccessibility(): void {\n    this._adapter.intializeInputAccessibility(this._identifier);\n  }\n\n  private get _flatOptions(): IOption[] {\n    if (isOptionType(this._options, OptionType.Group)) {\n      return (this._options as IAutocompleteOptionGroup[]).reduce((previousValue, currentValue) => previousValue.concat(currentValue.options), [] as IOption[]) as IOption[];\n    }\n    return this._options as IOption[];\n  }\n\n  private _onClick(evt: MouseEvent): void {\n    if (!this._isDropdownOpen && this._filterOnFocus) {\n      this._showDropdown();\n    }\n  }\n\n  private _onDropdownIconMouseDown(evt: MouseEvent): void {\n    evt.preventDefault(); // Always avoid changing focus when clicking the dropdown\n  }\n\n  private _onDropdownIconClick(evt: MouseEvent): void {\n    if (!this._isDropdownOpen) {\n      this._adapter.focus();\n      window.requestAnimationFrame(() => this._showDropdown());\n    } else {\n      this._closeDropdown();\n    }\n  }\n\n  private _onClear(evt: MouseEvent): void {\n    this._clearValue();\n    this._adapter.setSelectedText(this._getSelectedText());\n  }\n\n  private _onDropdownScrollEnd(): void {\n    this._adapter.emitHostEvent(AUTOCOMPLETE_CONSTANTS.events.SCROLLED_BOTTOM);\n  }\n\n  private _onFocus(): void {\n    if (!this._isDropdownOpen && this._adapter.getInputValue() && !Platform.isMobile) {\n      this._adapter.selectInputValue();\n    }\n  }\n\n  private _onBlur(evt: FocusEvent): void {\n    // If the blur event was triggered by an element within the popup then ignore it\n    if (this._adapter.isFocusWithinPopup(evt.relatedTarget as HTMLElement)) {\n      return;\n    }\n\n    this._applyBlur();\n  }\n\n  private _applyBlur(): void {\n    if (this._isDropdownOpen) {\n      this._closeDropdown();\n    }\n\n    // If we are in stateless mode, we don't need to do anything further\n    if (this._mode === AutocompleteMode.Stateless) {\n      return;\n    }\n\n    if (!this._selectedOptions.length) {\n      if (!this._allowUnmatched) {\n        this._filterText = '';\n        this._adapter.setSelectedText('');\n      }\n    } else {\n      this._adapter.setSelectedText(this._getSelectedText());\n    }\n  }\n\n  private _onInput(evt: KeyboardEvent): void {\n    if (this._selectedOptions.length && !this._multiple && (!this._adapter.getInputValue() || this._allowUnmatched) && !this._adapter.isWrappingChipField()) {\n      this._selectedOptions = [];\n      this._values = [];\n      this._emitChangeEvent();\n    }\n    this._filterText = this._adapter.getInputValue();\n    this._filterFn();\n  }\n\n  private async _debounceFilter(): Promise<void> {\n    // There is the potential that the user could have started a filter, then moved focus to another element\n    // while a debounced filter is running. This check detects that scenario and stops all pending filters.\n    if (!this._adapter.hasFocus()) {\n      this._pendingFilterPromises = [];\n      if (this._isDropdownOpen) {\n        this._closeDropdown();\n      }\n      return;\n    }\n\n    // Keep track of these variables so we can use them when each filter callback completes\n    const filterText = this._filterText; // Filter text just before the execution\n    const filterPromise = this._executeFilter(); // Execute the filter and keep track of the filter promise object for use after it resolves\n\n    // Keep track of all pending promises\n    this._pendingFilterPromises.push(filterPromise);\n\n    // If the dropdown is open, show the spinner and execute the filter. If not open, then we need to\n    // show the dropdown (which will handle showing the spinner and executing the filter for us) so\n    // we use the promise from that method instead.\n    if (this._isDropdownOpen) {\n      this._adapter.setBusyVisibility(true);\n    } else {\n      this._showDropdown({ filter: false });\n    }\n\n    try {\n      await filterPromise;\n    } catch {\n      // When an exception occurs, we just flush the pending promises and clean up\n      this._pendingFilterPromises = [];\n      if (this._isDropdownOpen) {\n        this._closeDropdown();\n      }\n      return;\n    }\n\n    // We only continue if the filter text before this result matches the latest filter text\n    if (filterText === this._filterText) {\n      this._pendingFilterPromises = [];\n      this._onFilterComplete();\n    } else {\n      // If this is not the latest filter result, we ignore it and remove it from the pending promises\n      const promiseIndex = this._pendingFilterPromises.indexOf(filterPromise);\n      if (promiseIndex !== -1) {\n        this._pendingFilterPromises.splice(promiseIndex, 1);\n      }\n    }\n  }\n\n  private _onKeydown(evt: KeyboardEvent): void {\n    switch (evt.key) {\n      case 'Tab':\n        if (this._isDropdownOpen && !this._multiple) {\n          this._selectActiveOption(false);\n        }\n        break;\n      case 'Esc':\n      case 'Escape':\n        if (this._isDropdownOpen) {\n          evt.preventDefault();\n          this._closeDropdown();\n        }\n        break;\n      case 'Down':\n      case 'ArrowDown':\n        evt.preventDefault();\n        if (!this._isDropdownOpen) {\n          this._showDropdown({ activateFirst: true, activateSelected: true });\n        } else {\n          this._adapter.propagateKey(evt.key);\n        }\n        break;\n      case 'Up':\n      case 'ArrowUp':\n        evt.preventDefault();\n        if (this._isDropdownOpen) {\n          this._adapter.propagateKey(evt.key);\n        }\n        break;\n      case 'Enter':\n      case 'Home':\n      case 'End':\n        if (this._isDropdownOpen) {\n          if (evt.key === 'Enter') {\n            evt.stopPropagation();\n          }\n          evt.preventDefault();\n          this._adapter.propagateKey(evt.key);\n        }\n        break;\n      case 'Backspace':\n      case 'Delete':\n        const input = evt.target as HTMLInputElement;\n        const value = this._adapter.getInputValue();\n        const isRemovingAllChars = input.value.substring(input.selectionStart as number, input.selectionEnd as number) === input.value;\n        const isBackspacingLastChar = value.length === 1 && input.selectionEnd === 1;\n        const isDeletingLastChar = value.length === 1 && input.selectionEnd === 0;\n        const isEmpty = !value || isRemovingAllChars || isBackspacingLastChar || isDeletingLastChar;\n        \n        // We only clear the value on empty when not around a chip-field and NOT in multiple mode\n        if (!this._adapter.isWrappingChipField() && isEmpty && !this._multiple && this._values.length) {\n          this._clearValue();\n        }\n        break;\n    }\n  }\n\n  private _executeFilter(sendFilterText = true, sendValue = false): Promise<IOption[] | IAutocompleteOptionGroup[]> {\n    if (!this._filter || typeof this._filter !== 'function') {\n      throw new Error('A filter callback must be provided. Did you set the \"filter\" property?');\n    }\n    const filter = this._filter;\n\n    const filterText = sendFilterText ? this._filterText : '';\n    const value = sendValue ? this._getValue() : null;\n\n    return new Promise<IOption[] | IAutocompleteOptionGroup[]>((resolve, reject) => {\n      return Promise.resolve(filter(filterText, value))\n        .then(options => {\n          this._options = options;\n          resolve(this._options);\n        })\n        .catch(e => reject(`An unexpected error occurred while filtering: ${e}`));\n    });\n  }\n\n  private _onFilterComplete(): void {\n    if (!this._adapter.hasFocus()) {\n      if (this._isDropdownOpen) {\n        this._closeDropdown();\n      }\n      return;\n    }\n\n    if (this._options.length) {\n      const sendFilterText = this._allowUnmatched && !this._selectedOptions.length;\n      this._dropdownReady({ userTriggered: sendFilterText });\n      if (this._filterText) {\n        this._adapter.activateFirstOption();\n      }\n    } else {\n      this._closeDropdown();\n    }\n  }\n\n  private _clearValue(): void {\n    this._selectedOptions = [];\n    this._values = [];\n\n    if (this._isDropdownOpen) {\n      this._adapter.setSelectedOptions([]);\n      this._adapter.clearActiveOption();\n    }\n\n    this._emitChangeEvent();\n  }\n\n  private async _showDropdown({ filter = true, userTriggered = true, activateFirst = false, activateSelected = false } = {}): Promise<void> {\n    const sendFilterText = this._allowUnmatched && !this._selectedOptions.length;\n    this._isDropdownOpen = true;\n    let listOptionBuilder: ListDropdownOptionBuilder<HTMLElement> | undefined;\n    if (this._optionBuilder) {\n      const optionBuilder = this._optionBuilder;\n      listOptionBuilder = (option: IListDropdownOption, parentElement: HTMLElement) => {\n        return optionBuilder(option, this._filterText, parentElement as IListItemComponent);\n      };\n    }\n    const config: IListDropdownConfig = {\n      options: this._options,\n      multiple: this._multiple,\n      selectedValues: [...this._values],\n      id: `forge-autocomplete-${this._identifier}`,\n      asyncStyle: ListDropdownAsyncStyle.Skeleton,\n      optionLimit: this._optionLimit,\n      popupClasses: this._popupClasses,\n      headerBuilder: this._popupHeaderBuilder,\n      footerBuilder: this._popupFooterBuilder,\n      transform: label => {\n        if (this._filterText) {\n          // Highlight the filter text within the label\n          const highlightElement = highlightTextHTML(label, this._filterText);\n          if (highlightElement) {\n            return highlightElement;\n          }\n        }\n        return label;\n      },\n      allowBusy: true,\n      optionBuilder: listOptionBuilder,\n      syncWidth: this._syncPopupWidth,\n      observeScroll: this._observeScroll,\n      observeScrollThreshold: this._observeScrollThreshold,\n      scrollEndListener: this._dropdownScrollEndListener,\n      activeChangeCallback: this._activeChangeListener,\n      targetWidthCallback: this._targetWidthCallback,\n      selectCallback: (value: any) => this._onSelect(value),\n      closeCallback: () => this._closeDropdown()\n    };\n\n    this._adapter.show(config, this._popupTarget);\n    this._adapter.toggleHostAttribute(AUTOCOMPLETE_CONSTANTS.attributes.OPEN, this._isDropdownOpen);\n\n    if (filter) {\n      if (this._options.length) {\n        this._adapter.setBusyVisibility(true);\n      }\n      try {\n        await this._executeFilter(sendFilterText);\n      } catch (e) {\n        console.error(e);\n      }\n      this._updateSelectedOptions(this._values);\n    }\n\n    // If we have any pending filter promises, then we will let those complete and update the dropdown separately after\n    if (this._pendingFilterPromises.length) {\n      return;\n    }\n\n    this._dropdownReady({ userTriggered, activateFirst, activateSelected });\n  }\n\n  private _dropdownReady({ userTriggered = true, activateFirst = false, activateSelected = false } = {}): void {\n    if (!this._isDropdownOpen || !this._options.length || (userTriggered && !this._adapter.hasFocus())) {\n      this._closeDropdown();\n      return;\n    }\n\n    this._sortSelectedOptions();\n    this._adapter.setBusyVisibility(false);\n    this._adapter.setOptions(this._options);\n    this._adapter.setSelectedOptions(this._selectedOptions);\n    this._adapter.setDismissListener(this._dismissListener);\n\n    if (activateSelected && this._selectedOptions.length) {\n      this._adapter.activateSelectedOption();\n    } else if (activateFirst) {\n      this._adapter.activateFirstOption();\n    }\n  }\n\n  private _closeDropdown(): void {\n    if (this._multiple) {\n      this._filterText = '';\n    }\n    this._isDropdownOpen = false;\n    this._adapter.hide(this._dismissListener);\n    this._sortSelectedOptions();\n    this._adapter.toggleHostAttribute(AUTOCOMPLETE_CONSTANTS.attributes.OPEN, this._isDropdownOpen);\n  }\n\n  private _sortSelectedOptions(): void {\n    // When in multiple selection mode, we need to make sure that the selected options appear at the top of the list\n    if (this._multiple && this._selectedOptions.length && isOptionType(this._options, OptionType.Option)) {\n      const selectedOptions: IOption[] = [];\n      const unselectedOptions: IOption[] = [];\n\n      (this._options as IOption[]).forEach(option => {\n        if (this._selectedOptions.find(o => optionEqualPredicate(o, option.value, this._matchKey))) {\n          selectedOptions.push(option);\n        } else {\n          unselectedOptions.push(option);\n        }\n      });\n\n      this._options = [...selectedOptions, ...unselectedOptions];\n    }\n  }\n\n  /**\n   * Handles selecting an item in the dropdown.\n   * @param {string} selectedValue The string value to select.\n   */\n  private async _onSelect(selectedValue: string, keepFocus = true): Promise<void> {\n    if (this._valueChanging) {\n      return;\n    }\n\n    // If we are in stateless mode, then we need to just emit an event when selecting an option. The\n    // selected values are not tracked in stateless mode\n    if (this._mode === AutocompleteMode.Stateless) {\n      const data: IAutocompleteSelectEventData = { value: selectedValue };\n      const result = this._adapter.emitHostEvent(AUTOCOMPLETE_CONSTANTS.events.SELECT, data, true, true);\n      if (result) {\n        this._filterText = '';\n        this._closeDropdown();\n      }\n      return;\n    }\n\n    const select = (): void => {\n      const flatOptions = this._flatOptions;\n      const option = flatOptions.find(o => optionEqualPredicate(o, selectedValue, this._matchKey)) as IOption;\n      const value = option ? option.value : '';\n      const label = option ? option.label : '';\n\n      if (this._multiple) {\n        const optionIndex = flatOptions.findIndex(o => optionEqualPredicate(o, selectedValue, this._matchKey));\n        if (optionIndex >= 0) {\n          const selected = this._selectedOptions.some(o => optionEqualPredicate(o, selectedValue, this._matchKey));\n          this._adapter.toggleOptionMultiple(optionIndex, selected);\n        }\n        const selectedOption = getSelectedOption(this._selectedOptions, value);\n        if (selectedOption) {\n          const index = this._selectedOptions.indexOf(selectedOption);\n          this._selectedOptions.splice(index, 1);\n        } else {\n          this._selectedOptions.push(option);\n        }\n      } else {\n        if (isDefined(value)) {\n          this._selectedOptions[0] = option;\n          this._filterText = label;\n        } else {\n          this._selectedOptions = [];\n          this._filterText = '';\n        }\n      }\n\n      // Update the dropdown selection status if its open\n      if (this._isDropdownOpen) {\n        this._adapter.setSelectedOptions(this._selectedOptions);\n      }\n\n      // Keep the values in sync with the currently selected options\n      this._values = this._selectedOptions.map(o => o.value);\n\n      // Update the selected text in the input\n      this._adapter.setSelectedText(this._getSelectedText());\n\n      // Select the text in the input to allow for the next filter\n      if (!Platform.isMobile && keepFocus) {\n        this._adapter.selectInputValue();\n      }\n\n      if (this._multiple) {\n        // If we're in multiselect mode, we need to toggle the selected option\n        const index = flatOptions.findIndex(o => optionEqualPredicate(o, selectedValue, this._matchKey));\n        const isSelected = this._values.includes(selectedValue);\n        this._adapter.toggleOptionMultiple(index, isSelected);\n      }\n\n      this._emitChangeEvent();\n      this._tryUpdateDropdownPosition();\n    };\n\n    // We close the dropdown immediately if in single selection mode\n    if (this._isDropdownOpen && !this._multiple) {\n      this._closeDropdown();\n    }\n\n    if (typeof this._beforeValueChange === 'function') {\n      this._valueChanging = Promise.resolve(this._beforeValueChange.call(null, selectedValue, this._matchKey));\n      const shouldContinue = await this._valueChanging;\n      if (shouldContinue) {\n        select();\n      } else {\n        this._tryUpdateDropdownPosition();\n      }\n      this._valueChanging = undefined;\n    } else {\n      select();\n    }\n  }\n\n  private _selectActiveOption(keepFocus = true): void {\n    const activeOptionIndex = this._adapter.getActiveOptionIndex();\n    if (typeof activeOptionIndex === 'number' && activeOptionIndex >= 0) {\n      const option = this._flatOptions[activeOptionIndex];\n      if (option) {\n        this._onSelect(option.value, keepFocus);\n      }\n    }\n  }\n\n  private _emitChangeEvent(): void {\n    this._adapter.emitHostEvent(AUTOCOMPLETE_CONSTANTS.events.CHANGE, this._getValue(), true);\n  }\n\n  private _tryUpdateDropdownPosition(): void {\n    if (this._isDropdownOpen) {\n      this._adapter.queueDropdownPositionUpdate();\n    }\n  }\n\n  /**\n   * Retrieves the current value(s) from the selected options array based on whether\n   * we are in multi-select mode or not.\n   */\n  private _getValue(): string | string[] | null | undefined {\n    if (!this._values) {\n      return null;\n    }\n\n    if (!this._values.length) {\n      return this._multiple ? [] : null;\n    }\n\n    return this._multiple ? [...this._values] : this._values[0];\n  }\n\n  /**\n   * Creates the selected text value from the selected label values.\n   */\n  private _getSelectedText(): string {\n    if (this._adapter.isWrappingChipField()) {\n      return '';\n    }\n\n    if (this._selectedTextBuilder) {\n      return this._selectedTextBuilder(this._selectedOptions);\n    } else {\n      if (this._multiple) {\n        if (this._values.length) {\n          return `${this._values.length} ${this._values.length === 1 ? 'option' : 'options'} selected`;\n        } else {\n          return '';\n        }\n      } else {\n        return this._selectedOptions.filter(o => o && o.label).map(o => o.label).join(' ').trim();\n      }\n    }\n  }\n\n  /**\n     * Handles the user dismissing the dropdown. This is only called if the blur event was triggered\n     * from within the popup element itself (in a custom template most likely).\n     * @param keepFocus Keep focus on the dropdown or not.\n     */\n  private _onDismiss(): void {\n    this._closeDropdown();\n  }\n\n  private async _applyValue(value: string | string[] | IOption | IOption[] | null | undefined): Promise<void> {\n    let values: any[] = [];\n    this._selectedOptions = [];\n\n    if (!Array.isArray(value)) {\n      values = isDefined(value) ? [value] : [];\n    } else {\n      values = value;\n    }\n\n    // If this is not a multi-select, then make sure we only allow one selected value\n    if (!this._multiple && values.length > 1) {\n      values = [values[0]];\n    }\n\n    if (isOptionType(values, OptionType.Option)) {\n      this._values = values.map((o: IOption) => o.value);\n      this._selectedOptions = values as IOption[];\n    } else {\n      this._values = values as any[];\n    }\n\n    // Ensure that the values passed are actually existing options\n    const allOptions = this._flatOptions;\n    if (values.length && allOptions.length) {\n      this._updateSelectedOptions(values);\n    }\n\n    // Execute the filter now if we have a value, but not options yet (only if it has been initialized already)\n    if (this._values.length && !this._selectedOptions.length && !!this._filter && this._isInitialized) {\n      try {\n        await this._executeFilter(false, true);\n      } catch (e) {\n        console.error(e);\n      }\n      this._updateSelectedOptions(this._values);\n    }\n\n    // Update filter text to match the label when on in multiselect mode\n    if (!this._multiple) {\n      this._filterText = this._selectedOptions.length ? this._selectedOptions[0].label : '';\n    } else {\n      this._filterText = '';\n    }\n\n    // Update the state of the component based on the existence of a selected value\n    if (this._isInitialized) {\n      this._adapter.setSelectedText(this._getSelectedText());\n    }\n\n    // When the value is changed programmatically we should update the selected options\n    if (this._isDropdownOpen) {\n      this._adapter.setSelectedOptions(this._selectedOptions);\n    }\n  }\n\n  private _updateSelectedOptions(values: Array<any | IOption>): void {\n    const flatOptions = [...this._flatOptions, ...this._selectedOptions];\n\n    if (this._selectedOptions.length) {\n      this._selectedOptions = [];\n    }\n\n    if (isOptionType(values, OptionType.Option)) {\n      for (const option of values as IOption[]) {\n        const actualOption = flatOptions.find(o => optionEqualPredicate(o, option.value, this._matchKey));\n        if (actualOption) {\n          this._selectedOptions.push(actualOption);\n        } else {\n          this._selectedOptions.push(option);\n        }\n      }\n    } else {\n      for (const value of values as any[]) {\n        const actualOption = flatOptions.find(o => optionEqualPredicate(o, value, this._matchKey));\n        if (actualOption) {\n          this._selectedOptions.push(actualOption);\n        } else if (this._allowUnmatched) {\n          this._selectedOptions.push({ label: value, value });\n        }\n      }\n    }\n  }\n\n  /** Gets/sets the mode state. */\n  public get mode(): AutocompleteMode {\n    return this._mode;\n  }\n  public set mode(value: AutocompleteMode) {\n    if (this._mode !== value) {\n      this._mode = value;\n      if (this._mode === AutocompleteMode.Stateless) {\n        this._selectedOptions = [];\n        if (this._isDropdownOpen) {\n          this._closeDropdown();\n        }\n      }\n      this._adapter.setHostAttribute(AUTOCOMPLETE_CONSTANTS.attributes.MODE, this._mode);\n    }\n  }\n\n  /** Gets/sets the multi-select state. */\n  public get multiple(): boolean {\n    return this._multiple;\n  }\n  public set multiple(value: boolean) {\n    if (this._multiple !== value) {\n      this._multiple = value;\n      this._adapter.setHostAttribute(AUTOCOMPLETE_CONSTANTS.attributes.MULTIPLE, isDefined(this._multiple) ? this._multiple.toString() : '');\n    }\n  }\n\n  /** Gets/sets the value of the component. */\n  public get value(): string | string[] | IOption | IOption[] | null | undefined {\n    return this._getValue();\n  }\n  public set value(value: string | string[] | IOption | IOption[] | null | undefined) {\n    let values: Array<string | IOption | IOption[] | string[]> = [];\n\n    if (value == null) {\n      values = [];\n    } else if (Array.isArray(value)) {\n      values = JSON.parse(JSON.stringify(value));\n    } else if (isString(value)) {\n      values = [value];\n    } else {\n      values = [JSON.parse(JSON.stringify(value))];\n    }\n\n    const hasNewValue = values.length !== this._values.length || values.some(v => !this._values.includes(v));\n    if (!hasNewValue) {\n      return;\n    }\n\n    // We only apply the new values if they have actually changed\n    this._applyValue(value);\n  }\n\n\n  /** Gets/sets filter on focus settings which controls whether the dropdown displays automatically when focused. */\n  public get filterOnFocus(): boolean {\n    return this._filterOnFocus;\n  }\n  public set filterOnFocus(value: boolean) {\n    if (this._filterOnFocus !== value) {\n      this._filterOnFocus = value;\n      this._adapter.setHostAttribute(AUTOCOMPLETE_CONSTANTS.attributes.FILTER_ON_FOCUS, isDefined(this._filterOnFocus) ? this._filterOnFocus.toString() : '');\n    }\n  }\n\n  /** Controls whether unmatched text entered by the user will stay visible an option in the dropdown is not found. */\n  public get allowUnmatched(): boolean {\n    return this._allowUnmatched;\n  }\n  public set allowUnmatched(value: boolean) {\n    if (this._allowUnmatched !== value) {\n      this._allowUnmatched = value;\n\n      if (isDefined(this._allowUnmatched)) {\n        this._adapter.setHostAttribute(AUTOCOMPLETE_CONSTANTS.attributes.ALLOW_UNMATCHED, this._allowUnmatched.toString());\n      }\n    }\n  }\n\n  /** Gets/sets the property key to match the value to an option.  */\n  public get matchKey(): string | null | undefined {\n    return this._matchKey;\n  }\n  public set matchKey(value: string | null | undefined) {\n    if (this._matchKey !== value) {\n      this._matchKey = value;\n    }\n  }\n\n  /** Gets/sets the selector that will be used to find an element to attach the popup to. Defaults to the input element. */\n  public get popupTarget(): string {\n    return this._popupTarget;\n  }\n  public set popupTarget(value: string) {\n    if (this._popupTarget !== value) {\n      this._popupTarget = value;\n    }\n  }\n\n  /** Gets/sets the list of classes to apply to the popup element. */\n  public get popupClasses(): string | string[] {\n    return Array.isArray(this._popupClasses) ? [...this._popupClasses] : [this._popupClasses];\n  }\n  public set popupClasses(value: string | string[]) {\n    if (this._popupClasses !== value) {\n      this._popupClasses = Array.isArray(value) ? [...value] : [value];\n    }\n  }\n\n  /** Gets/sets the builder callback to use for the popup header. */\n  public set popupHeaderBuilder(value: ListDropdownHeaderBuilder) {\n    this._popupHeaderBuilder = value;\n  }\n\n  /** Gets/sets the builder callback to use for the popup footer. */\n  public set popupFooterBuilder(value: ListDropdownFooterBuilder) {\n    this._popupFooterBuilder = value;\n  }\n\n  /** Gets/sets whether the popup width is synchronized with the popup target. */\n  public get syncPopupWidth(): boolean {\n    return this._syncPopupWidth;\n  }\n  public set syncPopupWidth(value: boolean) {\n    if (this._syncPopupWidth !== value) {\n      this._syncPopupWidth = value;\n    }\n  }\n\n  /** Gets/sets the maximum number of options to display in the dropdown. */\n  public get optionLimit(): number {\n    return this._optionLimit;\n  }\n  public set optionLimit(value: number) {\n    if (this._optionLimit !== value) {\n      this._optionLimit = value;\n    }\n  }\n\n  /** Gets/sets the debounce delay (milliseconds) for keyboard events. */\n  public get debounce(): number {\n    return this._debounce;\n  }\n  public set debounce(value: number) {\n    if (this._debounce !== value) {\n      this._debounce = value;\n\n      if (this._isInitialized) {\n        this._setFilterCallback();\n      }\n\n      this._adapter.setHostAttribute(AUTOCOMPLETE_CONSTANTS.attributes.DEBOUNCE, isDefined(this._debounce) ? this._debounce.toString() : '');\n    }\n  }\n\n  /** Sets the item builder callback that will be executed when building the option list in the dropdown. */\n  public get optionBuilder(): AutocompleteOptionBuilder | null | undefined {\n    return this._optionBuilder;\n  }\n  public set optionBuilder(fn: AutocompleteOptionBuilder | null | undefined) {\n    this._optionBuilder = fn;\n  }\n\n  /** Sets the filter callback that will be executed when fetching options for the autocomplete dropdown. */\n  public get filter(): AutocompleteFilterCallback | null | undefined {\n    return this._filter;\n  }\n  public set filter(cb: AutocompleteFilterCallback | null | undefined) {\n    if (this._filter !== cb) {\n      this._filter = cb;\n\n      // If we have a value, but don't have any options yet then execute the filter\n      if (this._isInitialized && this._values.length && !this._flatOptions.length && !!this._filter) {\n        this._executeFilter().then(() => {\n          this._updateSelectedOptions(this._values);\n          this._adapter.setSelectedText(this._getSelectedText());\n        });\n      }\n    }\n  }\n\n  /** Sets the selected text builder callback that will be executed when getting the selected text. */\n  public get selectedTextBuilder(): AutocompleteSelectedTextBuilder {\n    return this._selectedTextBuilder;\n  }\n  public set selectedTextBuilder(fn: AutocompleteSelectedTextBuilder) {\n    this._selectedTextBuilder = fn;\n\n    // If there are selected options, set the selected text again\n    if (this._selectedOptions.length) {\n      this._adapter.setSelectedText(this._getSelectedText());\n    }\n  }\n\n  public get observeScroll(): boolean {\n    return this._observeScroll;\n  }\n  public set observeScroll(value: boolean) {\n    this._observeScroll = value;\n  }\n\n  public get observeScrollThreshold(): number {\n    return this._observeScrollThreshold;\n  }\n  public set observeScrollThreshold(value: number) {\n    this._observeScrollThreshold = value;\n  }\n\n  public appendOptions(options: IOption[] | IAutocompleteOptionGroup[]): void {\n    if (!this._isDropdownOpen) {\n      return;\n    }\n    this._options = [...this._options, ...options] as IOption[] | IAutocompleteOptionGroup[];\n    this._adapter.appendOptions(options);\n  }\n\n  public get isInitialized(): boolean {\n    return this._isInitialized;\n  }\n\n  public get open(): boolean {\n    return this._isDropdownOpen;\n  }\n  public set open(value: boolean) {\n    if (this._isDropdownOpen !== value) {\n      if (value) {\n        this._showDropdown({ userTriggered: false });\n      } else {\n        this._closeDropdown();\n      }\n    }\n  }\n\n  public get beforeValueChange(): (value: any) => boolean | Promise<boolean> {\n    return this._beforeValueChange;\n  }\n  public set beforeValueChange(value: (value: any) => boolean | Promise<boolean>) {\n    if (value !== this._beforeValueChange) {\n      this._beforeValueChange = value;\n    }\n  }\n\n  public get popupElement(): HTMLElement | null {\n    return this._adapter.getPopupElement();\n  }\n}\n", "import { attachShadowTemplate, coerceBoolean, coerceNumber, CustomElement, ensureChild, FoundationProperty } from '@tylertech/forge-core';\nimport { tylIconCheckBox, tylIconCheckBoxOutlineBlank } from '@tylertech/tyler-icons/standard';\nimport { DividerComponent } from '../divider';\nimport { IconComponent, IconRegistry } from '../icon';\nimport { LinearProgressComponent } from '../linear-progress';\nimport { ListComponent, ListItemComponent } from '../list';\nimport { IListDropdownAware, ListDropdownAware } from '../list-dropdown/list-dropdown-aware';\nimport { PopupComponent } from '../popup';\nimport { IOption } from '../select';\nimport { SkeletonComponent } from '../skeleton';\nimport { TextFieldComponent } from '../text-field';\nimport { AutocompleteAdapter } from './autocomplete-adapter';\nimport { AutocompleteFilterCallback, AutocompleteMode, AutocompleteOptionBuilder, AutocompleteSelectedTextBuilder, AUTOCOMPLETE_CONSTANTS, IAutocompleteOptionGroup, IAutocompleteSelectEventData } from './autocomplete-constants';\nimport { AutocompleteFoundation } from './autocomplete-foundation';\n\nconst template = '<template><slot></slot></template>';\nconst styles = ':host{display:block}:host([hidden]){display:none}';\n\nexport interface IAutocompleteComponent extends IListDropdownAware {\n  mode: `${AutocompleteMode}`;\n  multiple: boolean;\n  value: any;\n  debounce: number;\n  filterOnFocus: boolean;\n  allowUnmatched: boolean;\n  matchKey: string | null | undefined;\n  popupTarget: string;\n  filter: AutocompleteFilterCallback | null | undefined;\n  optionBuilder: AutocompleteOptionBuilder | null | undefined;\n  selectedTextBuilder: AutocompleteSelectedTextBuilder;\n  popupElement: HTMLElement | null;\n  beforeValueChange: (value: any) => boolean | Promise<boolean>;\n  isInitialized: boolean;\n  open: boolean;\n  appendOptions(options: IOption[] | IAutocompleteOptionGroup[]): void;\n  openDropdown(): void;\n  closeDropdown(): void;\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'forge-autocomplete': IAutocompleteComponent;\n  }\n\n  interface HTMLElementEventMap {\n    'forge-autocomplete-change': CustomEvent<any>;\n    'forge-autocomplete-select': CustomEvent<IAutocompleteSelectEventData>;\n    'forge-autocomplete-scrolled-bottom': CustomEvent<void>;\n  }\n}\n\n/**\n * The custom element class behind the `<forge-autocomplete>` element.\n * \n * @tag forge-autocomplete\n */\n@CustomElement({\n  name: AUTOCOMPLETE_CONSTANTS.elementName,\n  dependencies: [\n    TextFieldComponent,\n    PopupComponent,\n    ListComponent,\n    ListItemComponent,\n    DividerComponent,\n    SkeletonComponent,\n    LinearProgressComponent,\n    IconComponent\n  ]\n})\nexport class AutocompleteComponent extends ListDropdownAware implements IAutocompleteComponent {\n  public static get observedAttributes(): string[] {\n    return [\n      AUTOCOMPLETE_CONSTANTS.attributes.MODE,\n      AUTOCOMPLETE_CONSTANTS.attributes.MULTIPLE,\n      AUTOCOMPLETE_CONSTANTS.attributes.DEBOUNCE,\n      AUTOCOMPLETE_CONSTANTS.attributes.FILTER_ON_FOCUS,\n      AUTOCOMPLETE_CONSTANTS.attributes.ALLOW_UNMATCHED,\n      AUTOCOMPLETE_CONSTANTS.attributes.POPUP_TARGET,\n      AUTOCOMPLETE_CONSTANTS.attributes.POPUP_CLASSES,\n      AUTOCOMPLETE_CONSTANTS.attributes.OBSERVE_SCROLL,\n      AUTOCOMPLETE_CONSTANTS.attributes.OBSERVE_SCROLL_THRESHOLD,\n      AUTOCOMPLETE_CONSTANTS.attributes.OPTION_LIMIT,\n      AUTOCOMPLETE_CONSTANTS.attributes.SYNC_POPUP_WIDTH,\n      AUTOCOMPLETE_CONSTANTS.attributes.OPEN,\n      AUTOCOMPLETE_CONSTANTS.attributes.MATCH_KEY\n    ];\n  }\n\n  private _foundation: AutocompleteFoundation;\n\n  constructor() {\n    super();\n    IconRegistry.define([tylIconCheckBox, tylIconCheckBoxOutlineBlank]);\n    attachShadowTemplate(this, template, styles);\n    this._foundation = new AutocompleteFoundation(new AutocompleteAdapter(this));\n  }\n\n  public connectedCallback(): void {\n    if (this.querySelector(AUTOCOMPLETE_CONSTANTS.selectors.INPUT)) {\n      this._foundation.initialize();\n    } else {\n      ensureChild(this, AUTOCOMPLETE_CONSTANTS.selectors.INPUT).then(() => this._foundation.initialize());\n    }\n  }\n\n  public disconnectedCallback(): void {\n    this._foundation.disconnect();\n  }\n\n  public attributeChangedCallback(name: string, oldValue: string, newValue: string): void {\n    super.attributeChangedCallback(name, oldValue, newValue);\n    switch (name) {\n      case AUTOCOMPLETE_CONSTANTS.attributes.MODE:\n        this.mode = newValue as AutocompleteMode;\n        break;\n      case AUTOCOMPLETE_CONSTANTS.attributes.MULTIPLE:\n        this.multiple = coerceBoolean(newValue);\n        break;\n      case AUTOCOMPLETE_CONSTANTS.attributes.DEBOUNCE:\n        this.debounce = coerceNumber(newValue);\n        break;\n      case AUTOCOMPLETE_CONSTANTS.attributes.FILTER_ON_FOCUS:\n        this.filterOnFocus = coerceBoolean(newValue);\n        break;\n      case AUTOCOMPLETE_CONSTANTS.attributes.ALLOW_UNMATCHED:\n        this.allowUnmatched = coerceBoolean(newValue);\n        break;\n      case AUTOCOMPLETE_CONSTANTS.attributes.POPUP_TARGET:\n        this.popupTarget = newValue;\n        break;\n      case AUTOCOMPLETE_CONSTANTS.attributes.OPEN:\n        this.open = coerceBoolean(newValue);\n        break;\n      case AUTOCOMPLETE_CONSTANTS.attributes.MATCH_KEY:\n        this.matchKey = newValue;\n        break;\n    }\n  }\n\n  /** Gets/sets the interaction mode. */\n  @FoundationProperty()\n  public declare mode: `${AutocompleteMode}`;\n\n  /** Gets/sets the multi-select state. */\n  @FoundationProperty()\n  public declare multiple: boolean;\n\n  /** Gets/sets the value. */\n  @FoundationProperty()\n  public declare value: any;\n\n  /** Gets/sets the debounce delay (milliseconds) for keyboard events. */\n  @FoundationProperty()\n  public declare debounce: number;\n\n  /** Gets/sets filter on focus settings which controls whether the dropdown displays automatically when focused. */\n  @FoundationProperty()\n  public declare filterOnFocus: boolean;\n\n  /** Controls whether unmatched text entered by the user will stay visible an option in the dropdown is not found. */\n  @FoundationProperty()\n  public declare allowUnmatched: boolean;\n\n  /** Gets/sets the selector that will be used to find an element to attach the popup to. Defaults to the input element. */\n  @FoundationProperty()\n  public declare popupTarget: string;\n\n  /** Sets the option builder callback that will be executed when building the option list in the dropdown. */\n  @FoundationProperty()\n  public declare optionBuilder: AutocompleteOptionBuilder | null | undefined;\n\n  /** Sets the filter callback that will be executed when fetching options for the autocomplete dropdown. */\n  @FoundationProperty()\n  public declare filter: AutocompleteFilterCallback | null | undefined;\n\n  /** Sets the selected text builder callback that will be executed when getting the selected text. */\n  @FoundationProperty()\n  public declare selectedTextBuilder: AutocompleteSelectedTextBuilder;\n\n  /** Controls the open state of the dropdown. */\n  @FoundationProperty()\n  public declare open: boolean;\n\n  /** Gets/sets the property key to match the value to an option. */\n  @FoundationProperty()\n  public declare matchKey: string | null | undefined;\n\n  /** Returns whether the component has been initialized or not yet. */\n  @FoundationProperty({ set: false })\n  public declare isInitialized: boolean;\n\n  /** Gets the currently active popup element when the dropdown is open. */\n  @FoundationProperty({ set: false })\n  public declare popupElement: HTMLElement | null;\n\n  /** Sets the callback to be executed when the user selects an option, before the UI is updated to allow for validation. */\n  @FoundationProperty()\n  public declare beforeValueChange: (value: any) => boolean | Promise<boolean>;\n\n  /** Adds options to the dropdown while it is open. Has no effect if the dropdown is closed.  */\n  public appendOptions(options: IOption[] | IAutocompleteOptionGroup[]): void {\n    this._foundation.appendOptions(options);\n  }\n\n  /** Opens the dropdown. */\n  public openDropdown(): void {\n    this.open = true;\n  }\n\n  /** Closes the dropdown. */\n  public closeDropdown(): void {\n    this.open = false;\n  }\n}\n", "import { FormFieldComponentDelegate, IFormFieldComponentDelegateOptions } from '../core/delegates/form-field-component-delegate';\nimport { ITextFieldComponent, TextFieldComponentDelegate, ITextFieldComponentDelegateOptions } from '../text-field';\nimport { IAutocompleteComponent } from './autocomplete';\nimport { AUTOCOMPLETE_CONSTANTS } from './autocomplete-constants';\nimport { IconComponentDelegate, IIconComponentDelegateConfig } from '../icon';\nimport { IBaseComponentDelegateConfig } from '../core/delegates/base-component-delegate';\nimport { ITextFieldComponentDelegateConfig } from '../text-field/text-field-component-delegate';\n\nexport type AutocompleteComponentDelegateProps = Partial<IAutocompleteComponent>;\nexport interface IAutocompleteComponentDelegateOptions extends IFormFieldComponentDelegateOptions {\n  useDropdownIcon?: boolean;\n  textFieldDelegateConfig?: ITextFieldComponentDelegateConfig;\n}\n\nexport interface IAutocompleteComponentDelegateConfig extends IBaseComponentDelegateConfig<IAutocompleteComponent, IAutocompleteComponentDelegateOptions> {}\n\nexport class AutocompleteComponentDelegate extends FormFieldComponentDelegate<IAutocompleteComponent, IAutocompleteComponentDelegateOptions> {\n  private _textFieldDelegate: TextFieldComponentDelegate;\n\n  constructor(config?: IAutocompleteComponentDelegateConfig) {\n    super(config);\n  }\n\n  protected _build(): IAutocompleteComponent {\n    const autocomplete = document.createElement(AUTOCOMPLETE_CONSTANTS.elementName) as IAutocompleteComponent;\n    this._attachTextField(autocomplete);\n    return autocomplete;\n  }\n\n  public get textFieldDelegate(): TextFieldComponentDelegate {\n    return this._textFieldDelegate;\n  }\n\n  public get value(): any {\n    return this._element.value;\n  }\n  public set value(value: any) {\n    this._element.value = value;\n  }\n\n  public get disabled(): boolean {\n    return this._textFieldDelegate.inputElement.disabled;\n  }\n  public set disabled(value: boolean) {\n    this._textFieldDelegate.inputElement.disabled = value;\n  }\n\n  public get invalid(): boolean {\n    return this._textFieldDelegate.invalid || false;\n  }\n  public set invalid(value: boolean) {\n    this._textFieldDelegate.invalid = value;\n  }\n\n  public onChange(listener: (value: string) => void): void {\n    this._element.addEventListener(AUTOCOMPLETE_CONSTANTS.events.CHANGE, (evt: CustomEvent) => listener(evt.detail));\n  }\n\n  public onFocus(listener: (evt: FocusEvent) => void): void {\n    this._textFieldDelegate.inputElement.addEventListener('focus', (evt: FocusEvent) => listener(evt));\n  }\n\n  public onBlur(listener: (evt: FocusEvent) => void): void {\n    this._textFieldDelegate.inputElement.addEventListener('blur', (evt: FocusEvent) => listener(evt));\n  }\n\n  private _attachTextField(autocomplete: IAutocompleteComponent): void {\n    const textFieldConfig: ITextFieldComponentDelegateConfig = {\n      props: { ...this._config.options?.textFieldDelegateConfig?.props },\n      options: { ...this._config.options?.textFieldDelegateConfig?.options }\n    };\n\n    if (!textFieldConfig.options) {\n      textFieldConfig.options = {};\n    }\n\n    if (this._config.options?.useDropdownIcon !== false && !textFieldConfig.options?.trailingElement) {\n      textFieldConfig.options.trailingElement = this._createDropdownIconElement();\n    }\n\n    this._textFieldDelegate = new TextFieldComponentDelegate(textFieldConfig);\n    autocomplete.appendChild(this._textFieldDelegate.element);\n  }\n\n  private _createDropdownIconElement(): HTMLElement {\n    const config: IIconComponentDelegateConfig = {\n      props: {\n        slot: 'trailing',\n        name: 'arrow_drop_down'\n      },\n      options: {\n        attributes: { 'forge-dropdown-icon': '' }\n      }\n    };\n    return new IconComponentDelegate(config).element;\n  }\n}\n", "import { defineCustomElement } from '@tylertech/forge-core';\n\nimport { AutocompleteComponent } from './autocomplete';\n\nexport * from './autocomplete-adapter';\nexport * from './autocomplete-component-delegate';\nexport * from './autocomplete-constants';\nexport * from './autocomplete-foundation';\nexport * from './autocomplete-utils';\nexport * from './autocomplete';\n\nexport function defineAutocompleteComponent(): void {\n  defineCustomElement(AutocompleteComponent);\n}\n"],
-  "mappings": "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",
-  "names": []
-}

package/dist/esm/chunks/chunk.7TDB3VFH.js

@@ -1,7 +0,0 @@
-/**
- * @license
- * Copyright 2023 Tyler Technologies, Inc. 
- * License: Apache-2.0
- */
-import{b as K}from"./chunk.JMXJXZTS.js";import{B as D}from"./chunk.LZMYHIO2.js";import{d as F}from"./chunk.KBMLP7UT.js";import{d as U,l as Z}from"./chunk.JXY6MTP3.js";import{a as z}from"./chunk.5PXABBKU.js";import{a as g}from"./chunk.B3IJU6XJ.js";import{a as B,b as N}from"./chunk.OOW3UKT4.js";import{a as M,e as O,g as s,l as G}from"./chunk.MMVZJLXE.js";import{d as u,k as C,o as P}from"./chunk.G76HB2FK.js";import{a as L,f as h}from"./chunk.MCIQXNKY.js";var W=`${N}color-picker`,Y={VALUE:"value",ALLOW_OPACITY:"allow-opacity",DEBOUNCE_CHANGE_EVENT:"debounce-change-event"},J={SLIDER_THUMB_ACTIVE:"forge-color-picker__slider-thumb--active",GRADIENT_THUMB_ACTIVE:"forge-color-picker__gradient-thumb--active"},Q={GRADIENT:".forge-color-picker__gradient",GRADIENT_THUMB:".forge-color-picker__gradient-thumb",PREVIEW_COLOR:".forge-color-picker__color-preview",HEX_INPUT:"#forge-color-picker-hex-input",RGBA_INPUT:"#forge-color-picker-rgba-input",HSVA_INPUT:"#forge-color-picker-hsva-input",HUE_SLIDER:".forge-color-picker__hue-slider",HUE_SLIDER_THUMB:"#forge-color-picker-hue-thumb",OPACITY_SLIDER:".forge-color-picker__opacity-slider",OPACITY_SLIDER_THUMB:"#forge-color-picker-opacity-thumb",SLIDER:".forge-color-picker__slider",SLIDER_THUMB:".forge-color-picker__slider-thumb",COLOR_VALUE_HEX_CONTAINER:".forge-color-picker__color-hex",COLOR_VALUE_RGBA_CONTAINER:".forge-color-picker__color-rgba",COLOR_VALUE_HSVA_CONTAINER:".forge-color-picker__color-hsva",TYPE_BUTTON:"#forge-color-picker-type-button",COLOR_VALUE_RGBA_R:"#forge-color-picker-rgba-r-input",COLOR_VALUE_RGBA_G:"#forge-color-picker-rgba-g-input",COLOR_VALUE_RGBA_B:"#forge-color-picker-rgba-b-input",COLOR_VALUE_RGBA_A:"#forge-color-picker-rgba-a-input",COLOR_VALUE_HSVA_H:"#forge-color-picker-hsva-h-input",COLOR_VALUE_HSVA_S:"#forge-color-picker-hsva-s-input",COLOR_VALUE_HSVA_V:"#forge-color-picker-hsva-v-input",COLOR_VALUE_HSVA_A:"#forge-color-picker-hsva-a-input"},q={CHANGE:`${W}-change`},ee={CHANGE_EVENT_DEBOUNCE_THRESHOLD:200},o={elementName:W,attributes:Y,events:q,classes:J,selectors:Q,numbers:ee},w="000000",A=(n=>(n.HEX="hex",n.RGB="rgb",n.RGBA="rgba",n.HSV="hsv",n.HSVA="hsva",n))(A||{});var f=class extends z{constructor(t){super(t);this._gradientElement=s(t,o.selectors.GRADIENT),this._previewColorElement=s(t,o.selectors.PREVIEW_COLOR),this._hexInputElement=s(t,o.selectors.HEX_INPUT),this._rgbaInputRElement=s(t,o.selectors.COLOR_VALUE_RGBA_R),this._rgbaInputGElement=s(t,o.selectors.COLOR_VALUE_RGBA_G),this._rgbaInputBElement=s(t,o.selectors.COLOR_VALUE_RGBA_B),this._rgbaInputAElement=s(t,o.selectors.COLOR_VALUE_RGBA_A),this._hsvaInputHElement=s(t,o.selectors.COLOR_VALUE_HSVA_H),this._hsvaInputSElement=s(t,o.selectors.COLOR_VALUE_HSVA_S),this._hsvaInputVElement=s(t,o.selectors.COLOR_VALUE_HSVA_V),this._hsvaInputAElement=s(t,o.selectors.COLOR_VALUE_HSVA_A),this._hueSliderElement=s(t,o.selectors.HUE_SLIDER),this._hueSliderThumbElement=s(t,o.selectors.HUE_SLIDER_THUMB),this._opacitySliderElement=s(t,o.selectors.OPACITY_SLIDER),this._opacitySliderThumbElement=s(t,o.selectors.OPACITY_SLIDER_THUMB),this._hexValueContainerElement=s(t,o.selectors.COLOR_VALUE_HEX_CONTAINER),this._rgbaValueContainerElement=s(t,o.selectors.COLOR_VALUE_RGBA_CONTAINER),this._hsvaValueContainerElement=s(t,o.selectors.COLOR_VALUE_HSVA_CONTAINER),this._typeButtonElement=s(t,o.selectors.TYPE_BUTTON)}setPreviewColor(t){this._previewColorElement.style.backgroundColor=t}setHexInputValue(t){this._hexInputElement.value=t}setRgbaInputValue(t){this._rgbaInputRElement.value=t.r.toString(),this._rgbaInputGElement.value=t.g.toString(),this._rgbaInputBElement.value=t.b.toString(),this._rgbaInputAElement.value=t.a.toString()}setHsvaInputValue(t){this._hsvaInputHElement.value=t.h.toString(),this._hsvaInputSElement.value=t.s.toString(),this._hsvaInputVElement.value=t.v.toString(),this._hsvaInputAElement.value=t.a.toString()}updateA11y(t,i){this._hueSliderThumbElement.setAttribute("aria-valuenow",t.toString()),this._hueSliderThumbElement.setAttribute("aria-valuetext",t.toString()),this._opacitySliderThumbElement.setAttribute("aria-valuenow",i.toString()),this._opacitySliderThumbElement.setAttribute("aria-valuetext",i.toString())}setGradientColor(t){this._gradientElement.style.backgroundColor=t}getHueSliderElement(){return this._hueSliderElement}getOpacitySliderElement(){return this._opacitySliderElement}getGradientElement(){return this._gradientElement}setActiveValueType(t){switch(this._hexValueContainerElement.style.display="none",this._rgbaValueContainerElement.style.display="none",this._hsvaValueContainerElement.style.display="none",t){case"hex":this._hexValueContainerElement.style.removeProperty("display");break;case"rgba":this._rgbaValueContainerElement.style.removeProperty("display");break;case"hsva":this._hsvaValueContainerElement.style.removeProperty("display");break}}focusValueInput(t){switch(t){case"hex":this._hexInputElement.focus(),this._hexInputElement.select();break;case"rgba":this._rgbaInputRElement.focus(),this._rgbaInputRElement.select();break;case"hsva":this._hsvaInputHElement.focus(),this._hsvaInputHElement.select();break}}setTypeClickListener(t){this._typeButtonElement.addEventListener("click",t)}removeTypeClickListener(t){this._typeButtonElement.removeEventListener("click",t)}setHexInputListener(t,i){this._hexInputElement.addEventListener(t,i)}removeHexInputListener(t,i){this._hexInputElement.removeEventListener(t,i)}getHexInputValue(){return this._hexInputElement.value}setRgbaInputListener(t,i){this._rgbaInputRElement.addEventListener(t,i),this._rgbaInputGElement.addEventListener(t,i),this._rgbaInputBElement.addEventListener(t,i),this._rgbaInputAElement.addEventListener(t,i)}removeRgbaInputListener(t,i){this._rgbaInputRElement.removeEventListener(t,i),this._rgbaInputGElement.removeEventListener(t,i),this._rgbaInputBElement.removeEventListener(t,i),this._rgbaInputAElement.removeEventListener(t,i)}getRgbaInputValue(){return{r:parseInt(this._rgbaInputRElement.value,10),g:parseInt(this._rgbaInputGElement.value,10),b:parseInt(this._rgbaInputBElement.value,10),a:parseFloat(this._rgbaInputAElement.value)}}setHsvaInputListener(t,i){this._hsvaInputHElement.addEventListener(t,i),this._hsvaInputSElement.addEventListener(t,i),this._hsvaInputVElement.addEventListener(t,i),this._hsvaInputAElement.addEventListener(t,i)}removeHsvaInputListener(t,i){this._hsvaInputHElement.removeEventListener(t,i),this._hsvaInputSElement.removeEventListener(t,i),this._hsvaInputVElement.removeEventListener(t,i),this._hsvaInputAElement.removeEventListener(t,i)}getHsvaInputValue(){return{h:parseInt(this._hsvaInputHElement.value,10),s:parseInt(this._hsvaInputSElement.value,10),v:parseInt(this._hsvaInputVElement.value,10),a:parseFloat(this._hsvaInputAElement.value)}}toggleOpacityControls(t){t?(this._opacitySliderElement.style.removeProperty("display"),this._rgbaInputAElement.parentElement&&this._rgbaInputAElement.parentElement.style.removeProperty("display"),this._hsvaInputAElement.parentElement&&this._hsvaInputAElement.parentElement.style.removeProperty("display")):(this._opacitySliderElement.style.display="none",this._rgbaInputAElement.parentElement&&(this._rgbaInputAElement.parentElement.style.display="none"),this._hsvaInputAElement.parentElement&&(this._hsvaInputAElement.parentElement.style.display="none"))}};function E(r,e,t){let i=t.getBoundingClientRect(),a=r-i.left,n=e-i.top;return a>i.width?a=i.width:a<0&&(a=0),n>i.height?n=i.height:n<0&&(n=0),{x:a,y:n,height:i.height,width:i.width}}function v(r){let e,t,i,a=r.h/60,n=r.s/100,l=r.v/100;if(n===0)return e=t=i=l,{r:Math.round(e*255),g:Math.round(t*255),b:Math.round(i*255),a:r.a};let d=Math.floor(a),_=a-d,c=l*(1-n),x=l*(1-n*_),k=l*(1-n*(1-_));switch(d){case 0:e=l,t=k,i=c;break;case 1:e=x,t=l,i=c;break;case 2:e=c,t=l,i=k;break;case 3:e=c,t=x,i=l;break;case 4:e=k,t=c,i=l;break;default:e=l,t=c,i=x}return{r:Math.round(e*255),g:Math.round(t*255),b:Math.round(i*255),a:r.a}}function m(r){return T(r.r)+T(r.g)+T(r.b)+(Math.round(r.a*255)+65536).toString(16).substr(-2)}function T(r){return("0"+r.toString(16)).slice(-2)}function $(r){let e=r.length===3||r.length===4,t=e?`${r.slice(0,1)}${r.slice(0,1)}`:r.slice(0,2),i=e?`${r.slice(1,2)}${r.slice(1,2)}`:r.slice(2,4),a=e?`${r.slice(2,3)}${r.slice(2,3)}`:r.slice(4,6),n=(e?`${r.slice(3,4)}${r.slice(3,4)}`:r.slice(6,8))||"ff";return{r:parseInt(t,16),g:parseInt(i,16),b:parseInt(a,16),a:parseFloat((parseInt(n,16)/255).toFixed(2))}}function X(r){return`rgba(${r.r}, ${r.g}, ${r.b}, ${r.a})`}function H(r,e){let t=r.replace(/^#/,"");return e||(t.length===4?t=t.substring(0,3):t.length===8&&(t=t.substring(0,6))),`#${t}`}function j(r){let e=r.r/255,t=r.g/255,i=r.b/255,a=Math.max(e,t,i),n=Math.min(e,t,i),l=a,d=a,_=a,c=a-n;if(d=a===0?0:c/a,a===n)l=0;else{switch(a){case e:l=(t-i)/c+(t<i?6:0);break;case t:l=(i-e)/c+2;break;case i:l=(e-t)/c+4;break}l/=6}return{h:Math.round(l*360),s:Math.round(d*100),v:Math.round(_*100),a:r.a}}function S(r){if(!r||typeof r!="string")return!1;switch(r.substring(0,1)==="#"&&(r=r.substring(1)),r.length){case 3:return/^[0-9A-F]{3}$/i.test(r);case 4:return/^[0-9A-F]{4}$/i.test(r);case 6:return/^[0-9A-F]{6}$/i.test(r);case 8:return/^[0-9A-F]{8}$/i.test(r);default:return!1}}function R(r){return u(r.r)&&r.r>=0&&r.r<=255&&u(r.g)&&r.g>=0&&r.g<=255&&u(r.b)&&r.b>=0&&r.b<=255&&u(r.a)&&r.a>=0&&r.a<=1}function V(r){return u(r.h)&&r.h>=0&&r.h<=360&&u(r.s)&&r.s>=0&&r.s<=100&&u(r.v)&&r.v>=0&&r.v<=100&&u(r.a)&&r.a>=0&&r.a<=1}var y=class{constructor(e,t){this._rootElement=e;this._changeListener=t;this._keydownListener=i=>this._onKeydown(i),this._downListener=i=>this._onDown(i),this._moveListener=i=>this._onMove(i),this._upListener=i=>this._onUp(i),this._initialize()}destroy(){this._unlisten()}setValue(e,t){window.requestAnimationFrame(()=>{let i=this._rootElement.getBoundingClientRect();this._xPercent=Math.round(i.width*(e/100)),this._yPercent=i.height-Math.round(i.height*(t/100)),this._setThumbPosition(this._xPercent,this._yPercent)})}_initialize(){this._thumbElement=this._rootElement.querySelector(o.selectors.GRADIENT_THUMB),this._listen(),this._setThumbPosition(this._xPercent,this._yPercent)}_listen(){this._rootElement.addEventListener("keydown",this._keydownListener),this._rootElement.addEventListener("mousedown",this._downListener),this._rootElement.addEventListener("touchstart",this._downListener)}_unlisten(){this._rootElement.removeEventListener("keydown",this._keydownListener),this._rootElement.removeEventListener("mousedown",this._downListener),this._rootElement.removeEventListener("touchstart",this._downListener),document.removeEventListener("mousemove",this._moveListener),document.removeEventListener("touchmove",this._moveListener),document.removeEventListener("mouseup",this._upListener),document.removeEventListener("touchend",this._upListener)}_onKeydown(e){let t=e.key==="Enter"||e.keyCode===13,i=e.key==="ArrowLeft"||e.keyCode===37,a=e.key==="ArrowUp"||e.keyCode===38,n=e.key==="ArrowRight"||e.keyCode===39,l=e.key==="ArrowDown"||e.keyCode===40,d=this._rootElement.getBoundingClientRect();if(l)e.preventDefault(),this._yPercent++;else if(a)e.preventDefault(),this._yPercent--;else if(i)e.preventDefault(),this._xPercent--;else if(n)e.preventDefault(),this._xPercent++;else if(t)e.preventDefault();else return;this._xPercent>d.width?this._xPercent=d.width:this._xPercent<0&&(this._xPercent=0),this._yPercent>d.height?this._yPercent=d.height:this._yPercent<0&&(this._yPercent=0),this._setThumbPosition(this._xPercent,this._yPercent),this._notify()}_onDown(e){e.preventDefault(),document.addEventListener("mousemove",this._moveListener),document.addEventListener("touchmove",this._moveListener),document.addEventListener("mouseup",this._upListener),document.addEventListener("touchend",this._upListener),this._updateThumbPosition(e)}_onMove(e){e.preventDefault(),this._updateThumbPosition(e)}_onUp(e){document.removeEventListener("mousemove",this._moveListener),document.removeEventListener("touchmove",this._moveListener),document.removeEventListener("mouseup",this._upListener),document.removeEventListener("touchend",this._upListener),this._updateThumbPosition(e),this._thumbElement.focus()}_updateThumbPosition(e){let t=/^mouse/.test(e.type),i=t?e.clientX:e.changedTouches[0].clientX,a=t?e.clientY:e.changedTouches[0].clientY,n=this._calculateSliderPercent(i,a);this._setThumbPosition(n.x,n.y),this._xPercent=parseInt((n.x/n.width*100).toString(),10),this._yPercent=Math.abs(parseInt((n.y/n.height*100).toString(),10)-100),this._notify()}_calculateSliderPercent(e,t){return E(e,t,this._rootElement)}_setThumbPosition(e,t){this._thumbElement.style.left=`${e}px`,this._thumbElement.style.top=`${t}px`}_notify(){typeof this._changeListener=="function"&&this._changeListener(this._xPercent,this._yPercent)}};var b=class{constructor(e,t){this._rootElement=e;this._changeListener=t;this._percent=1;this._min=0;this._max=1;this._step=.01;this._keydownListener=i=>this._onKeydown(i),this._downListener=i=>this._onDown(i),this._moveListener=i=>this._onMove(i),this._upListener=i=>this._onUp(i),this._initialize()}destroy(){this._unlisten()}setValue(e){this._percent=e,this._setThumbPosition(this._percent)}_initialize(){this._thumbElement=this._rootElement.querySelector(o.selectors.SLIDER_THUMB),this._listen(),this._setThumbPosition(this._percent)}_listen(){this._thumbElement.addEventListener("keydown",this._keydownListener),this._rootElement.addEventListener("mousedown",this._downListener),this._rootElement.addEventListener("touchstart",this._downListener)}_unlisten(){this._thumbElement.removeEventListener("keydown",this._keydownListener),this._rootElement.removeEventListener("mousedown",this._downListener),this._rootElement.removeEventListener("touchstart",this._downListener),document.removeEventListener("mousemove",this._moveListener),document.removeEventListener("touchmove",this._moveListener),document.removeEventListener("mouseup",this._upListener),document.removeEventListener("touchend",this._upListener)}_onKeydown(e){let t=e.key==="ArrowLeft"||e.keyCode===37,i=e.key==="ArrowRight"||e.keyCode===39,a=e.key==="Home"||e.keyCode===36,n=e.key==="End"||e.keyCode===35;t?(e.preventDefault(),this._percent-=this._step):i?(e.preventDefault(),this._percent+=this._step):a?(e.preventDefault(),this._percent=this._min):n&&(e.preventDefault(),this._percent=this._max),this._percent<this._min?this._percent=this._min:this._percent>this._max&&(this._percent=this._max),this._setThumbPosition(this._percent),this._notify()}_onDown(e){e.preventDefault(),document.addEventListener("mousemove",this._moveListener),document.addEventListener("touchmove",this._moveListener),document.addEventListener("mouseup",this._upListener),document.addEventListener("touchend",this._upListener),this._updateThumbPosition(e)}_onMove(e){e.preventDefault(),this._thumbElement.classList.add(o.classes.SLIDER_THUMB_ACTIVE),this._updateThumbPosition(e)}_onUp(e){this._thumbElement.classList.remove(o.classes.SLIDER_THUMB_ACTIVE),document.removeEventListener("mousemove",this._moveListener),document.removeEventListener("touchmove",this._moveListener),document.removeEventListener("mouseup",this._upListener),document.removeEventListener("touchend",this._upListener),this._updateThumbPosition(e),this._thumbElement.focus()}_updateThumbPosition(e){let t=/^mouse/.test(e.type)?e.clientX:e.changedTouches[0].clientX;this._percent=this._calculateSliderPercent(t),this._setThumbPosition(this._percent),this._notify()}_calculateSliderPercent(e){let t=E(e,0,this._rootElement);return parseFloat((t.x/t.width).toFixed(2))}_setThumbPosition(e){this._thumbElement.style.left=`${e*100}%`}_notify(){typeof this._changeListener=="function"&&this._changeListener(this._percent)}};var I=class{constructor(e){this._adapter=e;this._value=null;this._allowOpacity=!0;this._hex=w;this._hsva={h:0,s:0,v:0,a:1};this._rgba={r:0,g:0,b:0,a:1};this._debounceChangeEvent=!1;this._valueType="hex";this._gradientSliderChangedListener=(t,i)=>this._onGradientSliderChanged(t,i),this._hueSliderChangedListener=t=>this._onHueSliderChanged(t),this._opacitySliderChangedListener=t=>this._onOpacitySliderChanged(t),this._typeClickListener=t=>this._onTypeClicked(t),this._hexInputChangedListener=t=>this._onHexInputChanged(),this._rgbaInputChangedListener=t=>this._onRgbaInputChanged(),this._hsvaInputChangedListener=t=>this._onHsvaInputChanged()}initialize(){this._applyChangeEventTrigger(),this._adapter.setTypeClickListener(this._typeClickListener),this._adapter.setHexInputListener("input",this._hexInputChangedListener),this._adapter.setRgbaInputListener("input",this._rgbaInputChangedListener),this._adapter.setHsvaInputListener("input",this._hsvaInputChangedListener),this._gradientSlider=new y(this._adapter.getGradientElement(),this._gradientSliderChangedListener),this._hueSlider=new b(this._adapter.getHueSliderElement(),this._hueSliderChangedListener),this._opacitySlider=new b(this._adapter.getOpacitySliderElement(),this._opacitySliderChangedListener),this._initializeOpacity(),this._setColorFromHex(),this._adapter.setActiveValueType(this._valueType)}disconnect(){this._adapter.removeTypeClickListener(this._typeClickListener),this._adapter.removeHexInputListener("input",this._hexInputChangedListener),this._adapter.removeRgbaInputListener("input",this._hexInputChangedListener),this._adapter.removeHsvaInputListener("input",this._hexInputChangedListener),this._gradientSlider.destroy(),this._hueSlider.destroy(),this._opacitySlider.destroy()}_applyChangeEventTrigger(){this._debounceChangeEvent?this._triggerChangeEvent=P((e,t)=>{this._emitChangeEvent(e,t)},o.numbers.CHANGE_EVENT_DEBOUNCE_THRESHOLD,!1):this._triggerChangeEvent=(e,t)=>this._emitChangeEvent(e,t)}_initializeOpacity(){this._hsva.a=1,this._adapter.toggleOpacityControls(this._allowOpacity),this._render()}_onTypeClicked(e){this._valueType==="hex"?this._valueType="rgba":this._valueType==="rgba"?this._valueType="hsva":this._valueType==="hsva"&&(this._valueType="hex"),this._adapter.setActiveValueType(this._valueType),this._adapter.focusValueInput(this._valueType)}_onHexInputChanged(){let e=this._adapter.getHexInputValue();S(e)&&(this.value=e,this._triggerChangeEvent("input","hex"))}_onRgbaInputChanged(){let e=this._adapter.getRgbaInputValue();R(e)&&(this.value=m(e),this._triggerChangeEvent("input","rgba"))}_onHsvaInputChanged(){let e=this._adapter.getHsvaInputValue();V(e)&&(this.value=m(v(e)),this._triggerChangeEvent("input","hsva"))}_setColorFromHex(){this._rgba=$(this._hex),this._hsva=j(this._rgba),this._gradientSlider.setValue(this._hsva.s,this._hsva.v),this._hueSlider.setValue(parseFloat((this._hsva.h/360).toFixed(2))),this._opacitySlider.setValue(this._hsva.a),this._render()}_onGradientSliderChanged(e,t){this._hsva.s=e,this._hsva.v=t,this._syncColors(),this._render(),this._triggerChangeEvent("slider","gradient")}_onHueSliderChanged(e){this._hsva.h=parseInt((360*e).toString(),10),this._syncColors(),this._setGradientColor(),this._render(),this._triggerChangeEvent("slider","hue")}_onOpacitySliderChanged(e){this._hsva.a=e,this._syncColors(),this._render(),this._triggerChangeEvent("slider","opacity")}_setGradientColor(){let e=v({h:this._hsva.h,s:100,v:100,a:1});this._adapter.setGradientColor(`rgb(${e.r}, ${e.g}, ${e.b})`)}_syncColors(){this._rgba=v(this._hsva),this._hex=m(this._rgba),this._value=this._hex||null}_render(){this._setGradientColor(),this._adapter.setPreviewColor(X(this._rgba)),this._adapter.setHexInputValue(this._getFormattedHex()),this._adapter.setRgbaInputValue(this._rgba),this._adapter.setHsvaInputValue(this._hsva),this._adapter.updateA11y(this._hsva.h,Math.round(this._hsva.a*100))}_getFormattedHex(){return H(this._hex,!1)}_emitChangeEvent(e,t){let i={type:e,source:t,hex:H(this._hex,!1).replace(/^#/,""),rgba:this._rgba,hsva:this._hsva};this._allowOpacity&&(i.alpha=this._hsva.a),this._adapter.emitHostEvent(o.events.CHANGE,i)}get value(){return this._getFormattedHex()}set value(e){if(this._value!==e){if(this._value=e||w,!S(this._value))throw new Error("Invalid hex value provided.");this._hex=this._value.replace(/^#/,""),this._setColorFromHex(),this._adapter.setHostAttribute(o.attributes.VALUE,this._value)}}get rgba(){return this._rgba?L({},this._rgba):null}set rgba(e){e?R(e)&&(this.value=m(e)):this.value=null}get hsva(){return this._hsva?L({},this._hsva):null}set hsva(e){e?V(e)&&(this.value=m(v(e))):this.value=null}get opacity(){return this._hsva?this._hsva.a:null}set opacity(e){this._hsva.a!==e&&e!=null&&this._allowOpacity&&(e>=0&&e<=1?(this._hsva.a=e,this._opacitySlider.setValue(this._hsva.a),this._syncColors(),this._render()):console.warn(`The provided opacity value (${e}) must be between 0 and 1.`))}get allowOpacity(){return this._allowOpacity}set allowOpacity(e){this._allowOpacity=e,this._initializeOpacity()}get debounceChangeEvent(){return this._debounceChangeEvent}set debounceChangeEvent(e){this._debounceChangeEvent!==e&&(this._debounceChangeEvent=e,this._applyChangeEventTrigger())}};var te='<template><div class="forge-color-picker" part="root"><input type="color" tabindex="-1" class="forge-color-picker__input" spellcheck="false" autocomplete="off" aria-label="Color picker value" part="input"><div class="forge-color-picker__container" part="container"><div class="forge-color-picker__gradient" tabindex="0" part="gradient"><div class="forge-color-picker__gradient-color" part="gradient-color"></div><div class="forge-color-picker__gradient-thumb" part="gradient-thumb"></div></div><div class="forge-color-picker__control-preview" part="controls-preview-container"><div class="forge-color-picker__controls" part="controls-container"><div class="forge-color-picker__slider-control" part="hue-control-container"><div class="forge-color-picker__slider forge-color-picker__hue-slider" part="hue-control-slider"><div class="forge-color-picker__slider-thumb" id="forge-color-picker-hue-thumb" part="hue-control-slider-thumb" tabindex="0" role="slider" aria-label="Change hue" aria-valuemin="0" aria-valuemax="360" aria-valuenow="0" aria-orientation="horizontal" aria-valuetext="0"></div></div></div><div class="forge-color-picker__slider-control" part="opacity-control-container"><div class="forge-color-picker__canvas" part="opacity-control-canvas"><div class="forge-color-picker__slider forge-color-picker__opacity-slider" part="opacity-control-slider"><div class="forge-color-picker__slider-thumb" id="forge-color-picker-opacity-thumb" part="opacity-control-slider-thumb" tabindex="0" role="slider" aria-label="Change opacity" aria-valuemin="0" aria-valuemax="100" aria-valuenow="0" aria-orientation="horizontal" aria-valuetext="0"></div></div></div></div></div><div class="forge-color-picker__color-preview-container forge-color-picker__canvas" part="color-preview-container"><div class="forge-color-picker__color-preview" part="color-preview"></div></div></div><div class="forge-color-picker__value" part="value-container"><div class="forge-color-picker__color-types" part="types-container"><div class="forge-color-picker__color-hex" part="hex-type-container"><div part="hex-type-label-wrapper"><label for="forge-color-picker-hex-input" part="hex-label">HEX</label></div><input type="text" id="forge-color-picker-hex-input" part="hex-input" style="width: 88px;" maxlength="9" spellcheck="false" autocomplete="off" aria-label="HEX value"></div><div class="forge-color-picker__color-rgba" part="rgba-type-container"><div part="rgba-type-wrapper-r"><label for="forge-color-picker-rgba-r-input" part="rgba-type-label-r">R</label> <input type="number" id="forge-color-picker-rgba-r-input" part="rgba-type-input-r" min="0" max="255" maxlength="3" autocomplete="off" aria-label="Red"></div><div part="rgba-type-wrapper-g"><label for="forge-color-picker-rgba-g-input" part="rgba-type-label-g">G</label> <input type="number" id="forge-color-picker-rgba-g-input" part="rgba-type-input-g" min="0" max="255" maxlength="3" autocomplete="off" aria-label="Green"></div><div part="rgba-type-wrapper-b"><label for="forge-color-picker-rgba-b-input" part="rgba-type-label-b">B</label> <input type="number" id="forge-color-picker-rgba-b-input" part="rgba-type-input-b" min="0" max="255" maxlength="3" autocomplete="off" aria-label="Blue"></div><div part="rgba-type-wrapper-a"><label for="forge-color-picker-rgba-a-input" part="rgba-type-label-a">A</label> <input type="number" id="forge-color-picker-rgba-a-input" part="rgba-type-input-a" min="0" max="1" step="0.1" maxlength="3" autocomplete="off" aria-label="Alpha"></div></div><div class="forge-color-picker__color-hsva" part="hsva-type-container"><div part="hsva-type-wrapper-h"><label for="forge-color-picker-hsva-h-input" part="hsva-type-label-h">H</label> <input type="number" id="forge-color-picker-hsva-h-input" part="hsva-type-input-h" min="0" max="360" maxlength="3" autocomplete="off" aria-label="Hue"></div><div part="hsva-type-wrapper-s"><label for="forge-color-picker-hsva-s-input" part="hsva-type-label-s">S</label> <input type="number" id="forge-color-picker-hsva-s-input" part="hsva-type-input-s" min="0" max="100" maxlength="3" autocomplete="off" aria-label="Saturation"></div><div part="hsva-type-wrapper-v"><label for="forge-color-picker-hsva-v-input" part="hsva-type-label-v">V</label> <input type="number" id="forge-color-picker-hsva-v-input" part="hsva-type-input-v" min="0" max="100" maxlength="3" autocomplete="off" aria-label="Value"></div><div part="hsva-type-wrapper-a"><label for="forge-color-picker-hsva-a-input" part="hsva-type-label-a">A</label> <input type="number" id="forge-color-picker-hsva-a-input" part="hsva-type-input-a" min="0" max="1" step="0.1" maxlength="3" autocomplete="off" aria-label="Alpha"></div></div></div><div class="forge-color-picker__type-button" part="type-container"><forge-icon-button part="type-button"><button type="button" id="forge-color-picker-type-button" aria-labelledby="type-button-tooltip" part="type-button-element"><forge-icon name="unfold_more" part="type-button-icon"></forge-icon></button><forge-tooltip delay="500" position="bottom" id="type-button-tooltip">Change color format</forge-tooltip></forge-icon-button></div></div></div></div></template>',ie='.forge-icon-button{display:-webkit-inline-box;display:inline-flex;-webkit-box-pack:center;justify-content:center;-webkit-box-align:center;align-items:center;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;border:none;outline:0;background-color:transparent;fill:currentColor;color:inherit;font-size:24px;text-decoration:none;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:48px;height:48px;padding:12px}.forge-icon-button forge-icon,.forge-icon-button img,.forge-icon-button svg{width:24px;height:24px}.forge-icon-button:disabled{color:rgba(0,0,0,.38);color:var(--mdc-theme-text-disabled-on-light,rgba(0,0,0,.38))}.forge-icon-button:disabled{cursor:default;pointer-events:none}.forge-icon-button__icon{display:inline-block}.forge-icon-button__icon.forge-icon-button__icon--on{display:none}.forge-icon-button--on .forge-icon-button__icon{display:none}.forge-icon-button--on .forge-icon-button__icon.forge-icon-button__icon--on{display:inline-block}@-webkit-keyframes mdc-ripple-fg-radius-in{from{-webkit-animation-timing-function:cubic-bezier(0.4,0,0.2,1);animation-timing-function:cubic-bezier(0.4,0,0.2,1);-webkit-transform:translate(var(--mdc-ripple-fg-translate-start,0)) scale(1);transform:translate(var(--mdc-ripple-fg-translate-start,0)) scale(1)}to{-webkit-transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1));transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1))}}@keyframes mdc-ripple-fg-radius-in{from{-webkit-animation-timing-function:cubic-bezier(0.4,0,0.2,1);animation-timing-function:cubic-bezier(0.4,0,0.2,1);-webkit-transform:translate(var(--mdc-ripple-fg-translate-start,0)) scale(1);transform:translate(var(--mdc-ripple-fg-translate-start,0)) scale(1)}to{-webkit-transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1));transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1))}}@-webkit-keyframes mdc-ripple-fg-opacity-in{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:0}to{opacity:var(--mdc-ripple-fg-opacity, 0)}}@keyframes mdc-ripple-fg-opacity-in{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:0}to{opacity:var(--mdc-ripple-fg-opacity, 0)}}@-webkit-keyframes mdc-ripple-fg-opacity-out{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:var(--mdc-ripple-fg-opacity, 0)}to{opacity:0}}@keyframes mdc-ripple-fg-opacity-out{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:var(--mdc-ripple-fg-opacity, 0)}to{opacity:0}}.forge-icon-button{--mdc-ripple-fg-size:0;--mdc-ripple-left:0;--mdc-ripple-top:0;--mdc-ripple-fg-scale:1;--mdc-ripple-fg-translate-end:0;--mdc-ripple-fg-translate-start:0;-webkit-tap-highlight-color:transparent;will-change:transform,opacity}.forge-icon-button::after,.forge-icon-button::before{position:absolute;border-radius:50%;opacity:0;pointer-events:none;content:""}.forge-icon-button::before{-webkit-transition:opacity 15ms linear,background-color 15ms linear;transition:opacity 15ms linear,background-color 15ms linear;z-index:1;z-index:var(--mdc-ripple-z-index,1)}.forge-icon-button::after{z-index:0;z-index:var(--mdc-ripple-z-index,0)}.forge-icon-button.mdc-ripple-upgraded::before{-webkit-transform:scale(var(--mdc-ripple-fg-scale,1));transform:scale(var(--mdc-ripple-fg-scale,1))}.forge-icon-button.mdc-ripple-upgraded::after{top:0;left:0;-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:center center;transform-origin:center center}.forge-icon-button.mdc-ripple-upgraded--unbounded::after{top:var(--mdc-ripple-top,0);left:var(--mdc-ripple-left,0)}.forge-icon-button.mdc-ripple-upgraded--foreground-activation::after{-webkit-animation:mdc-ripple-fg-radius-in 225ms forwards,mdc-ripple-fg-opacity-in 75ms forwards;animation:mdc-ripple-fg-radius-in 225ms forwards,mdc-ripple-fg-opacity-in 75ms forwards}.forge-icon-button.mdc-ripple-upgraded--foreground-deactivation::after{-webkit-animation:mdc-ripple-fg-opacity-out 150ms;animation:mdc-ripple-fg-opacity-out 150ms;-webkit-transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1));transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1))}.forge-icon-button::after,.forge-icon-button::before{top:calc(50% - 50%);left:calc(50% - 50%);width:100%;height:100%}.forge-icon-button.mdc-ripple-upgraded::after,.forge-icon-button.mdc-ripple-upgraded::before{top:var(--mdc-ripple-top,calc(50% - 50%));left:var(--mdc-ripple-left,calc(50% - 50%));width:var(--mdc-ripple-fg-size,100%);height:var(--mdc-ripple-fg-size,100%)}.forge-icon-button.mdc-ripple-upgraded::after{width:var(--mdc-ripple-fg-size,100%);height:var(--mdc-ripple-fg-size,100%)}.forge-icon-button::after,.forge-icon-button::before{background-color:#000;background-color:var(--mdc-ripple-color,var(--mdc-theme-on-surface,#000))}.forge-icon-button.mdc-ripple-surface--hover::before,.forge-icon-button:hover::before{opacity:.04;opacity:var(--mdc-ripple-hover-opacity, .04)}.forge-icon-button.mdc-ripple-upgraded--background-focused::before,.forge-icon-button:not(.mdc-ripple-upgraded):focus::before{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.12;opacity:var(--mdc-ripple-focus-opacity, .12)}.forge-icon-button:not(.mdc-ripple-upgraded)::after{-webkit-transition:opacity 150ms linear;transition:opacity 150ms linear}.forge-icon-button:not(.mdc-ripple-upgraded):active::after{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.12;opacity:var(--mdc-ripple-press-opacity, .12)}.forge-icon-button.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.12)}forge-icon-button{position:relative;display:inline-block;overflow:visible}.forge-icon-button--on{color:#3f51b5;color:var(--mdc-theme-primary,#3f51b5)}.forge-icon-button--on::after,.forge-icon-button--on::before{background-color:#3f51b5;background-color:var(--mdc-ripple-color,var(--mdc-theme-primary,#3f51b5))}.forge-icon-button--on.mdc-ripple-surface--hover::before,.forge-icon-button--on:hover::before{opacity:.04;opacity:var(--mdc-ripple-hover-opacity, .04)}.forge-icon-button--on.mdc-ripple-upgraded--background-focused::before,.forge-icon-button--on:not(.mdc-ripple-upgraded):focus::before{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.12;opacity:var(--mdc-ripple-focus-opacity, .12)}.forge-icon-button--on:not(.mdc-ripple-upgraded)::after{-webkit-transition:opacity 150ms linear;transition:opacity 150ms linear}.forge-icon-button--on:not(.mdc-ripple-upgraded):active::after{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.12;opacity:var(--mdc-ripple-press-opacity, .12)}.forge-icon-button--on.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.12)}.forge-icon-button--on::before{background-color:#3f51b5;background-color:var(--mdc-theme-primary,#3f51b5);opacity:.08}.forge-icon-button--dense{width:28px;height:28px;padding:2px;padding:0}.forge-icon-button--dense-1{width:44px;height:44px;padding:10px}.forge-icon-button--dense-2{width:40px;height:40px;padding:8px}.forge-icon-button--dense-3{width:36px;height:36px;padding:6px}.forge-icon-button--dense-4{width:32px;height:32px;padding:4px}.forge-icon-button--dense-5{width:28px;height:28px;padding:2px}.forge-icon-button--dense-6{width:24px;height:24px;padding:0}.forge-icon-button--with-badge forge-badge{z-index:1;z-index:var(--forge-z-index-surface,1);pointer-events:none;--forge-badge-max-width:32px;--forge-badge-border:1px solid transparent}.forge-icon-button--with-badge forge-badge[app-bar-context]{--forge-badge-border:2px solid var(--forge-app-bar-theme-background)}*{-webkit-box-sizing:border-box;box-sizing:border-box}.forge-color-picker{width:272px;width:var(--forge-color-picker-width,272px);position:relative;display:inline-block;overflow:hidden}.forge-color-picker__input{height:1px;opacity:0;position:absolute;width:1px}.forge-color-picker__gradient{position:relative;outline:0}.forge-color-picker__gradient-color{background:-webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(0,0,0,0)),to(#000)),-webkit-gradient(linear,left top,right top,color-stop(0,#fff),to(rgba(255,255,255,0)));background:linear-gradient(to bottom,rgba(0,0,0,0) 0,#000 100%),linear-gradient(to right,#fff 0,rgba(255,255,255,0) 100%);height:152px}.forge-color-picker__gradient-thumb{border:1px solid #fff;border-radius:50%;cursor:pointer;display:inline-block;height:10px;width:10px;margin-left:-5px;margin-top:-5px;position:absolute;touch-action:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-transition:left .2s cubic-bezier(.25, .8, .25, 1) 0s,top .2s cubic-bezier(.25, .8, .25, 1) 0s;transition:left .2s cubic-bezier(.25, .8, .25, 1) 0s,top .2s cubic-bezier(.25, .8, .25, 1) 0s}.forge-color-picker__control-preview{display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;width:100%;padding:16px}.forge-color-picker__controls{-webkit-box-flex:1;flex:1;margin-right:16px}.forge-color-picker__slider{position:relative}.forge-color-picker__slider-thumb{outline:0;height:16px;width:16px;background-color:#fff;-webkit-box-shadow:0 1px 2px rgba(0,0,0,.3);box-shadow:0 1px 2px rgba(0,0,0,.3);position:absolute;border-radius:50%;top:calc(50% - 8px);margin-left:-8px;-webkit-transition:left .4s cubic-bezier(.25, .8, .25, 1);transition:left .4s cubic-bezier(.25, .8, .25, 1)}.forge-color-picker__slider-thumb--active{-webkit-transition:none;transition:none}.forge-color-picker__slider-thumb:hover{cursor:pointer}.forge-color-picker__color-preview-container{border-radius:50%;-webkit-box-shadow:0 0 2px 0 rgba(0,0,0,.54) inset,0 0 2px 0 rgba(0,0,0,.54);box-shadow:0 0 2px 0 rgba(0,0,0,.54) inset,0 0 2px 0 rgba(0,0,0,.54);overflow:hidden}.forge-color-picker__color-preview{height:32px;width:32px;-webkit-transition:background-color .2s cubic-bezier(.25, .8, .25, 1);transition:background-color .2s cubic-bezier(.25, .8, .25, 1)}.forge-color-picker__value{display:-webkit-box;display:flex;width:100%;-webkit-box-align:center;align-items:center;padding:0 8px 16px 16px;font-size:12px}.forge-color-picker__color-types{-webkit-box-flex:1;flex:1}.forge-color-picker__color-types label{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto,sans-serif;font-family:var(--mdc-typography-caption-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:.75rem;font-size:var(--mdc-typography-caption-font-size, .75rem);line-height:1.25rem;line-height:var(--mdc-typography-caption-line-height, 1.25rem);font-weight:400;font-weight:var(--mdc-typography-caption-font-weight,400);letter-spacing:.0333333333em;letter-spacing:var(--mdc-typography-caption-letter-spacing, .0333333333em);text-decoration:inherit;-webkit-text-decoration:var(--mdc-typography-caption-text-decoration,inherit);text-decoration:var(--mdc-typography-caption-text-decoration,inherit);text-transform:inherit;text-transform:var(--mdc-typography-caption-text-transform,inherit);color:rgba(0,0,0,.54);color:var(--mdc-theme-text-secondary-on-light,rgba(0,0,0,.54))}.forge-color-picker__color-types input{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto,sans-serif;font-family:var(--mdc-typography-caption-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:.75rem;font-size:var(--mdc-typography-caption-font-size, .75rem);line-height:1.25rem;line-height:var(--mdc-typography-caption-line-height, 1.25rem);font-weight:400;font-weight:var(--mdc-typography-caption-font-weight,400);letter-spacing:.0333333333em;letter-spacing:var(--mdc-typography-caption-letter-spacing, .0333333333em);text-decoration:inherit;-webkit-text-decoration:var(--mdc-typography-caption-text-decoration,inherit);text-decoration:var(--mdc-typography-caption-text-decoration,inherit);text-transform:inherit;text-transform:var(--mdc-typography-caption-text-transform,inherit)}.forge-color-picker__color-types input[type=number],.forge-color-picker__color-types input[type=text]{color:#000;color:var(--mdc-theme-on-surface,#000);border-color:#e0e0e0;border-color:var(--forge-theme-border-color,#e0e0e0);background-color:transparent;padding:4px 8px;border-width:1px;border-style:solid;border-radius:4px;-webkit-box-sizing:border-box;box-sizing:border-box;outline:0;-webkit-transition:border-color .2s 0s cubic-bezier(0, 0, .2, 1),-webkit-box-shadow .2s 0s cubic-bezier(0, 0, .2, 1);transition:border-color .2s 0s cubic-bezier(0, 0, .2, 1),-webkit-box-shadow .2s 0s cubic-bezier(0, 0, .2, 1);transition:box-shadow .2s 0s cubic-bezier(0, 0, .2, 1),border-color .2s 0s cubic-bezier(0, 0, .2, 1);transition:box-shadow .2s 0s cubic-bezier(0, 0, .2, 1),border-color .2s 0s cubic-bezier(0, 0, .2, 1),-webkit-box-shadow .2s 0s cubic-bezier(0, 0, .2, 1)}.forge-color-picker__color-types input[type=number]:hover,.forge-color-picker__color-types input[type=text]:hover{border-color:rgba(0,0,0,.87);border-color:var(--mdc-theme-text-primary-on-background,rgba(0,0,0,.87))}.forge-color-picker__color-types input[type=number]:focus,.forge-color-picker__color-types input[type=text]:focus{border-color:#3f51b5;border-color:var(--mdc-theme-primary,#3f51b5);-webkit-box-shadow:0 0 0 1px inset #3f51b5;box-shadow:0 0 0 1px inset #3f51b5;-webkit-box-shadow:0 0 0 1px inset var(--mdc-theme-primary,#3f51b5);box-shadow:0 0 0 1px inset var(--mdc-theme-primary,#3f51b5)}.forge-color-picker__color-types input[type=number]{text-align:center;-moz-appearance:textfield}.forge-color-picker__color-types input[type=number]::-webkit-inner-spin-button,.forge-color-picker__color-types input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none;margin:0}.forge-color-picker__color-hex{display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;-webkit-box-pack:center;justify-content:center;-webkit-box-align:space-between;align-items:space-between}.forge-color-picker__canvas{background-image:url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iNnB4IiBoZWlnaHQ9IjZweCIgdmlld0JveD0iMCAwIDYgNiIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KICAgIDwhLS0gR2VuZXJhdG9yOiBTa2V0Y2ggNTAgKDU0OTgzKSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT5Hcm91cCA5PC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGRlZnM+PC9kZWZzPgogICAgPGcgaWQ9IlBhZ2UtMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9Ikdyb3VwLTkiPgogICAgICAgICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlLTExIiBmaWxsPSIjRTBFMEUwIiB4PSIwIiB5PSIwIiB3aWR0aD0iMyIgaGVpZ2h0PSIzIj48L3JlY3Q+CiAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUtMTEtQ29weS0yIiBmaWxsPSIjRkZGRkZGIiB4PSIwIiB5PSIzIiB3aWR0aD0iMyIgaGVpZ2h0PSIzIj48L3JlY3Q+CiAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUtMTEtQ29weSIgZmlsbD0iI0ZGRkZGRiIgeD0iMyIgeT0iMCIgd2lkdGg9IjMiIGhlaWdodD0iMyI+PC9yZWN0PgogICAgICAgICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlLTExLUNvcHktMyIgZmlsbD0iI0UwRTBFMCIgeD0iMyIgeT0iMyIgd2lkdGg9IjMiIGhlaWdodD0iMyI+PC9yZWN0PgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+")}.forge-color-picker__hue-slider{height:8px;background:-webkit-gradient(linear,left top,right top,color-stop(0,red),color-stop(16%,#ff0),color-stop(33%,#0f0),color-stop(50%,#0ff),color-stop(67%,#00f),color-stop(84%,#f0f),to(#ff0004));background:linear-gradient(to right,red 0,#ff0 16%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 84%,#ff0004 100%)}.forge-color-picker__opacity-slider{height:8px;margin-top:16px;background:-webkit-gradient(linear,left top,right top,from(rgba(255,0,0,0)),to(red));background:linear-gradient(to right,rgba(255,0,0,0) 0,red 100%)}.forge-color-picker__color-hsva,.forge-color-picker__color-rgba{display:-webkit-box;display:flex}.forge-color-picker__color-hsva div,.forge-color-picker__color-rgba div{margin-right:4px}.forge-color-picker__color-hsva label,.forge-color-picker__color-rgba label{display:block;text-align:center}.forge-color-picker__color-hsva input,.forge-color-picker__color-rgba input{width:44px}:host{display:inline-block}:host([hidden]){display:none}',p=class extends G{constructor(){super();U.define(D),O(this,te,ie),this._foundation=new I(new f(this))}static get observedAttributes(){return[o.attributes.VALUE,o.attributes.ALLOW_OPACITY,o.attributes.DEBOUNCE_CHANGE_EVENT]}connectedCallback(){this._foundation.initialize()}disconnectedCallback(){this._foundation.disconnect()}attributeChangedCallback(t,i,a){switch(t){case o.attributes.VALUE:this.value=a;break;case o.attributes.ALLOW_OPACITY:this.allowOpacity=C(a);break;case o.attributes.DEBOUNCE_CHANGE_EVENT:this.debounceChangeEvent=C(a);break}}};h([g()],p.prototype,"value",2),h([g()],p.prototype,"rgba",2),h([g()],p.prototype,"hsva",2),h([g()],p.prototype,"opacity",2),h([g()],p.prototype,"allowOpacity",2),h([g()],p.prototype,"debounceChangeEvent",2),p=h([B({name:o.elementName,dependencies:[K,F,Z]})],p);function Xe(){M(p)}export{o as a,w as b,A as c,f as d,I as e,p as f,Xe as g};
-//# sourceMappingURL=chunk.7TDB3VFH.js.map

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

@@ -1,7 +0,0 @@
-/**
- * @license
- * Copyright 2023 Tyler Technologies, Inc. 
- * License: Apache-2.0
- */
-import{c as g,d as h}from"./chunk.PYG4YVBA.js";import{a as d}from"./chunk.B3IJU6XJ.js";import{a as _,b as f}from"./chunk.OOW3UKT4.js";import{a as b,l as v}from"./chunk.MMVZJLXE.js";import{f as c,g as m}from"./chunk.R4NDFXVA.js";import{k as u}from"./chunk.G76HB2FK.js";import{f as o}from"./chunk.MCIQXNKY.js";var R=`${f}ripple`,T={SURFACE:"mdc-ripple-surface"},E={TARGET:"target",UNBOUNDED:"unbounded"},e={elementName:R,classes:T,attributes:E};var r=class extends h{},C=class extends g{};var n=class{constructor(t){this._component=t}_tryFindTarget(){return this._component.parentElement}initialize(t,s){t&&(this._target=(this._component.ownerDocument||document).querySelector(t)),this._target||(this._target=this._tryFindTarget()),this._target&&(this._ripple=new r(this._target),this._ripple.unbounded=s,c(e.classes.SURFACE,this._target))}destroy(){this._ripple&&(this._ripple.destroy(),this._ripple=void 0),this._target&&m(e.classes.SURFACE,this._target),this._target=void 0}activate(){var t;(t=this._ripple)==null||t.activate()}deactivate(){var t;(t=this._ripple)==null||t.deactivate()}};var p=class{constructor(t){this._adapter=t;this._unbounded=!1}initialize(){this._adapter.initialize(this._target,this._unbounded)}disconnect(){this._adapter.destroy()}layout(){this._applyTarget()}activate(){this._adapter.activate()}deactivate(){this._adapter.deactivate()}_applyTarget(){this._adapter.destroy(),this._adapter.initialize(this._target,this._unbounded)}get target(){return this._target}set target(t){this._target!==t&&(this._target=t,this._applyTarget())}get unbounded(){return this._unbounded}set unbounded(t){this._unbounded!==t&&(this._unbounded=t,this._applyTarget())}};var i=class extends v{constructor(){super();this._foundation=new p(new n(this))}static get observedAttributes(){return[e.attributes.TARGET,e.attributes.UNBOUNDED]}connectedCallback(){this._foundation.initialize()}disconnectedCallback(){this._foundation.disconnect()}attributeChangedCallback(s,x,l){switch(s){case e.attributes.TARGET:this.target=l;break;case e.attributes.UNBOUNDED:this.unbounded=u(l);break}}layout(){this._foundation.layout()}activate(){return this._foundation.activate()}deactivate(){return this._foundation.deactivate()}};o([d()],i.prototype,"target",2),o([d()],i.prototype,"unbounded",2),i=o([_({name:e.elementName})],i);function q(){b(i)}export{e as a,r as b,C as c,n as d,p as e,i as f,q as g};
-//# sourceMappingURL=chunk.BCD4AAI2.js.map

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/ripple/ripple-constants.ts", "../../src/ripple/forge-ripple.ts", "../../src/ripple/ripple-adapter.ts", "../../src/ripple/ripple-foundation.ts", "../../src/ripple/ripple.ts", "../../src/ripple/index.ts"],
-  "sourcesContent": ["import { COMPONENT_NAME_PREFIX } from '../constants';\n\nconst elementName: keyof HTMLElementTagNameMap = `${COMPONENT_NAME_PREFIX}ripple`;\n\nconst classes = {\n  SURFACE: 'mdc-ripple-surface'\n};\n\nconst attributes = {\n  TARGET: 'target',\n  UNBOUNDED: 'unbounded'\n};\n\nexport const RIPPLE_CONSTANTS = {\n  elementName,\n  classes,\n  attributes\n};\n", "import { MDCRipple, type MDCRippleAdapter, MDCRippleFoundation, type MDCRippleCapableSurface } from '@material/ripple';\n\nexport class ForgeRipple extends MDCRipple {}\nexport class ForgeRippleFoundation extends MDCRippleFoundation {}\nexport {\n  MDCRippleAdapter as ForgeRippleAdapter,\n  MDCRippleCapableSurface as ForgeRippleCapableSurface\n};\n", "import { addClass, removeClass } from '@tylertech/forge-core';\n\nimport { IRippleComponent } from './ripple';\nimport { RIPPLE_CONSTANTS } from './ripple-constants';\nimport { ForgeRipple } from './forge-ripple';\n\nexport interface IRippleAdapter {\n  initialize(target: string, unbounded: boolean): void;\n  destroy(): void;\n  activate(): void;\n  deactivate(): void;\n}\n\nexport class RippleAdapter implements IRippleAdapter {\n  private _target: HTMLElement | undefined;\n  private _ripple: ForgeRipple | undefined;\n\n  constructor(private _component: IRippleComponent) {}\n\n  private _tryFindTarget(): HTMLElement {\n    return this._component.parentElement as HTMLElement;\n  }\n\n  public initialize(target: string, unbounded: boolean): void {\n    if (target) {\n      this._target = (this._component.ownerDocument || document).querySelector(target) as HTMLElement;\n    }\n\n    if (!this._target) {\n      this._target = this._tryFindTarget();\n    }\n\n    if (this._target) {\n      this._ripple = new ForgeRipple(this._target);\n      this._ripple.unbounded = unbounded;\n      addClass(RIPPLE_CONSTANTS.classes.SURFACE, this._target);\n    }\n  }\n\n  public destroy(): void {\n    if (this._ripple) {\n      this._ripple.destroy();\n      this._ripple = undefined;\n    }\n\n    if (this._target) {\n      removeClass(RIPPLE_CONSTANTS.classes.SURFACE, this._target);\n    }\n    \n    this._target = undefined;\n  }\n\n  public activate(): void {\n    this._ripple?.activate();\n  }\n\n  public deactivate(): void {\n    this._ripple?.deactivate();\n  }\n}\n", "import { ICustomElementFoundation } from '@tylertech/forge-core';\nimport { IRippleAdapter } from './ripple-adapter';\n\nexport interface IRippleFoundation extends ICustomElementFoundation {\n  target: string;\n  unbounded: boolean;\n  layout(): void;\n  activate(): void;\n  deactivate(): void;\n}\n\nexport class RippleFoundation implements IRippleFoundation {\n  private _target: string;\n  private _unbounded = false;\n\n  constructor(private _adapter: IRippleAdapter) {}\n\n  public initialize(): void {\n    this._adapter.initialize(this._target, this._unbounded);\n  }\n\n  public disconnect(): void {\n    this._adapter.destroy();\n  }\n\n  public layout(): void {\n    this._applyTarget();\n  }\n\n  public activate(): void {\n    this._adapter.activate();\n  }\n\n  public deactivate(): void {\n    this._adapter.deactivate();\n  }\n\n  private _applyTarget(): void {\n    this._adapter.destroy();\n    this._adapter.initialize(this._target, this._unbounded);\n  }\n\n  public get target(): string {\n    return this._target;\n  }\n  public set target(value: string) {\n    if (this._target !== value) {\n      this._target = value;\n      this._applyTarget();\n    }\n  }\n\n  public get unbounded(): boolean {\n    return this._unbounded;\n  }\n  public set unbounded(value: boolean) {\n    if (this._unbounded !== value) {\n      this._unbounded = value;\n      this._applyTarget();\n    }\n  }\n}\n", "import { coerceBoolean, CustomElement, FoundationProperty } from '@tylertech/forge-core';\nimport { BaseComponent, IBaseComponent } from '../core/base/base-component';\nimport { RippleAdapter } from './ripple-adapter';\nimport { RIPPLE_CONSTANTS } from './ripple-constants';\nimport { RippleFoundation } from './ripple-foundation';\n\nexport interface IRippleComponent extends IBaseComponent {\n  target: string;\n  unbounded: boolean;\n  layout(): void;\n  activate(): void;\n  deactivate(): void;\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'forge-ripple': IRippleComponent;\n  }\n}\n\n/**\n * The web component class behind the `<forge-ripple>` custom element.\n * \n * @tag forge-ripple\n */\n@CustomElement({\n  name: RIPPLE_CONSTANTS.elementName\n})\nexport class RippleComponent extends BaseComponent implements IRippleComponent {\n  public static get observedAttributes(): string[] {\n    return [\n      RIPPLE_CONSTANTS.attributes.TARGET,\n      RIPPLE_CONSTANTS.attributes.UNBOUNDED\n    ];\n  }\n\n  private _foundation: RippleFoundation;\n\n  constructor() {\n    super();\n    this._foundation = new RippleFoundation(new RippleAdapter(this));\n  }\n\n  public connectedCallback(): void {\n    this._foundation.initialize();\n  }\n\n  public disconnectedCallback(): void {\n    this._foundation.disconnect();\n  }\n\n  public attributeChangedCallback(name: string, oldValue: string, newValue: string): void {\n    switch (name) {\n      case RIPPLE_CONSTANTS.attributes.TARGET:\n        this.target = newValue;\n        break;\n      case RIPPLE_CONSTANTS.attributes.UNBOUNDED:\n        this.unbounded = coerceBoolean(newValue);\n        break;\n    }\n  }\n\n  public layout(): void {\n    this._foundation.layout();\n  }\n\n  public activate(): void {\n    return this._foundation.activate();\n  }\n\n  public deactivate(): void {\n    return this._foundation.deactivate();\n  }\n\n  @FoundationProperty()\n  public declare target: string;\n\n  @FoundationProperty()\n  public declare unbounded: boolean;\n}\n", "import { defineCustomElement } from '@tylertech/forge-core';\n\nimport { RippleComponent } from './ripple';\n\nexport * from './ripple-adapter';\nexport * from './ripple-constants';\nexport * from './ripple-foundation';\nexport * from './ripple';\nexport * from './forge-ripple';\n\nexport function defineRippleComponent(): void {\n  defineCustomElement(RippleComponent);\n}\n"],
-  "mappings": "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",
-  "names": []
-}

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

@@ -1,12 +0,0 @@
-/**
- * @license
- * Copyright 2023 Tyler Technologies, Inc. 
- * License: Apache-2.0
- */
-import{f as To}from"./chunk.VHKQHMK3.js";import{b as go}from"./chunk.ZFD3OE45.js";import{f as So}from"./chunk.B52LJRGH.js";import{d as Bo}from"./chunk.Y5GQ2BA7.js";import{q as so}from"./chunk.F2GXZPID.js";import{d as Po}from"./chunk.QH4DLM3R.js";import{c as ao}from"./chunk.BCP2YATB.js";import{d as co}from"./chunk.N24NHF7Y.js";import{d as lo}from"./chunk.HPJ4AQIE.js";import{h as uo}from"./chunk.QMRLSOAB.js";import{b as xo}from"./chunk.GXUYYBVO.js";import{d as io}from"./chunk.V55E5JD5.js";import{d as Co}from"./chunk.Q3RRONZQ.js";import{b as ro}from"./chunk.MYNPY3AQ.js";import{d as fo}from"./chunk.TLS4ALGU.js";import{d as eo}from"./chunk.OJFI5I6O.js";import{d as no}from"./chunk.ZPBGKHHM.js";import{b as po}from"./chunk.3L7T5WYL.js";import{b as to}from"./chunk.GEMZPO6Z.js";import{d as mo}from"./chunk.S76NW5JY.js";import{b as U}from"./chunk.L54GENPD.js";import{j as _}from"./chunk.ZMXKZJRM.js";import{d as j}from"./chunk.Z6S62LZJ.js";import{b as G}from"./chunk.NYMNX3S7.js";import{b as H}from"./chunk.HWVLZ44Q.js";import{d as N}from"./chunk.FL6SJHQU.js";import{d as K}from"./chunk.6LXDG4W5.js";import{b as Q}from"./chunk.ON6FJ2D6.js";import{d as y}from"./chunk.2ZQ3ZDPN.js";import{e as v}from"./chunk.MBS5VMYY.js";import{d as R}from"./chunk.PCSCKTFS.js";import{f as V}from"./chunk.7TDB3VFH.js";import{E as L}from"./chunk.M4KJNCLO.js";import{b as O}from"./chunk.5EQPGUZH.js";import{i as B}from"./chunk.7R6TYPPS.js";import{c as l}from"./chunk.YG2KLPHA.js";import{b as e}from"./chunk.2LHBE2QZ.js";import{d}from"./chunk.F3Q62EMG.js";import{c as u}from"./chunk.Y4L7AVUS.js";import{e as c}from"./chunk.YWRCWMNO.js";import{d as A}from"./chunk.SLSVRMAS.js";import{d as D}from"./chunk.WEUNLYMQ.js";import{b as k}from"./chunk.DURRORXO.js";import{b as w}from"./chunk.EDU7RQD7.js";import{f as h}from"./chunk.XSZ4S77A.js";import{d as M}from"./chunk.DB2WESQC.js";import{d as s}from"./chunk.55BOUOT6.js";import{d as F}from"./chunk.HWQEGQDD.js";import{d as E}from"./chunk.3STDLL5U.js";import{d as p}from"./chunk.IMZ5PF4C.js";import{d as t}from"./chunk.7MVBJ37L.js";import{d as m}from"./chunk.OLNFXF3V.js";import{e as z}from"./chunk.MWD47ZZU.js";import{d as Y}from"./chunk.N46G56GG.js";import{d as q}from"./chunk.WOHCW6KW.js";import{b as a}from"./chunk.BMFJLHDR.js";import{c as C}from"./chunk.ZAGCOV55.js";import{e as i}from"./chunk.QIJHHDYF.js";import{d as I}from"./chunk.DRXMITOO.js";import{b as n}from"./chunk.HHJJJ73Y.js";import{b as W}from"./chunk.5TVWDATE.js";import{d as X}from"./chunk.WU24GAQY.js";import{d as P}from"./chunk.2CEW64ZM.js";import{d as oo}from"./chunk.X5JLUP7O.js";import{d as $}from"./chunk.36VS7FMU.js";import{b as Z}from"./chunk.DLAIQJHL.js";import{d as S}from"./chunk.TCAOLSLI.js";import{b}from"./chunk.O2R6MBT5.js";import{e as x}from"./chunk.UOWU5VVK.js";import{b as g}from"./chunk.JMXJXZTS.js";import{f}from"./chunk.BCD4AAI2.js";import{e as J}from"./chunk.Z4MN5NB5.js";import{d as T}from"./chunk.KBMLP7UT.js";import{l as r}from"./chunk.JXY6MTP3.js";import{b as o}from"./chunk.MMVZJLXE.js";var Ao=[p,S,s,P,A,D,M,b,E,F,L,O,h,c,u,d,I,V,y,v,R,e,G,H,N,t,K,Q,io,r,g,U,_,j,n,C,i,q,z,J,W,X,Y,oo,$,m,mo,to,ro,fo,x,Co,w,f,po,no,eo,a,xo,ao,co,lo,k,So,Bo,uo,l,so,Po,Z,T,To,go,B];function Mr(){o(Ao)}export{Mr as a};
-/**
- * @license
- * Copyright (c) 2022 Tyler Technologies, Inc.
- * License: Apache-2.0
- */
-//# sourceMappingURL=chunk.BTI5I25G.js.map

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

@@ -1,7 +0,0 @@
-/**
- * @license
- * Copyright 2023 Tyler Technologies, Inc. 
- * License: Apache-2.0
- */
-import{a as d,b as g}from"./chunk.OOW3UKT4.js";import{a as n,e as l,g as s,l as b}from"./chunk.MMVZJLXE.js";import{k as i}from"./chunk.G76HB2FK.js";import{f as a}from"./chunk.MCIQXNKY.js";var m=`${g}toolbar`,f={INVERTED:"inverted"},o={INVERTED:"forge-toolbar--inverted",TOOLBAR:"forge-toolbar",SECTION:"forge-toolbar__section",ALIGN_START:"forge-toolbar__section--align-start",ALIGN_CENTER:"forge-toolbar__section--align-center",ALIGN_END:"forge-toolbar__section--align-end"},p={TOOLBAR:`.${o.TOOLBAR}`,START_SLOT:`.${o.SECTION}.${o.ALIGN_START} > slot[name=start]`,CENTER_SLOT:`.${o.SECTION}.${o.ALIGN_CENTER} > slot[name=center]`,END_SLOT:`.${o.SECTION}.${o.ALIGN_END} > slot[name=end]`},e={elementName:m,attributes:f,classes:o,selectors:p};var h='<template><div class="forge-toolbar" part="root"><div class="forge-toolbar__section forge-toolbar__section--align-start" part="section-start"><slot name="start"></slot></div><div class="forge-toolbar__section forge-toolbar__section--align-center" part="section-center"><slot name="center"></slot></div><div class="forge-toolbar__section forge-toolbar__section--align-end" part="section-end"><slot name="end"></slot></div></div></template>',_=".forge-toolbar{background-color:#fff;background-color:var(--mdc-theme-surface,#fff);min-height:56px;min-height:var(--forge-toolbar-min-height,56px);height:56px;height:var(--forge-toolbar-height,56px);padding-left:16px;padding-left:var(--forge-toolbar-padding,16px);padding-right:16px;padding-right:var(--forge-toolbar-padding,16px);border-bottom:1px solid var(--forge-theme-border-color,rgba(0,0,0,.12));border-bottom:var(--forge-toolbar-border-bottom,1px solid var(--forge-theme-border-color,rgba(0,0,0,.12)));border-top-left-radius:0;border-top-left-radius:var(--forge-toolbar-border-top-left-radius,0);border-top-right-radius:0;border-top-right-radius:var(--forge-toolbar-border-top-right-radius,0);border-bottom-left-radius:0;border-bottom-left-radius:var(--forge-toolbar-border-bottom-left-radius,0);border-bottom-right-radius:0;border-bottom-right-radius:var(--forge-toolbar-border-bottom-right-radius,0);border-color:#e0e0e0;border-color:var(--forge-theme-border-color,#e0e0e0);display:grid;grid-template-columns:auto 1fr auto;-webkit-box-sizing:border-box;box-sizing:border-box}.forge-toolbar__section{display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box}.forge-toolbar__section--align-start{grid-column:1}.forge-toolbar__section--align-center{-webkit-box-pack:center;justify-content:center;grid-column:2}.forge-toolbar__section--align-end{-webkit-box-pack:end;justify-content:flex-end;grid-column:3}.forge-toolbar--inverted{border-top:1px solid var(--forge-theme-border-color,rgba(0,0,0,.12));border-top:var(--forge-toolbar-border-top,1px solid var(--forge-theme-border-color,rgba(0,0,0,.12)));border-bottom:none}:host{display:block;contain:layout}:host([hidden]){display:none}:host([no-border]) .forge-toolbar{border:none}.forge-toolbar ::slotted(h1){margin:0}.forge-toolbar ::slotted(h2){margin:0}.forge-toolbar ::slotted(h3){margin:0}.forge-toolbar ::slotted(h4){margin:0}.forge-toolbar ::slotted(h5){margin:0}.forge-toolbar ::slotted(h6){margin:0}.forge-toolbar ::slotted(p){margin:0}",t=class extends b{constructor(){super();this._inverted=!1;l(this,h,_),this._rootElement=s(this,e.selectors.TOOLBAR)}static get observedAttributes(){return[e.attributes.INVERTED]}connectedCallback(){this._initialize()}attributeChangedCallback(r,T,c){switch(r){case e.attributes.INVERTED:this.inverted=i(c);break}}_initialize(){this._setInverted(this._inverted)}_setInverted(r){r?this._rootElement.classList.add(e.classes.INVERTED):this._rootElement.classList.remove(e.classes.INVERTED)}get inverted(){return this._inverted}set inverted(r){this._inverted=r,this._setInverted(this._inverted)}};t=a([d({name:e.elementName})],t);function S(){n(t)}export{e as a,t as b,S as c};
-//# sourceMappingURL=chunk.DLAIQJHL.js.map

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/toolbar/toolbar-constants.ts", "../../src/toolbar/toolbar.ts", "../../src/toolbar/index.ts"],
-  "sourcesContent": ["import { COMPONENT_NAME_PREFIX } from '../constants';\r\n\r\nconst elementName: keyof HTMLElementTagNameMap = `${COMPONENT_NAME_PREFIX}toolbar`;\r\n\r\nconst attributes = {\r\n  INVERTED: 'inverted'\r\n};\r\n\r\nconst classes = {\r\n  INVERTED: 'forge-toolbar--inverted',\r\n  TOOLBAR: 'forge-toolbar',\r\n  SECTION: 'forge-toolbar__section',\r\n  ALIGN_START: 'forge-toolbar__section--align-start',\r\n  ALIGN_CENTER: 'forge-toolbar__section--align-center',\r\n  ALIGN_END: 'forge-toolbar__section--align-end'\r\n};\r\n\r\nconst selectors = {\r\n  TOOLBAR: `.${classes.TOOLBAR}`,\r\n  START_SLOT: `.${classes.SECTION}.${classes.ALIGN_START} > slot[name=start]`,\r\n  CENTER_SLOT: `.${classes.SECTION}.${classes.ALIGN_CENTER} > slot[name=center]`,\r\n  END_SLOT: `.${classes.SECTION}.${classes.ALIGN_END} > slot[name=end]`\r\n};\r\n\r\nexport const TOOLBAR_CONSTANTS = {\r\n  elementName,\r\n  attributes,\r\n  classes,\r\n  selectors\r\n};\r\n", "import { CustomElement, attachShadowTemplate, getShadowElement, coerceBoolean } from '@tylertech/forge-core';\r\nimport { BaseComponent, IBaseComponent } from '../core/base/base-component';\r\n\r\nimport { TOOLBAR_CONSTANTS } from './toolbar-constants';\r\n\r\nconst template = '<template><div class=\\\"forge-toolbar\\\" part=\\\"root\\\"><div class=\\\"forge-toolbar__section forge-toolbar__section--align-start\\\" part=\\\"section-start\\\"><slot name=\\\"start\\\"></slot></div><div class=\\\"forge-toolbar__section forge-toolbar__section--align-center\\\" part=\\\"section-center\\\"><slot name=\\\"center\\\"></slot></div><div class=\\\"forge-toolbar__section forge-toolbar__section--align-end\\\" part=\\\"section-end\\\"><slot name=\\\"end\\\"></slot></div></div></template>';\r\nconst styles = '.forge-toolbar{background-color:#fff;background-color:var(--mdc-theme-surface,#fff);min-height:56px;min-height:var(--forge-toolbar-min-height,56px);height:56px;height:var(--forge-toolbar-height,56px);padding-left:16px;padding-left:var(--forge-toolbar-padding,16px);padding-right:16px;padding-right:var(--forge-toolbar-padding,16px);border-bottom:1px solid var(--forge-theme-border-color,rgba(0,0,0,.12));border-bottom:var(--forge-toolbar-border-bottom,1px solid var(--forge-theme-border-color,rgba(0,0,0,.12)));border-top-left-radius:0;border-top-left-radius:var(--forge-toolbar-border-top-left-radius,0);border-top-right-radius:0;border-top-right-radius:var(--forge-toolbar-border-top-right-radius,0);border-bottom-left-radius:0;border-bottom-left-radius:var(--forge-toolbar-border-bottom-left-radius,0);border-bottom-right-radius:0;border-bottom-right-radius:var(--forge-toolbar-border-bottom-right-radius,0);border-color:#e0e0e0;border-color:var(--forge-theme-border-color,#e0e0e0);display:grid;grid-template-columns:auto 1fr auto;-webkit-box-sizing:border-box;box-sizing:border-box}.forge-toolbar__section{display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box}.forge-toolbar__section--align-start{grid-column:1}.forge-toolbar__section--align-center{-webkit-box-pack:center;justify-content:center;grid-column:2}.forge-toolbar__section--align-end{-webkit-box-pack:end;justify-content:flex-end;grid-column:3}.forge-toolbar--inverted{border-top:1px solid var(--forge-theme-border-color,rgba(0,0,0,.12));border-top:var(--forge-toolbar-border-top,1px solid var(--forge-theme-border-color,rgba(0,0,0,.12)));border-bottom:none}:host{display:block;contain:layout}:host([hidden]){display:none}:host([no-border]) .forge-toolbar{border:none}.forge-toolbar ::slotted(h1){margin:0}.forge-toolbar ::slotted(h2){margin:0}.forge-toolbar ::slotted(h3){margin:0}.forge-toolbar ::slotted(h4){margin:0}.forge-toolbar ::slotted(h5){margin:0}.forge-toolbar ::slotted(h6){margin:0}.forge-toolbar ::slotted(p){margin:0}';\r\n\r\nexport interface IToolbarComponent extends IBaseComponent {\r\n  inverted: boolean;\r\n}\r\n\r\ndeclare global {\r\n  interface HTMLElementTagNameMap {\r\n    'forge-toolbar': IToolbarComponent;\r\n  }\r\n}\r\n\r\n/**\r\n * The web component class behind the `<forge-toolbar>` custom element.\r\n * \r\n * @tag forge-toolbar\r\n */\r\n@CustomElement({\r\n  name: TOOLBAR_CONSTANTS.elementName\r\n})\r\nexport class ToolbarComponent extends BaseComponent implements IToolbarComponent {\r\n  public static get observedAttributes(): string[] {\r\n    return [\r\n      TOOLBAR_CONSTANTS.attributes.INVERTED\r\n    ];\r\n  }\r\n  \r\n  private _rootElement: HTMLElement;\r\n  private _inverted = false;\r\n\r\n  constructor() {\r\n    super();\r\n    attachShadowTemplate(this, template, styles);\r\n    this._rootElement = getShadowElement(this, TOOLBAR_CONSTANTS.selectors.TOOLBAR);\r\n  }\r\n\r\n  public connectedCallback(): void {\r\n    this._initialize();\r\n  }\r\n\r\n  public attributeChangedCallback(name: string, oldValue: string, newValue: string): void {\r\n    switch (name) {\r\n      case TOOLBAR_CONSTANTS.attributes.INVERTED:\r\n        this.inverted = coerceBoolean(newValue);\r\n        break;\r\n    }\r\n  }\r\n\r\n  private _initialize(): void {\r\n    this._setInverted(this._inverted);\r\n  }\r\n  \r\n  private _setInverted(isInverted: boolean): void {\r\n    if (isInverted) {\r\n      this._rootElement.classList.add(TOOLBAR_CONSTANTS.classes.INVERTED);\r\n    } else {\r\n      this._rootElement.classList.remove(TOOLBAR_CONSTANTS.classes.INVERTED);\r\n    }\r\n  }\r\n\r\n  public get inverted(): boolean {\r\n    return this._inverted;\r\n  }\r\n  public set inverted(value: boolean) {\r\n    this._inverted = value;\r\n    this._setInverted(this._inverted);\r\n  }\r\n}\r\n", "import { defineCustomElement } from '@tylertech/forge-core';\r\n\r\nimport { ToolbarComponent } from './toolbar';\r\n\r\nexport * from './toolbar-constants';\r\nexport * from './toolbar';\r\n\r\nexport function defineToolbarComponent(): void {\r\n  defineCustomElement(ToolbarComponent);\r\n}\r\n"],
-  "mappings": "4LAEA,GAAM,GAA2C,GAAG,WAE9C,EAAa,CACjB,SAAU,UACZ,EAEM,EAAU,CACd,SAAU,0BACV,QAAS,gBACT,QAAS,yBACT,YAAa,sCACb,aAAc,uCACd,UAAW,mCACb,EAEM,EAAY,CAChB,QAAS,IAAI,EAAQ,UACrB,WAAY,IAAI,EAAQ,WAAW,EAAQ,iCAC3C,YAAa,IAAI,EAAQ,WAAW,EAAQ,mCAC5C,SAAU,IAAI,EAAQ,WAAW,EAAQ,4BAC3C,EAEa,EAAoB,CAC/B,cACA,aACA,UACA,WACF,ECxBA,GAAM,GAAW,ybACX,EAAS,uiEAoBF,EAAN,aAA+B,EAA2C,CAU/E,aAAc,CACZ,MAAM,EAHR,KAAQ,UAAY,GAIlB,EAAqB,KAAM,EAAU,CAAM,EAC3C,KAAK,aAAe,EAAiB,KAAM,EAAkB,UAAU,OAAO,CAChF,CAbA,UAAkB,qBAA+B,CAC/C,MAAO,CACL,EAAkB,WAAW,QAC/B,CACF,CAWA,AAAO,mBAA0B,CAC/B,KAAK,YAAY,CACnB,CAEA,AAAO,yBAAyB,EAAc,EAAkB,EAAwB,CACtF,OAAQ,OACD,GAAkB,WAAW,SAChC,KAAK,SAAW,EAAc,CAAQ,EACtC,MAEN,CAEA,AAAQ,aAAoB,CAC1B,KAAK,aAAa,KAAK,SAAS,CAClC,CAEA,AAAQ,aAAa,EAA2B,CAC9C,AAAI,EACF,KAAK,aAAa,UAAU,IAAI,EAAkB,QAAQ,QAAQ,EAElE,KAAK,aAAa,UAAU,OAAO,EAAkB,QAAQ,QAAQ,CAEzE,CAEA,GAAW,WAAoB,CAC7B,MAAO,MAAK,SACd,CACA,GAAW,UAAS,EAAgB,CAClC,KAAK,UAAY,EACjB,KAAK,aAAa,KAAK,SAAS,CAClC,CACF,EA/Ca,EAAN,GAHP,AAAC,EAAc,CACb,KAAM,EAAkB,WAC1B,CAAC,GACY,GCnBN,YAAwC,CAC7C,EAAoB,CAAgB,CACtC",
-  "names": []
-}

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

@@ -1,29 +0,0 @@
-/**
- * @license
- * Copyright 2023 Tyler Technologies, Inc. 
- * License: Apache-2.0
- */
-import{c as U,d as T}from"./chunk.PYG4YVBA.js";import{a as p,b as k,c as g,d as z,e as D,f as X,g as H}from"./chunk.QZHEP4X2.js";import{a as F}from"./chunk.24D46RLZ.js";import{a as B,b as R}from"./chunk.OOW3UKT4.js";import{a as P,e as A,g as L,i as M,l as N}from"./chunk.MMVZJLXE.js";import{t as I,u as y}from"./chunk.R4NDFXVA.js";import{k as C}from"./chunk.G76HB2FK.js";import{f as O}from"./chunk.MCIQXNKY.js";var f;(function(c){c.PROCESSING="mdc-switch--processing",c.SELECTED="mdc-switch--selected",c.UNSELECTED="mdc-switch--unselected"})(f||(f={}));var x;(function(c){c.RIPPLE=".mdc-switch__ripple"})(x||(x={}));function G(c,i,e){var t=Z(c,i),r=t.getObservers(i);return r.push(e),function(){r.splice(r.indexOf(e),1)}}var S=new WeakMap;function Z(c,i){var e=new Map;S.has(c)||S.set(c,{isEnabled:!0,getObservers:function(s){var l=e.get(s)||[];return e.has(s)||e.set(s,l),l},installedProperties:new Set});var t=S.get(c);if(t.installedProperties.has(i))return t;var r=V(c,i)||{configurable:!0,enumerable:!0,value:c[i],writable:!0},o=k({},r),n=r.get,h=r.set;if("value"in r){delete o.value,delete o.writable;var b=r.value;n=function(){return b},r.writable&&(h=function(s){b=s})}return n&&(o.get=function(){return n.call(this)}),h&&(o.set=function(s){var l,E,u=n?n.call(this):s;if(h.call(this,s),t.isEnabled&&(!n||s!==u))try{for(var d=g(t.getObservers(i)),m=d.next();!m.done;m=d.next()){var v=m.value;v(s,u)}}catch(w){l={error:w}}finally{try{m&&!m.done&&(E=d.return)&&E.call(d)}finally{if(l)throw l.error}}}),t.installedProperties.add(i),Object.defineProperty(c,i,o),t}function V(c,i){for(var e=c,t;e&&(t=Object.getOwnPropertyDescriptor(e,i),!t);)e=Object.getPrototypeOf(e);return t}function W(c,i){var e=S.get(c);e&&(e.isEnabled=i)}var j=function(c){p(i,c);function i(e){var t=c.call(this,e)||this;return t.unobserves=new Set,t}return i.prototype.destroy=function(){c.prototype.destroy.call(this),this.unobserve()},i.prototype.observe=function(e,t){var r,o,n=this,h=[];try{for(var b=g(Object.keys(t)),s=b.next();!s.done;s=b.next()){var l=s.value,E=t[l].bind(this);h.push(this.observeProperty(e,l,E))}}catch(d){r={error:d}}finally{try{s&&!s.done&&(o=b.return)&&o.call(b)}finally{if(r)throw r.error}}var u=function(){var d,m;try{for(var v=g(h),w=v.next();!w.done;w=v.next()){var K=w.value;K()}}catch(Q){d={error:Q}}finally{try{w&&!w.done&&(m=v.return)&&m.call(v)}finally{if(d)throw d.error}}n.unobserves.delete(u)};return this.unobserves.add(u),u},i.prototype.observeProperty=function(e,t,r){return G(e,t,r)},i.prototype.setObserversEnabled=function(e,t){W(e,t)},i.prototype.unobserve=function(){var e,t;try{for(var r=g(D([],z(this.unobserves))),o=r.next();!o.done;o=r.next()){var n=o.value;n()}}catch(h){e={error:h}}finally{try{o&&!o.done&&(t=r.return)&&t.call(r)}finally{if(e)throw e.error}}},i}(X);var ee=function(c){p(i,c);function i(e){var t=c.call(this,e)||this;return t.handleClick=t.handleClick.bind(t),t}return i.prototype.init=function(){this.observe(this.adapter.state,{disabled:this.stopProcessingIfDisabled,processing:this.stopProcessingIfDisabled})},i.prototype.handleClick=function(){this.adapter.state.disabled||(this.adapter.state.selected=!this.adapter.state.selected)},i.prototype.stopProcessingIfDisabled=function(){this.adapter.state.disabled&&(this.adapter.state.processing=!1)},i}(j);var q=function(c){p(i,c);function i(){return c!==null&&c.apply(this,arguments)||this}return i.prototype.init=function(){c.prototype.init.call(this),this.observe(this.adapter.state,{disabled:this.onDisabledChange,processing:this.onProcessingChange,selected:this.onSelectedChange})},i.prototype.initFromDOM=function(){this.setObserversEnabled(this.adapter.state,!1),this.adapter.state.selected=this.adapter.hasClass(f.SELECTED),this.onSelectedChange(),this.adapter.state.disabled=this.adapter.isDisabled(),this.adapter.state.processing=this.adapter.hasClass(f.PROCESSING),this.setObserversEnabled(this.adapter.state,!0),this.stopProcessingIfDisabled()},i.prototype.onDisabledChange=function(){this.adapter.setDisabled(this.adapter.state.disabled)},i.prototype.onProcessingChange=function(){this.toggleClass(this.adapter.state.processing,f.PROCESSING)},i.prototype.onSelectedChange=function(){this.adapter.setAriaChecked(String(this.adapter.state.selected)),this.toggleClass(this.adapter.state.selected,f.SELECTED),this.toggleClass(!this.adapter.state.selected,f.UNSELECTED)},i.prototype.toggleClass=function(e,t){e?this.adapter.addClass(t):this.adapter.removeClass(t)},i}(ee);var Y=function(c){p(i,c);function i(e,t){var r=c.call(this,e,t)||this;return r.root=e,r}return i.attachTo=function(e){return new i(e)},i.prototype.initialize=function(){this.ripple=new T(this.root,this.createRippleFoundation())},i.prototype.initialSyncWithDOM=function(){var e=this.root.querySelector(x.RIPPLE);if(!e)throw new Error("Switch "+x.RIPPLE+" element is required.");this.rippleElement=e,this.root.addEventListener("click",this.foundation.handleClick),this.foundation.initFromDOM()},i.prototype.destroy=function(){c.prototype.destroy.call(this),this.ripple.destroy(),this.root.removeEventListener("click",this.foundation.handleClick)},i.prototype.getDefaultFoundation=function(){return new q(this.createAdapter())},i.prototype.createAdapter=function(){var e=this;return{addClass:function(t){e.root.classList.add(t)},hasClass:function(t){return e.root.classList.contains(t)},isDisabled:function(){return e.root.disabled},removeClass:function(t){e.root.classList.remove(t)},setAriaChecked:function(t){return e.root.setAttribute("aria-checked",t)},setDisabled:function(t){e.root.disabled=t},state:this}},i.prototype.createRippleFoundation=function(){return new U(this.createRippleAdapter())},i.prototype.createRippleAdapter=function(){var e=this;return k(k({},T.createAdapter(this)),{computeBoundingRect:function(){return e.rippleElement.getBoundingClientRect()},isUnbounded:function(){return!0}})},i}(H);var $=`${R}switch`,te={LABEL_START:"forge-switch--label-position-start"},ie={BUTTON:".mdc-switch",CONTAINER:".forge-switch__container"},ce={DENSE:"dense",DISABLED:"disabled",SELECTED:"selected",LABEL_POSITION:"label-position",BUTTON_ARIA_LABEL:"button-aria-label"},re={SELECT:`${$}-select`},a={classes:te,selectors:ie,attributes:ce,elementName:$,events:re};var ae='<template><div class="forge-switch__container" part="root"><button id="switch-btn" class="mdc-switch" type="button" role="switch" aria-checked="false" aria-labelledby="switch-label" part="button"><div class="mdc-switch__track" part="track"></div><div class="mdc-switch__handle-track" part="handle-track"><div class="mdc-switch__handle" part="handle"><div class="mdc-switch__shadow" part="shadow"><div class="mdc-elevation-overlay" part="overlay"></div></div><div class="mdc-switch__ripple" part="ripple"></div><div class="mdc-switch__icons" part="icons"><svg class="mdc-switch__icon mdc-switch__icon--on" viewBox="0 0 24 24" part="icon-on"><path d="M19.69,5.23L8.96,15.96l-4.23-4.23L2.96,13.5l6,6L21.46,7L19.69,5.23z" part="icon-on-path"/></svg> <svg class="mdc-switch__icon mdc-switch__icon--off" viewBox="0 0 24 24" part="icon-off"><path d="M20 13H4v-2h16v2z" part="icon-off-path"/></svg></div></div></div></button> <label id="switch-label" class="forge-switch__label" for="switch-btn" part="label"><slot></slot></label></div></template>',se='.mdc-elevation-overlay{position:absolute;border-radius:inherit;pointer-events:none;opacity:0;opacity:var(--mdc-elevation-overlay-opacity, 0);-webkit-transition:opacity 280ms cubic-bezier(.4, 0, .2, 1);transition:opacity 280ms cubic-bezier(.4, 0, .2, 1);background-color:#fff;background-color:var(--mdc-elevation-overlay-color,#fff)}.mdc-switch{-webkit-box-align:center;align-items:center;background:0 0;border:none;display:-webkit-inline-box;display:inline-flex;flex-shrink:0;margin:0;outline:0;overflow:visible;padding:0;position:relative}.mdc-switch__track{overflow:hidden;position:relative;width:100%}.mdc-switch__track::after,.mdc-switch__track::before{border:1px solid transparent;border-radius:inherit;-webkit-box-sizing:border-box;box-sizing:border-box;content:"";height:100%;left:0;position:absolute;width:100%}.mdc-switch__track::before{-webkit-transition:-webkit-transform 75ms 0s cubic-bezier(0, 0, .2, 1);transition:-webkit-transform 75ms 0s cubic-bezier(0, 0, .2, 1);transition:transform 75ms 0s cubic-bezier(0, 0, .2, 1);transition:transform 75ms 0s cubic-bezier(0, 0, .2, 1),-webkit-transform 75ms 0s cubic-bezier(0, 0, .2, 1);-webkit-transform:translateX(0);transform:translateX(0)}.mdc-switch__track::after{-webkit-transition:-webkit-transform 75ms 0s cubic-bezier(.4, 0, .6, 1);transition:-webkit-transform 75ms 0s cubic-bezier(.4, 0, .6, 1);transition:transform 75ms 0s cubic-bezier(.4, 0, .6, 1);transition:transform 75ms 0s cubic-bezier(.4, 0, .6, 1),-webkit-transform 75ms 0s cubic-bezier(.4, 0, .6, 1);-webkit-transform:translateX(-100%);transform:translateX(-100%)}.mdc-switch__track[dir=rtl]::after,[dir=rtl] .mdc-switch__track::after{-webkit-transform:translateX(100%);transform:translateX(100%)}.mdc-switch--selected .mdc-switch__track::before{-webkit-transition:-webkit-transform 75ms 0s cubic-bezier(.4, 0, .6, 1);transition:-webkit-transform 75ms 0s cubic-bezier(.4, 0, .6, 1);transition:transform 75ms 0s cubic-bezier(.4, 0, .6, 1);transition:transform 75ms 0s cubic-bezier(.4, 0, .6, 1),-webkit-transform 75ms 0s cubic-bezier(.4, 0, .6, 1);-webkit-transform:translateX(100%);transform:translateX(100%)}.mdc-switch--selected .mdc-switch__track[dir=rtl]::before,[dir=rtl] .mdc-switch--selected .mdc-switch__track::before{transform:translateX(-100%)}.mdc-switch--selected .mdc-switch__track::after{-webkit-transition:-webkit-transform 75ms 0s cubic-bezier(0, 0, .2, 1);transition:-webkit-transform 75ms 0s cubic-bezier(0, 0, .2, 1);transition:transform 75ms 0s cubic-bezier(0, 0, .2, 1);transition:transform 75ms 0s cubic-bezier(0, 0, .2, 1),-webkit-transform 75ms 0s cubic-bezier(0, 0, .2, 1);-webkit-transform:translateX(0);transform:translateX(0)}.mdc-switch__handle-track{height:100%;pointer-events:none;position:absolute;top:0;-webkit-transition:-webkit-transform 75ms 0s cubic-bezier(.4, 0, .2, 1);transition:-webkit-transform 75ms 0s cubic-bezier(.4, 0, .2, 1);transition:transform 75ms 0s cubic-bezier(.4, 0, .2, 1);transition:transform 75ms 0s cubic-bezier(.4, 0, .2, 1),-webkit-transform 75ms 0s cubic-bezier(.4, 0, .2, 1);left:0;right:auto;-webkit-transform:translateX(0);transform:translateX(0)}.mdc-switch__handle-track[dir=rtl],[dir=rtl] .mdc-switch__handle-track{left:auto;right:0}.mdc-switch--selected .mdc-switch__handle-track{-webkit-transform:translateX(100%);transform:translateX(100%)}.mdc-switch--selected .mdc-switch__handle-track[dir=rtl],[dir=rtl] .mdc-switch--selected .mdc-switch__handle-track{transform:translateX(-100%)}.mdc-switch__handle{display:-webkit-box;display:flex;pointer-events:auto;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);left:0;right:auto}.mdc-switch__handle[dir=rtl],[dir=rtl] .mdc-switch__handle{left:auto;right:0}.mdc-switch__handle::after,.mdc-switch__handle::before{border:1px solid transparent;border-radius:inherit;-webkit-box-sizing:border-box;box-sizing:border-box;content:"";width:100%;height:100%;left:0;position:absolute;top:0;-webkit-transition:background-color 75ms 0s cubic-bezier(.4, 0, .2, 1),border-color 75ms 0s cubic-bezier(.4, 0, .2, 1);transition:background-color 75ms 0s cubic-bezier(.4, 0, .2, 1),border-color 75ms 0s cubic-bezier(.4, 0, .2, 1);z-index:-1}.mdc-switch__shadow{border-radius:inherit;bottom:0;left:0;position:absolute;right:0;top:0}.mdc-elevation-overlay{bottom:0;left:0;right:0;top:0}.mdc-switch__ripple{left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:-1}.mdc-switch:disabled .mdc-switch__ripple{display:none}.mdc-switch__icons{height:100%;position:relative;width:100%;z-index:1}.mdc-switch__icon{bottom:0;left:0;margin:auto;position:absolute;right:0;top:0;opacity:0;-webkit-transition:opacity 30ms 0s cubic-bezier(.4, 0, 1, 1);transition:opacity 30ms 0s cubic-bezier(.4, 0, 1, 1)}.mdc-switch--selected .mdc-switch__icon--on,.mdc-switch--unselected .mdc-switch__icon--off{opacity:1;-webkit-transition:opacity 45ms 30ms cubic-bezier(0, 0, .2, 1);transition:opacity 45ms 30ms cubic-bezier(0, 0, .2, 1)}.mdc-switch{--mdc-ripple-fg-size:0;--mdc-ripple-left:0;--mdc-ripple-top:0;--mdc-ripple-fg-scale:1;--mdc-ripple-fg-translate-end:0;--mdc-ripple-fg-translate-start:0;-webkit-tap-highlight-color:transparent;will-change:transform,opacity}@-webkit-keyframes mdc-ripple-fg-radius-in{from{-webkit-animation-timing-function:cubic-bezier(0.4,0,0.2,1);animation-timing-function:cubic-bezier(0.4,0,0.2,1);-webkit-transform:translate(var(--mdc-ripple-fg-translate-start,0)) scale(1);transform:translate(var(--mdc-ripple-fg-translate-start,0)) scale(1)}to{-webkit-transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1));transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1))}}@keyframes mdc-ripple-fg-radius-in{from{-webkit-animation-timing-function:cubic-bezier(0.4,0,0.2,1);animation-timing-function:cubic-bezier(0.4,0,0.2,1);-webkit-transform:translate(var(--mdc-ripple-fg-translate-start,0)) scale(1);transform:translate(var(--mdc-ripple-fg-translate-start,0)) scale(1)}to{-webkit-transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1));transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1))}}@-webkit-keyframes mdc-ripple-fg-opacity-in{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:0}to{opacity:var(--mdc-ripple-fg-opacity, 0)}}@keyframes mdc-ripple-fg-opacity-in{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:0}to{opacity:var(--mdc-ripple-fg-opacity, 0)}}@-webkit-keyframes mdc-ripple-fg-opacity-out{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:var(--mdc-ripple-fg-opacity, 0)}to{opacity:0}}@keyframes mdc-ripple-fg-opacity-out{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:var(--mdc-ripple-fg-opacity, 0)}to{opacity:0}}.mdc-switch .mdc-switch__ripple::after,.mdc-switch .mdc-switch__ripple::before{position:absolute;border-radius:50%;opacity:0;pointer-events:none;content:""}.mdc-switch .mdc-switch__ripple::before{-webkit-transition:opacity 15ms linear,background-color 15ms linear;transition:opacity 15ms linear,background-color 15ms linear;z-index:1;z-index:var(--mdc-ripple-z-index,1)}.mdc-switch .mdc-switch__ripple::after{z-index:0;z-index:var(--mdc-ripple-z-index,0)}.mdc-switch.mdc-ripple-upgraded .mdc-switch__ripple::before{-webkit-transform:scale(var(--mdc-ripple-fg-scale,1));transform:scale(var(--mdc-ripple-fg-scale,1))}.mdc-switch.mdc-ripple-upgraded .mdc-switch__ripple::after{top:0;left:0;-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:center center;transform-origin:center center}.mdc-switch.mdc-ripple-upgraded--unbounded .mdc-switch__ripple::after{top:var(--mdc-ripple-top,0);left:var(--mdc-ripple-left,0)}.mdc-switch.mdc-ripple-upgraded--foreground-activation .mdc-switch__ripple::after{-webkit-animation:mdc-ripple-fg-radius-in 225ms forwards,mdc-ripple-fg-opacity-in 75ms forwards;animation:mdc-ripple-fg-radius-in 225ms forwards,mdc-ripple-fg-opacity-in 75ms forwards}.mdc-switch.mdc-ripple-upgraded--foreground-deactivation .mdc-switch__ripple::after{-webkit-animation:mdc-ripple-fg-opacity-out 150ms;animation:mdc-ripple-fg-opacity-out 150ms;-webkit-transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1));transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1))}.mdc-switch .mdc-switch__ripple::after,.mdc-switch .mdc-switch__ripple::before{top:calc(50% - 50%);left:calc(50% - 50%);width:100%;height:100%}.mdc-switch.mdc-ripple-upgraded .mdc-switch__ripple::after,.mdc-switch.mdc-ripple-upgraded .mdc-switch__ripple::before{top:var(--mdc-ripple-top,calc(50% - 50%));left:var(--mdc-ripple-left,calc(50% - 50%));width:var(--mdc-ripple-fg-size,100%);height:var(--mdc-ripple-fg-size,100%)}.mdc-switch.mdc-ripple-upgraded .mdc-switch__ripple::after{width:var(--mdc-ripple-fg-size,100%);height:var(--mdc-ripple-fg-size,100%)}.mdc-switch{width:36px;width:var(--mdc-switch-track-width,36px)}.mdc-switch.mdc-switch--selected:enabled .mdc-switch__handle::after{background:#3d5afe;background:var(--mdc-switch-selected-handle-color,#3d5afe)}.mdc-switch.mdc-switch--selected:enabled:hover:not(:focus):not(:active) .mdc-switch__handle::after{background:#3d477f;background:var(--mdc-switch-selected-hover-handle-color,#3d477f)}.mdc-switch.mdc-switch--selected:enabled:focus:not(:active) .mdc-switch__handle::after{background:#3d477f;background:var(--mdc-switch-selected-focus-handle-color,#3d477f)}.mdc-switch.mdc-switch--selected:enabled:active .mdc-switch__handle::after{background:#3d477f;background:var(--mdc-switch-selected-pressed-handle-color,#3d477f)}.mdc-switch.mdc-switch--selected:disabled .mdc-switch__handle::after{background:#3d5afe;background:var(--mdc-switch-disabled-selected-handle-color,#3d5afe)}.mdc-switch.mdc-switch--unselected:enabled .mdc-switch__handle::after{background:#9e9e9e;background:var(--mdc-switch-unselected-handle-color,#9e9e9e)}.mdc-switch.mdc-switch--unselected:enabled:hover:not(:focus):not(:active) .mdc-switch__handle::after{background:#212121;background:var(--mdc-switch-unselected-hover-handle-color,#212121)}.mdc-switch.mdc-switch--unselected:enabled:focus:not(:active) .mdc-switch__handle::after{background:#212121;background:var(--mdc-switch-unselected-focus-handle-color,#212121)}.mdc-switch.mdc-switch--unselected:enabled:active .mdc-switch__handle::after{background:#212121;background:var(--mdc-switch-unselected-pressed-handle-color,#212121)}.mdc-switch.mdc-switch--unselected:disabled .mdc-switch__handle::after{background:#424242;background:var(--mdc-switch-disabled-unselected-handle-color,#424242)}.mdc-switch .mdc-switch__handle::before{background:#fff;background:var(--mdc-switch-handle-surface-color,var(--mdc-theme-surface,#fff))}.mdc-switch:enabled .mdc-switch__shadow{--mdc-elevation-box-shadow-for-gss: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);-webkit-box-shadow:0 2px 1px -1px rgba(0,0,0,.2),0 1px 1px 0 rgba(0,0,0,.14),0 1px 3px 0 rgba(0,0,0,.12);box-shadow:0 2px 1px -1px rgba(0,0,0,.2),0 1px 1px 0 rgba(0,0,0,.14),0 1px 3px 0 rgba(0,0,0,.12);-webkit-box-shadow:var(--mdc-switch-handle-elevation,var(--mdc-elevation-box-shadow-for-gss));box-shadow:var(--mdc-switch-handle-elevation,var(--mdc-elevation-box-shadow-for-gss))}.mdc-switch:disabled .mdc-switch__shadow{--mdc-elevation-box-shadow-for-gss:0px 0px 0px 0px rgba(0, 0, 0, 0.2),0px 0px 0px 0px rgba(0, 0, 0, 0.14),0px 0px 0px 0px rgba(0, 0, 0, 0.12);-webkit-box-shadow:0 0 0 0 rgba(0,0,0,.2),0 0 0 0 rgba(0,0,0,.14),0 0 0 0 rgba(0,0,0,.12);box-shadow:0 0 0 0 rgba(0,0,0,.2),0 0 0 0 rgba(0,0,0,.14),0 0 0 0 rgba(0,0,0,.12);-webkit-box-shadow:var(--mdc-switch-disabled-handle-elevation,var(--mdc-elevation-box-shadow-for-gss));box-shadow:var(--mdc-switch-disabled-handle-elevation,var(--mdc-elevation-box-shadow-for-gss))}.mdc-switch .mdc-switch__handle{height:20px;height:var(--mdc-switch-handle-height,20px)}.mdc-switch:disabled .mdc-switch__handle::after{opacity:.24;opacity:var(--mdc-switch-disabled-handle-opacity, .24)}.mdc-switch .mdc-switch__handle{border-radius:10px;border-radius:var(--mdc-switch-handle-shape,10px)}.mdc-switch .mdc-switch__handle{width:20px;width:var(--mdc-switch-handle-width,20px)}.mdc-switch .mdc-switch__handle-track{width:calc(100% - 20px);width:calc(100% - var(--mdc-switch-handle-width,20px))}.mdc-switch.mdc-switch--selected:enabled .mdc-switch__icon{fill:#ffffff;fill:var(--mdc-switch-selected-icon-color,var(--mdc-theme-on-primary,#ffffff))}.mdc-switch.mdc-switch--selected:disabled .mdc-switch__icon{fill:#ffffff;fill:var(--mdc-switch-disabled-selected-icon-color,var(--mdc-theme-on-primary,#ffffff))}.mdc-switch.mdc-switch--unselected:enabled .mdc-switch__icon{fill:#ffffff;fill:var(--mdc-switch-unselected-icon-color,var(--mdc-theme-on-primary,#ffffff))}.mdc-switch.mdc-switch--unselected:disabled .mdc-switch__icon{fill:#ffffff;fill:var(--mdc-switch-disabled-unselected-icon-color,var(--mdc-theme-on-primary,#ffffff))}.mdc-switch.mdc-switch--selected:disabled .mdc-switch__icons{opacity:.54;opacity:var(--mdc-switch-disabled-selected-icon-opacity, .54)}.mdc-switch.mdc-switch--unselected:disabled .mdc-switch__icons{opacity:.54;opacity:var(--mdc-switch-disabled-unselected-icon-opacity, .54)}.mdc-switch.mdc-switch--selected .mdc-switch__icon{width:18px;width:var(--mdc-switch-selected-icon-size,18px);height:18px;height:var(--mdc-switch-selected-icon-size,18px)}.mdc-switch.mdc-switch--unselected .mdc-switch__icon{width:18px;width:var(--mdc-switch-unselected-icon-size,18px);height:18px;height:var(--mdc-switch-unselected-icon-size,18px)}.mdc-switch.mdc-switch--selected:enabled:hover:not(:focus) .mdc-switch__ripple::after,.mdc-switch.mdc-switch--selected:enabled:hover:not(:focus) .mdc-switch__ripple::before{background-color:#3d5afe;background-color:var(--mdc-switch-selected-hover-state-layer-color,#3d5afe)}.mdc-switch.mdc-switch--selected:enabled:focus .mdc-switch__ripple::after,.mdc-switch.mdc-switch--selected:enabled:focus .mdc-switch__ripple::before{background-color:#3d5afe;background-color:var(--mdc-switch-selected-focus-state-layer-color,#3d5afe)}.mdc-switch.mdc-switch--selected:enabled:active .mdc-switch__ripple::after,.mdc-switch.mdc-switch--selected:enabled:active .mdc-switch__ripple::before{background-color:#3d5afe;background-color:var(--mdc-switch-selected-pressed-state-layer-color,#3d5afe)}.mdc-switch.mdc-switch--unselected:enabled:hover:not(:focus) .mdc-switch__ripple::after,.mdc-switch.mdc-switch--unselected:enabled:hover:not(:focus) .mdc-switch__ripple::before{background-color:#424242;background-color:var(--mdc-switch-unselected-hover-state-layer-color,#424242)}.mdc-switch.mdc-switch--unselected:enabled:focus .mdc-switch__ripple::after,.mdc-switch.mdc-switch--unselected:enabled:focus .mdc-switch__ripple::before{background-color:#424242;background-color:var(--mdc-switch-unselected-focus-state-layer-color,#424242)}.mdc-switch.mdc-switch--unselected:enabled:active .mdc-switch__ripple::after,.mdc-switch.mdc-switch--unselected:enabled:active .mdc-switch__ripple::before{background-color:#424242;background-color:var(--mdc-switch-unselected-pressed-state-layer-color,#424242)}.mdc-switch.mdc-switch--selected:enabled:hover:not(:focus).mdc-ripple-surface--hover .mdc-switch__ripple::before,.mdc-switch.mdc-switch--selected:enabled:hover:not(:focus):hover .mdc-switch__ripple::before{opacity:.04;opacity:var(--mdc-switch-selected-hover-state-layer-opacity, .04)}.mdc-switch.mdc-switch--selected:enabled:focus.mdc-ripple-upgraded--background-focused .mdc-switch__ripple::before,.mdc-switch.mdc-switch--selected:enabled:focus:not(.mdc-ripple-upgraded):focus .mdc-switch__ripple::before{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.12;opacity:var(--mdc-switch-selected-focus-state-layer-opacity, .12)}.mdc-switch.mdc-switch--selected:enabled:active:not(.mdc-ripple-upgraded) .mdc-switch__ripple::after{-webkit-transition:opacity 150ms linear;transition:opacity 150ms linear}.mdc-switch.mdc-switch--selected:enabled:active:not(.mdc-ripple-upgraded):active .mdc-switch__ripple::after{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.1;opacity:var(--mdc-switch-selected-pressed-state-layer-opacity, .1)}.mdc-switch.mdc-switch--selected:enabled:active.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-switch-selected-pressed-state-layer-opacity, 0.1)}.mdc-switch.mdc-switch--unselected:enabled:hover:not(:focus).mdc-ripple-surface--hover .mdc-switch__ripple::before,.mdc-switch.mdc-switch--unselected:enabled:hover:not(:focus):hover .mdc-switch__ripple::before{opacity:.04;opacity:var(--mdc-switch-unselected-hover-state-layer-opacity, .04)}.mdc-switch.mdc-switch--unselected:enabled:focus.mdc-ripple-upgraded--background-focused .mdc-switch__ripple::before,.mdc-switch.mdc-switch--unselected:enabled:focus:not(.mdc-ripple-upgraded):focus .mdc-switch__ripple::before{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.12;opacity:var(--mdc-switch-unselected-focus-state-layer-opacity, .12)}.mdc-switch.mdc-switch--unselected:enabled:active:not(.mdc-ripple-upgraded) .mdc-switch__ripple::after{-webkit-transition:opacity 150ms linear;transition:opacity 150ms linear}.mdc-switch.mdc-switch--unselected:enabled:active:not(.mdc-ripple-upgraded):active .mdc-switch__ripple::after{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.1;opacity:var(--mdc-switch-unselected-pressed-state-layer-opacity, .1)}.mdc-switch.mdc-switch--unselected:enabled:active.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-switch-unselected-pressed-state-layer-opacity, 0.1)}.mdc-switch .mdc-switch__ripple{height:48px;height:var(--mdc-switch-state-layer-size,48px);width:48px;width:var(--mdc-switch-state-layer-size,48px)}.mdc-switch .mdc-switch__track{height:14px;height:var(--mdc-switch-track-height,14px)}.mdc-switch:disabled .mdc-switch__track{opacity:.12;opacity:var(--mdc-switch-disabled-track-opacity, .12)}.mdc-switch:enabled .mdc-switch__track::after{background:#cfd6ff;background:var(--mdc-switch-selected-track-color,#cfd6ff)}.mdc-switch:enabled:hover:not(:focus):not(:active) .mdc-switch__track::after{background:#cfd6ff;background:var(--mdc-switch-selected-hover-track-color,#cfd6ff)}.mdc-switch:enabled:focus:not(:active) .mdc-switch__track::after{background:#cfd6ff;background:var(--mdc-switch-selected-focus-track-color,#cfd6ff)}.mdc-switch:enabled:active .mdc-switch__track::after{background:#cfd6ff;background:var(--mdc-switch-selected-pressed-track-color,#cfd6ff)}.mdc-switch:disabled .mdc-switch__track::after{background:#3d5afe;background:var(--mdc-switch-disabled-selected-track-color,#3d5afe)}.mdc-switch:enabled .mdc-switch__track::before{background:#e0e0e0;background:var(--mdc-switch-unselected-track-color,#e0e0e0)}.mdc-switch:enabled:hover:not(:focus):not(:active) .mdc-switch__track::before{background:#e0e0e0;background:var(--mdc-switch-unselected-hover-track-color,#e0e0e0)}.mdc-switch:enabled:focus:not(:active) .mdc-switch__track::before{background:#e0e0e0;background:var(--mdc-switch-unselected-focus-track-color,#e0e0e0)}.mdc-switch:enabled:active .mdc-switch__track::before{background:#e0e0e0;background:var(--mdc-switch-unselected-pressed-track-color,#e0e0e0)}.mdc-switch:disabled .mdc-switch__track::before{background:#424242;background:var(--mdc-switch-disabled-unselected-track-color,#424242)}.mdc-switch .mdc-switch__track{border-radius:7px;border-radius:var(--mdc-switch-track-shape,7px)}@media screen and (forced-colors:active),(-ms-high-contrast:active){.mdc-switch:disabled .mdc-switch__handle::after{opacity:1;opacity:var(--mdc-switch-disabled-handle-opacity, 1)}.mdc-switch.mdc-switch--selected:disabled .mdc-switch__icon{fill:GrayText;fill:var(--mdc-switch-disabled-selected-icon-color,GrayText)}.mdc-switch.mdc-switch--unselected:disabled .mdc-switch__icon{fill:GrayText;fill:var(--mdc-switch-disabled-unselected-icon-color,GrayText)}.mdc-switch.mdc-switch--selected:disabled .mdc-switch__icons{opacity:1;opacity:var(--mdc-switch-disabled-selected-icon-opacity, 1)}.mdc-switch.mdc-switch--unselected:disabled .mdc-switch__icons{opacity:1;opacity:var(--mdc-switch-disabled-unselected-icon-opacity, 1)}.mdc-switch:disabled .mdc-switch__track{opacity:1;opacity:var(--mdc-switch-disabled-track-opacity, 1)}}.forge-form-field{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto,sans-serif;font-family:var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:.875rem;font-size:var(--mdc-typography-body2-font-size, .875rem);line-height:1.25rem;line-height:var(--mdc-typography-body2-line-height, 1.25rem);font-weight:400;font-weight:var(--mdc-typography-body2-font-weight,400);letter-spacing:.0178571429em;letter-spacing:var(--mdc-typography-body2-letter-spacing, .0178571429em);text-decoration:inherit;-webkit-text-decoration:var(--mdc-typography-body2-text-decoration,inherit);text-decoration:var(--mdc-typography-body2-text-decoration,inherit);text-transform:inherit;text-transform:var(--mdc-typography-body2-text-transform,inherit);color:rgba(0,0,0,.87);color:var(--mdc-theme-text-primary-on-background,rgba(0,0,0,.87));display:-webkit-inline-box;display:inline-flex;-webkit-box-align:center;align-items:center;vertical-align:middle}.forge-form-field>label{-webkit-box-ordinal-group:1;order:0;margin-right:auto;padding-left:4px}.forge-form-field forge-switch~label{padding-left:8px}.forge-form-field--align-end>label{-webkit-box-ordinal-group:0;order:-1;margin-left:auto;padding-right:4px}.forge-switch__container{display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center}.forge-switch__container.forge-switch--label-position-start{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;flex-flow:row-reverse}.forge-switch__container.forge-switch--label-position-start .forge-switch__label{margin-left:auto;padding-right:8px}:host{display:inline-block}:host *{cursor:pointer}:host .forge-switch__label{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto,sans-serif;font-family:var(--mdc-typography-caption-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:.75rem;font-size:var(--mdc-typography-caption-font-size, .75rem);line-height:1.25rem;line-height:var(--mdc-typography-caption-line-height, 1.25rem);font-weight:400;font-weight:var(--mdc-typography-caption-font-weight,400);letter-spacing:.0333333333em;letter-spacing:var(--mdc-typography-caption-letter-spacing, .0333333333em);text-decoration:inherit;-webkit-text-decoration:var(--mdc-typography-caption-text-decoration,inherit);text-decoration:var(--mdc-typography-caption-text-decoration,inherit);text-transform:inherit;text-transform:var(--mdc-typography-caption-text-transform,inherit);padding-left:8px}:host([hidden]){display:none}:host([dense]) .mdc-switch__ripple{height:28px;width:28px}:host([disabled]) *{cursor:not-allowed}:host([disabled]) .forge-switch__label{color:rgba(0,0,0,.38);color:var(--forge-theme-label-disabled-on-background,rgba(0,0,0,.38))}',_=class extends N{constructor(){super();this._dense=!1;this._disabled=!1;this._selected=!1;this._labelPosition="end";A(this,ae,se),this._initialize()}static get observedAttributes(){return[a.attributes.DENSE,a.attributes.DISABLED,a.attributes.SELECTED,a.attributes.LABEL_POSITION,a.attributes.BUTTON_ARIA_LABEL]}_initialize(){this._buttonElement=L(this,a.selectors.BUTTON),this._containerElement=L(this,a.selectors.CONTAINER),this._clickListener=e=>this._onClick(e)}connectedCallback(){this._buttonElement.addEventListener("click",this._clickListener),this._mdcSwitch=new Y(this._buttonElement),this._mdcSwitch.initialize(),this._applyInitialState()}disconnectedCallback(){this._mdcSwitch&&this._mdcSwitch.destroy()}attributeChangedCallback(e,t,r){switch(e){case a.attributes.DENSE:this.dense=C(r);break;case a.attributes.DISABLED:this.disabled=C(r);break;case a.attributes.SELECTED:this.selected=C(r);break;case a.attributes.LABEL_POSITION:this.labelPosition=r;break;case a.attributes.BUTTON_ARIA_LABEL:this._applyButtonLabel(r)}}_applyInitialState(){var e;this._mdcSwitch.disabled=this._disabled,this._mdcSwitch.selected=this._selected,this._applyDense(),this._applyLabelPosition(),this._applyButtonLabel((e=this.getAttribute(a.attributes.BUTTON_ARIA_LABEL))!=null?e:"")}_onClick(e){if(this._mdcSwitch.disabled)return;e.stopImmediatePropagation(),this._mdcSwitch.ripple.layout();let t=!this._selected;!M(this,a.events.SELECT,t,!0,!0)||this._applySelected(t)}_applySelected(e){this._selected=e,this._mdcSwitch&&(this._mdcSwitch.selected=this._selected)}_applyDense(){y(this,this._dense,a.attributes.DENSE),this._mdcSwitch&&this._mdcSwitch.ripple.layout()}_applyLabelPosition(){I(this._containerElement,this._labelPosition==="start",a.classes.LABEL_START)}_applyButtonLabel(e){!this._buttonElement||y(this._buttonElement,!!e,"aria-label",e)}get dense(){return this._dense}set dense(e){this._dense!==e&&(this._dense=e,this._applyDense())}get disabled(){return this._disabled}set disabled(e){this._disabled!==e&&(this._disabled=e,this._mdcSwitch&&(this._mdcSwitch.disabled=this._disabled),y(this,this._disabled,a.attributes.DISABLED))}get selected(){return this._selected}set selected(e){this._selected!==e&&(this._applySelected(e),y(this,this._selected,a.attributes.SELECTED))}get labelPosition(){return this._labelPosition}set labelPosition(e){this._labelPosition!==e&&(this._labelPosition=e,this._applyLabelPosition(),this.setAttribute(a.attributes.LABEL_POSITION,this._labelPosition))}};_=O([B({name:a.elementName})],_);var J=class extends F{constructor(e){super(e)}get value(){return this._element.selected}set value(e){this._element.selected=e}get disabled(){return this._element.disabled}set disabled(e){this._element.disabled=e}get labelElement(){return this._labelElement}onChange(e){this._element.addEventListener("forge-switch-select",({detail:t})=>e(t))}onFocus(e){this._element.addEventListener("focus",t=>e(t))}onBlur(e){this._element.addEventListener("blur",t=>e(t))}setLabel(e){e?this._labelElement?this._labelElement.textContent=e:this._createLabel(e):this._labelElement&&(this._element.removeChild(this._labelElement),this._labelElement=void 0)}_build(){return document.createElement(a.elementName)}_configure(){var e,t,r;typeof((e=this._config.options)==null?void 0:e.label)=="string"&&this._createLabel(this._config.options.label),((t=this._config.options)==null?void 0:t.selected)!==void 0&&(this._element.selected=this._config.options.selected),(r=this._config.options)!=null&&r.id&&(this._element.id=this._config.options.id)}_createLabel(e){this._labelElement=document.createElement("label"),this._labelElement.textContent=e,this._element.appendChild(this._labelElement)}};function Xe(){P(_)}export{a,_ as b,J as c,Xe as d};
-/**
- * @license
- * Copyright 2021 Google Inc.
- *
- * Permission is hereby granted, free of charge, to any person obtaining a copy
- * of this software and associated documentation files (the "Software"), to deal
- * in the Software without restriction, including without limitation the rights
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
- * copies of the Software, and to permit persons to whom the Software is
- * furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in
- * all copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
- * THE SOFTWARE.
- */
-//# sourceMappingURL=chunk.DURRORXO.js.map