@tylertech/forge 2.13.0 → 2.13.2

package/dist/esm/chunks/{chunk.OG2BI3UW.js.map → chunk.7MVBJ37L.js.map}

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/expansion-panel/expansion-panel-constants.ts", "../../src/expansion-panel/expansion-panel-adapter.ts", "../../src/expansion-panel/expansion-panel-foundation.ts", "../../src/expansion-panel/expansion-panel.ts", "../../src/expansion-panel/index.ts"],
-  "sourcesContent": ["import { COMPONENT_NAME_PREFIX } from '../constants';\nimport { OPEN_ICON_CONSTANTS } from '../open-icon';\n\nconst elementName: keyof HTMLElementTagNameMap = `${COMPONENT_NAME_PREFIX}expansion-panel`;\n\nconst classes = {\n  CONTAINER: 'forge-expansion-panel',\n  HEADER: 'forge-expansion-panel__header',\n  CONTENT: 'forge-expansion-panel__content'\n};\n\nconst selectors = {\n  CONTAINER: `.${classes.CONTAINER}`,\n  HEADER: `.${classes.HEADER}`,\n  CONTENT: `.${classes.CONTENT}`,\n  HEADER_SLOT: `.${classes.HEADER} > slot[name=header]`,\n  OPEN_ICON: `[slot=header] ${OPEN_ICON_CONSTANTS.elementName}`\n};\n\nconst events = {\n  TOGGLE: `${elementName}-toggle`\n};\n\nconst attributes = {\n  OPEN: 'open',\n  ORIENTATION: 'orientation',\n  USE_ANIMATIONS: 'use-animations'\n};\n\nconst numbers = {\n  COLLAPSE_ANIMATION_DURATION: 400,\n  CLICK_DEBOUNCE_THRESHOLD: 200\n};\n\nconst strings = {\n  ORIENTATION_VERTICAL: 'vertical',\n  ORIENTATION_HORIZONTAL: 'horizontal',\n  EXPANSION_VERTICAL_TRANSITION: `height ${numbers.COLLAPSE_ANIMATION_DURATION}ms cubic-bezier(0.4, 0, 0.2, 1), opacity ${numbers.COLLAPSE_ANIMATION_DURATION}ms ease-in-out`,\n  EXPANSION_HORIZONTAL_TRANSITION: `width ${numbers.COLLAPSE_ANIMATION_DURATION}ms cubic-bezier(0.4, 0, 0.2, 1), opacity ${numbers.COLLAPSE_ANIMATION_DURATION}ms ease-in-out`\n};\n\nexport const EXPANSION_PANEL_CONSTANTS = {\n  elementName,\n  classes,\n  selectors,\n  events,\n  attributes,\n  numbers,\n  strings\n};\n", "import { getShadowElement } from '@tylertech/forge-core';\nimport { BaseAdapter, IBaseAdapter } from '../core/base/base-adapter';\nimport { OpenIconComponent } from '../open-icon';\nimport { IExpansionPanelComponent } from './expansion-panel';\nimport { EXPANSION_PANEL_CONSTANTS } from './expansion-panel-constants';\n\nexport interface IExpansionPanelAdapter extends IBaseAdapter {\n  initialize: (open: boolean, orientation: string) => void;\n  setHeaderVisibility: (visible: boolean) => void;\n  setOpenState: (open: boolean, orientation: string, animate: boolean) => void;\n  registerClickListener: (listener: (evt: MouseEvent) => void) => void;\n  deregisterClickListener: (listener: (evt: MouseEvent) => void) => void;\n  registerKeydownListener: (listener: (evt: KeyboardEvent) => void) => void;\n  deregisterKeydownListener: (listener: (evt: KeyboardEvent) => void) => void;\n  registerHeaderSlotListener: (listener: (evt: Event) => void) => void;\n  deregisterHeaderSlotListener: (listener: (evt: Event) => void) => void;\n}\n\nexport class ExpansionPanelAdapter extends BaseAdapter<IExpansionPanelComponent> implements IExpansionPanelAdapter {\n  private _headerElement: HTMLElement;\n  private _contentElement: HTMLElement;\n  private _headerSlotElement: HTMLSlotElement;\n\n  constructor(component: IExpansionPanelComponent) {\n    super(component);\n    this._headerElement = getShadowElement(this._component, EXPANSION_PANEL_CONSTANTS.selectors.HEADER);\n    this._contentElement = getShadowElement(this._component, EXPANSION_PANEL_CONSTANTS.selectors.CONTENT);\n    this._headerSlotElement = getShadowElement(this._component, EXPANSION_PANEL_CONSTANTS.selectors.HEADER_SLOT) as HTMLSlotElement;\n  }\n\n  public initialize(open: boolean, orientation = 'vertical'): void {\n    const assignedNodes = (this._headerElement.children[0] as HTMLSlotElement).assignedNodes();\n    this.setHeaderVisibility(!!assignedNodes.length);\n\n    if (orientation === EXPANSION_PANEL_CONSTANTS.strings.ORIENTATION_HORIZONTAL) {\n      this._contentElement.style.height = '';\n      this._contentElement.style.width = '0px';\n    }\n\n    if (open) {\n      if (orientation === 'vertical') {\n        this._contentElement.style.height = '';\n      } else {\n        this._contentElement.style.width = '';\n      }\n      this._contentElement.style.removeProperty('opacity');\n      this._contentElement.style.removeProperty('visibility');\n      const openIconElement = this._component.querySelector(EXPANSION_PANEL_CONSTANTS.selectors.OPEN_ICON) as OpenIconComponent;\n      if (openIconElement) {\n        openIconElement.open = true;\n      }\n    }\n\n    this._headerElement.setAttribute('aria-expanded', open ? 'true' : 'false');\n  }\n\n  public setHeaderVisibility(visible: boolean): void {\n    if (visible) {\n      this._headerElement.style.display = '';\n    } else {\n      this._headerElement.style.display = 'none';\n    }\n  }\n\n  public setOpenState(opening: boolean, orientation = EXPANSION_PANEL_CONSTANTS.strings.ORIENTATION_VERTICAL, animate = true): void {\n    const assignedNodes = (this._contentElement.children[0] as HTMLSlotElement).assignedNodes();\n    const openIconElement = this._component.querySelector(EXPANSION_PANEL_CONSTANTS.selectors.OPEN_ICON) as OpenIconComponent;\n\n    if (animate && assignedNodes && assignedNodes.length && assignedNodes[0]) {\n      const transitionEndListener = ({ propertyName }: TransitionEvent): void => {\n        // If the state has changed since it started, then ignore the transition\n        if (this._component.open !== opening) {\n          this._contentElement.removeEventListener('transitionend', transitionEndListener);\n          return;\n        }\n        if (propertyName === 'height' || propertyName === 'width') {\n          this._contentElement.removeEventListener('transitionend', transitionEndListener);\n          this._contentElement.style.removeProperty('transition');\n          if (opening) {\n            if (orientation === EXPANSION_PANEL_CONSTANTS.strings.ORIENTATION_HORIZONTAL) {\n              this._contentElement.style.width = '';\n            } else {\n              this._contentElement.style.height = '';\n            }\n            this._contentElement.style.removeProperty('opacity');\n          } else {\n            // We set to hidden to ensure that collapsed elements are non-interactive\n            this._contentElement.style.visibility = 'hidden';\n          }\n        }\n      };\n      this._contentElement.addEventListener('transitionend', transitionEndListener);\n\n      if (opening) {\n        if (orientation === EXPANSION_PANEL_CONSTANTS.strings.ORIENTATION_HORIZONTAL) {\n          this._contentElement.style.width = '0px';\n        } else {\n          this._contentElement.style.height = '0px';\n        }\n        this._contentElement.style.opacity = '0';\n        this._contentElement.style.removeProperty('visibility');\n      } else {\n        if (orientation === EXPANSION_PANEL_CONSTANTS.strings.ORIENTATION_HORIZONTAL) {\n          this._contentElement.style.width = `${this._contentElement.scrollWidth}px`;\n        } else {\n          this._contentElement.style.height = `${this._contentElement.scrollHeight}px`;\n        }\n        this._contentElement.style.opacity = '1';\n      }\n\n      if (orientation === EXPANSION_PANEL_CONSTANTS.strings.ORIENTATION_HORIZONTAL) {\n        this._contentElement.style.transition = EXPANSION_PANEL_CONSTANTS.strings.EXPANSION_HORIZONTAL_TRANSITION;\n      } else {\n        this._contentElement.style.transition = EXPANSION_PANEL_CONSTANTS.strings.EXPANSION_VERTICAL_TRANSITION;\n      }\n\n      window.requestAnimationFrame(() => {\n        window.requestAnimationFrame(() => {\n          if (opening) {\n            if (orientation === EXPANSION_PANEL_CONSTANTS.strings.ORIENTATION_HORIZONTAL) {\n              this._contentElement.style.width = `${this._contentElement.scrollWidth}px`;\n            } else {\n              this._contentElement.style.height = `${this._contentElement.scrollHeight}px`;\n            }\n            this._contentElement.style.opacity = '1';\n            this._headerElement.setAttribute('aria-expanded', 'true');\n            if (openIconElement) {\n              openIconElement.open = true;\n            }\n          } else {\n            if (orientation === EXPANSION_PANEL_CONSTANTS.strings.ORIENTATION_HORIZONTAL) {\n              this._contentElement.style.width = '0px';\n            } else {\n              this._contentElement.style.height = '0px';\n            }\n            this._contentElement.style.opacity = '0';\n            this._headerElement.setAttribute('aria-expanded', 'false');\n            if (openIconElement) {\n              openIconElement.open = false;\n            }\n          }\n        });\n      });\n    } else {\n      this._contentElement.style.removeProperty('transition');\n      if (opening) {\n        if (orientation === EXPANSION_PANEL_CONSTANTS.strings.ORIENTATION_HORIZONTAL) {\n          this._contentElement.style.width = '';\n        } else {\n          this._contentElement.style.height = '';\n        }\n        this._contentElement.style.removeProperty('visibility');\n        this._contentElement.style.removeProperty('opacity');\n        this._headerElement.setAttribute('aria-expanded', 'true');\n        if (openIconElement) {\n          openIconElement.open = true;\n        }\n      } else {\n        if (orientation === EXPANSION_PANEL_CONSTANTS.strings.ORIENTATION_HORIZONTAL) {\n          this._contentElement.style.width = '0px';\n        } else {\n          this._contentElement.style.height = '0px';\n        }\n        this._contentElement.style.opacity = '0';\n        this._contentElement.style.visibility = 'hidden';\n        this._headerElement.setAttribute('aria-expanded', 'false');\n        if (openIconElement) {\n          openIconElement.open = false;\n        }\n      }\n    }\n  }\n\n  public registerClickListener(listener: (evt: MouseEvent) => void): void {\n    this._headerElement.addEventListener('click', listener);\n  }\n\n  public deregisterClickListener(listener: (evt: MouseEvent) => void): void {\n    this._headerElement.removeEventListener('click', listener);\n  }\n\n  public registerKeydownListener(listener: (evt: KeyboardEvent) => void): void {\n    this._headerElement.addEventListener('keydown', listener);\n  }\n\n  public deregisterKeydownListener(listener: (evt: KeyboardEvent) => void): void {\n    this._headerElement.removeEventListener('keydown', listener);\n  }\n\n  public registerHeaderSlotListener(listener: (evt: Event) => void): void {\n    this._headerSlotElement.addEventListener('slotchange', listener);\n  }\n\n  public deregisterHeaderSlotListener(listener: (evt: Event) => void): void {\n    this._headerSlotElement.removeEventListener('slotchange', listener);\n  }\n}\n", "import { debounce, ICustomElementFoundation } from '@tylertech/forge-core';\nimport { IExpansionPanelAdapter } from './expansion-panel-adapter';\nimport { EXPANSION_PANEL_CONSTANTS } from './expansion-panel-constants';\n\nexport interface IExpansionPanelFoundation extends ICustomElementFoundation {\n  open: boolean;\n  orientation: string;\n  useAnimations: boolean;\n  openCallback: () => void | Promise<void>;\n  closeCallback: () => void | Promise<void>;\n  setOpenImmediate(open: boolean): void;\n}\n\nexport class ExpansionPanelFoundation implements IExpansionPanelFoundation {\n  private _open = false;\n  private _useAnimations = true;\n  private _openCallback: () => void | Promise<void>;\n  private _closeCallback: () => void | Promise<void>;\n  private _orientation = EXPANSION_PANEL_CONSTANTS.strings.ORIENTATION_VERTICAL;\n  private _clickListener: (evt: MouseEvent) => void;\n  private _keydownListener: (evt: KeyboardEvent) => void;\n  private _headerSlotChangeListener: (evt: Event) => void;\n  private _isInitialized = false;\n\n  constructor(private _adapter: IExpansionPanelAdapter) {\n    this._clickListener = debounce((evt: MouseEvent) => this._onClick(evt), EXPANSION_PANEL_CONSTANTS.numbers.CLICK_DEBOUNCE_THRESHOLD, true);\n    this._keydownListener = (evt: KeyboardEvent) => this._onKeydown(evt);\n    this._headerSlotChangeListener = (evt: Event) => this._onHeaderSlotChanged(evt);\n  }\n\n  public initialize(): void {\n    this.connect();\n    this._adapter.initialize(this._open, this._orientation);\n    this._isInitialized = true;\n  }\n\n  public connect(): void {\n    this._adapter.registerHeaderSlotListener(this._headerSlotChangeListener);\n    this._adapter.registerClickListener(this._clickListener);\n    this._adapter.registerKeydownListener(this._keydownListener);\n  }\n\n  public disconnect(): void {\n    this._adapter.deregisterHeaderSlotListener(this._headerSlotChangeListener);\n    this._adapter.deregisterClickListener(this._clickListener);\n    this._adapter.deregisterKeydownListener(this._keydownListener);\n  }\n\n  public setOpenImmediate(open: boolean): void {\n    if (open) {\n      this._openPanel(false);\n    } else {\n      this._closePanel(false);\n    }\n  }\n\n  private _applyOpen(value: boolean): void {\n    if (!this._isInitialized) {\n      this._open = value;\n      return;\n    }\n\n    if (value) {\n      if (this._openCallback) {\n        Promise.resolve(this._openCallback())\n          .then(() => {\n            this._open = value;\n            this._openPanel(this._useAnimations);\n          })\n          .catch(() => {});\n      } else {\n        this._open = value;\n        this._openPanel(this._useAnimations);\n      }\n    } else {\n      if (this._closeCallback) {\n        Promise.resolve(this._closeCallback())\n          .then(() => {\n            this._open = value;\n            this._closePanel(this._useAnimations);\n          })\n          .catch(() => {});\n      } else {\n        this._open = value;\n        this._closePanel(this._useAnimations);\n      }\n    }\n  }\n\n  /** Controls the open state of the panel. */\n  public get open(): boolean {\n    return this._open;\n  }\n  public set open(value: boolean) {\n    value = Boolean(value);\n    if (this._open !== value) {\n      this._applyOpen(value);\n    }\n  }\n\n  public get openCallback(): () => void | Promise<void> {\n    return this._openCallback;\n  }\n  public set openCallback(callback: () => void | Promise<void>) {\n    this._openCallback = callback;\n  }\n\n  public get closeCallback(): () => void | Promise<void> {\n    return this._closeCallback;\n  }\n  public set closeCallback(callback: () => void | Promise<void>) {\n    this._closeCallback = callback;\n  }\n\n  public get orientation(): string {\n    return this._orientation;\n  }\n  public set orientation(value: string) {\n    this._orientation = value;\n  }\n\n  public get useAnimations(): boolean {\n    return this._useAnimations;\n  }\n  public set useAnimations(value: boolean) {\n    if (this._useAnimations !== !!value) {\n      this._useAnimations = !!value;\n      this._adapter.setHostAttribute(EXPANSION_PANEL_CONSTANTS.attributes.USE_ANIMATIONS, `${this._useAnimations}`);\n    }\n  }\n\n  /**\n   * Handles click events on the header element.\n   * @param {MouseEvent} evt The click event.\n   */\n  private _onClick(evt: MouseEvent): void {\n    evt.stopPropagation();\n    this._toggle();\n    this._emitEvent();\n  }\n\n  /**\n   * Handles keydown events on the header.\n   * @param {KeyboardEvent} evt The keydown event\n   */\n  private _onKeydown(evt: KeyboardEvent): void {\n    if (evt.key === ' ' || evt.key === 'Enter') {\n      evt.stopPropagation();\n      evt.preventDefault();\n      this._toggle();\n      this._emitEvent();\n    }\n  }\n\n  private _emitEvent(): void {\n    this._adapter.emitHostEvent(EXPANSION_PANEL_CONSTANTS.events.TOGGLE, this._open);\n  }\n\n  private _toggle(): void {\n    this.open = !this.open;\n  }\n\n  private _openPanel(animate: boolean): void {\n    this._adapter.setHostAttribute(EXPANSION_PANEL_CONSTANTS.attributes.OPEN, '');\n    this._adapter.setOpenState(true, this._orientation, animate);\n  }\n\n  private _closePanel(animate: boolean): void {\n    this._adapter.removeHostAttribute(EXPANSION_PANEL_CONSTANTS.attributes.OPEN);\n    this._adapter.setOpenState(false, this._orientation, animate);\n  }\n\n  private _onHeaderSlotChanged(evt: Event): void {\n    this._adapter.setHeaderVisibility(!!(evt.target as HTMLSlotElement).assignedNodes().length);\n  }\n}\n", "import { attachShadowTemplate, coerceBoolean, CustomElement, FoundationProperty } from '@tylertech/forge-core';\nimport { BaseComponent, IBaseComponent } from '../core/base/base-component';\nimport { ExpansionPanelAdapter } from './expansion-panel-adapter';\nimport { EXPANSION_PANEL_CONSTANTS } from './expansion-panel-constants';\nimport { ExpansionPanelFoundation } from './expansion-panel-foundation';\n\nconst template = '<template><div class=\\\"forge-expansion-panel\\\" part=\\\"root\\\"><div class=\\\"forge-expansion-panel__header\\\" role=\\\"button\\\" aria-controls=\\\"content\\\" aria-expanded=\\\"false\\\" part=\\\"header\\\"><slot name=\\\"header\\\"></slot></div><div id=\\\"content\\\" role=\\\"group\\\" class=\\\"forge-expansion-panel__content\\\" style=\\\"height: 0; opacity: 0; visibility: hidden;\\\" part=\\\"content\\\"><slot></slot></div></div></template>';\nconst styles = '.forge-expansion-panel{display:block;display:var(--forge-expansion-panel-display,block);height:auto;height:var(--forge-expansion-panel-height,auto)}.forge-expansion-panel__header{outline:0}.forge-expansion-panel__header:hover{cursor:pointer}.forge-expansion-panel__header forge-open-icon{margin-left:auto}.forge-expansion-panel__content{overflow:hidden;overflow:var(--forge-expansion-panel-content-overflow,hidden);max-height:none;max-height:var(--forge-expansion-panel-content-max-height,none)}.forge-expansion-panel__content::-webkit-scrollbar{width:16px;width:var(--forge-scrollbar-width,16px);height:16px;height:var(--forge-scrollbar-height,16px)}.forge-expansion-panel__content::-webkit-scrollbar-corner{background-color:#f0f0f0;background-color:var(--forge-theme-scrollbar-track,#f0f0f0)}.forge-expansion-panel__content::-webkit-scrollbar-track{background-color:#f0f0f0;background-color:var(--forge-theme-scrollbar-track,#f0f0f0)}.forge-expansion-panel__content::-webkit-scrollbar-track:hover{background-color:#ececec;background-color:var(--forge-theme-scrollbar-track-hover,#ececec)}.forge-expansion-panel__content::-webkit-scrollbar-thumb{background-color:#bdbdbd;background-color:var(--forge-theme-scrollbar-thumb,#bdbdbd);height:32px;height:var(--forge-scrollbar-min-height,32px);width:32px;width:var(--forge-scrollbar-min-width,32px);border-radius:10px;border-radius:var(--forge-scrollbar-border-radius,10px);border-width:3px;border-width:var(--forge-scrollbar-border-width,3px);border-style:solid;border-color:transparent;background-clip:content-box}.forge-expansion-panel__content::-webkit-scrollbar-thumb:hover{background-color:#9e9e9e;background-color:var(--forge-theme-scrollbar-thumb-hover,#9e9e9e)}:host{display:block}:host([hidden]){display:none}';\n\nexport interface IExpansionPanelComponent extends IBaseComponent {\n  open: boolean;\n  useAnimations: boolean;\n  openCallback: () => void | Promise<void>;\n  closeCallback: () => void | Promise<void>;\n  orientation: string;\n  toggle(): void;\n  setOpenImmediate(open: boolean): void;\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'forge-expansion-panel': IExpansionPanelComponent;\n  }\n\n  interface HTMLElementEventMap {\n    'forge-expansion-panel-toggle': CustomEvent<boolean>;\n  }\n}\n\n/**\n * A web component that encapsulates the functionality of expanding/collapsing content when clicked.\n * \n * @tag forge-expansion-panel\n */\n@CustomElement({\n  name: EXPANSION_PANEL_CONSTANTS.elementName\n})\nexport class ExpansionPanelComponent extends BaseComponent implements IExpansionPanelComponent {\n  public static get observedAttributes(): string[] {\n    return [\n      EXPANSION_PANEL_CONSTANTS.attributes.OPEN,\n      EXPANSION_PANEL_CONSTANTS.attributes.ORIENTATION,\n      EXPANSION_PANEL_CONSTANTS.attributes.USE_ANIMATIONS\n    ];\n  }\n\n  private _foundation: ExpansionPanelFoundation;\n\n  constructor() {\n    super();\n    attachShadowTemplate(this, template, styles);\n    this._foundation = new ExpansionPanelFoundation(new ExpansionPanelAdapter(this));\n  }\n\n  public initializedCallback(): void {\n    this._foundation.initialize();\n  }\n\n  public connectedCallback(): void {\n    this._foundation.connect();\n  }\n\n  public attributeChangedCallback(name: string, oldValue: string, newValue: string): void {\n    switch (name) {\n      case EXPANSION_PANEL_CONSTANTS.attributes.OPEN:\n        this.open = coerceBoolean(newValue);\n        break;\n      case EXPANSION_PANEL_CONSTANTS.attributes.ORIENTATION:\n        this.orientation = newValue;\n        break;\n      case EXPANSION_PANEL_CONSTANTS.attributes.USE_ANIMATIONS:\n        this.useAnimations = coerceBoolean(newValue);\n        break;\n    }\n  }\n\n  public disconnectedCallback(): void {\n    this._foundation.disconnect();\n  }\n\n  /** Controls the open state of the panel. */\n  @FoundationProperty()\n  public open: boolean;\n\n  /**\n   * Sets the function to call when the panel wants to open.\n   * The function must return a promise which can be resolved to\n   * open the panel or rejected which cancels the panel open.\n   */\n  @FoundationProperty()\n  public openCallback: () => void | Promise<void>;\n\n  /**\n   * Sets the function to call when the panel wants to close.\n   * The function must return a promise which can be resolved to\n   * close the panel or rejected which cancels the panel close.\n   */\n  @FoundationProperty()\n  public closeCallback: () => void | Promise<void>;\n\n  /**\n   * Sets the orientation of the panel expansion.\n   * Valid values are 'vertical' (default) or 'horizontal'.\n   */\n  @FoundationProperty()\n  public orientation: string;\n\n  /** Gets/sets if animations are used in the expand/collapse transition. */\n  @FoundationProperty()\n  public useAnimations: boolean;\n\n  /** Toggles the collapsed state. */\n  public toggle(): void {\n    this.open = !this.open;\n  }\n\n  /** Forces the expansion panel to expand/collapse without transition animations. */\n  public setOpenImmediate(open: boolean): void {\n    this._foundation.setOpenImmediate(open);\n  }\n}\n", "import { defineCustomElement } from '@tylertech/forge-core';\n\nimport { ExpansionPanelComponent } from './expansion-panel';\n\nexport * from './expansion-panel-adapter';\nexport * from './expansion-panel-constants';\nexport * from './expansion-panel-foundation';\nexport * from './expansion-panel';\n\nexport function defineExpansionPanelComponent(): void {\n  defineCustomElement(ExpansionPanelComponent);\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["import { COMPONENT_NAME_PREFIX } from '../constants';\nimport { OPEN_ICON_CONSTANTS } from '../open-icon';\n\nconst elementName: keyof HTMLElementTagNameMap = `${COMPONENT_NAME_PREFIX}expansion-panel`;\n\nconst classes = {\n  CONTAINER: 'forge-expansion-panel',\n  HEADER: 'forge-expansion-panel__header',\n  CONTENT: 'forge-expansion-panel__content'\n};\n\nconst selectors = {\n  CONTAINER: `.${classes.CONTAINER}`,\n  HEADER: `.${classes.HEADER}`,\n  CONTENT: `.${classes.CONTENT}`,\n  HEADER_SLOT: `.${classes.HEADER} > slot[name=header]`,\n  OPEN_ICON: `[slot=header] ${OPEN_ICON_CONSTANTS.elementName}`\n};\n\nconst events = {\n  TOGGLE: `${elementName}-toggle`\n};\n\nconst attributes = {\n  OPEN: 'open',\n  ORIENTATION: 'orientation',\n  USE_ANIMATIONS: 'use-animations'\n};\n\nconst numbers = {\n  COLLAPSE_ANIMATION_DURATION: 400,\n  CLICK_DEBOUNCE_THRESHOLD: 200\n};\n\nconst strings = {\n  ORIENTATION_VERTICAL: 'vertical',\n  ORIENTATION_HORIZONTAL: 'horizontal',\n  EXPANSION_VERTICAL_TRANSITION: `height ${numbers.COLLAPSE_ANIMATION_DURATION}ms cubic-bezier(0.4, 0, 0.2, 1), opacity ${numbers.COLLAPSE_ANIMATION_DURATION}ms ease-in-out`,\n  EXPANSION_HORIZONTAL_TRANSITION: `width ${numbers.COLLAPSE_ANIMATION_DURATION}ms cubic-bezier(0.4, 0, 0.2, 1), opacity ${numbers.COLLAPSE_ANIMATION_DURATION}ms ease-in-out`\n};\n\nexport const EXPANSION_PANEL_CONSTANTS = {\n  elementName,\n  classes,\n  selectors,\n  events,\n  attributes,\n  numbers,\n  strings\n};\n", "import { getShadowElement } from '@tylertech/forge-core';\nimport { BaseAdapter, IBaseAdapter } from '../core/base/base-adapter';\nimport { OpenIconComponent } from '../open-icon';\nimport { IExpansionPanelComponent } from './expansion-panel';\nimport { EXPANSION_PANEL_CONSTANTS } from './expansion-panel-constants';\n\nexport interface IExpansionPanelAdapter extends IBaseAdapter {\n  initialize: (open: boolean, orientation: string) => void;\n  setHeaderVisibility: (visible: boolean) => void;\n  setOpenState: (open: boolean, orientation: string, animate: boolean) => void;\n  registerClickListener: (listener: (evt: MouseEvent) => void) => void;\n  deregisterClickListener: (listener: (evt: MouseEvent) => void) => void;\n  registerKeydownListener: (listener: (evt: KeyboardEvent) => void) => void;\n  deregisterKeydownListener: (listener: (evt: KeyboardEvent) => void) => void;\n  registerHeaderSlotListener: (listener: (evt: Event) => void) => void;\n  deregisterHeaderSlotListener: (listener: (evt: Event) => void) => void;\n}\n\nexport class ExpansionPanelAdapter extends BaseAdapter<IExpansionPanelComponent> implements IExpansionPanelAdapter {\n  private _headerElement: HTMLElement;\n  private _contentElement: HTMLElement;\n  private _headerSlotElement: HTMLSlotElement;\n\n  constructor(component: IExpansionPanelComponent) {\n    super(component);\n    this._headerElement = getShadowElement(this._component, EXPANSION_PANEL_CONSTANTS.selectors.HEADER);\n    this._contentElement = getShadowElement(this._component, EXPANSION_PANEL_CONSTANTS.selectors.CONTENT);\n    this._headerSlotElement = getShadowElement(this._component, EXPANSION_PANEL_CONSTANTS.selectors.HEADER_SLOT) as HTMLSlotElement;\n  }\n\n  public initialize(open: boolean, orientation = 'vertical'): void {\n    const assignedNodes = (this._headerElement.children[0] as HTMLSlotElement).assignedNodes();\n    this.setHeaderVisibility(!!assignedNodes.length);\n\n    if (orientation === EXPANSION_PANEL_CONSTANTS.strings.ORIENTATION_HORIZONTAL) {\n      this._contentElement.style.height = '';\n      this._contentElement.style.width = '0px';\n    }\n\n    if (open) {\n      if (orientation === 'vertical') {\n        this._contentElement.style.height = '';\n      } else {\n        this._contentElement.style.width = '';\n      }\n      this._contentElement.style.removeProperty('opacity');\n      this._contentElement.style.removeProperty('visibility');\n      const openIconElement = this._component.querySelector(EXPANSION_PANEL_CONSTANTS.selectors.OPEN_ICON) as OpenIconComponent;\n      if (openIconElement) {\n        openIconElement.open = true;\n      }\n    }\n\n    this._headerElement.setAttribute('aria-expanded', open ? 'true' : 'false');\n  }\n\n  public setHeaderVisibility(visible: boolean): void {\n    if (visible) {\n      this._headerElement.style.display = '';\n    } else {\n      this._headerElement.style.display = 'none';\n    }\n  }\n\n  public setOpenState(opening: boolean, orientation = EXPANSION_PANEL_CONSTANTS.strings.ORIENTATION_VERTICAL, animate = true): void {\n    const assignedNodes = (this._contentElement.children[0] as HTMLSlotElement).assignedNodes();\n    const openIconElement = this._component.querySelector(EXPANSION_PANEL_CONSTANTS.selectors.OPEN_ICON) as OpenIconComponent;\n\n    if (animate && assignedNodes && assignedNodes.length && assignedNodes[0]) {\n      const transitionEndListener = ({ propertyName }: TransitionEvent): void => {\n        // If the state has changed since it started, then ignore the transition\n        if (this._component.open !== opening) {\n          this._contentElement.removeEventListener('transitionend', transitionEndListener);\n          return;\n        }\n        if (propertyName === 'height' || propertyName === 'width') {\n          this._contentElement.removeEventListener('transitionend', transitionEndListener);\n          this._contentElement.style.removeProperty('transition');\n          if (opening) {\n            if (orientation === EXPANSION_PANEL_CONSTANTS.strings.ORIENTATION_HORIZONTAL) {\n              this._contentElement.style.width = '';\n            } else {\n              this._contentElement.style.height = '';\n            }\n            this._contentElement.style.removeProperty('opacity');\n          } else {\n            // We set to hidden to ensure that collapsed elements are non-interactive\n            this._contentElement.style.visibility = 'hidden';\n          }\n        }\n      };\n      this._contentElement.addEventListener('transitionend', transitionEndListener);\n\n      if (opening) {\n        if (orientation === EXPANSION_PANEL_CONSTANTS.strings.ORIENTATION_HORIZONTAL) {\n          this._contentElement.style.width = '0px';\n        } else {\n          this._contentElement.style.height = '0px';\n        }\n        this._contentElement.style.opacity = '0';\n        this._contentElement.style.removeProperty('visibility');\n      } else {\n        if (orientation === EXPANSION_PANEL_CONSTANTS.strings.ORIENTATION_HORIZONTAL) {\n          this._contentElement.style.width = `${this._contentElement.scrollWidth}px`;\n        } else {\n          this._contentElement.style.height = `${this._contentElement.scrollHeight}px`;\n        }\n        this._contentElement.style.opacity = '1';\n      }\n\n      if (orientation === EXPANSION_PANEL_CONSTANTS.strings.ORIENTATION_HORIZONTAL) {\n        this._contentElement.style.transition = EXPANSION_PANEL_CONSTANTS.strings.EXPANSION_HORIZONTAL_TRANSITION;\n      } else {\n        this._contentElement.style.transition = EXPANSION_PANEL_CONSTANTS.strings.EXPANSION_VERTICAL_TRANSITION;\n      }\n\n      window.requestAnimationFrame(() => {\n        window.requestAnimationFrame(() => {\n          if (opening) {\n            if (orientation === EXPANSION_PANEL_CONSTANTS.strings.ORIENTATION_HORIZONTAL) {\n              this._contentElement.style.width = `${this._contentElement.scrollWidth}px`;\n            } else {\n              this._contentElement.style.height = `${this._contentElement.scrollHeight}px`;\n            }\n            this._contentElement.style.opacity = '1';\n            this._headerElement.setAttribute('aria-expanded', 'true');\n            if (openIconElement) {\n              openIconElement.open = true;\n            }\n          } else {\n            if (orientation === EXPANSION_PANEL_CONSTANTS.strings.ORIENTATION_HORIZONTAL) {\n              this._contentElement.style.width = '0px';\n            } else {\n              this._contentElement.style.height = '0px';\n            }\n            this._contentElement.style.opacity = '0';\n            this._headerElement.setAttribute('aria-expanded', 'false');\n            if (openIconElement) {\n              openIconElement.open = false;\n            }\n          }\n        });\n      });\n    } else {\n      this._contentElement.style.removeProperty('transition');\n      if (opening) {\n        if (orientation === EXPANSION_PANEL_CONSTANTS.strings.ORIENTATION_HORIZONTAL) {\n          this._contentElement.style.width = '';\n        } else {\n          this._contentElement.style.height = '';\n        }\n        this._contentElement.style.removeProperty('visibility');\n        this._contentElement.style.removeProperty('opacity');\n        this._headerElement.setAttribute('aria-expanded', 'true');\n        if (openIconElement) {\n          openIconElement.open = true;\n        }\n      } else {\n        if (orientation === EXPANSION_PANEL_CONSTANTS.strings.ORIENTATION_HORIZONTAL) {\n          this._contentElement.style.width = '0px';\n        } else {\n          this._contentElement.style.height = '0px';\n        }\n        this._contentElement.style.opacity = '0';\n        this._contentElement.style.visibility = 'hidden';\n        this._headerElement.setAttribute('aria-expanded', 'false');\n        if (openIconElement) {\n          openIconElement.open = false;\n        }\n      }\n    }\n  }\n\n  public registerClickListener(listener: (evt: MouseEvent) => void): void {\n    this._headerElement.addEventListener('click', listener);\n  }\n\n  public deregisterClickListener(listener: (evt: MouseEvent) => void): void {\n    this._headerElement.removeEventListener('click', listener);\n  }\n\n  public registerKeydownListener(listener: (evt: KeyboardEvent) => void): void {\n    this._headerElement.addEventListener('keydown', listener);\n  }\n\n  public deregisterKeydownListener(listener: (evt: KeyboardEvent) => void): void {\n    this._headerElement.removeEventListener('keydown', listener);\n  }\n\n  public registerHeaderSlotListener(listener: (evt: Event) => void): void {\n    this._headerSlotElement.addEventListener('slotchange', listener);\n  }\n\n  public deregisterHeaderSlotListener(listener: (evt: Event) => void): void {\n    this._headerSlotElement.removeEventListener('slotchange', listener);\n  }\n}\n", "import { debounce, ICustomElementFoundation } from '@tylertech/forge-core';\nimport { IExpansionPanelAdapter } from './expansion-panel-adapter';\nimport { EXPANSION_PANEL_CONSTANTS } from './expansion-panel-constants';\n\nexport interface IExpansionPanelFoundation extends ICustomElementFoundation {\n  open: boolean;\n  orientation: string;\n  useAnimations: boolean;\n  openCallback: () => void | Promise<void>;\n  closeCallback: () => void | Promise<void>;\n  setOpenImmediate(open: boolean): void;\n}\n\nexport class ExpansionPanelFoundation implements IExpansionPanelFoundation {\n  private _open = false;\n  private _useAnimations = true;\n  private _openCallback: () => void | Promise<void>;\n  private _closeCallback: () => void | Promise<void>;\n  private _orientation = EXPANSION_PANEL_CONSTANTS.strings.ORIENTATION_VERTICAL;\n  private _clickListener: (evt: MouseEvent) => void;\n  private _keydownListener: (evt: KeyboardEvent) => void;\n  private _headerSlotChangeListener: (evt: Event) => void;\n  private _isInitialized = false;\n\n  constructor(private _adapter: IExpansionPanelAdapter) {\n    this._clickListener = debounce((evt: MouseEvent) => this._onClick(evt), EXPANSION_PANEL_CONSTANTS.numbers.CLICK_DEBOUNCE_THRESHOLD, true);\n    this._keydownListener = (evt: KeyboardEvent) => this._onKeydown(evt);\n    this._headerSlotChangeListener = (evt: Event) => this._onHeaderSlotChanged(evt);\n  }\n\n  public initialize(): void {\n    this.connect();\n    this._adapter.initialize(this._open, this._orientation);\n    this._isInitialized = true;\n  }\n\n  public connect(): void {\n    this._adapter.registerHeaderSlotListener(this._headerSlotChangeListener);\n    this._adapter.registerClickListener(this._clickListener);\n    this._adapter.registerKeydownListener(this._keydownListener);\n  }\n\n  public disconnect(): void {\n    this._adapter.deregisterHeaderSlotListener(this._headerSlotChangeListener);\n    this._adapter.deregisterClickListener(this._clickListener);\n    this._adapter.deregisterKeydownListener(this._keydownListener);\n  }\n\n  public setOpenImmediate(open: boolean): void {\n    if (open) {\n      this._openPanel(false);\n    } else {\n      this._closePanel(false);\n    }\n  }\n\n  private _applyOpen(value: boolean): void {\n    if (!this._isInitialized) {\n      this._open = value;\n      return;\n    }\n\n    if (value) {\n      if (this._openCallback) {\n        Promise.resolve(this._openCallback())\n          .then(() => {\n            this._open = value;\n            this._openPanel(this._useAnimations);\n          })\n          .catch(() => {});\n      } else {\n        this._open = value;\n        this._openPanel(this._useAnimations);\n      }\n    } else {\n      if (this._closeCallback) {\n        Promise.resolve(this._closeCallback())\n          .then(() => {\n            this._open = value;\n            this._closePanel(this._useAnimations);\n          })\n          .catch(() => {});\n      } else {\n        this._open = value;\n        this._closePanel(this._useAnimations);\n      }\n    }\n  }\n\n  /** Controls the open state of the panel. */\n  public get open(): boolean {\n    return this._open;\n  }\n  public set open(value: boolean) {\n    value = Boolean(value);\n    if (this._open !== value) {\n      this._applyOpen(value);\n    }\n  }\n\n  public get openCallback(): () => void | Promise<void> {\n    return this._openCallback;\n  }\n  public set openCallback(callback: () => void | Promise<void>) {\n    this._openCallback = callback;\n  }\n\n  public get closeCallback(): () => void | Promise<void> {\n    return this._closeCallback;\n  }\n  public set closeCallback(callback: () => void | Promise<void>) {\n    this._closeCallback = callback;\n  }\n\n  public get orientation(): string {\n    return this._orientation;\n  }\n  public set orientation(value: string) {\n    this._orientation = value;\n  }\n\n  public get useAnimations(): boolean {\n    return this._useAnimations;\n  }\n  public set useAnimations(value: boolean) {\n    if (this._useAnimations !== !!value) {\n      this._useAnimations = !!value;\n      this._adapter.setHostAttribute(EXPANSION_PANEL_CONSTANTS.attributes.USE_ANIMATIONS, `${this._useAnimations}`);\n    }\n  }\n\n  /**\n   * Handles click events on the header element.\n   * @param {MouseEvent} evt The click event.\n   */\n  private _onClick(evt: MouseEvent): void {\n    evt.stopPropagation();\n    this._toggle();\n    this._emitEvent();\n  }\n\n  /**\n   * Handles keydown events on the header.\n   * @param {KeyboardEvent} evt The keydown event\n   */\n  private _onKeydown(evt: KeyboardEvent): void {\n    if (evt.key === ' ' || evt.key === 'Enter') {\n      evt.stopPropagation();\n      evt.preventDefault();\n      this._toggle();\n      this._emitEvent();\n    }\n  }\n\n  private _emitEvent(): void {\n    this._adapter.emitHostEvent(EXPANSION_PANEL_CONSTANTS.events.TOGGLE, this._open);\n  }\n\n  private _toggle(): void {\n    this.open = !this.open;\n  }\n\n  private _openPanel(animate: boolean): void {\n    this._adapter.setHostAttribute(EXPANSION_PANEL_CONSTANTS.attributes.OPEN, '');\n    this._adapter.setOpenState(true, this._orientation, animate);\n  }\n\n  private _closePanel(animate: boolean): void {\n    this._adapter.removeHostAttribute(EXPANSION_PANEL_CONSTANTS.attributes.OPEN);\n    this._adapter.setOpenState(false, this._orientation, animate);\n  }\n\n  private _onHeaderSlotChanged(evt: Event): void {\n    this._adapter.setHeaderVisibility(!!(evt.target as HTMLSlotElement).assignedNodes().length);\n  }\n}\n", "import { attachShadowTemplate, coerceBoolean, CustomElement, FoundationProperty } from '@tylertech/forge-core';\nimport { BaseComponent, IBaseComponent } from '../core/base/base-component';\nimport { ExpansionPanelAdapter } from './expansion-panel-adapter';\nimport { EXPANSION_PANEL_CONSTANTS } from './expansion-panel-constants';\nimport { ExpansionPanelFoundation } from './expansion-panel-foundation';\n\nconst template = '<template><div class=\\\"forge-expansion-panel\\\" part=\\\"root\\\"><div class=\\\"forge-expansion-panel__header\\\" role=\\\"button\\\" aria-controls=\\\"content\\\" aria-expanded=\\\"false\\\" part=\\\"header\\\"><slot name=\\\"header\\\"></slot></div><div id=\\\"content\\\" role=\\\"group\\\" class=\\\"forge-expansion-panel__content\\\" style=\\\"height: 0; opacity: 0; visibility: hidden;\\\" part=\\\"content\\\"><slot></slot></div></div></template>';\nconst styles = '.forge-expansion-panel{display:block;display:var(--forge-expansion-panel-display,block);height:auto;height:var(--forge-expansion-panel-height,auto)}.forge-expansion-panel__header{outline:0}.forge-expansion-panel__header:hover{cursor:pointer}.forge-expansion-panel__header forge-open-icon{margin-left:auto}.forge-expansion-panel__content{overflow:hidden;overflow:var(--forge-expansion-panel-content-overflow,hidden);max-height:none;max-height:var(--forge-expansion-panel-content-max-height,none)}.forge-expansion-panel__content::-webkit-scrollbar{width:16px;width:var(--forge-scrollbar-width,16px);height:16px;height:var(--forge-scrollbar-height,16px)}.forge-expansion-panel__content::-webkit-scrollbar-corner{background-color:#f0f0f0;background-color:var(--forge-theme-scrollbar-track,#f0f0f0)}.forge-expansion-panel__content::-webkit-scrollbar-track{background-color:#f0f0f0;background-color:var(--forge-theme-scrollbar-track,#f0f0f0)}.forge-expansion-panel__content::-webkit-scrollbar-track:hover{background-color:#ececec;background-color:var(--forge-theme-scrollbar-track-hover,#ececec)}.forge-expansion-panel__content::-webkit-scrollbar-thumb{background-color:#bdbdbd;background-color:var(--forge-theme-scrollbar-thumb,#bdbdbd);height:32px;height:var(--forge-scrollbar-min-height,32px);width:32px;width:var(--forge-scrollbar-min-width,32px);border-radius:10px;border-radius:var(--forge-scrollbar-border-radius,10px);border-width:3px;border-width:var(--forge-scrollbar-border-width,3px);border-style:solid;border-color:transparent;background-clip:content-box}.forge-expansion-panel__content::-webkit-scrollbar-thumb:hover{background-color:#9e9e9e;background-color:var(--forge-theme-scrollbar-thumb-hover,#9e9e9e)}:host{display:block}:host([hidden]){display:none}';\n\nexport interface IExpansionPanelComponent extends IBaseComponent {\n  open: boolean;\n  useAnimations: boolean;\n  openCallback: () => void | Promise<void>;\n  closeCallback: () => void | Promise<void>;\n  orientation: string;\n  toggle(): void;\n  setOpenImmediate(open: boolean): void;\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'forge-expansion-panel': IExpansionPanelComponent;\n  }\n\n  interface HTMLElementEventMap {\n    'forge-expansion-panel-toggle': CustomEvent<boolean>;\n  }\n}\n\n/**\n * A web component that encapsulates the functionality of expanding/collapsing content when clicked.\n * \n * @tag forge-expansion-panel\n */\n@CustomElement({\n  name: EXPANSION_PANEL_CONSTANTS.elementName\n})\nexport class ExpansionPanelComponent extends BaseComponent implements IExpansionPanelComponent {\n  public static get observedAttributes(): string[] {\n    return [\n      EXPANSION_PANEL_CONSTANTS.attributes.OPEN,\n      EXPANSION_PANEL_CONSTANTS.attributes.ORIENTATION,\n      EXPANSION_PANEL_CONSTANTS.attributes.USE_ANIMATIONS\n    ];\n  }\n\n  private _foundation: ExpansionPanelFoundation;\n\n  constructor() {\n    super();\n    attachShadowTemplate(this, template, styles);\n    this._foundation = new ExpansionPanelFoundation(new ExpansionPanelAdapter(this));\n  }\n\n  public initializedCallback(): void {\n    this._foundation.initialize();\n  }\n\n  public connectedCallback(): void {\n    this._foundation.connect();\n  }\n\n  public attributeChangedCallback(name: string, oldValue: string, newValue: string): void {\n    switch (name) {\n      case EXPANSION_PANEL_CONSTANTS.attributes.OPEN:\n        this.open = coerceBoolean(newValue);\n        break;\n      case EXPANSION_PANEL_CONSTANTS.attributes.ORIENTATION:\n        this.orientation = newValue;\n        break;\n      case EXPANSION_PANEL_CONSTANTS.attributes.USE_ANIMATIONS:\n        this.useAnimations = coerceBoolean(newValue);\n        break;\n    }\n  }\n\n  public disconnectedCallback(): void {\n    this._foundation.disconnect();\n  }\n\n  /** Controls the open state of the panel. */\n  @FoundationProperty()\n  public declare open: boolean;\n\n  /**\n   * Sets the function to call when the panel wants to open.\n   * The function must return a promise which can be resolved to\n   * open the panel or rejected which cancels the panel open.\n   */\n  @FoundationProperty()\n  public declare openCallback: () => void | Promise<void>;\n\n  /**\n   * Sets the function to call when the panel wants to close.\n   * The function must return a promise which can be resolved to\n   * close the panel or rejected which cancels the panel close.\n   */\n  @FoundationProperty()\n  public declare closeCallback: () => void | Promise<void>;\n\n  /**\n   * Sets the orientation of the panel expansion.\n   * Valid values are 'vertical' (default) or 'horizontal'.\n   */\n  @FoundationProperty()\n  public declare orientation: string;\n\n  /** Gets/sets if animations are used in the expand/collapse transition. */\n  @FoundationProperty()\n  public declare useAnimations: boolean;\n\n  /** Toggles the collapsed state. */\n  public toggle(): void {\n    this.open = !this.open;\n  }\n\n  /** Forces the expansion panel to expand/collapse without transition animations. */\n  public setOpenImmediate(open: boolean): void {\n    this._foundation.setOpenImmediate(open);\n  }\n}\n", "import { defineCustomElement } from '@tylertech/forge-core';\n\nimport { ExpansionPanelComponent } from './expansion-panel';\n\nexport * from './expansion-panel-adapter';\nexport * from './expansion-panel-constants';\nexport * from './expansion-panel-foundation';\nexport * from './expansion-panel';\n\nexport function defineExpansionPanelComponent(): void {\n  defineCustomElement(ExpansionPanelComponent);\n}\n"],
+  "mappings": "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",
   "names": []
 }

package/dist/esm/chunks/{chunk.QEHJJKFZ.js → chunk.7R6TYPPS.js}

@@ -1,7 +1,7 @@
 /**
  * @license
- * Copyright 2022 Tyler Technologies, Inc. 
+ * Copyright 2023 Tyler Technologies, Inc. 
  * License: Apache-2.0
  */
-import{c as re}from"./chunk.HSJQA42U.js";import{a as se,b as le}from"./chunk.IMK2LFWR.js";import{b as X}from"./chunk.YHHIPP2F.js";import{a as x}from"./chunk.YPUWII7L.js";import{a as ne}from"./chunk.Y6FFG7XO.js";import{a as te}from"./chunk.RST65QIB.js";import{h as pe,i as ae}from"./chunk.F2TKPPK7.js";import{b as oe}from"./chunk.54QFNVMG.js";import{c as ee}from"./chunk.J2ODMCFS.js";import{e as Z}from"./chunk.LMOYZQZJ.js";import{b as Q}from"./chunk.XYBFFTXS.js";import{a as y,e as ie}from"./chunk.3UMBCR4P.js";import{g as V,h as q}from"./chunk.LZMYHIO2.js";import{a as C}from"./chunk.D4SNVKDA.js";import{d as Y,l as J,m as j}from"./chunk.YAJT3P6V.js";import{a as z}from"./chunk.24D46RLZ.js";import{q as $}from"./chunk.KYCC3C3M.js";import{a as G}from"./chunk.A23NSEWA.js";import{a}from"./chunk.B3IJU6XJ.js";import{a as R,b as K,c as W}from"./chunk.BSZ2LBJX.js";import{a as U,e as H,g as A}from"./chunk.HN4PXH3D.js";import{m as M,r as N,s as k,u as L}from"./chunk.R4NDFXVA.js";import{a as S,b as h,c as F,j as D,k as g,l as P,n as T,o as B}from"./chunk.G76HB2FK.js";import{a as w,f as p}from"./chunk.MCIQXNKY.js";var O=`${K}autocomplete`,me={MODE:"mode",MULTIPLE:"multiple",DEBOUNCE:"debounce",FILTER_ON_FOCUS:"filter-on-focus",ALLOW_UNMATCHED:"allow-unmatched",POPUP_TARGET:"popup-target",POPUP_CLASSES:"popup-classes",OPTION_LIMIT:"option-limit",OBSERVE_SCROLL:"observe-scroll",OBSERVE_SCROLL_THRESHOLD:"observe-scroll-threshold",SYNC_POPUP_WIDTH:"sync-popup-width",OPEN:"open",MATCH_KEY:"match-key",DROPDOWN_ICON_OPEN:"data-forge-dropdown-icon-open"},fe={INPUT:ne.selectors.INPUT,DROPDOWN_ICON:"[data-forge-dropdown-icon],[data-forge-dropdown-icon],[forge-dropdown-icon],.forge-dropdown-icon",CLEAR_BUTTON:"[data-forge-autocomplete-clear],[forge-autocomplete-clear]"},ve={DEFAULT_DEBOUNCE_TIME:500,NUM_SKELETON_ITEMS:3},ge={CHANGE:`${O}-change`,SELECT:`${O}-select`,SCROLLED_BOTTOM:`${O}-scrolled-bottom`},o={elementName:O,attributes:me,selectors:fe,numbers:ve,events:ge},ue=(e=>(e.Default="default",e.Stateless="stateless",e))(ue||{});var I=class extends G{constructor(e){super(e);this.setInputElement()}setInputElement(){let e=N(this._component,o.selectors.INPUT,!1);return e.length&&(this._inputElement=e[0]),this._inputElement}setInputAttribute(e,t){this._inputElement.setAttribute(e,t)}addInputListener(e,t){this._inputElement.addEventListener(e,t)}removeInputListener(e,t){this._inputElement.removeEventListener(e,t)}intializeInputAccessibility(e){this._inputElement.setAttribute("autocomplete","off"),this._inputElement.setAttribute("role","combobox"),this._inputElement.setAttribute("aria-live","polite"),this._inputElement.setAttribute("aria-atomic","true"),this._inputElement.setAttribute("aria-haspopup","true"),this._inputElement.setAttribute("aria-expanded","false"),this._inputElement.setAttribute("aria-autocomplete","list")}isWrappingChipField(){return!!this._component.querySelector(x.elementName)}show(e,t){this._targetElement=this._getTargetElement(t),this._targetElement&&(this._listDropdown=new pe(this._targetElement,e),this._listDropdown.open(),this._inputElement.setAttribute("aria-expanded","true"),this._inputElement.setAttribute("aria-controls",`list-dropdown-popup-${e.id}`),this._tryToggleDropdownIconRotation(!0))}hide(e){if(!this._listDropdown)return;let{targetElement:t}=this._listDropdown.dropdownElement;t.removeEventListener(y.events.BLUR,e),this.setBusyVisibility(!1),this._tryToggleDropdownIconRotation(!1),this._inputElement.removeAttribute("aria-activedescendant"),this._inputElement.removeAttribute("aria-controls"),this._inputElement.setAttribute("aria-expanded","false"),this._listDropdown.close(),this._listDropdown=void 0}setBusyVisibility(e){var t;(t=this._listDropdown)==null||t.setBusyVisibility(e)}toggleOptionMultiple(e,t){var i;(i=this._listDropdown)==null||i.toggleOptionMultiple(e,t)}setDismissListener(e){if(!this._listDropdown||!this._listDropdown.dropdownElement)return;let t=this._listDropdown.dropdownElement;t.targetElement&&t.targetElement.addEventListener(y.events.BLUR,e)}focus(){window.requestAnimationFrame(()=>this._inputElement.focus())}setOptions(e){var t;(t=this._listDropdown)==null||t.setOptions(e)}appendOptions(e){var t;(t=this._listDropdown)==null||t.appendOptions(e)}setSelectedText(e){this._inputElement.value=e}getInputValue(){return this._inputElement.value}selectInputValue(){window.requestAnimationFrame(()=>this._inputElement.select())}isFocusWithinPopup(e){return!this._listDropdown||!this._listDropdown.dropdownElement?!1:this._listDropdown.dropdownElement.contains(e)}hasFocus(){let e=k();return e===this._inputElement||this.isFocusWithinPopup(e)}hasInputElement(){return!!this._inputElement}setDropdownIconListener(e,t){window.requestAnimationFrame(()=>{let i=this._component.querySelector(o.selectors.DROPDOWN_ICON);i&&i.addEventListener(e,t)})}removeDropdownIconListener(e,t){let i=this._component.querySelector(o.selectors.DROPDOWN_ICON);i&&i.removeEventListener(e,t)}setClearButtonListener(e,t){window.requestAnimationFrame(()=>{let i=this._component.querySelector(o.selectors.CLEAR_BUTTON);i&&i.addEventListener(e,t)})}removeClearButtonListener(e,t){let i=this._component.querySelector(o.selectors.CLEAR_BUTTON);i&&i.removeEventListener(e,t)}propagateKey(e){var t;(t=this._listDropdown)==null||t.handleKey(e)}updateActiveDescendant(e){!this._targetElement||L(this._inputElement,!!e,"aria-activedescendant",e)}getTargetElementWidth(e){return this._targetElement||(this._targetElement=this._getTargetElement(e)),this._targetElement.getBoundingClientRect().width}getPopupElement(){var e,t;return(t=(e=this._listDropdown)==null?void 0:e.dropdownElement)!=null?t:null}activateFirstOption(){var e;(e=this._listDropdown)==null||e.activateFirstOption()}activateSelectedOption(){var e;(e=this._listDropdown)==null||e.activateSelectedOption()}activateOptionByIndex(e){var t;(t=this._listDropdown)==null||t.activateOption(e)}getActiveOptionIndex(){var e,t;return(t=(e=this._listDropdown)==null?void 0:e.getActiveOptionIndex())!=null?t:null}clearActiveOption(){var e;(e=this._listDropdown)==null||e.clearActiveOption()}setSelectedOptions(e){if(this._listDropdown){let t=e.map(i=>i.value);this._listDropdown.setSelectedValues(t)}}queueDropdownPositionUpdate(){!this.getPopupElement()||window.requestAnimationFrame(()=>{let e=this.getPopupElement();e==null||e.position()})}_getTargetElement(e){return e?this._component.querySelector(e)||this._getDefaultTargetElement():this._getDefaultTargetElement()}_getDefaultTargetElement(){let e=this._component.querySelector("forge-text-field");if(e&&e.shadowRoot){let i=A(e,se.selectors.ROOT);if(i)return i}let t=this._component.querySelector("forge-chip-field");if(t&&t.shadowRoot){let i=A(t,x.selectors.ROOT);if(i)return i}return this._component.querySelector("input")||this._component}_tryToggleDropdownIconRotation(e){let t=this._component.querySelector(o.selectors.DROPDOWN_ICON);t&&L(t,e,o.attributes.DROPDOWN_ICON_OPEN)}};var de=(e=>(e[e.Option=0]="Option",e[e.Group=1]="Group",e))(de||{});function b(u,d){let e=u.some(i=>h(i)&&D(i)&&i.hasOwnProperty("options")&&(i.hasOwnProperty("text")||i.hasOwnProperty("builder"))),t=u.some(i=>h(i)&&D(i)&&i.hasOwnProperty("label")&&i.hasOwnProperty("value"));return e&&d===1||t&&d===0}function ce(u,d){return u.find(e=>e.value===d)}function v(u,d,e=null){return e?!(e in u.value)||!(e in d)?!1:T(u.value[e],d[e]):T(u.value,d)}var E=class extends ae{constructor(e){super();this._adapter=e;this._isInitialized=!1;this._isDropdownOpen=!1;this._mode="default";this._multiple=!1;this._debounce=o.numbers.DEFAULT_DEBOUNCE_TIME;this._allowUnmatched=!1;this._filterOnFocus=!0;this._options=[];this._filterText="";this._selectedOptions=[];this._values=[];this._pendingFilterPromises=[];this._matchKey=null;this._clickListener=t=>this._onClick(t),this._focusListener=()=>this._onFocus(),this._blurListener=t=>this._onBlur(t),this._keydownListener=t=>this._onKeydown(t),this._dropdownIconClickListener=t=>this._onDropdownIconClick(t),this._dropdownScrollEndListener=()=>this._onDropdownScrollEnd(),this._dropdownIconMouseDownListener=t=>this._onDropdownIconMouseDown(t),this._clearButtonListener=t=>this._onClear(t),this._dismissListener=()=>this._onDismiss(),this._activeChangeListener=t=>this._adapter.updateActiveDescendant(t),this._targetWidthCallback=()=>this._adapter.getTargetElementWidth(this._popupTarget),this._identifier=S()}async initialize(){if(!this._adapter.hasInputElement()&&!this._adapter.setInputElement())throw new Error("An input element is required as a child of the autocomplete component.");if(this._setInputListener(),this._setFilterCallback(),this._attachListeners(),this._initializeAccessibility(),this._values.length){if(!this._selectedOptions.length){try{await this._executeFilter()}catch(e){console.error(e)}this._updateSelectedOptions(this._values)}this._adapter.setSelectedText(this._getSelectedText())}this._isInitialized=!0}disconnect(){this._isInitialized&&(this._detachListeners(),this._isInitialized=!1),this._isDropdownOpen&&this._closeDropdown()}_attachListeners(){this._adapter.addInputListener("click",this._clickListener),this._adapter.addInputListener("focus",this._focusListener),this._adapter.addInputListener("blur",this._blurListener),this._adapter.addInputListener("input",this._inputListener),this._adapter.addInputListener("keydown",this._keydownListener),this._adapter.setDropdownIconListener("click",this._dropdownIconClickListener),this._adapter.setDropdownIconListener("mousedown",this._dropdownIconMouseDownListener),this._adapter.setClearButtonListener("click",this._clearButtonListener)}_detachListeners(){this._adapter.removeInputListener("click",this._clickListener),this._adapter.removeInputListener("focus",this._focusListener),this._adapter.removeInputListener("blur",this._blurListener),this._adapter.removeInputListener("input",this._inputListener),this._adapter.removeInputListener("keydown",this._keydownListener),this._adapter.removeDropdownIconListener("click",this._dropdownIconClickListener),this._adapter.removeDropdownIconListener("mousedown",this._dropdownIconMouseDownListener),this._adapter.removeClearButtonListener("click",this._clearButtonListener)}_setInputListener(){this._inputListener=e=>this._onInput(e)}_setFilterCallback(){this._filterFn=h(this._debounce)&&this._debounce>0?B(this._debounceFilter,this._debounce,!1):this._debounceFilter}_initializeAccessibility(){this._adapter.intializeInputAccessibility(this._identifier)}get _flatOptions(){return b(this._options,1)?this._options.reduce((e,t)=>e.concat(t.options),[]):this._options}_onClick(e){!this._isDropdownOpen&&this._filterOnFocus&&this._showDropdown()}_onDropdownIconMouseDown(e){e.preventDefault()}_onDropdownIconClick(e){this._isDropdownOpen?this._closeDropdown():(this._adapter.focus(),window.requestAnimationFrame(()=>this._showDropdown()))}_onClear(e){this._clearValue(),this._adapter.setSelectedText(this._getSelectedText())}_onDropdownScrollEnd(){this._adapter.emitHostEvent(o.events.SCROLLED_BOTTOM)}_onFocus(){!this._isDropdownOpen&&this._adapter.getInputValue()&&!C.isMobile&&this._adapter.selectInputValue()}_onBlur(e){this._adapter.isFocusWithinPopup(e.relatedTarget)||this._applyBlur()}_applyBlur(){this._isDropdownOpen&&this._closeDropdown(),this._mode!=="stateless"&&(this._selectedOptions.length?this._adapter.setSelectedText(this._getSelectedText()):this._allowUnmatched||(this._filterText="",this._adapter.setSelectedText("")))}_onInput(e){this._selectedOptions.length&&!this._multiple&&(!this._adapter.getInputValue()||this._allowUnmatched)&&!this._adapter.isWrappingChipField()&&(this._selectedOptions=[],this._values=[],this._emitChangeEvent()),this._filterText=this._adapter.getInputValue(),this._filterFn()}async _debounceFilter(){if(!this._adapter.hasFocus()){this._pendingFilterPromises=[],this._isDropdownOpen&&this._closeDropdown();return}let e=this._filterText,t=this._executeFilter();this._pendingFilterPromises.push(t),this._isDropdownOpen?this._adapter.setBusyVisibility(!0):this._showDropdown({filter:!1});try{await t}catch(i){this._pendingFilterPromises=[],this._isDropdownOpen&&this._closeDropdown();return}if(e===this._filterText)this._pendingFilterPromises=[],this._onFilterComplete();else{let i=this._pendingFilterPromises.indexOf(t);i!==-1&&this._pendingFilterPromises.splice(i,1)}}_onKeydown(e){switch(e.key){case"Tab":this._isDropdownOpen&&!this._multiple&&this._selectActiveOption(!1);break;case"Esc":case"Escape":this._isDropdownOpen&&(e.preventDefault(),this._closeDropdown());break;case"Down":case"ArrowDown":e.preventDefault(),this._isDropdownOpen?this._adapter.propagateKey(e.key):this._showDropdown({activateFirst:!0,activateSelected:!0});break;case"Up":case"ArrowUp":e.preventDefault(),this._isDropdownOpen&&this._adapter.propagateKey(e.key);break;case"Enter":case"Home":case"End":this._isDropdownOpen&&(e.key==="Enter"&&e.stopPropagation(),e.preventDefault(),this._adapter.propagateKey(e.key));break;case"Backspace":case"Delete":let t=e.target,i=this._adapter.getInputValue(),n=t.value.substring(t.selectionStart,t.selectionEnd)===t.value,l=i.length===1&&t.selectionEnd===1,c=i.length===1&&t.selectionEnd===0,_=!i||n||l||c;!this._adapter.isWrappingChipField()&&_&&!this._multiple&&this._values.length&&this._clearValue();break}}_executeFilter(e=!0,t=!1){if(!this._filter||typeof this._filter!="function")throw new Error('A filter callback must be provided. Did you set the "filter" property?');let i=this._filter,n=e?this._filterText:"",l=t?this._getValue():null;return new Promise((c,_)=>Promise.resolve(i(n,l)).then(s=>{this._options=s,c(this._options)}).catch(s=>_(`An unexpected error occurred while filtering: ${s}`)))}_onFilterComplete(){if(!this._adapter.hasFocus()){this._isDropdownOpen&&this._closeDropdown();return}if(this._options.length){let e=this._allowUnmatched&&!this._selectedOptions.length;this._dropdownReady({userTriggered:e}),this._filterText&&this._adapter.activateFirstOption()}else this._closeDropdown()}_clearValue(){this._selectedOptions=[],this._values=[],this._isDropdownOpen&&(this._adapter.setSelectedOptions([]),this._adapter.clearActiveOption()),this._emitChangeEvent()}async _showDropdown({filter:e=!0,userTriggered:t=!0,activateFirst:i=!1,activateSelected:n=!1}={}){let l=this._allowUnmatched&&!this._selectedOptions.length;this._isDropdownOpen=!0;let c;if(this._optionBuilder){let s=this._optionBuilder;c=(m,f)=>s(m,this._filterText,f)}let _={options:this._options,multiple:this._multiple,selectedValues:[...this._values],id:`forge-autocomplete-${this._identifier}`,asyncStyle:"skeleton",optionLimit:this._optionLimit,popupClasses:this._popupClasses,headerBuilder:this._popupHeaderBuilder,footerBuilder:this._popupFooterBuilder,transform:s=>{if(this._filterText){let m=$(s,this._filterText);if(m)return m}return s},allowBusy:!0,optionBuilder:c,syncWidth:this._syncPopupWidth,observeScroll:this._observeScroll,observeScrollThreshold:this._observeScrollThreshold,scrollEndListener:this._dropdownScrollEndListener,activeChangeCallback:this._activeChangeListener,targetWidthCallback:this._targetWidthCallback,selectCallback:s=>this._onSelect(s),closeCallback:()=>this._closeDropdown()};if(this._adapter.show(_,this._popupTarget),this._adapter.toggleHostAttribute(o.attributes.OPEN,this._isDropdownOpen),e){this._options.length&&this._adapter.setBusyVisibility(!0);try{await this._executeFilter(l)}catch(s){console.error(s)}this._updateSelectedOptions(this._values)}this._pendingFilterPromises.length||this._dropdownReady({userTriggered:t,activateFirst:i,activateSelected:n})}_dropdownReady({userTriggered:e=!0,activateFirst:t=!1,activateSelected:i=!1}={}){if(!this._isDropdownOpen||!this._options.length||e&&!this._adapter.hasFocus()){this._closeDropdown();return}this._sortSelectedOptions(),this._adapter.setBusyVisibility(!1),this._adapter.setOptions(this._options),this._adapter.setSelectedOptions(this._selectedOptions),this._adapter.setDismissListener(this._dismissListener),i&&this._selectedOptions.length?this._adapter.activateSelectedOption():t&&this._adapter.activateFirstOption()}_closeDropdown(){this._multiple&&(this._filterText=""),this._isDropdownOpen=!1,this._adapter.hide(this._dismissListener),this._sortSelectedOptions(),this._adapter.toggleHostAttribute(o.attributes.OPEN,this._isDropdownOpen)}_sortSelectedOptions(){if(this._multiple&&this._selectedOptions.length&&b(this._options,0)){let e=[],t=[];this._options.forEach(i=>{this._selectedOptions.find(n=>v(n,i.value,this._matchKey))?e.push(i):t.push(i)}),this._options=[...e,...t]}}async _onSelect(e,t=!0){if(this._valueChanging)return;if(this._mode==="stateless"){let n={value:e};this._adapter.emitHostEvent(o.events.SELECT,n,!0,!0)&&(this._filterText="",this._closeDropdown());return}let i=()=>{let n=this._flatOptions,l=n.find(s=>v(s,e,this._matchKey)),c=l?l.value:"",_=l?l.label:"";if(this._multiple){let s=n.findIndex(f=>v(f,e,this._matchKey));if(s>=0){let f=this._selectedOptions.some(_e=>v(_e,e,this._matchKey));this._adapter.toggleOptionMultiple(s,f)}let m=ce(this._selectedOptions,c);if(m){let f=this._selectedOptions.indexOf(m);this._selectedOptions.splice(f,1)}else this._selectedOptions.push(l)}else h(c)?(this._selectedOptions[0]=l,this._filterText=_):(this._selectedOptions=[],this._filterText="");if(this._isDropdownOpen&&this._adapter.setSelectedOptions(this._selectedOptions),this._values=this._selectedOptions.map(s=>s.value),this._adapter.setSelectedText(this._getSelectedText()),!C.isMobile&&t&&this._adapter.selectInputValue(),this._multiple){let s=n.findIndex(f=>v(f,e,this._matchKey)),m=this._values.includes(e);this._adapter.toggleOptionMultiple(s,m)}this._emitChangeEvent(),this._tryUpdateDropdownPosition()};this._isDropdownOpen&&!this._multiple&&this._closeDropdown(),typeof this._beforeValueChange=="function"?(this._valueChanging=Promise.resolve(this._beforeValueChange.call(null,e,this._matchKey)),await this._valueChanging?i():this._tryUpdateDropdownPosition(),this._valueChanging=void 0):i()}_selectActiveOption(e=!0){let t=this._adapter.getActiveOptionIndex();if(typeof t=="number"&&t>=0){let i=this._flatOptions[t];i&&this._onSelect(i.value,e)}}_emitChangeEvent(){this._adapter.emitHostEvent(o.events.CHANGE,this._getValue(),!0)}_tryUpdateDropdownPosition(){this._isDropdownOpen&&this._adapter.queueDropdownPositionUpdate()}_getValue(){return this._values?this._values.length?this._multiple?[...this._values]:this._values[0]:this._multiple?[]:null:null}_getSelectedText(){return this._adapter.isWrappingChipField()?"":this._selectedTextBuilder?this._selectedTextBuilder(this._selectedOptions):this._multiple?this._values.length?`${this._values.length} ${this._values.length===1?"option":"options"} selected`:"":this._selectedOptions.filter(e=>e&&e.label).map(e=>e.label).join(" ").trim()}_onDismiss(){this._closeDropdown()}async _applyValue(e){let t=[];this._selectedOptions=[],Array.isArray(e)?t=e:t=h(e)?[e]:[],!this._multiple&&t.length>1&&(t=[t[0]]),b(t,0)?(this._values=t.map(n=>n.value),this._selectedOptions=t):this._values=t;let i=this._flatOptions;if(t.length&&i.length&&this._updateSelectedOptions(t),this._values.length&&!this._selectedOptions.length&&!!this._filter&&this._isInitialized){try{await this._executeFilter(!1,!0)}catch(n){console.error(n)}this._updateSelectedOptions(this._values)}this._multiple?this._filterText="":this._filterText=this._selectedOptions.length?this._selectedOptions[0].label:"",this._isInitialized&&this._adapter.setSelectedText(this._getSelectedText()),this._isDropdownOpen&&this._adapter.setSelectedOptions(this._selectedOptions)}_updateSelectedOptions(e){let t=[...this._flatOptions,...this._selectedOptions];if(this._selectedOptions.length&&(this._selectedOptions=[]),b(e,0))for(let i of e){let n=t.find(l=>v(l,i.value,this._matchKey));n?this._selectedOptions.push(n):this._selectedOptions.push(i)}else for(let i of e){let n=t.find(l=>v(l,i,this._matchKey));n?this._selectedOptions.push(n):this._allowUnmatched&&this._selectedOptions.push({label:i,value:i})}}get mode(){return this._mode}set mode(e){this._mode!==e&&(this._mode=e,this._mode==="stateless"&&(this._selectedOptions=[],this._isDropdownOpen&&this._closeDropdown()),this._adapter.setHostAttribute(o.attributes.MODE,this._mode))}get multiple(){return this._multiple}set multiple(e){this._multiple!==e&&(this._multiple=e,this._adapter.setHostAttribute(o.attributes.MULTIPLE,h(this._multiple)?this._multiple.toString():""))}get value(){return this._getValue()}set value(e){let t=[];e==null?t=[]:Array.isArray(e)?t=JSON.parse(JSON.stringify(e)):F(e)?t=[e]:t=[JSON.parse(JSON.stringify(e))],(t.length!==this._values.length||t.some(n=>!this._values.includes(n)))&&this._applyValue(e)}get filterOnFocus(){return this._filterOnFocus}set filterOnFocus(e){this._filterOnFocus!==e&&(this._filterOnFocus=e,this._adapter.setHostAttribute(o.attributes.FILTER_ON_FOCUS,h(this._filterOnFocus)?this._filterOnFocus.toString():""))}get allowUnmatched(){return this._allowUnmatched}set allowUnmatched(e){this._allowUnmatched!==e&&(this._allowUnmatched=e,h(this._allowUnmatched)&&this._adapter.setHostAttribute(o.attributes.ALLOW_UNMATCHED,this._allowUnmatched.toString()))}get matchKey(){return this._matchKey}set matchKey(e){this._matchKey!==e&&(this._matchKey=e)}get popupTarget(){return this._popupTarget}set popupTarget(e){this._popupTarget!==e&&(this._popupTarget=e)}get popupClasses(){return Array.isArray(this._popupClasses)?[...this._popupClasses]:[this._popupClasses]}set popupClasses(e){this._popupClasses!==e&&(this._popupClasses=Array.isArray(e)?[...e]:[e])}set popupHeaderBuilder(e){this._popupHeaderBuilder=e}set popupFooterBuilder(e){this._popupFooterBuilder=e}get syncPopupWidth(){return this._syncPopupWidth}set syncPopupWidth(e){this._syncPopupWidth!==e&&(this._syncPopupWidth=e)}get optionLimit(){return this._optionLimit}set optionLimit(e){this._optionLimit!==e&&(this._optionLimit=e)}get debounce(){return this._debounce}set debounce(e){this._debounce!==e&&(this._debounce=e,this._isInitialized&&this._setFilterCallback(),this._adapter.setHostAttribute(o.attributes.DEBOUNCE,h(this._debounce)?this._debounce.toString():""))}get optionBuilder(){return this._optionBuilder}set optionBuilder(e){this._optionBuilder=e}get filter(){return this._filter}set filter(e){this._filter!==e&&(this._filter=e,this._isInitialized&&this._values.length&&!this._flatOptions.length&&!!this._filter&&this._executeFilter().then(()=>{this._updateSelectedOptions(this._values),this._adapter.setSelectedText(this._getSelectedText())}))}get selectedTextBuilder(){return this._selectedTextBuilder}set selectedTextBuilder(e){this._selectedTextBuilder=e,this._selectedOptions.length&&this._adapter.setSelectedText(this._getSelectedText())}get observeScroll(){return this._observeScroll}set observeScroll(e){this._observeScroll=e}get observeScrollThreshold(){return this._observeScrollThreshold}set observeScrollThreshold(e){this._observeScrollThreshold=e}appendOptions(e){!this._isDropdownOpen||(this._options=[...this._options,...e],this._adapter.appendOptions(e))}get isInitialized(){return this._isInitialized}get open(){return this._isDropdownOpen}set open(e){this._isDropdownOpen!==e&&(e?this._showDropdown({userTriggered:!1}):this._closeDropdown())}get beforeValueChange(){return this._beforeValueChange}set beforeValueChange(e){e!==this._beforeValueChange&&(this._beforeValueChange=e)}get popupElement(){return this._adapter.getPopupElement()}};var be="<template><slot></slot></template>",Oe=":host{display:block}:host([hidden]){display:none}",r=class extends te{constructor(){super();Y.define([q,V]),H(this,be,Oe),this._foundation=new E(new I(this))}static get observedAttributes(){return[o.attributes.MODE,o.attributes.MULTIPLE,o.attributes.DEBOUNCE,o.attributes.FILTER_ON_FOCUS,o.attributes.ALLOW_UNMATCHED,o.attributes.POPUP_TARGET,o.attributes.POPUP_CLASSES,o.attributes.OBSERVE_SCROLL,o.attributes.OBSERVE_SCROLL_THRESHOLD,o.attributes.OPTION_LIMIT,o.attributes.SYNC_POPUP_WIDTH,o.attributes.OPEN,o.attributes.MATCH_KEY]}connectedCallback(){this.querySelector(o.selectors.INPUT)?this._foundation.initialize():M(this,o.selectors.INPUT).then(()=>this._foundation.initialize())}disconnectedCallback(){this._foundation.disconnect()}attributeChangedCallback(e,t,i){switch(super.attributeChangedCallback(e,t,i),e){case o.attributes.MODE:this.mode=i;break;case o.attributes.MULTIPLE:this.multiple=g(i);break;case o.attributes.DEBOUNCE:this.debounce=P(i);break;case o.attributes.FILTER_ON_FOCUS:this.filterOnFocus=g(i);break;case o.attributes.ALLOW_UNMATCHED:this.allowUnmatched=g(i);break;case o.attributes.POPUP_TARGET:this.popupTarget=i;break;case o.attributes.OPEN:this.open=g(i);break;case o.attributes.MATCH_KEY:this.matchKey=i;break}}appendOptions(e){this._foundation.appendOptions(e)}openDropdown(){this.open=!0}closeDropdown(){this.open=!1}};p([a()],r.prototype,"mode",2),p([a()],r.prototype,"multiple",2),p([a()],r.prototype,"value",2),p([a()],r.prototype,"debounce",2),p([a()],r.prototype,"filterOnFocus",2),p([a()],r.prototype,"allowUnmatched",2),p([a()],r.prototype,"popupTarget",2),p([a()],r.prototype,"optionBuilder",2),p([a()],r.prototype,"filter",2),p([a()],r.prototype,"selectedTextBuilder",2),p([a()],r.prototype,"open",2),p([a()],r.prototype,"matchKey",2),p([a({set:!1})],r.prototype,"isInitialized",2),p([a({set:!1})],r.prototype,"popupElement",2),p([a()],r.prototype,"beforeValueChange",2),r=p([R({name:o.elementName,dependencies:[re,ie,ee,Z,X,oe,Q,J]})],r);var he=class extends z{constructor(e){super(e)}_build(){let e=document.createElement(o.elementName);return this._attachTextField(e),e}get textFieldDelegate(){return this._textFieldDelegate}get value(){return this._element.value}set value(e){this._element.value=e}get disabled(){return this._textFieldDelegate.inputElement.disabled}set disabled(e){this._textFieldDelegate.inputElement.disabled=e}get invalid(){return this._textFieldDelegate.invalid||!1}set invalid(e){this._textFieldDelegate.invalid=e}onChange(e){this._element.addEventListener(o.events.CHANGE,t=>e(t.detail))}onFocus(e){this._textFieldDelegate.inputElement.addEventListener("focus",t=>e(t))}onBlur(e){this._textFieldDelegate.inputElement.addEventListener("blur",t=>e(t))}_attachTextField(e){var i,n,l,c,_,s;let t={props:w({},(n=(i=this._config.options)==null?void 0:i.textFieldDelegateConfig)==null?void 0:n.props),options:w({},(c=(l=this._config.options)==null?void 0:l.textFieldDelegateConfig)==null?void 0:c.options)};t.options||(t.options={}),((_=this._config.options)==null?void 0:_.useDropdownIcon)!==!1&&!((s=t.options)!=null&&s.trailingElement)&&(t.options.trailingElement=this._createDropdownIconElement()),this._textFieldDelegate=new le(t),e.appendChild(this._textFieldDelegate.element)}_createDropdownIconElement(){let e={props:{slot:"trailing",name:"arrow_drop_down"},options:{attributes:{"forge-dropdown-icon":""}}};return new j(e).element}};function Nt(){U(r)}export{o as a,ue as b,I as c,de as d,b as e,ce as f,v as g,E as h,r as i,he as j,Nt as k};
-//# sourceMappingURL=chunk.QEHJJKFZ.js.map
+import{c as re}from"./chunk.YG2KLPHA.js";import{a as se,b as le}from"./chunk.IARIRFXO.js";import{b as X}from"./chunk.2LHBE2QZ.js";import{a as x}from"./chunk.F3Q62EMG.js";import{a as ne}from"./chunk.Y6FFG7XO.js";import{a as te}from"./chunk.ETIN6DEM.js";import{h as pe,i as ae}from"./chunk.MBWEYW6M.js";import{b as oe}from"./chunk.BMFJLHDR.js";import{c as ee}from"./chunk.ZAGCOV55.js";import{e as Z}from"./chunk.QIJHHDYF.js";import{b as Q}from"./chunk.HHJJJ73Y.js";import{a as y,e as ie}from"./chunk.UOWU5VVK.js";import{g as V,h as q}from"./chunk.LZMYHIO2.js";import{a as C}from"./chunk.D4SNVKDA.js";import{d as Y,l as J,m as j}from"./chunk.JXY6MTP3.js";import{a as z}from"./chunk.24D46RLZ.js";import{a as $}from"./chunk.5BDTX7CR.js";import{a as G}from"./chunk.5PXABBKU.js";import{a}from"./chunk.B3IJU6XJ.js";import{a as R,b as K,c as W}from"./chunk.OOW3UKT4.js";import{a as U,e as H,g as A}from"./chunk.MMVZJLXE.js";import{m as M,r as N,s as k,u as L}from"./chunk.R4NDFXVA.js";import{a as S,b as h,c as F,j as D,k as g,l as P,n as T,o as B}from"./chunk.G76HB2FK.js";import{a as w,f as p}from"./chunk.MCIQXNKY.js";var O=`${K}autocomplete`,me={MODE:"mode",MULTIPLE:"multiple",DEBOUNCE:"debounce",FILTER_ON_FOCUS:"filter-on-focus",ALLOW_UNMATCHED:"allow-unmatched",POPUP_TARGET:"popup-target",POPUP_CLASSES:"popup-classes",OPTION_LIMIT:"option-limit",OBSERVE_SCROLL:"observe-scroll",OBSERVE_SCROLL_THRESHOLD:"observe-scroll-threshold",SYNC_POPUP_WIDTH:"sync-popup-width",OPEN:"open",MATCH_KEY:"match-key",DROPDOWN_ICON_OPEN:"data-forge-dropdown-icon-open"},fe={INPUT:ne.selectors.INPUT,DROPDOWN_ICON:"[data-forge-dropdown-icon],[data-forge-dropdown-icon],[forge-dropdown-icon],.forge-dropdown-icon",CLEAR_BUTTON:"[data-forge-autocomplete-clear],[forge-autocomplete-clear]"},ve={DEFAULT_DEBOUNCE_TIME:500,NUM_SKELETON_ITEMS:3},ge={CHANGE:`${O}-change`,SELECT:`${O}-select`,SCROLLED_BOTTOM:`${O}-scrolled-bottom`},o={elementName:O,attributes:me,selectors:fe,numbers:ve,events:ge},de=(e=>(e.Default="default",e.Stateless="stateless",e))(de||{});var I=class extends G{constructor(e){super(e);this.setInputElement()}setInputElement(){let e=N(this._component,o.selectors.INPUT,!1);return e.length&&(this._inputElement=e[0]),this._inputElement}setInputAttribute(e,t){this._inputElement.setAttribute(e,t)}addInputListener(e,t){this._inputElement.addEventListener(e,t)}removeInputListener(e,t){this._inputElement.removeEventListener(e,t)}intializeInputAccessibility(e){this._inputElement.setAttribute("autocomplete","off"),this._inputElement.setAttribute("role","combobox"),this._inputElement.setAttribute("aria-live","polite"),this._inputElement.setAttribute("aria-atomic","true"),this._inputElement.setAttribute("aria-haspopup","true"),this._inputElement.setAttribute("aria-expanded","false"),this._inputElement.setAttribute("aria-autocomplete","list")}isWrappingChipField(){return!!this._component.querySelector(x.elementName)}show(e,t){this._targetElement=this._getTargetElement(t),this._targetElement&&(this._listDropdown=new pe(this._targetElement,e),this._listDropdown.open(),this._inputElement.setAttribute("aria-expanded","true"),this._inputElement.setAttribute("aria-controls",`list-dropdown-popup-${e.id}`),this._tryToggleDropdownIconRotation(!0))}hide(e){if(!this._listDropdown)return;let{targetElement:t}=this._listDropdown.dropdownElement;t.removeEventListener(y.events.BLUR,e),this.setBusyVisibility(!1),this._tryToggleDropdownIconRotation(!1),this._inputElement.removeAttribute("aria-activedescendant"),this._inputElement.removeAttribute("aria-controls"),this._inputElement.setAttribute("aria-expanded","false"),this._listDropdown.close(),this._listDropdown=void 0}setBusyVisibility(e){var t;(t=this._listDropdown)==null||t.setBusyVisibility(e)}toggleOptionMultiple(e,t){var i;(i=this._listDropdown)==null||i.toggleOptionMultiple(e,t)}setDismissListener(e){if(!this._listDropdown||!this._listDropdown.dropdownElement)return;let t=this._listDropdown.dropdownElement;t.targetElement&&t.targetElement.addEventListener(y.events.BLUR,e)}focus(){window.requestAnimationFrame(()=>this._inputElement.focus())}setOptions(e){var t;(t=this._listDropdown)==null||t.setOptions(e)}appendOptions(e){var t;(t=this._listDropdown)==null||t.appendOptions(e)}setSelectedText(e){this._inputElement.value=e}getInputValue(){return this._inputElement.value}selectInputValue(){window.requestAnimationFrame(()=>this._inputElement.select())}isFocusWithinPopup(e){return!this._listDropdown||!this._listDropdown.dropdownElement?!1:this._listDropdown.dropdownElement.contains(e)}hasFocus(){let e=k();return e===this._inputElement||this.isFocusWithinPopup(e)}hasInputElement(){return!!this._inputElement}setDropdownIconListener(e,t){window.requestAnimationFrame(()=>{let i=this._component.querySelector(o.selectors.DROPDOWN_ICON);i&&i.addEventListener(e,t)})}removeDropdownIconListener(e,t){let i=this._component.querySelector(o.selectors.DROPDOWN_ICON);i&&i.removeEventListener(e,t)}setClearButtonListener(e,t){window.requestAnimationFrame(()=>{let i=this._component.querySelector(o.selectors.CLEAR_BUTTON);i&&i.addEventListener(e,t)})}removeClearButtonListener(e,t){let i=this._component.querySelector(o.selectors.CLEAR_BUTTON);i&&i.removeEventListener(e,t)}propagateKey(e){var t;(t=this._listDropdown)==null||t.handleKey(e)}updateActiveDescendant(e){!this._targetElement||L(this._inputElement,!!e,"aria-activedescendant",e)}getTargetElementWidth(e){return this._targetElement||(this._targetElement=this._getTargetElement(e)),this._targetElement.getBoundingClientRect().width}getPopupElement(){var e,t;return(t=(e=this._listDropdown)==null?void 0:e.dropdownElement)!=null?t:null}activateFirstOption(){var e;(e=this._listDropdown)==null||e.activateFirstOption()}activateSelectedOption(){var e;(e=this._listDropdown)==null||e.activateSelectedOption()}activateOptionByIndex(e){var t;(t=this._listDropdown)==null||t.activateOption(e)}getActiveOptionIndex(){var e,t;return(t=(e=this._listDropdown)==null?void 0:e.getActiveOptionIndex())!=null?t:null}clearActiveOption(){var e;(e=this._listDropdown)==null||e.clearActiveOption()}setSelectedOptions(e){if(this._listDropdown){let t=e.map(i=>i.value);this._listDropdown.setSelectedValues(t)}}queueDropdownPositionUpdate(){!this.getPopupElement()||window.requestAnimationFrame(()=>{let e=this.getPopupElement();e==null||e.position()})}_getTargetElement(e){return e?this._component.querySelector(e)||this._getDefaultTargetElement():this._getDefaultTargetElement()}_getDefaultTargetElement(){let e=this._component.querySelector("forge-text-field");if(e&&e.shadowRoot){let i=A(e,se.selectors.ROOT);if(i)return i}let t=this._component.querySelector("forge-chip-field");if(t&&t.shadowRoot){let i=A(t,x.selectors.ROOT);if(i)return i}return this._component.querySelector("input")||this._component}_tryToggleDropdownIconRotation(e){let t=this._component.querySelector(o.selectors.DROPDOWN_ICON);t&&L(t,e,o.attributes.DROPDOWN_ICON_OPEN)}};var ue=(e=>(e[e.Option=0]="Option",e[e.Group=1]="Group",e))(ue||{});function b(d,u){let e=d.some(i=>h(i)&&D(i)&&i.hasOwnProperty("options")&&(i.hasOwnProperty("text")||i.hasOwnProperty("builder"))),t=d.some(i=>h(i)&&D(i)&&i.hasOwnProperty("label")&&i.hasOwnProperty("value"));return e&&u===1||t&&u===0}function ce(d,u){return d.find(e=>e.value===u)}function v(d,u,e=null){return e?!(e in d.value)||!(e in u)?!1:T(d.value[e],u[e]):T(d.value,u)}var E=class extends ae{constructor(e){super();this._adapter=e;this._isInitialized=!1;this._isDropdownOpen=!1;this._mode="default";this._multiple=!1;this._debounce=o.numbers.DEFAULT_DEBOUNCE_TIME;this._allowUnmatched=!1;this._filterOnFocus=!0;this._options=[];this._filterText="";this._selectedOptions=[];this._values=[];this._pendingFilterPromises=[];this._matchKey=null;this._clickListener=t=>this._onClick(t),this._focusListener=()=>this._onFocus(),this._blurListener=t=>this._onBlur(t),this._keydownListener=t=>this._onKeydown(t),this._dropdownIconClickListener=t=>this._onDropdownIconClick(t),this._dropdownScrollEndListener=()=>this._onDropdownScrollEnd(),this._dropdownIconMouseDownListener=t=>this._onDropdownIconMouseDown(t),this._clearButtonListener=t=>this._onClear(t),this._dismissListener=()=>this._onDismiss(),this._activeChangeListener=t=>this._adapter.updateActiveDescendant(t),this._targetWidthCallback=()=>this._adapter.getTargetElementWidth(this._popupTarget),this._identifier=S()}async initialize(){if(!this._adapter.hasInputElement()&&!this._adapter.setInputElement())throw new Error("An input element is required as a child of the autocomplete component.");if(this._setInputListener(),this._setFilterCallback(),this._attachListeners(),this._initializeAccessibility(),this._values.length){if(!this._selectedOptions.length){try{await this._executeFilter()}catch(e){console.error(e)}this._updateSelectedOptions(this._values)}this._adapter.setSelectedText(this._getSelectedText())}this._isInitialized=!0}disconnect(){this._isInitialized&&(this._detachListeners(),this._isInitialized=!1),this._isDropdownOpen&&this._closeDropdown()}_attachListeners(){this._adapter.addInputListener("click",this._clickListener),this._adapter.addInputListener("focus",this._focusListener),this._adapter.addInputListener("blur",this._blurListener),this._adapter.addInputListener("input",this._inputListener),this._adapter.addInputListener("keydown",this._keydownListener),this._adapter.setDropdownIconListener("click",this._dropdownIconClickListener),this._adapter.setDropdownIconListener("mousedown",this._dropdownIconMouseDownListener),this._adapter.setClearButtonListener("click",this._clearButtonListener)}_detachListeners(){this._adapter.removeInputListener("click",this._clickListener),this._adapter.removeInputListener("focus",this._focusListener),this._adapter.removeInputListener("blur",this._blurListener),this._adapter.removeInputListener("input",this._inputListener),this._adapter.removeInputListener("keydown",this._keydownListener),this._adapter.removeDropdownIconListener("click",this._dropdownIconClickListener),this._adapter.removeDropdownIconListener("mousedown",this._dropdownIconMouseDownListener),this._adapter.removeClearButtonListener("click",this._clearButtonListener)}_setInputListener(){this._inputListener=e=>this._onInput(e)}_setFilterCallback(){this._filterFn=h(this._debounce)&&this._debounce>0?B(this._debounceFilter,this._debounce,!1):this._debounceFilter}_initializeAccessibility(){this._adapter.intializeInputAccessibility(this._identifier)}get _flatOptions(){return b(this._options,1)?this._options.reduce((e,t)=>e.concat(t.options),[]):this._options}_onClick(e){!this._isDropdownOpen&&this._filterOnFocus&&this._showDropdown()}_onDropdownIconMouseDown(e){e.preventDefault()}_onDropdownIconClick(e){this._isDropdownOpen?this._closeDropdown():(this._adapter.focus(),window.requestAnimationFrame(()=>this._showDropdown()))}_onClear(e){this._clearValue(),this._adapter.setSelectedText(this._getSelectedText())}_onDropdownScrollEnd(){this._adapter.emitHostEvent(o.events.SCROLLED_BOTTOM)}_onFocus(){!this._isDropdownOpen&&this._adapter.getInputValue()&&!C.isMobile&&this._adapter.selectInputValue()}_onBlur(e){this._adapter.isFocusWithinPopup(e.relatedTarget)||this._applyBlur()}_applyBlur(){this._isDropdownOpen&&this._closeDropdown(),this._mode!=="stateless"&&(this._selectedOptions.length?this._adapter.setSelectedText(this._getSelectedText()):this._allowUnmatched||(this._filterText="",this._adapter.setSelectedText("")))}_onInput(e){this._selectedOptions.length&&!this._multiple&&(!this._adapter.getInputValue()||this._allowUnmatched)&&!this._adapter.isWrappingChipField()&&(this._selectedOptions=[],this._values=[],this._emitChangeEvent()),this._filterText=this._adapter.getInputValue(),this._filterFn()}async _debounceFilter(){if(!this._adapter.hasFocus()){this._pendingFilterPromises=[],this._isDropdownOpen&&this._closeDropdown();return}let e=this._filterText,t=this._executeFilter();this._pendingFilterPromises.push(t),this._isDropdownOpen?this._adapter.setBusyVisibility(!0):this._showDropdown({filter:!1});try{await t}catch(i){this._pendingFilterPromises=[],this._isDropdownOpen&&this._closeDropdown();return}if(e===this._filterText)this._pendingFilterPromises=[],this._onFilterComplete();else{let i=this._pendingFilterPromises.indexOf(t);i!==-1&&this._pendingFilterPromises.splice(i,1)}}_onKeydown(e){switch(e.key){case"Tab":this._isDropdownOpen&&!this._multiple&&this._selectActiveOption(!1);break;case"Esc":case"Escape":this._isDropdownOpen&&(e.preventDefault(),this._closeDropdown());break;case"Down":case"ArrowDown":e.preventDefault(),this._isDropdownOpen?this._adapter.propagateKey(e.key):this._showDropdown({activateFirst:!0,activateSelected:!0});break;case"Up":case"ArrowUp":e.preventDefault(),this._isDropdownOpen&&this._adapter.propagateKey(e.key);break;case"Enter":case"Home":case"End":this._isDropdownOpen&&(e.key==="Enter"&&e.stopPropagation(),e.preventDefault(),this._adapter.propagateKey(e.key));break;case"Backspace":case"Delete":let t=e.target,i=this._adapter.getInputValue(),n=t.value.substring(t.selectionStart,t.selectionEnd)===t.value,l=i.length===1&&t.selectionEnd===1,c=i.length===1&&t.selectionEnd===0,_=!i||n||l||c;!this._adapter.isWrappingChipField()&&_&&!this._multiple&&this._values.length&&this._clearValue();break}}_executeFilter(e=!0,t=!1){if(!this._filter||typeof this._filter!="function")throw new Error('A filter callback must be provided. Did you set the "filter" property?');let i=this._filter,n=e?this._filterText:"",l=t?this._getValue():null;return new Promise((c,_)=>Promise.resolve(i(n,l)).then(s=>{this._options=s,c(this._options)}).catch(s=>_(`An unexpected error occurred while filtering: ${s}`)))}_onFilterComplete(){if(!this._adapter.hasFocus()){this._isDropdownOpen&&this._closeDropdown();return}if(this._options.length){let e=this._allowUnmatched&&!this._selectedOptions.length;this._dropdownReady({userTriggered:e}),this._filterText&&this._adapter.activateFirstOption()}else this._closeDropdown()}_clearValue(){this._selectedOptions=[],this._values=[],this._isDropdownOpen&&(this._adapter.setSelectedOptions([]),this._adapter.clearActiveOption()),this._emitChangeEvent()}async _showDropdown({filter:e=!0,userTriggered:t=!0,activateFirst:i=!1,activateSelected:n=!1}={}){let l=this._allowUnmatched&&!this._selectedOptions.length;this._isDropdownOpen=!0;let c;if(this._optionBuilder){let s=this._optionBuilder;c=(m,f)=>s(m,this._filterText,f)}let _={options:this._options,multiple:this._multiple,selectedValues:[...this._values],id:`forge-autocomplete-${this._identifier}`,asyncStyle:"skeleton",optionLimit:this._optionLimit,popupClasses:this._popupClasses,headerBuilder:this._popupHeaderBuilder,footerBuilder:this._popupFooterBuilder,transform:s=>{if(this._filterText){let m=$(s,this._filterText);if(m)return m}return s},allowBusy:!0,optionBuilder:c,syncWidth:this._syncPopupWidth,observeScroll:this._observeScroll,observeScrollThreshold:this._observeScrollThreshold,scrollEndListener:this._dropdownScrollEndListener,activeChangeCallback:this._activeChangeListener,targetWidthCallback:this._targetWidthCallback,selectCallback:s=>this._onSelect(s),closeCallback:()=>this._closeDropdown()};if(this._adapter.show(_,this._popupTarget),this._adapter.toggleHostAttribute(o.attributes.OPEN,this._isDropdownOpen),e){this._options.length&&this._adapter.setBusyVisibility(!0);try{await this._executeFilter(l)}catch(s){console.error(s)}this._updateSelectedOptions(this._values)}this._pendingFilterPromises.length||this._dropdownReady({userTriggered:t,activateFirst:i,activateSelected:n})}_dropdownReady({userTriggered:e=!0,activateFirst:t=!1,activateSelected:i=!1}={}){if(!this._isDropdownOpen||!this._options.length||e&&!this._adapter.hasFocus()){this._closeDropdown();return}this._sortSelectedOptions(),this._adapter.setBusyVisibility(!1),this._adapter.setOptions(this._options),this._adapter.setSelectedOptions(this._selectedOptions),this._adapter.setDismissListener(this._dismissListener),i&&this._selectedOptions.length?this._adapter.activateSelectedOption():t&&this._adapter.activateFirstOption()}_closeDropdown(){this._multiple&&(this._filterText=""),this._isDropdownOpen=!1,this._adapter.hide(this._dismissListener),this._sortSelectedOptions(),this._adapter.toggleHostAttribute(o.attributes.OPEN,this._isDropdownOpen)}_sortSelectedOptions(){if(this._multiple&&this._selectedOptions.length&&b(this._options,0)){let e=[],t=[];this._options.forEach(i=>{this._selectedOptions.find(n=>v(n,i.value,this._matchKey))?e.push(i):t.push(i)}),this._options=[...e,...t]}}async _onSelect(e,t=!0){if(this._valueChanging)return;if(this._mode==="stateless"){let n={value:e};this._adapter.emitHostEvent(o.events.SELECT,n,!0,!0)&&(this._filterText="",this._closeDropdown());return}let i=()=>{let n=this._flatOptions,l=n.find(s=>v(s,e,this._matchKey)),c=l?l.value:"",_=l?l.label:"";if(this._multiple){let s=n.findIndex(f=>v(f,e,this._matchKey));if(s>=0){let f=this._selectedOptions.some(_e=>v(_e,e,this._matchKey));this._adapter.toggleOptionMultiple(s,f)}let m=ce(this._selectedOptions,c);if(m){let f=this._selectedOptions.indexOf(m);this._selectedOptions.splice(f,1)}else this._selectedOptions.push(l)}else h(c)?(this._selectedOptions[0]=l,this._filterText=_):(this._selectedOptions=[],this._filterText="");if(this._isDropdownOpen&&this._adapter.setSelectedOptions(this._selectedOptions),this._values=this._selectedOptions.map(s=>s.value),this._adapter.setSelectedText(this._getSelectedText()),!C.isMobile&&t&&this._adapter.selectInputValue(),this._multiple){let s=n.findIndex(f=>v(f,e,this._matchKey)),m=this._values.includes(e);this._adapter.toggleOptionMultiple(s,m)}this._emitChangeEvent(),this._tryUpdateDropdownPosition()};this._isDropdownOpen&&!this._multiple&&this._closeDropdown(),typeof this._beforeValueChange=="function"?(this._valueChanging=Promise.resolve(this._beforeValueChange.call(null,e,this._matchKey)),await this._valueChanging?i():this._tryUpdateDropdownPosition(),this._valueChanging=void 0):i()}_selectActiveOption(e=!0){let t=this._adapter.getActiveOptionIndex();if(typeof t=="number"&&t>=0){let i=this._flatOptions[t];i&&this._onSelect(i.value,e)}}_emitChangeEvent(){this._adapter.emitHostEvent(o.events.CHANGE,this._getValue(),!0)}_tryUpdateDropdownPosition(){this._isDropdownOpen&&this._adapter.queueDropdownPositionUpdate()}_getValue(){return this._values?this._values.length?this._multiple?[...this._values]:this._values[0]:this._multiple?[]:null:null}_getSelectedText(){return this._adapter.isWrappingChipField()?"":this._selectedTextBuilder?this._selectedTextBuilder(this._selectedOptions):this._multiple?this._values.length?`${this._values.length} ${this._values.length===1?"option":"options"} selected`:"":this._selectedOptions.filter(e=>e&&e.label).map(e=>e.label).join(" ").trim()}_onDismiss(){this._closeDropdown()}async _applyValue(e){let t=[];this._selectedOptions=[],Array.isArray(e)?t=e:t=h(e)?[e]:[],!this._multiple&&t.length>1&&(t=[t[0]]),b(t,0)?(this._values=t.map(n=>n.value),this._selectedOptions=t):this._values=t;let i=this._flatOptions;if(t.length&&i.length&&this._updateSelectedOptions(t),this._values.length&&!this._selectedOptions.length&&!!this._filter&&this._isInitialized){try{await this._executeFilter(!1,!0)}catch(n){console.error(n)}this._updateSelectedOptions(this._values)}this._multiple?this._filterText="":this._filterText=this._selectedOptions.length?this._selectedOptions[0].label:"",this._isInitialized&&this._adapter.setSelectedText(this._getSelectedText()),this._isDropdownOpen&&this._adapter.setSelectedOptions(this._selectedOptions)}_updateSelectedOptions(e){let t=[...this._flatOptions,...this._selectedOptions];if(this._selectedOptions.length&&(this._selectedOptions=[]),b(e,0))for(let i of e){let n=t.find(l=>v(l,i.value,this._matchKey));n?this._selectedOptions.push(n):this._selectedOptions.push(i)}else for(let i of e){let n=t.find(l=>v(l,i,this._matchKey));n?this._selectedOptions.push(n):this._allowUnmatched&&this._selectedOptions.push({label:i,value:i})}}get mode(){return this._mode}set mode(e){this._mode!==e&&(this._mode=e,this._mode==="stateless"&&(this._selectedOptions=[],this._isDropdownOpen&&this._closeDropdown()),this._adapter.setHostAttribute(o.attributes.MODE,this._mode))}get multiple(){return this._multiple}set multiple(e){this._multiple!==e&&(this._multiple=e,this._adapter.setHostAttribute(o.attributes.MULTIPLE,h(this._multiple)?this._multiple.toString():""))}get value(){return this._getValue()}set value(e){let t=[];e==null?t=[]:Array.isArray(e)?t=JSON.parse(JSON.stringify(e)):F(e)?t=[e]:t=[JSON.parse(JSON.stringify(e))],(t.length!==this._values.length||t.some(n=>!this._values.includes(n)))&&this._applyValue(e)}get filterOnFocus(){return this._filterOnFocus}set filterOnFocus(e){this._filterOnFocus!==e&&(this._filterOnFocus=e,this._adapter.setHostAttribute(o.attributes.FILTER_ON_FOCUS,h(this._filterOnFocus)?this._filterOnFocus.toString():""))}get allowUnmatched(){return this._allowUnmatched}set allowUnmatched(e){this._allowUnmatched!==e&&(this._allowUnmatched=e,h(this._allowUnmatched)&&this._adapter.setHostAttribute(o.attributes.ALLOW_UNMATCHED,this._allowUnmatched.toString()))}get matchKey(){return this._matchKey}set matchKey(e){this._matchKey!==e&&(this._matchKey=e)}get popupTarget(){return this._popupTarget}set popupTarget(e){this._popupTarget!==e&&(this._popupTarget=e)}get popupClasses(){return Array.isArray(this._popupClasses)?[...this._popupClasses]:[this._popupClasses]}set popupClasses(e){this._popupClasses!==e&&(this._popupClasses=Array.isArray(e)?[...e]:[e])}set popupHeaderBuilder(e){this._popupHeaderBuilder=e}set popupFooterBuilder(e){this._popupFooterBuilder=e}get syncPopupWidth(){return this._syncPopupWidth}set syncPopupWidth(e){this._syncPopupWidth!==e&&(this._syncPopupWidth=e)}get optionLimit(){return this._optionLimit}set optionLimit(e){this._optionLimit!==e&&(this._optionLimit=e)}get debounce(){return this._debounce}set debounce(e){this._debounce!==e&&(this._debounce=e,this._isInitialized&&this._setFilterCallback(),this._adapter.setHostAttribute(o.attributes.DEBOUNCE,h(this._debounce)?this._debounce.toString():""))}get optionBuilder(){return this._optionBuilder}set optionBuilder(e){this._optionBuilder=e}get filter(){return this._filter}set filter(e){this._filter!==e&&(this._filter=e,this._isInitialized&&this._values.length&&!this._flatOptions.length&&!!this._filter&&this._executeFilter().then(()=>{this._updateSelectedOptions(this._values),this._adapter.setSelectedText(this._getSelectedText())}))}get selectedTextBuilder(){return this._selectedTextBuilder}set selectedTextBuilder(e){this._selectedTextBuilder=e,this._selectedOptions.length&&this._adapter.setSelectedText(this._getSelectedText())}get observeScroll(){return this._observeScroll}set observeScroll(e){this._observeScroll=e}get observeScrollThreshold(){return this._observeScrollThreshold}set observeScrollThreshold(e){this._observeScrollThreshold=e}appendOptions(e){!this._isDropdownOpen||(this._options=[...this._options,...e],this._adapter.appendOptions(e))}get isInitialized(){return this._isInitialized}get open(){return this._isDropdownOpen}set open(e){this._isDropdownOpen!==e&&(e?this._showDropdown({userTriggered:!1}):this._closeDropdown())}get beforeValueChange(){return this._beforeValueChange}set beforeValueChange(e){e!==this._beforeValueChange&&(this._beforeValueChange=e)}get popupElement(){return this._adapter.getPopupElement()}};var be="<template><slot></slot></template>",Oe=":host{display:block}:host([hidden]){display:none}",r=class extends te{constructor(){super();Y.define([q,V]),H(this,be,Oe),this._foundation=new E(new I(this))}static get observedAttributes(){return[o.attributes.MODE,o.attributes.MULTIPLE,o.attributes.DEBOUNCE,o.attributes.FILTER_ON_FOCUS,o.attributes.ALLOW_UNMATCHED,o.attributes.POPUP_TARGET,o.attributes.POPUP_CLASSES,o.attributes.OBSERVE_SCROLL,o.attributes.OBSERVE_SCROLL_THRESHOLD,o.attributes.OPTION_LIMIT,o.attributes.SYNC_POPUP_WIDTH,o.attributes.OPEN,o.attributes.MATCH_KEY]}connectedCallback(){this.querySelector(o.selectors.INPUT)?this._foundation.initialize():M(this,o.selectors.INPUT).then(()=>this._foundation.initialize())}disconnectedCallback(){this._foundation.disconnect()}attributeChangedCallback(e,t,i){switch(super.attributeChangedCallback(e,t,i),e){case o.attributes.MODE:this.mode=i;break;case o.attributes.MULTIPLE:this.multiple=g(i);break;case o.attributes.DEBOUNCE:this.debounce=P(i);break;case o.attributes.FILTER_ON_FOCUS:this.filterOnFocus=g(i);break;case o.attributes.ALLOW_UNMATCHED:this.allowUnmatched=g(i);break;case o.attributes.POPUP_TARGET:this.popupTarget=i;break;case o.attributes.OPEN:this.open=g(i);break;case o.attributes.MATCH_KEY:this.matchKey=i;break}}appendOptions(e){this._foundation.appendOptions(e)}openDropdown(){this.open=!0}closeDropdown(){this.open=!1}};p([a()],r.prototype,"mode",2),p([a()],r.prototype,"multiple",2),p([a()],r.prototype,"value",2),p([a()],r.prototype,"debounce",2),p([a()],r.prototype,"filterOnFocus",2),p([a()],r.prototype,"allowUnmatched",2),p([a()],r.prototype,"popupTarget",2),p([a()],r.prototype,"optionBuilder",2),p([a()],r.prototype,"filter",2),p([a()],r.prototype,"selectedTextBuilder",2),p([a()],r.prototype,"open",2),p([a()],r.prototype,"matchKey",2),p([a({set:!1})],r.prototype,"isInitialized",2),p([a({set:!1})],r.prototype,"popupElement",2),p([a()],r.prototype,"beforeValueChange",2),r=p([R({name:o.elementName,dependencies:[re,ie,ee,Z,X,oe,Q,J]})],r);var he=class extends z{constructor(e){super(e)}_build(){let e=document.createElement(o.elementName);return this._attachTextField(e),e}get textFieldDelegate(){return this._textFieldDelegate}get value(){return this._element.value}set value(e){this._element.value=e}get disabled(){return this._textFieldDelegate.inputElement.disabled}set disabled(e){this._textFieldDelegate.inputElement.disabled=e}get invalid(){return this._textFieldDelegate.invalid||!1}set invalid(e){this._textFieldDelegate.invalid=e}onChange(e){this._element.addEventListener(o.events.CHANGE,t=>e(t.detail))}onFocus(e){this._textFieldDelegate.inputElement.addEventListener("focus",t=>e(t))}onBlur(e){this._textFieldDelegate.inputElement.addEventListener("blur",t=>e(t))}_attachTextField(e){var i,n,l,c,_,s;let t={props:w({},(n=(i=this._config.options)==null?void 0:i.textFieldDelegateConfig)==null?void 0:n.props),options:w({},(c=(l=this._config.options)==null?void 0:l.textFieldDelegateConfig)==null?void 0:c.options)};t.options||(t.options={}),((_=this._config.options)==null?void 0:_.useDropdownIcon)!==!1&&!((s=t.options)!=null&&s.trailingElement)&&(t.options.trailingElement=this._createDropdownIconElement()),this._textFieldDelegate=new le(t),e.appendChild(this._textFieldDelegate.element)}_createDropdownIconElement(){let e={props:{slot:"trailing",name:"arrow_drop_down"},options:{attributes:{"forge-dropdown-icon":""}}};return new j(e).element}};function Nt(){U(r)}export{o as a,de as b,I as c,ue as d,b as e,ce as f,v as g,E as h,r as i,he as j,Nt as k};
+//# sourceMappingURL=chunk.7R6TYPPS.js.map