@patternfly/pfe-core 3.0.0 → 4.0.1

package/controllers/listbox-controller.js.map

@@ -1 +1 @@
-{"version":3,"file":"listbox-controller.js","sourceRoot":"","sources":["listbox-controller.ts"],"names":[],"mappings":"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","sourcesContent":["import type { ReactiveController, ReactiveControllerHost } from 'lit';\n\nexport interface ListboxAccessibilityController<Item extends HTMLElement> extends ReactiveController {\n  items: Item[];\n  activeItem?: Item;\n  nextItem?: Item;\n  prevItem?: Item;\n  firstItem?: Item;\n  lastItem?: Item;\n  updateItems(items: Item[]): void;\n  setActiveItem(item: Item): void;\n}\n\n/**\n * Filtering, multiselect, and orientation options for listbox\n */\nexport interface ListboxConfigOptions<T extends HTMLElement> {\n  multi?: boolean;\n  a11yController: ListboxAccessibilityController<T>;\n  getHTMLElement(): HTMLElement | null;\n  requestSelect(option: T, force?: boolean): boolean;\n  isSelected(option: T): boolean;\n}\n\nlet constructingAllowed = false;\n\n/**\n * Implements listbox semantics and accesibility. As there are two recognized\n * patterns for implementing keyboard interactions with listbox patterns,\n * provide a secondary controller (either RovingTabindexController or\n * ActiveDescendantController) to complete the implementation.\n */\nexport class ListboxController<Item extends HTMLElement> implements ReactiveController {\n  private static instances = new WeakMap<ReactiveControllerHost, ListboxController<any>>();\n\n  public static of<Item extends HTMLElement>(\n    host: ReactiveControllerHost,\n    options: ListboxConfigOptions<Item>,\n  ): ListboxController<Item> {\n    constructingAllowed = true;\n    const instance: ListboxController<Item> =\n      ListboxController.instances.get(host) ?? new ListboxController<Item>(host, options);\n    constructingAllowed = false;\n    return instance;\n  }\n\n  private constructor(\n    public host: ReactiveControllerHost,\n    // this should ideally be ecma #private, but tsc/esbuild tooling isn't up to scratch yet\n    // so for now we rely on the underscore convention to avoid compile-time errors\n    // try refactoring after updating tooling dependencies\n    private _options: ListboxConfigOptions<Item>,\n  ) {\n    if (!constructingAllowed) {\n      throw new Error('ListboxController must be constructed with `ListboxController.of()`');\n    }\n    if (!(host instanceof HTMLElement) && typeof _options.getHTMLElement !== 'function') {\n      throw new Error('ListboxController requires the host to be an HTMLElement, or for the initializer to include a `getHTMLElement()` function');\n    }\n    if (!_options.a11yController) {\n      throw new Error('ListboxController requires an additional keyboard accessibility controller. Provide either a RovingTabindexController or an ActiveDescendantController');\n    }\n    ListboxController.instances.set(host, this);\n    this.host.addController(this);\n    if (this.element?.isConnected) {\n      this.hostConnected();\n    }\n  }\n\n  /** Current active descendant when shift key is pressed */\n  #shiftStartingItem: Item | null = null;\n\n  /** All options that will not be hidden by a filter */\n  #items: Item[] = [];\n\n  #listening = false;\n\n  /** Whether listbox is disabled */\n  disabled = false;\n\n  /** Current active descendant in listbox */\n  get activeItem() {\n    return this.options.find(option =>\n      option === this._options.a11yController.activeItem) || this._options.a11yController.firstItem;\n  }\n\n  get nextItem() {\n    return this._options.a11yController.nextItem;\n  }\n\n  get options() {\n    return this.#items;\n  }\n\n  /**\n   * array of options which are selected\n   */\n  get selectedOptions() {\n    return this.options.filter(option => this._options.isSelected(option));\n  }\n\n  get value() {\n    const [firstItem] = this.selectedOptions;\n    return this._options.multi ? this.selectedOptions : firstItem;\n  }\n\n  private get element() {\n    return this._options.getHTMLElement();\n  }\n\n  async hostConnected() {\n    if (!this.#listening) {\n      await this.host.updateComplete;\n      this.element?.addEventListener('click', this.#onClick);\n      this.element?.addEventListener('focus', this.#onFocus);\n      this.element?.addEventListener('keydown', this.#onKeydown);\n      this.element?.addEventListener('keyup', this.#onKeyup);\n      this.#listening = true;\n    }\n  }\n\n  hostUpdated() {\n    this.element?.setAttribute('role', 'listbox');\n    this.element?.setAttribute('aria-disabled', String(!!this.disabled));\n    this.element?.setAttribute('aria-multi-selectable', String(!!this._options.multi));\n    for (const option of this._options.a11yController.items) {\n      if (this._options.a11yController.activeItem === option) {\n        option.setAttribute('aria-selected', 'true');\n      } else {\n        option.removeAttribute('aria-selected');\n      }\n    }\n  }\n\n  hostDisconnected() {\n    this.element?.removeEventListener('click', this.#onClick);\n    this.element?.removeEventListener('focus', this.#onFocus);\n    this.element?.removeEventListener('keydown', this.#onKeydown);\n    this.element?.removeEventListener('keyup', this.#onKeyup);\n    this.#listening = false;\n  }\n\n  #getEnabledOptions(options = this.options) {\n    return options.filter(option => !option.ariaDisabled && !option.closest('[disabled]'));\n  }\n\n  #getEventOption(event: Event): Item | undefined {\n    return event.composedPath().find(node => this.#items.includes(node as Item)) as Item | undefined;\n  }\n\n\n  /**\n   * handles focusing on an option:\n   * updates roving tabindex and active descendant\n   */\n  #onFocus = (event: FocusEvent) => {\n    const target = this.#getEventOption(event);\n    if (target && target !== this._options.a11yController.activeItem) {\n      this._options.a11yController.setActiveItem(target);\n    }\n  };\n\n  /**\n   * handles clicking on a listbox option:\n   * which selects an item by default\n   * or toggles selection if multiselectable\n   */\n  #onClick = (event: MouseEvent) => {\n    const target = this.#getEventOption(event);\n    if (target) {\n      const oldValue = this.value;\n      if (this._options.multi) {\n        if (!event.shiftKey) {\n          this._options.requestSelect(target, !this._options.isSelected(target));\n        } else if (this.#shiftStartingItem && target) {\n          this.#updateMultiselect(target, this.#shiftStartingItem);\n        }\n      } else {\n        // select target and deselect all other options\n        this.options.forEach(option => this._options.requestSelect(option, option === target));\n      }\n      if (target !== this._options.a11yController.activeItem) {\n        this._options.a11yController.setActiveItem(target);\n      }\n      if (oldValue !== this.value) {\n        this.host.requestUpdate();\n      }\n    }\n  };\n\n  /**\n   * handles keyup:\n   * track whether shift key is being used for multiselectable listbox\n   */\n  #onKeyup = (event: KeyboardEvent) => {\n    const target = this.#getEventOption(event);\n    if (target && event.shiftKey && this._options.multi) {\n      if (this.#shiftStartingItem && target) {\n        this.#updateMultiselect(target, this.#shiftStartingItem);\n      }\n      if (event.key === 'Shift') {\n        this.#shiftStartingItem = null;\n      }\n    }\n  };\n\n  /**\n   * handles keydown:\n   * filters listbox by keyboard event when slotted option has focus,\n   * or by external element such as a text field\n   */\n  #onKeydown = (event: KeyboardEvent) => {\n    const target = this.#getEventOption(event);\n\n    if (!target || event.altKey || event.metaKey || !this.options.includes(target)) {\n      return;\n    }\n\n    const first = this._options.a11yController.firstItem;\n    const last = this._options.a11yController.lastItem;\n\n    // need to set for keyboard support of multiselect\n    if (event.key === 'Shift' && this._options.multi) {\n      this.#shiftStartingItem = this.activeItem ?? null;\n    }\n\n    switch (event.key) {\n      case 'a':\n      case 'A':\n        if (event.ctrlKey) {\n          // ctrl+A selects all options\n          this.#updateMultiselect(first, last, true);\n          event.preventDefault();\n        }\n        break;\n      case 'Enter':\n      case ' ':\n        // enter and space are only applicable if a listbox option is clicked\n        // an external text input should not trigger multiselect\n        if (this._options.multi) {\n          if (event.shiftKey) {\n            this.#updateMultiselect(target);\n          } else if (!this.disabled) {\n            this._options.requestSelect(target, !this._options.isSelected(target));\n          }\n        } else {\n          this.#updateSingleselect();\n        }\n        event.preventDefault();\n        break;\n      default:\n        break;\n    }\n  };\n\n  /**\n   * handles change to options given previous options array\n   */\n  #optionsChanged(oldOptions: Item[]) {\n    const setSize = this.#items.length;\n    if (setSize !== oldOptions.length || !oldOptions.every((element, index) => element === this.#items[index])) {\n      this._options.a11yController.updateItems(this.options);\n    }\n  }\n\n  /**\n   * updates option selections for single select listbox\n   */\n  #updateSingleselect() {\n    if (!this._options.multi && !this.disabled) {\n      this.#getEnabledOptions()\n        .forEach(option => this._options.requestSelect(option, option === this._options.a11yController.activeItem));\n    }\n  }\n\n  /**\n   * updates option selections for multiselectable listbox:\n   * toggles all options between active descendant and target\n   */\n  #updateMultiselect(\n    currentItem?: Item,\n    referenceItem = this.activeItem,\n    ctrlA = false,\n  ) {\n    if (referenceItem && this._options.multi && !this.disabled && currentItem) {\n      // select all options between active descendant and target\n      const [start, end] = [this.options.indexOf(referenceItem), this.options.indexOf(currentItem)].sort();\n      const options = [...this.options].slice(start, end + 1);\n\n      // by default CTRL+A will select all options\n      // if all options are selected, CTRL+A will deselect all options\n      const allSelected = this.#getEnabledOptions(options).filter(option => !this._options.isSelected(option))?.length === 0;\n\n      // whether options will be selected (true) or deselected (false)\n      const selected = ctrlA ? !allSelected : this._options.isSelected(referenceItem);\n      this.#getEnabledOptions(options).forEach(option =>\n        this._options.requestSelect(option, selected));\n\n      // update starting item for other multiselect\n      this.#shiftStartingItem = currentItem;\n    }\n  }\n\n  /**\n   * sets the listbox value based on selected options\n   */\n  setValue(value: Item | Item[]) {\n    const selected = Array.isArray(value) ? value : [value];\n    const [firstItem = null] = selected;\n    for (const option of this.options) {\n      this._options.requestSelect(option, (\n          !!this._options.multi && Array.isArray(value) ? value?.includes(option)\n        : firstItem === option\n      ));\n    }\n  }\n\n  /**\n   * register's the host's Item elements as listbox controller items\n   */\n  setOptions(options: Item[]) {\n    const oldOptions = [...this.#items];\n    this.#items = options;\n    this.#optionsChanged(oldOptions);\n  }\n}\n"]}
+{"version":3,"file":"listbox-controller.js","sourceRoot":"","sources":["listbox-controller.ts"],"names":[],"mappings":"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","sourcesContent":["import type { ReactiveController, ReactiveControllerHost } from 'lit';\nimport type { RequireProps } from '../core.ts';\n\nimport { isServer } from 'lit';\nimport { arraysAreEquivalent } from '../functions/arraysAreEquivalent.js';\n\n/**\n * Options for listbox controller\n */\nexport interface ListboxControllerOptions<Item extends HTMLElement> {\n  /**\n   * Whether the listbox supports multiple selections.\n   */\n  multi?: boolean;\n  /**\n   * Optional callback to control the selection behavior of items. By default, ListboxController\n   * will set the `aria-selected` attribute. When overriding this option, it will call it on your\n   * element with the selected state.\n   * Callers **must** ensure that the correct ARIA state is set.\n   */\n  setItemSelected?(item: Item, selected: boolean): void;\n  /**\n   * Optional predicate to ascertain whether a custom element item is disabled or not\n   * By default, if the item matches any of these conditions, it is considered disabled:\n   * 1. it's `disabled` DOM property is `true`\n   * 1. it has the `aria-disabled=\"true\"` attribute\n   * 2. it has the `disabled` attribute present\n   * 3. it matches the `:disabled` pseudo selector\n   */\n  isItemDisabled?(item: Item): boolean;\n  /**\n   * Predicate which determines if a given element is in fact an item\n   * instead of e.g a presentational divider. By default, elements must meet the following criteria\n   * 1. element a child of a listbox role,\n   * 2. element does not have role=\"presentation\"\n   * 2. element is not an `<hr>`\n   * **NB**: When overriding, you must avoid outside references. This predicate must\n   * only consider the element itself, without reference to the host element's items array.\n   * @example ```js\n   *          isItem: (item) => item instanceof MyCustomItem\n   *          ```\n   */\n  isItem?(item: EventTarget | null): item is Item;\n  /**\n   * Function returning the item which currently has assistive technology focus.\n   * In most cases, this should be the `atFocusedItem` of an ATFocusController\n   * i.e. RovingTabindexController or ActivedescendantController.\n   *\n   */\n  getATFocusedItem(): Item | null;\n  /**\n   * Function returning the DOM node which is the direct parent of the item elements\n   * Defaults to the controller host.\n   * If the controller host is not an HTMLElement, this *must* be set\n   */\n  getItemsContainer?(): HTMLElement | null;\n  /**\n   * Optional function returning an additional DOM node which controls the listbox, e.g.\n   * a combobox input.\n   */\n  getControlsElements?(): HTMLElement[];\n}\n\n/**\n * This is the default method for setting the selected state on an item element\n * @param item the item\n * @param selected is this item selected\n */\nfunction setItemSelected<Item extends HTMLElement>(item: Item, selected: boolean) {\n  if (selected) {\n    item.setAttribute('aria-selected', 'true');\n  } else {\n    item.removeAttribute('aria-selected');\n  }\n}\n\n/**\n * @param item possible disabled item\n * @package do not import this outside of `@patternfly/pfe-core`, it is subject to change at any time\n */\nexport function isItem<Item extends HTMLElement>(item: EventTarget | null): item is Item {\n  return item instanceof Element\n    && item?.parentElement?.role === 'listbox'\n    && item?.role !== 'presentation'\n    && item?.localName !== 'hr';\n}\n\n/**\n * This is a fib. aria-disabled might not be present on an element that uses internals,\n * and the `disabled` attribute may not accurately represent the disabled state.\n * short of patching the `attachInternals` constructor, it may not be possible at\n * runtime to know with certainty that an arbitrary custom element is disabled or not.\n * @param item possibly disabled item\n * @package do not import this outside of `@patternfly/pfe-core`, it is subject to change at any time\n */\nexport function isItemDisabled<Item extends HTMLElement>(item: Item): boolean {\n  return ('disabled' in item && typeof item.disabled === 'boolean' && item.disabled)\n      || item.getAttribute('aria-disabled') === 'true'\n      || item.hasAttribute('disabled')\n      || item.hasAttribute('inert')\n      || item.matches(':disabled');\n}\n\nlet constructingAllowed = false;\n\n/**\n * Implements listbox semantics and accesibility. As there are two recognized\n * patterns for implementing keyboard interactions with listbox patterns,\n * provide a secondary controller (either RovingTabindexController or\n * ActiveDescendantController) to complete the implementation.\n *\n * @see https://www.w3.org/WAI/ARIA/apg/practices/keyboard-interface/#kbd_focus_vs_selection\n *\n * > Occasionally, it may appear as if two elements on the page have focus at the same time.\n * > For example, in a multi-select list box, when an option is selected it may be greyed.\n * > Yet, the focus indicator can still be moved to other options, which may also be selected.\n * > Similarly, when a user activates a tab in a tablist, the selected state is set on the tab\n * > and its visual appearance changes. However, the user can still navigate, moving the focus\n * > indicator elsewhere on the page while the tab retains its selected appearance and state.\n * >\n * > Focus and selection are quite different. From the keyboard user's perspective,\n * > focus is a pointer, like a mouse pointer; it tracks the path of navigation.\n * > There is only one point of focus at any time and all operations take place at the\n * > point of focus. On the other hand, selection is an operation that can be performed in\n * > some widgets, such as list boxes, trees, and tablists. If a widget supports only single\n * > selection, then only one item can be selected and very often the selected state will simply\n * > follow the focus when focus is moved inside of the widget.\n * > That is, in some widgets, moving focus may also perform the select operation.\n * > However, if the widget supports multiple selection, then more than one item can be in a\n * > selected state, and keys for moving focus do not perform selection. Some multi-select widgets\n * > do support key commands that both move focus and change selection, but those keys are\n * > different from the normal navigation keys. Finally, when focus leaves a widget that includes\n * > a selected element, the selected state persists.\n * >\n * > From the developer's perspective, the difference is simple -- the focused element is the\n * > active element (document.activeElement). Selected elements are elements that have\n * > aria-selected=\"true\".\n * >\n * > With respect to focus and the selected state, the most important considerations for designers\n * > and developers are:\n * >\n * > - The visual focus indicator must always be visible.\n * > - The selected state must be visually distinct from the focus indicator.\n */\nexport class ListboxController<Item extends HTMLElement> implements ReactiveController {\n  private static instances = new WeakMap<ReactiveControllerHost, ListboxController<HTMLElement>>();\n\n  public static of<Item extends HTMLElement>(\n    host: ReactiveControllerHost,\n    options: ListboxControllerOptions<Item>,\n  ): ListboxController<Item> {\n    constructingAllowed = true;\n    const instance = new ListboxController<Item>(host, options);\n    constructingAllowed = false;\n    return instance as ListboxController<Item>;\n  }\n\n  /** Current active descendant when shift key is pressed */\n  #shiftStartingItem: Item | null = null;\n\n  #options: RequireProps<ListboxControllerOptions<Item>,\n    | 'setItemSelected'\n    | 'isItemDisabled'\n    | 'isItem'\n  >;\n\n  /** All items */\n  #items: Item[] = [];\n\n  #selectedItems = new Set<Item>;\n\n  #listening = false;\n\n  /** Whether listbox is disabled */\n  disabled = false;\n\n  get container(): HTMLElement {\n    return this.#options.getItemsContainer?.() ?? this.host as unknown as HTMLElement;\n  }\n\n  get multi(): boolean {\n    return !!this.#options.multi;\n  }\n\n  set multi(v: boolean) {\n    this.#options.multi = v;\n    this.host.requestUpdate();\n  }\n\n  get items(): Item[] {\n    return this.#items;\n  }\n\n  /**\n   * register's the host's Item elements as listbox controller items\n   * sets aria-setsize and aria-posinset on items\n   * @param items items\n   */\n  set items(items: Item[]) {\n    this.#items = items;\n    this.#items.forEach((item, index, _items) => {\n      item.ariaSetSize = _items.length.toString();\n      item.ariaPosInSet = (index + 1).toString();\n    });\n  }\n\n  /**\n   * sets the listbox value based on selected options\n   * @param selected item or items\n   */\n  set selected(selected: Item[]) {\n    if (!arraysAreEquivalent(selected, Array.from(this.#selectedItems))) {\n      this.#selectedItems = new Set(selected);\n      for (const item of this.items) {\n        this.#options.setItemSelected(item, this.#selectedItems.has(item));\n      }\n      this.host.requestUpdate();\n    }\n  }\n\n  /**\n   * array of options which are selected\n   */\n  get selected(): Item[] {\n    return [...this.#selectedItems];\n  }\n\n  private constructor(\n    public host: ReactiveControllerHost,\n    options: ListboxControllerOptions<Item>,\n  ) {\n    this.#options = { setItemSelected, isItemDisabled, isItem, ...options };\n    if (!constructingAllowed) {\n      throw new Error('ListboxController must be constructed with `ListboxController.of()`');\n    }\n    if (!isServer\n        && !(host instanceof HTMLElement)\n        && typeof options.getItemsContainer !== 'function') {\n      throw new Error([\n        'ListboxController requires the host to be an HTMLElement',\n        'or for the initializer to include a getItemsContainer() function',\n      ].join(' '));\n    }\n    const instance = ListboxController.instances.get(host) as unknown as ListboxController<Item>;\n    if (instance) {\n      return instance as ListboxController<Item>;\n    }\n    ListboxController.instances.set(host, this as unknown as ListboxController<HTMLElement>);\n    this.host.addController(this);\n    this.multi = this.#options.multi ?? false;\n    if (this.container?.isConnected) {\n      this.hostConnected();\n    }\n  }\n\n  async hostConnected(): Promise<void> {\n    await this.host.updateComplete;\n    this.hostUpdate();\n    this.hostUpdated();\n  }\n\n  #controlsElements: HTMLElement[] = [];\n\n  #removeControlsListeners(els = this.#controlsElements) {\n    for (const el of els) {\n      el.removeEventListener('keydown', this.#onKeydown);\n      el.removeEventListener('keyup', this.#onKeyup);\n    }\n  }\n\n  hostUpdate(): void {\n    const last = this.#controlsElements;\n    this.#controlsElements = this.#options.getControlsElements?.() ?? [];\n    if (!arraysAreEquivalent(last, this.#controlsElements)) {\n      this.#removeControlsListeners(last);\n      for (const el of this.#controlsElements) {\n        el.addEventListener('keydown', this.#onKeydown);\n        el.addEventListener('keyup', this.#onKeyup);\n      }\n    }\n  }\n\n  hostUpdated(): void {\n    if (!this.#listening) {\n      this.container?.addEventListener('click', this.#onClick);\n      this.container?.addEventListener('keydown', this.#onKeydown);\n      this.container?.addEventListener('keyup', this.#onKeyup);\n      this.#listening = true;\n    }\n    this.container?.setAttribute('role', 'listbox');\n    this.container?.setAttribute('aria-disabled', String(!!this.disabled));\n    this.container?.setAttribute('aria-multiselectable', String(!!this.#options.multi));\n  }\n\n  hostDisconnected(): void {\n    this.container?.removeEventListener('click', this.#onClick);\n    this.container?.removeEventListener('keydown', this.#onKeydown);\n    this.container?.removeEventListener('keyup', this.#onKeyup);\n    this.#removeControlsListeners();\n    this.#listening = false;\n  }\n\n  public isSelected(item: Item): boolean {\n    return this.#selectedItems.has(item);\n  }\n\n  get #isExpanded() {\n    return !this.#controlsElements.length ? true\n      : this.#controlsElements.every(x => x.ariaExpanded === 'true');\n  }\n\n  /**\n   * In the case where aria IDL attributes are not supported,\n   * we need to correlate the item in the event path (i.e. the shadow dom clone)\n   * with the item in listbox controller's root (i.e. the hidden light dom original)\n   * XXX: as long as there is no DOM preceeding the shadow root clones, this will work\n   * @param event click or keyboard event\n   */\n  #getItemFromEvent(event: Event): Item | null {\n    // NOTE(bennypowers): I am aware that this function *sucks*\n    // you're more than welcome to improve it.\n    // make sure there are unit tests first\n    const path = event.composedPath();\n    const tabindexed = this.items.some(x => x.hasAttribute('tabindex'));\n    if (tabindexed) {\n      const item = path.find(this.#options.isItem);\n      if (item) {\n        return item;\n      }\n    } else if (this.#options.isItem(event.target)\n               && event.target.getRootNode() !== this.container.getRootNode()\n               && 'ariaActiveDescendantElement' in HTMLElement.prototype) {\n      return event.target;\n    } else if (event.target instanceof HTMLElement && event.target.ariaActiveDescendantElement) {\n      return event.target.ariaActiveDescendantElement as Item;\n    } else if (event.type === 'click'\n               && this.#options.isItem(event.target)\n               && event.target.id) {\n      const element = event.target;\n      const root = element.getRootNode();\n      if (root instanceof ShadowRoot && this.container.getRootNode() === root) {\n        const shadowRootListboxElement = this.container;\n        const shadowRootItem = element;\n        if (shadowRootItem && shadowRootListboxElement) {\n          if (this.items.includes(shadowRootItem)) {\n            return shadowRootItem;\n          } else {\n            const index =\n              Array.from(shadowRootListboxElement?.children ?? [])\n                  .filter(this.#options.isItem)\n                  .filter(x => !x.hidden)\n                  .indexOf(shadowRootItem);\n            return this.#items.filter(x => !x.hidden)[index];\n          }\n        }\n      }\n    } else {\n      // otherwise, query the root (e.g. shadow root) for the associated element\n      const element = event.target as HTMLElement;\n\n      const root = element.getRootNode() as ShadowRoot | Document;\n\n      const controlsId = element?.getAttribute('aria-controls');\n      const shadowRootListboxElement =\n          this.#options.isItem(element) ? this.container\n        : controlsId ? root.getElementById(controlsId)\n        : null;\n\n      const shadowRootHasActiveDescendantElement =\n        root.querySelector(`[aria-controls=\"${shadowRootListboxElement?.id}\"][aria-activedescendant]`);\n\n      const shadowRootItemId =\n        shadowRootHasActiveDescendantElement?.getAttribute('aria-activedescendant');\n\n      const shadowRootItem =\n        shadowRootItemId && root.getElementById(shadowRootItemId) as Item | null;\n\n      if (shadowRootItem && shadowRootListboxElement) {\n        if (this.items.includes(shadowRootItem)) {\n          return shadowRootItem;\n        } else {\n          const index =\n            Array.from(shadowRootListboxElement?.children ?? [])\n                .filter(this.#options.isItem)\n                .filter(x => !x.hidden)\n                .indexOf(shadowRootItem);\n          return this.#items.filter(x => !x.hidden)[index];\n        }\n      }\n\n      const itemFromEventContainer =\n        shadowRootListboxElement ? shadowRootListboxElement\n      : path.find(x =>\n        x instanceof HTMLElement && x.role === 'listbox') as HTMLElement;\n\n      if (itemFromEventContainer) {\n        const possiblyShadowRootContainerItems = Array.from(itemFromEventContainer.children)\n            .filter(this.#options.isItem);\n\n        const index = possiblyShadowRootContainerItems\n            .findIndex(node => path.includes(node));\n\n        if (index >= 0) {\n          return this.items[index] ?? null;\n        }\n      }\n    }\n\n    return null;\n  }\n\n  /**\n   * handles clicking on a listbox option:\n   * which selects an item by default\n   * or toggles selection if multiselectable\n   * @param event click event\n   */\n  #onClick = (event: MouseEvent) => {\n    const item = this.#getItemFromEvent(event);\n    this.#shiftStartingItem ??= this.#getItemFromEvent(event);\n    if (item && !this.#options.isItemDisabled(item)) {\n      // Case: single select?\n      //       just reset the selected list.\n      if (!this.multi) {\n        // select target and deselect all other options\n        this.selected = [item];\n      // Case: multi select, but no shift key\n      //       toggle target, keep all other previously selected\n      } else if (!event.shiftKey) {\n        this.selected = this.items.filter(possiblySelectedItem =>\n            this.#selectedItems.has(possiblySelectedItem) ? possiblySelectedItem !== item\n          : possiblySelectedItem === item);\n      // Case: multi select, with shift key\n      //       find all items between previously selected and target,\n      //       and select them (if reference item is selected) or deselect them (if reference item is deselected)\n      //       Do not wrap around from end to start, rather, only select withing the range of 0-end\n      } else {\n        const startingItem = this.#shiftStartingItem!;\n        // whether options will be selected (true) or deselected (false)\n        const selecting = this.#selectedItems.has(startingItem);\n        const [start, end] = [this.items.indexOf(startingItem), this.items.indexOf(item)].sort();\n        // de/select all options between active descendant and target\n        this.selected = this.items.filter((item, i) => {\n          if (i >= start && i <= end) {\n            return selecting;\n          } else {\n            return this.#selectedItems.has(item);\n          }\n        });\n      }\n    }\n    this.#shiftStartingItem = item;\n    this.host.requestUpdate();\n  };\n\n  /**\n   * track whether shift key is being used for multiselectable listbox\n   * @param event keyup event\n   */\n  #onKeyup = (event: KeyboardEvent) => {\n    if (event.key === 'Shift') {\n      this.#shiftStartingItem = null;\n    }\n  };\n\n  /**\n   * filters listbox by keyboard event when slotted option has focus,\n   * or by external element such as a text field\n   * @param event keydown event\n   */\n  #onKeydown = (event: KeyboardEvent) => {\n    const item = this.#getItemFromEvent(event);\n\n    if (this.disabled\n      || event.altKey\n      || event.metaKey\n      || !this.#isExpanded) {\n      return;\n    }\n\n    // need to set for keyboard support of multiselect\n    if (event.key === 'Shift' && this.multi) {\n      this.#shiftStartingItem ??= this.#options.getATFocusedItem() ?? null;\n    }\n\n    switch (event.key) {\n      // ctrl+A de/selects all options\n      case 'a':\n      case 'A':\n        if (event.ctrlKey\n            && (event.target === this.container\n                || this.#options.isItem(event.target))) {\n          const selectableItems = this.items.filter(item => !this.#options.isItemDisabled(item));\n          if (arraysAreEquivalent(this.selected, selectableItems)) {\n            this.selected = [];\n          } else {\n            this.selected = selectableItems;\n          }\n          event.preventDefault();\n        }\n        break;\n      case 'Enter':\n        // enter and space are only applicable if a listbox option is clicked\n        // an external text input should not trigger multiselect\n        if (item && !event.shiftKey) {\n          const focused = item;\n          this.#selectItem(focused, event.shiftKey);\n          event.preventDefault();\n        }\n        break;\n      case 'ArrowUp':\n        if (this.multi && event.shiftKey && this.#options.isItem(event.target)) {\n          const item = event.target;\n          this.selected = this.items.filter((x, i) =>\n            this.#selectedItems.has(x)\n            || i === this.items.indexOf(item) - 1)\n              .filter(x => !this.#options.isItemDisabled(x));\n        }\n        break;\n      case 'ArrowDown':\n        if (this.multi && event.shiftKey && this.#options.isItem(event.target)) {\n          const item = event.target;\n          this.selected = this.items.filter((x, i) =>\n            this.#selectedItems.has(x)\n            || i === this.items.indexOf(item) + 1)\n              .filter(x => !this.#options.isItemDisabled(x));\n        }\n        break;\n      case ' ':\n        // enter and space are only applicable if a listbox option is clicked\n        // an external text input should not trigger multiselect\n        if (item && event.target === this.container) {\n          this.#selectItem(item, event.shiftKey);\n          event.preventDefault();\n        } else if (this.#options.isItem(event.target)) {\n          this.#selectItem(event.target, event.shiftKey);\n          event.preventDefault();\n        }\n        break;\n      default:\n        break;\n    }\n    this.host.requestUpdate();\n  };\n\n  #selectItem(item: Item, shiftDown = false) {\n    if (this.#options.isItemDisabled(item)) {\n      return;\n    } else if (this.multi && shiftDown) {\n      // update starting item for other multiselect\n      this.selected = [...this.selected, item];\n    } else if (this.multi && this.#selectedItems.has(item)) {\n      this.selected = this.selected.filter(x => x !== item);\n    } else if (this.multi) {\n      this.selected = this.selected.concat(item);\n    } else {\n      this.selected = [item];\n    }\n  }\n}\n"]}

package/controllers/logger.d.ts

@@ -1,4 +1,4 @@
-import type { ReactiveController, ReactiveControllerHost } from 'lit';
+import { type ReactiveController, type ReactiveControllerHost } from 'lit';
 export declare class Logger implements ReactiveController {
     private host;
     private static logDebug;
@@ -8,67 +8,70 @@ export declare class Logger implements ReactiveController {
      * A boolean value that indicates if the logging should be printed to the console; used for debugging.
      * For use in a JS file or script tag; can also be added in the constructor of a component during development.
      * @example Logger.debugLog(true);
-     * @tags debug
+     * @param [preference=null]
      */
     static debugLog(preference?: null): boolean;
     /**
      * A logging wrapper which checks the debugLog boolean and prints to the console if true.
-     *
      * @example Logger.debug("Hello");
+     * @param msgs console.log params
      */
     static debug(...msgs: unknown[]): void;
     /**
      * A logging wrapper which checks the debugLog boolean and prints to the console if true.
-     *
      * @example Logger.info("Hello");
+     * @param msgs console.log params
      */
     static info(...msgs: unknown[]): void;
     /**
      * A logging wrapper which checks the debugLog boolean and prints to the console if true.
-     *
-       * @example Logger.log("Hello");
+     * @example Logger.log("Hello");
+     * @param msgs console.log params
      */
     static log(...msgs: unknown[]): void;
     /**
      * A console warning wrapper which formats your output with useful debugging information.
-     *
      * @example Logger.warn("Hello");
+     * @param msgs console.log params
      */
     static warn(...msgs: unknown[]): void;
     /**
      * A console error wrapper which formats your output with useful debugging information.
      * For use inside a component's function.
      * @example Logger.error("Hello");
+     * @param msgs console.log params
      */
     static error(...msgs: unknown[]): void;
     /**
      * Debug logging that outputs the tag name as a prefix automatically
-     *
      * @example this.logger.log("Hello");
+     * @param msgs console.log params
      */
     debug(...msgs: unknown[]): void;
     /**
      * Info logging that outputs the tag name as a prefix automatically
-     *
      * @example this.logger.log("Hello");
+     * @param msgs console.log params
      */
     info(...msgs: unknown[]): void;
     /**
      * Local logging that outputs the tag name as a prefix automatically
-     *
      * @example this.logger.log("Hello");
+     * @param msgs console.log params
      */
     log(...msgs: unknown[]): void;
     /**
      * Local warning wrapper that outputs the tag name as a prefix automatically.
      * For use inside a component's function.
      * @example this.logger.warn("Hello");
+     * @param msgs console.log params
      */
     warn(...msgs: unknown[]): void;
     /**
      * Local error wrapper that outputs the tag name as a prefix automatically.
      * For use inside a component's function.
      * @example this.logger.error("Hello");
+     * @param msgs console.log params
      */
     error(...msgs: unknown[]): void;
     constructor(host: ReactiveControllerHost);

package/controllers/logger.js

@@ -1,6 +1,7 @@
+import { isServer } from 'lit';
 export class Logger {
     get prefix() {
-        if (this.host instanceof HTMLElement) {
+        if (!isServer && this.host instanceof HTMLElement) {
             return `[${this.host.localName}${this.host.id ? `#${this.host.id}` : ''}]`;
         }
         else {
@@ -11,7 +12,7 @@ export class Logger {
      * A boolean value that indicates if the logging should be printed to the console; used for debugging.
      * For use in a JS file or script tag; can also be added in the constructor of a component during development.
      * @example Logger.debugLog(true);
-     * @tags debug
+     * @param [preference=null]
      */
     static debugLog(preference = null) {
         // wrap localStorage references in a try/catch; merely referencing it can
@@ -23,15 +24,15 @@ export class Logger {
             }
             return localStorage.pfeLog === 'true';
         }
-        catch (e) {
+        catch {
             return Logger.logDebug;
         }
     }
     /* eslint-disable no-console */
     /**
      * A logging wrapper which checks the debugLog boolean and prints to the console if true.
-     *
      * @example Logger.debug("Hello");
+     * @param msgs console.log params
      */
     static debug(...msgs) {
         if (Logger.debugLog()) {
@@ -40,8 +41,8 @@ export class Logger {
     }
     /**
      * A logging wrapper which checks the debugLog boolean and prints to the console if true.
-     *
      * @example Logger.info("Hello");
+     * @param msgs console.log params
      */
     static info(...msgs) {
         if (Logger.debugLog()) {
@@ -50,8 +51,8 @@ export class Logger {
     }
     /**
      * A logging wrapper which checks the debugLog boolean and prints to the console if true.
-     *
-       * @example Logger.log("Hello");
+     * @example Logger.log("Hello");
+     * @param msgs console.log params
      */
     static log(...msgs) {
         if (Logger.debugLog()) {
@@ -60,8 +61,8 @@ export class Logger {
     }
     /**
      * A console warning wrapper which formats your output with useful debugging information.
-     *
      * @example Logger.warn("Hello");
+     * @param msgs console.log params
      */
     static warn(...msgs) {
         console.warn(...msgs);
@@ -70,6 +71,7 @@ export class Logger {
      * A console error wrapper which formats your output with useful debugging information.
      * For use inside a component's function.
      * @example Logger.error("Hello");
+     * @param msgs console.log params
      */
     static error(...msgs) {
         console.error([...msgs].join(' '));
@@ -77,24 +79,24 @@ export class Logger {
     /* eslint-enable no-console */
     /**
      * Debug logging that outputs the tag name as a prefix automatically
-     *
      * @example this.logger.log("Hello");
+     * @param msgs console.log params
      */
     debug(...msgs) {
         Logger.debug(this.prefix, ...msgs);
     }
     /**
      * Info logging that outputs the tag name as a prefix automatically
-     *
      * @example this.logger.log("Hello");
+     * @param msgs console.log params
      */
     info(...msgs) {
         Logger.info(this.prefix, ...msgs);
     }
     /**
      * Local logging that outputs the tag name as a prefix automatically
-     *
      * @example this.logger.log("Hello");
+     * @param msgs console.log params
      */
     log(...msgs) {
         Logger.log(this.prefix, ...msgs);
@@ -103,6 +105,7 @@ export class Logger {
      * Local warning wrapper that outputs the tag name as a prefix automatically.
      * For use inside a component's function.
      * @example this.logger.warn("Hello");
+     * @param msgs console.log params
      */
     warn(...msgs) {
         Logger.warn(this.prefix, ...msgs);
@@ -111,6 +114,7 @@ export class Logger {
      * Local error wrapper that outputs the tag name as a prefix automatically.
      * For use inside a component's function.
      * @example this.logger.error("Hello");
+     * @param msgs console.log params
      */
     error(...msgs) {
         Logger.error(this.prefix, ...msgs);

package/controllers/logger.js.map

@@ -1 +1 @@
-{"version":3,"file":"logger.js","sourceRoot":"","sources":["logger.ts"],"names":[],"mappings":"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","sourcesContent":["import type { ReactiveController, ReactiveControllerHost } from 'lit';\n\nexport class Logger implements ReactiveController {\n  private static logDebug: boolean;\n\n  private static instances: WeakMap<ReactiveControllerHost, Logger> = new WeakMap();\n\n  private get prefix() {\n    if (this.host instanceof HTMLElement) {\n      return `[${this.host.localName}${this.host.id ? `#${this.host.id}` : ''}]`;\n    } else {\n      return `[${this.host.constructor.name}]`;\n    }\n  }\n\n  /**\n   * A boolean value that indicates if the logging should be printed to the console; used for debugging.\n   * For use in a JS file or script tag; can also be added in the constructor of a component during development.\n   * @example Logger.debugLog(true);\n   * @tags debug\n   */\n  static debugLog(preference = null) {\n    // wrap localStorage references in a try/catch; merely referencing it can\n    // throw errors in some locked down environments\n    try {\n      if (preference !== null) {\n        Logger.logDebug = !!preference;\n        localStorage.pfeLog = !!preference;\n      }\n      return localStorage.pfeLog === 'true';\n    } catch (e) {\n      return Logger.logDebug;\n    }\n  }\n\n  /* eslint-disable no-console */\n\n  /**\n   * A logging wrapper which checks the debugLog boolean and prints to the console if true.\n   *\n   * @example Logger.debug(\"Hello\");\n   */\n  static debug(...msgs: unknown[]) {\n    if (Logger.debugLog()) {\n      console.debug(...msgs);\n    }\n  }\n\n  /**\n   * A logging wrapper which checks the debugLog boolean and prints to the console if true.\n   *\n   * @example Logger.info(\"Hello\");\n   */\n  static info(...msgs: unknown[]) {\n    if (Logger.debugLog()) {\n      console.info(...msgs);\n    }\n  }\n\n  /**\n   * A logging wrapper which checks the debugLog boolean and prints to the console if true.\n   *\n     * @example Logger.log(\"Hello\");\n   */\n  static log(...msgs: unknown[]) {\n    if (Logger.debugLog()) {\n      console.log(...msgs);\n    }\n  }\n\n  /**\n   * A console warning wrapper which formats your output with useful debugging information.\n   *\n   * @example Logger.warn(\"Hello\");\n   */\n  static warn(...msgs: unknown[]) {\n    console.warn(...msgs);\n  }\n\n  /**\n   * A console error wrapper which formats your output with useful debugging information.\n   * For use inside a component's function.\n   * @example Logger.error(\"Hello\");\n   */\n  static error(...msgs: unknown[]) {\n    console.error([...msgs].join(' '));\n  }\n\n  /* eslint-enable no-console */\n\n  /**\n   * Debug logging that outputs the tag name as a prefix automatically\n   *\n   * @example this.logger.log(\"Hello\");\n   */\n  debug(...msgs: unknown[]) {\n    Logger.debug(this.prefix, ...msgs);\n  }\n\n  /**\n   * Info logging that outputs the tag name as a prefix automatically\n   *\n   * @example this.logger.log(\"Hello\");\n   */\n  info(...msgs: unknown[]) {\n    Logger.info(this.prefix, ...msgs);\n  }\n\n  /**\n   * Local logging that outputs the tag name as a prefix automatically\n   *\n   * @example this.logger.log(\"Hello\");\n   */\n  log(...msgs: unknown[]) {\n    Logger.log(this.prefix, ...msgs);\n  }\n\n  /**\n   * Local warning wrapper that outputs the tag name as a prefix automatically.\n   * For use inside a component's function.\n   * @example this.logger.warn(\"Hello\");\n   */\n  warn(...msgs: unknown[]) {\n    Logger.warn(this.prefix, ...msgs);\n  }\n\n  /**\n   * Local error wrapper that outputs the tag name as a prefix automatically.\n   * For use inside a component's function.\n   * @example this.logger.error(\"Hello\");\n   */\n  error(...msgs: unknown[]) {\n    Logger.error(this.prefix, ...msgs);\n  }\n\n  constructor(private host: ReactiveControllerHost) {\n    // We only need one logger instance per host\n    if (Logger.instances.get(host)) {\n      return Logger.instances.get(host) as Logger;\n    }\n    host.addController(this);\n    Logger.instances.set(host, this);\n  }\n\n  hostConnected() {\n    this.debug('connected');\n  }\n}\n"]}
+{"version":3,"file":"logger.js","sourceRoot":"","sources":["logger.ts"],"names":[],"mappings":"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","sourcesContent":["import { isServer, type ReactiveController, type ReactiveControllerHost } from 'lit';\n\nexport class Logger implements ReactiveController {\n  private static logDebug: boolean;\n\n  private static instances = new WeakMap<ReactiveControllerHost, Logger>();\n\n  private get prefix() {\n    if (!isServer && this.host instanceof HTMLElement) {\n      return `[${this.host.localName}${this.host.id ? `#${this.host.id}` : ''}]`;\n    } else {\n      return `[${this.host.constructor.name}]`;\n    }\n  }\n\n  /**\n   * A boolean value that indicates if the logging should be printed to the console; used for debugging.\n   * For use in a JS file or script tag; can also be added in the constructor of a component during development.\n   * @example Logger.debugLog(true);\n   * @param [preference=null]\n   */\n  static debugLog(preference = null): boolean {\n    // wrap localStorage references in a try/catch; merely referencing it can\n    // throw errors in some locked down environments\n    try {\n      if (preference !== null) {\n        Logger.logDebug = !!preference;\n        localStorage.pfeLog = !!preference;\n      }\n      return localStorage.pfeLog === 'true';\n    } catch {\n      return Logger.logDebug;\n    }\n  }\n\n  /* eslint-disable no-console */\n\n  /**\n   * A logging wrapper which checks the debugLog boolean and prints to the console if true.\n   * @example Logger.debug(\"Hello\");\n   * @param msgs console.log params\n   */\n  static debug(...msgs: unknown[]): void {\n    if (Logger.debugLog()) {\n      console.debug(...msgs);\n    }\n  }\n\n  /**\n   * A logging wrapper which checks the debugLog boolean and prints to the console if true.\n   * @example Logger.info(\"Hello\");\n   * @param msgs console.log params\n   */\n  static info(...msgs: unknown[]): void {\n    if (Logger.debugLog()) {\n      console.info(...msgs);\n    }\n  }\n\n  /**\n   * A logging wrapper which checks the debugLog boolean and prints to the console if true.\n   * @example Logger.log(\"Hello\");\n   * @param msgs console.log params\n   */\n  static log(...msgs: unknown[]): void {\n    if (Logger.debugLog()) {\n      console.log(...msgs);\n    }\n  }\n\n  /**\n   * A console warning wrapper which formats your output with useful debugging information.\n   * @example Logger.warn(\"Hello\");\n   * @param msgs console.log params\n   */\n  static warn(...msgs: unknown[]): void {\n    console.warn(...msgs);\n  }\n\n  /**\n   * A console error wrapper which formats your output with useful debugging information.\n   * For use inside a component's function.\n   * @example Logger.error(\"Hello\");\n   * @param msgs console.log params\n   */\n  static error(...msgs: unknown[]): void {\n    console.error([...msgs].join(' '));\n  }\n\n  /* eslint-enable no-console */\n\n  /**\n   * Debug logging that outputs the tag name as a prefix automatically\n   * @example this.logger.log(\"Hello\");\n   * @param msgs console.log params\n   */\n  debug(...msgs: unknown[]): void {\n    Logger.debug(this.prefix, ...msgs);\n  }\n\n  /**\n   * Info logging that outputs the tag name as a prefix automatically\n   * @example this.logger.log(\"Hello\");\n   * @param msgs console.log params\n   */\n  info(...msgs: unknown[]): void {\n    Logger.info(this.prefix, ...msgs);\n  }\n\n  /**\n   * Local logging that outputs the tag name as a prefix automatically\n   * @example this.logger.log(\"Hello\");\n   * @param msgs console.log params\n   */\n  log(...msgs: unknown[]): void {\n    Logger.log(this.prefix, ...msgs);\n  }\n\n  /**\n   * Local warning wrapper that outputs the tag name as a prefix automatically.\n   * For use inside a component's function.\n   * @example this.logger.warn(\"Hello\");\n   * @param msgs console.log params\n   */\n  warn(...msgs: unknown[]): void {\n    Logger.warn(this.prefix, ...msgs);\n  }\n\n  /**\n   * Local error wrapper that outputs the tag name as a prefix automatically.\n   * For use inside a component's function.\n   * @example this.logger.error(\"Hello\");\n   * @param msgs console.log params\n   */\n  error(...msgs: unknown[]): void {\n    Logger.error(this.prefix, ...msgs);\n  }\n\n  constructor(private host: ReactiveControllerHost) {\n    // We only need one logger instance per host\n    if (Logger.instances.get(host)) {\n      return Logger.instances.get(host) as Logger;\n    }\n    host.addController(this);\n    Logger.instances.set(host, this);\n  }\n\n  hostConnected(): void {\n    this.debug('connected');\n  }\n}\n"]}

package/controllers/overflow-controller.js

@@ -86,14 +86,18 @@ _a = OverflowController, _OverflowController_container = new WeakMap(), _Overflo
     }
     const prevLeft = this.overflowLeft;
     const prevRight = this.overflowRight;
-    this.overflowLeft = !__classPrivateFieldGet(this, _OverflowController_hideOverflowButtons, "f") && !isElementInView(__classPrivateFieldGet(this, _OverflowController_container, "f"), this.firstItem);
-    this.overflowRight = !__classPrivateFieldGet(this, _OverflowController_hideOverflowButtons, "f") && !isElementInView(__classPrivateFieldGet(this, _OverflowController_container, "f"), this.lastItem);
+    this.overflowLeft = !__classPrivateFieldGet(this, _OverflowController_hideOverflowButtons, "f")
+        && !isElementInView(__classPrivateFieldGet(this, _OverflowController_container, "f"), this.firstItem);
+    this.overflowRight = !__classPrivateFieldGet(this, _OverflowController_hideOverflowButtons, "f")
+        && !isElementInView(__classPrivateFieldGet(this, _OverflowController_container, "f"), this.lastItem);
     let scrollButtonsWidth = 0;
     if (this.overflowLeft || this.overflowRight) {
-        scrollButtonsWidth = (__classPrivateFieldGet(this, _OverflowController_container, "f").parentElement?.querySelector('button')?.getBoundingClientRect().width || 0) * 2;
+        scrollButtonsWidth =
+            (__classPrivateFieldGet(this, _OverflowController_container, "f").parentElement?.querySelector('button')?.getBoundingClientRect().width || 0)
+                * 2;
     }
-    this.showScrollButtons = !__classPrivateFieldGet(this, _OverflowController_hideOverflowButtons, "f") &&
-        __classPrivateFieldGet(this, _OverflowController_container, "f").scrollWidth > (__classPrivateFieldGet(this, _OverflowController_container, "f").clientWidth + scrollButtonsWidth);
+    this.showScrollButtons = !__classPrivateFieldGet(this, _OverflowController_hideOverflowButtons, "f")
+        && __classPrivateFieldGet(this, _OverflowController_container, "f").scrollWidth > (__classPrivateFieldGet(this, _OverflowController_container, "f").clientWidth + scrollButtonsWidth);
     // only request update if there has been a change
     if ((prevLeft !== this.overflowLeft) || (prevRight !== this.overflowRight)) {
         this.host.requestUpdate();
@@ -102,7 +106,7 @@ _a = OverflowController, _OverflowController_container = new WeakMap(), _Overflo
 _OverflowController_instances_1 = { value: new Set() };
 (() => {
     // on resize check for overflows to add or remove scroll buttons
-    window.addEventListener('resize', () => {
+    globalThis.addEventListener?.('resize', () => {
         for (const instance of __classPrivateFieldGet(_a, _a, "f", _OverflowController_instances_1)) {
             instance.onScroll();
         }

package/controllers/overflow-controller.js.map

@@ -1 +1 @@
-{"version":3,"file":"overflow-controller.js","sourceRoot":"","sources":["overflow-controller.ts"],"names":[],"mappings":"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","sourcesContent":["import type { ReactiveController, ReactiveElement } from 'lit';\n\nimport { isElementInView } from '@patternfly/pfe-core/functions/isElementInView.js';\n\nexport interface Options {\n  /**\n   * Force hide the scroll buttons regardless of overflow\n   */\n  hideOverflowButtons?: boolean;\n  /**\n   * Delay in ms to wait before checking for overflow\n   */\n  scrollTimeoutDelay?: number;\n}\n\nexport class OverflowController implements ReactiveController {\n  static #instances = new Set<OverflowController>();\n\n  static {\n    // on resize check for overflows to add or remove scroll buttons\n    window.addEventListener('resize', () => {\n      for (const instance of this.#instances) {\n        instance.onScroll();\n      }\n    }, { capture: false, passive: true });\n  }\n\n  /** Overflow container */\n  #container?: HTMLElement;\n  /** Children that can overflow */\n  #items: HTMLElement[] = [];\n\n  #scrollTimeoutDelay: number;\n  #scrollTimeout?: ReturnType<typeof setTimeout>;\n\n  /** Default state */\n  #hideOverflowButtons: boolean;\n\n  #mo = new MutationObserver(mutations => {\n    for (const mutation of mutations) {\n      if (mutation.type === 'childList') {\n        this.#setOverflowState();\n      }\n    }\n  });\n\n  #ro = new ResizeObserver(() => {\n    this.#setOverflowState();\n  });\n\n  showScrollButtons = false;\n  overflowLeft = false;\n  overflowRight = false;\n\n  get firstItem(): HTMLElement | undefined {\n    return this.#items.at(0);\n  }\n\n  get lastItem(): HTMLElement | undefined {\n    return this.#items.at(-1);\n  }\n\n  constructor(\n    // TODO: widen this type to ReactiveControllerHost\n    public host: ReactiveElement,\n    private options?: Options,\n  ) {\n    this.#hideOverflowButtons = options?.hideOverflowButtons ?? false;\n    this.#scrollTimeoutDelay = options?.scrollTimeoutDelay ?? 0;\n    if (host.isConnected) {\n      OverflowController.#instances.add(this);\n    }\n    host.addController(this);\n    if (host.isConnected) {\n      this.hostConnected();\n    }\n  }\n\n  #setOverflowState(): void {\n    if (!this.firstItem || !this.lastItem || !this.#container) {\n      return;\n    }\n    const prevLeft = this.overflowLeft;\n    const prevRight = this.overflowRight;\n\n    this.overflowLeft = !this.#hideOverflowButtons && !isElementInView(this.#container, this.firstItem);\n    this.overflowRight = !this.#hideOverflowButtons && !isElementInView(this.#container, this.lastItem);\n    let scrollButtonsWidth = 0;\n    if (this.overflowLeft || this.overflowRight) {\n      scrollButtonsWidth = (this.#container.parentElement?.querySelector('button')?.getBoundingClientRect().width || 0) * 2;\n    }\n    this.showScrollButtons = !this.#hideOverflowButtons &&\n    this.#container.scrollWidth > (this.#container.clientWidth + scrollButtonsWidth);\n\n    // only request update if there has been a change\n    if ((prevLeft !== this.overflowLeft) || (prevRight !== this.overflowRight)) {\n      this.host.requestUpdate();\n    }\n  }\n\n  init(container: HTMLElement, items: HTMLElement[]) {\n    this.#container = container;\n    // convert HTMLCollection to HTMLElement[]\n    this.#items = items;\n  }\n\n  onScroll = () => {\n    clearTimeout(this.#scrollTimeout);\n    this.#scrollTimeout = setTimeout(() => this.#setOverflowState(), this.#scrollTimeoutDelay);\n  };\n\n  scrollLeft() {\n    if (!this.#container) {\n      return;\n    }\n    const leftScroll = this.#container.scrollLeft - this.#container.clientWidth;\n    this.#container.scroll({ left: leftScroll, behavior: 'smooth' });\n    this.#setOverflowState();\n  }\n\n  scrollRight() {\n    if (!this.#container) {\n      return;\n    }\n    const leftScroll = this.#container.scrollLeft + this.#container.clientWidth;\n    this.#container.scroll({ left: leftScroll, behavior: 'smooth' });\n    this.#setOverflowState();\n  }\n\n  update() {\n    this.#setOverflowState();\n  }\n\n  hostConnected(): void {\n    this.#mo.observe(this.host, { attributes: false, childList: true, subtree: true });\n    this.#ro.observe(this.host);\n    this.onScroll();\n    this.#setOverflowState();\n  }\n}\n"]}
+{"version":3,"file":"overflow-controller.js","sourceRoot":"","sources":["overflow-controller.ts"],"names":[],"mappings":"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","sourcesContent":["import type { ReactiveController, ReactiveElement } from 'lit';\n\nimport { isElementInView } from '@patternfly/pfe-core/functions/isElementInView.js';\n\nexport interface Options {\n  /**\n   * Force hide the scroll buttons regardless of overflow\n   */\n  hideOverflowButtons?: boolean;\n  /**\n   * Delay in ms to wait before checking for overflow\n   */\n  scrollTimeoutDelay?: number;\n}\n\nexport class OverflowController implements ReactiveController {\n  static #instances = new Set<OverflowController>();\n\n  static {\n    // on resize check for overflows to add or remove scroll buttons\n    globalThis.addEventListener?.('resize', () => {\n      for (const instance of this.#instances) {\n        instance.onScroll();\n      }\n    }, { capture: false, passive: true });\n  }\n\n  /** Overflow container */\n  #container?: HTMLElement;\n  /** Children that can overflow */\n  #items: HTMLElement[] = [];\n\n  #scrollTimeoutDelay: number;\n  #scrollTimeout?: ReturnType<typeof setTimeout>;\n\n  /** Default state */\n  #hideOverflowButtons: boolean;\n\n  #mo = new MutationObserver(mutations => {\n    for (const mutation of mutations) {\n      if (mutation.type === 'childList') {\n        this.#setOverflowState();\n      }\n    }\n  });\n\n  #ro = new ResizeObserver(() => {\n    this.#setOverflowState();\n  });\n\n  showScrollButtons = false;\n  overflowLeft = false;\n  overflowRight = false;\n\n  get firstItem(): HTMLElement | undefined {\n    return this.#items.at(0);\n  }\n\n  get lastItem(): HTMLElement | undefined {\n    return this.#items.at(-1);\n  }\n\n  constructor(\n    // TODO: widen this type to ReactiveControllerHost\n    public host: ReactiveElement,\n    private options?: Options | undefined,\n  ) {\n    this.#hideOverflowButtons = options?.hideOverflowButtons ?? false;\n    this.#scrollTimeoutDelay = options?.scrollTimeoutDelay ?? 0;\n    if (host.isConnected) {\n      OverflowController.#instances.add(this);\n    }\n    host.addController(this);\n    if (host.isConnected) {\n      this.hostConnected();\n    }\n  }\n\n  #setOverflowState(): void {\n    if (!this.firstItem || !this.lastItem || !this.#container) {\n      return;\n    }\n    const prevLeft = this.overflowLeft;\n    const prevRight = this.overflowRight;\n\n    this.overflowLeft = !this.#hideOverflowButtons\n      && !isElementInView(this.#container, this.firstItem);\n    this.overflowRight = !this.#hideOverflowButtons\n      && !isElementInView(this.#container, this.lastItem);\n    let scrollButtonsWidth = 0;\n    if (this.overflowLeft || this.overflowRight) {\n      scrollButtonsWidth =\n        (this.#container.parentElement?.querySelector('button')?.getBoundingClientRect().width || 0)\n      * 2;\n    }\n    this.showScrollButtons = !this.#hideOverflowButtons\n    && this.#container.scrollWidth > (this.#container.clientWidth + scrollButtonsWidth);\n\n    // only request update if there has been a change\n    if ((prevLeft !== this.overflowLeft) || (prevRight !== this.overflowRight)) {\n      this.host.requestUpdate();\n    }\n  }\n\n  init(container: HTMLElement, items: HTMLElement[]): void {\n    this.#container = container;\n    // convert HTMLCollection to HTMLElement[]\n    this.#items = items;\n  }\n\n  onScroll = (): void => {\n    clearTimeout(this.#scrollTimeout);\n    this.#scrollTimeout = setTimeout(() => this.#setOverflowState(), this.#scrollTimeoutDelay);\n  };\n\n  scrollLeft(): void {\n    if (!this.#container) {\n      return;\n    }\n    const leftScroll = this.#container.scrollLeft - this.#container.clientWidth;\n    this.#container.scroll({ left: leftScroll, behavior: 'smooth' });\n    this.#setOverflowState();\n  }\n\n  scrollRight(): void {\n    if (!this.#container) {\n      return;\n    }\n    const leftScroll = this.#container.scrollLeft + this.#container.clientWidth;\n    this.#container.scroll({ left: leftScroll, behavior: 'smooth' });\n    this.#setOverflowState();\n  }\n\n  update(): void {\n    this.#setOverflowState();\n  }\n\n  hostConnected(): void {\n    this.#mo.observe(this.host, { attributes: false, childList: true, subtree: true });\n    this.#ro.observe(this.host);\n    this.onScroll();\n    this.#setOverflowState();\n  }\n}\n"]}

package/controllers/perf-controller.js.map

@@ -1 +1 @@
-{"version":3,"file":"perf-controller.js","sourceRoot":"","sources":["perf-controller.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;AAErD,MAAM,OAAO,cAAc;IAKzB,YAAoB,IAAqB;QAArB,SAAI,GAAJ,IAAI,CAAiB;QAJzC,gBAAW,GAAG,KAAK,CAAC;QAKlB,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC;QAEzB,oEAAoE;QACpE,IAAI,CAAC,IAAI,CAAC,EAAE,EAAE,CAAC;YACb,IAAI,CAAC,MAAM,GAAG,WAAW,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;QAC5C,CAAC;aAAM,IAAI,IAAI,CAAC,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,UAAU,CAAC,IAAI,CAAC,SAAS,CAAC,EAAE,CAAC;YAC5E,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,EAAE,CAAC,OAAO,CAAC,IAAI,EAAE,IAAI,CAAC,SAAS,CAAC,CAAC;QACtD,CAAC;aAAM,CAAC;YACN,IAAI,CAAC,MAAM,GAAG,GAAG,IAAI,CAAC,SAAS,IAAI,IAAI,CAAC,EAAE,EAAE,CAAC;QAC/C,CAAC;QAED,WAAW,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC,MAAM,UAAU,CAAC,CAAC;IAC7C,CAAC;IAED,UAAU;QACR,IAAI,CAAC,IAAI,CAAC,WAAW,EAAE,CAAC;YACtB,IAAI,CAAC,OAAO,EAAE,CAAC;QACjB,CAAC;IACH,CAAC;IAED,OAAO;QACL,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC;QAExB,WAAW,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC,MAAM,WAAW,CAAC,CAAC;QAE5C,yFAAyF;QACzF,WAAW,CAAC,OAAO,CAAC,GAAG,IAAI,CAAC,MAAM,kCAAkC,EAAE,SAAS,EAAE,GAAG,IAAI,CAAC,MAAM,WAAW,CAAC,CAAC;QAE5G,6DAA6D;QAC7D,WAAW,CAAC,OAAO,CACjB,GAAG,IAAI,CAAC,MAAM,+BAA+B,EAC7C,GAAG,IAAI,CAAC,MAAM,UAAU,EACxB,GAAG,IAAI,CAAC,MAAM,WAAW,CAC1B,CAAC;QAEF,wEAAwE;QACxE,yCAAyC;QACzC,IAAI,CAAC,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,CAAC;IACnC,CAAC;CACF","sourcesContent":["import type { ReactiveController, ReactiveElement } from 'lit';\n\nimport { getRandomId } from '../functions/random.js';\n\nexport class PerfController implements ReactiveController {\n  hasMeasured = false;\n\n  markId: string;\n\n  constructor(private host: ReactiveElement) {\n    host.addController(this);\n\n    // Set up the mark ID based on existing ID on component if it exists\n    if (!host.id) {\n      this.markId = getRandomId(host.localName);\n    } else if (host.id.startsWith('pf-') && !host.id.startsWith(host.localName)) {\n      this.markId = host.id.replace('pf', host.localName);\n    } else {\n      this.markId = `${host.localName}-${host.id}`;\n    }\n\n    performance.mark(`${this.markId}-defined`);\n  }\n\n  hostUpdate() {\n    if (!this.hasMeasured) {\n      this.measure();\n    }\n  }\n\n  measure() {\n    this.hasMeasured = true;\n\n    performance.mark(`${this.markId}-rendered`);\n\n    // Navigation start, i.e., the browser first sees that the user has navigated to the page\n    performance.measure(`${this.markId}-from-navigation-to-first-render`, undefined, `${this.markId}-rendered`);\n\n    // Render is run before connection unless delayRender is used\n    performance.measure(\n      `${this.markId}-from-defined-to-first-render`,\n      `${this.markId}-defined`,\n      `${this.markId}-rendered`\n    );\n\n    // Once we've measured time to render, we no longer need the controller,\n    // so we allow it to be garbage-collected\n    this.host.removeController(this);\n  }\n}\n"]}
+{"version":3,"file":"perf-controller.js","sourceRoot":"","sources":["perf-controller.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;AAErD,MAAM,OAAO,cAAc;IAKzB,YAAoB,IAAqB;QAArB,SAAI,GAAJ,IAAI,CAAiB;QAJzC,gBAAW,GAAG,KAAK,CAAC;QAKlB,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC;QAEzB,oEAAoE;QACpE,IAAI,CAAC,IAAI,CAAC,EAAE,EAAE,CAAC;YACb,IAAI,CAAC,MAAM,GAAG,WAAW,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;QAC5C,CAAC;aAAM,IAAI,IAAI,CAAC,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,UAAU,CAAC,IAAI,CAAC,SAAS,CAAC,EAAE,CAAC;YAC5E,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,EAAE,CAAC,OAAO,CAAC,IAAI,EAAE,IAAI,CAAC,SAAS,CAAC,CAAC;QACtD,CAAC;aAAM,CAAC;YACN,IAAI,CAAC,MAAM,GAAG,GAAG,IAAI,CAAC,SAAS,IAAI,IAAI,CAAC,EAAE,EAAE,CAAC;QAC/C,CAAC;QAED,WAAW,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC,MAAM,UAAU,CAAC,CAAC;IAC7C,CAAC;IAED,UAAU;QACR,IAAI,CAAC,IAAI,CAAC,WAAW,EAAE,CAAC;YACtB,IAAI,CAAC,OAAO,EAAE,CAAC;QACjB,CAAC;IACH,CAAC;IAED,OAAO;QACL,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC;QAExB,WAAW,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC,MAAM,WAAW,CAAC,CAAC;QAE5C,yFAAyF;QACzF,WAAW,CAAC,OAAO,CAAC,GAAG,IAAI,CAAC,MAAM,kCAAkC,EAAE,SAAS,EAAE,GAAG,IAAI,CAAC,MAAM,WAAW,CAAC,CAAC;QAE5G,6DAA6D;QAC7D,WAAW,CAAC,OAAO,CACjB,GAAG,IAAI,CAAC,MAAM,+BAA+B,EAC7C,GAAG,IAAI,CAAC,MAAM,UAAU,EACxB,GAAG,IAAI,CAAC,MAAM,WAAW,CAC1B,CAAC;QAEF,wEAAwE;QACxE,yCAAyC;QACzC,IAAI,CAAC,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,CAAC;IACnC,CAAC;CACF","sourcesContent":["import type { ReactiveController, ReactiveElement } from 'lit';\n\nimport { getRandomId } from '../functions/random.js';\n\nexport class PerfController implements ReactiveController {\n  hasMeasured = false;\n\n  markId: string;\n\n  constructor(private host: ReactiveElement) {\n    host.addController(this);\n\n    // Set up the mark ID based on existing ID on component if it exists\n    if (!host.id) {\n      this.markId = getRandomId(host.localName);\n    } else if (host.id.startsWith('pf-') && !host.id.startsWith(host.localName)) {\n      this.markId = host.id.replace('pf', host.localName);\n    } else {\n      this.markId = `${host.localName}-${host.id}`;\n    }\n\n    performance.mark(`${this.markId}-defined`);\n  }\n\n  hostUpdate(): void {\n    if (!this.hasMeasured) {\n      this.measure();\n    }\n  }\n\n  measure(): void {\n    this.hasMeasured = true;\n\n    performance.mark(`${this.markId}-rendered`);\n\n    // Navigation start, i.e., the browser first sees that the user has navigated to the page\n    performance.measure(`${this.markId}-from-navigation-to-first-render`, undefined, `${this.markId}-rendered`);\n\n    // Render is run before connection unless delayRender is used\n    performance.measure(\n      `${this.markId}-from-defined-to-first-render`,\n      `${this.markId}-defined`,\n      `${this.markId}-rendered`\n    );\n\n    // Once we've measured time to render, we no longer need the controller,\n    // so we allow it to be garbage-collected\n    this.host.removeController(this);\n  }\n}\n"]}

package/controllers/property-observer-controller.d.ts

@@ -1,20 +1,17 @@
 import type { ReactiveController, ReactiveElement } from 'lit';
-export declare const observedController: unique symbol;
-export type ChangeCallback<T = ReactiveElement> = (this: T, old?: T[keyof T], newV?: T[keyof T]) => void;
-export type ChangeCallbackName = `_${string}Changed`;
-export type PropertyObserverHost<T> = T & Record<ChangeCallbackName, ChangeCallback<T>> & {
-    [observedController]: PropertyObserverController;
-};
-/** This controller holds a cache of observed property values which were set before the element updated */
-export declare class PropertyObserverController implements ReactiveController {
+export type ChangeCallback<T extends ReactiveElement, V = T[keyof T]> = (this: T, old?: V, newV?: V) => void;
+export interface PropertyObserverOptions<T extends ReactiveElement> {
+    propertyName: string & keyof T;
+    callback: ChangeCallback<T>;
+    waitFor?: 'connected' | 'updated' | 'firstUpdated';
+}
+export declare class PropertyObserverController<T extends ReactiveElement> implements ReactiveController {
+    #private;
     private host;
-    private static hosts;
-    private values;
-    private delete;
-    constructor(host: ReactiveElement);
+    private options;
+    private oldVal;
+    constructor(host: T, options: PropertyObserverOptions<T>);
+    hostConnected(): void;
     /** Set any cached valued accumulated between constructor and connectedCallback */
-    hostUpdate(): void;
-    /** Once the element has updated, we no longer need this controller, so we remove it */
-    hostUpdated(): void;
-    cache(key: string, methodName: string, ...vals: [unknown, unknown]): void;
+    hostUpdate(): Promise<void>;
 }

package/controllers/property-observer-controller.js

@@ -1,33 +1,62 @@
-export const observedController = Symbol('observed properties controller');
-/** This controller holds a cache of observed property values which were set before the element updated */
+var _PropertyObserverController_instances, _PropertyObserverController_neverRan, _PropertyObserverController_init;
+import { __classPrivateFieldGet, __classPrivateFieldSet } from "tslib";
+import { notEqual } from 'lit';
+const UNINITIALIZED = Symbol('uninitialized');
 export class PropertyObserverController {
-    delete(key) {
-        this.values.delete(key);
-    }
-    constructor(host) {
+    constructor(host, options) {
+        _PropertyObserverController_instances.add(this);
         this.host = host;
-        this.values = new Map();
-        if (PropertyObserverController.hosts.get(host)) {
-            return PropertyObserverController.hosts.get(host);
-        }
-        host.addController(this);
-        host[observedController] = this;
+        this.options = options;
+        this.oldVal = UNINITIALIZED;
+        _PropertyObserverController_neverRan.set(this, true);
+    }
+    hostConnected() {
+        __classPrivateFieldGet(this, _PropertyObserverController_instances, "m", _PropertyObserverController_init).call(this);
     }
     /** Set any cached valued accumulated between constructor and connectedCallback */
-    hostUpdate() {
-        for (const [key, [methodName, [oldVal, newVal]]] of this.values) {
-            // @ts-expect-error: be cool, typescript
-            this.host[methodName]?.(oldVal, newVal);
-            this.delete(key);
+    async hostUpdate() {
+        __classPrivateFieldGet(this, _PropertyObserverController_instances, "m", _PropertyObserverController_init).call(this);
+        const { oldVal, options: { waitFor, propertyName, callback } } = this;
+        if (!callback) {
+            throw new Error(`no callback for ${propertyName}`);
+        }
+        const newVal = this.host[propertyName];
+        this.oldVal = newVal;
+        if (newVal !== oldVal) {
+            switch (waitFor) {
+                case 'connected':
+                    if (!this.host.isConnected) {
+                        const origConnected = this.host.connectedCallback;
+                        await new Promise(resolve => {
+                            this.host.connectedCallback = function () {
+                                resolve(origConnected?.call(this));
+                            };
+                        });
+                    }
+                    break;
+                case 'firstUpdated':
+                    if (!this.host.hasUpdated) {
+                        await this.host.updateComplete;
+                    }
+                    break;
+                case 'updated':
+                    await this.host.updateComplete;
+                    break;
+            }
+        }
+        const Class = this.host.constructor;
+        const hasChanged = Class
+            .getPropertyOptions(this.options.propertyName)
+            .hasChanged ?? notEqual;
+        if (__classPrivateFieldGet(this, _PropertyObserverController_neverRan, "f") || hasChanged(oldVal, newVal)) {
+            callback.call(this.host, oldVal, newVal);
+            __classPrivateFieldSet(this, _PropertyObserverController_neverRan, false, "f");
         }
-    }
-    /** Once the element has updated, we no longer need this controller, so we remove it */
-    hostUpdated() {
-        this.host.removeController(this);
-    }
-    cache(key, methodName, ...vals) {
-        this.values.set(key, [methodName, vals]);
     }
 }
-PropertyObserverController.hosts = new WeakMap();
+_PropertyObserverController_neverRan = new WeakMap(), _PropertyObserverController_instances = new WeakSet(), _PropertyObserverController_init = function _PropertyObserverController_init() {
+    if (this.oldVal === UNINITIALIZED) {
+        this.oldVal = this.host[this.options.propertyName];
+    }
+};
 //# sourceMappingURL=property-observer-controller.js.map