@patternfly/pfe-core 2.4.1 → 4.0.0

package/controllers/listbox-controller.js

@@ -0,0 +1,443 @@
+var _ListboxController_instances, _ListboxController_shiftStartingItem, _ListboxController_options, _ListboxController_items, _ListboxController_selectedItems, _ListboxController_listening, _ListboxController_controlsElements, _ListboxController_removeControlsListeners, _ListboxController_isExpanded_get, _ListboxController_getItemFromEvent, _ListboxController_onClick, _ListboxController_onKeyup, _ListboxController_onKeydown, _ListboxController_selectItem;
+import { __classPrivateFieldGet, __classPrivateFieldSet } from "tslib";
+import { isServer } from 'lit';
+import { arraysAreEquivalent } from '../functions/arraysAreEquivalent.js';
+/**
+ * This is the default method for setting the selected state on an item element
+ * @param item the item
+ * @param selected is this item selected
+ */
+function setItemSelected(item, selected) {
+    if (selected) {
+        item.setAttribute('aria-selected', 'true');
+    }
+    else {
+        item.removeAttribute('aria-selected');
+    }
+}
+/**
+ * @param item possible disabled item
+ * @package do not import this outside of `@patternfly/pfe-core`, it is subject to change at any time
+ */
+export function isItem(item) {
+    return item instanceof Element
+        && item?.parentElement?.role === 'listbox'
+        && item?.role !== 'presentation'
+        && item?.localName !== 'hr';
+}
+/**
+ * This is a fib. aria-disabled might not be present on an element that uses internals,
+ * and the `disabled` attribute may not accurately represent the disabled state.
+ * short of patching the `attachInternals` constructor, it may not be possible at
+ * runtime to know with certainty that an arbitrary custom element is disabled or not.
+ * @param item possibly disabled item
+ * @package do not import this outside of `@patternfly/pfe-core`, it is subject to change at any time
+ */
+export function isItemDisabled(item) {
+    return ('disabled' in item && typeof item.disabled === 'boolean' && item.disabled)
+        || item.getAttribute('aria-disabled') === 'true'
+        || item.hasAttribute('disabled')
+        || item.hasAttribute('inert')
+        || item.matches(':disabled');
+}
+let constructingAllowed = false;
+/**
+ * Implements listbox semantics and accesibility. As there are two recognized
+ * patterns for implementing keyboard interactions with listbox patterns,
+ * provide a secondary controller (either RovingTabindexController or
+ * ActiveDescendantController) to complete the implementation.
+ *
+ * @see https://www.w3.org/WAI/ARIA/apg/practices/keyboard-interface/#kbd_focus_vs_selection
+ *
+ * > Occasionally, it may appear as if two elements on the page have focus at the same time.
+ * > For example, in a multi-select list box, when an option is selected it may be greyed.
+ * > Yet, the focus indicator can still be moved to other options, which may also be selected.
+ * > Similarly, when a user activates a tab in a tablist, the selected state is set on the tab
+ * > and its visual appearance changes. However, the user can still navigate, moving the focus
+ * > indicator elsewhere on the page while the tab retains its selected appearance and state.
+ * >
+ * > Focus and selection are quite different. From the keyboard user's perspective,
+ * > focus is a pointer, like a mouse pointer; it tracks the path of navigation.
+ * > There is only one point of focus at any time and all operations take place at the
+ * > point of focus. On the other hand, selection is an operation that can be performed in
+ * > some widgets, such as list boxes, trees, and tablists. If a widget supports only single
+ * > selection, then only one item can be selected and very often the selected state will simply
+ * > follow the focus when focus is moved inside of the widget.
+ * > That is, in some widgets, moving focus may also perform the select operation.
+ * > However, if the widget supports multiple selection, then more than one item can be in a
+ * > selected state, and keys for moving focus do not perform selection. Some multi-select widgets
+ * > do support key commands that both move focus and change selection, but those keys are
+ * > different from the normal navigation keys. Finally, when focus leaves a widget that includes
+ * > a selected element, the selected state persists.
+ * >
+ * > From the developer's perspective, the difference is simple -- the focused element is the
+ * > active element (document.activeElement). Selected elements are elements that have
+ * > aria-selected="true".
+ * >
+ * > With respect to focus and the selected state, the most important considerations for designers
+ * > and developers are:
+ * >
+ * > - The visual focus indicator must always be visible.
+ * > - The selected state must be visually distinct from the focus indicator.
+ */
+export class ListboxController {
+    static of(host, options) {
+        constructingAllowed = true;
+        const instance = new ListboxController(host, options);
+        constructingAllowed = false;
+        return instance;
+    }
+    get container() {
+        return __classPrivateFieldGet(this, _ListboxController_options, "f").getItemsContainer?.() ?? this.host;
+    }
+    get multi() {
+        return !!__classPrivateFieldGet(this, _ListboxController_options, "f").multi;
+    }
+    set multi(v) {
+        __classPrivateFieldGet(this, _ListboxController_options, "f").multi = v;
+        this.host.requestUpdate();
+    }
+    get items() {
+        return __classPrivateFieldGet(this, _ListboxController_items, "f");
+    }
+    /**
+     * register's the host's Item elements as listbox controller items
+     * sets aria-setsize and aria-posinset on items
+     * @param items items
+     */
+    set items(items) {
+        __classPrivateFieldSet(this, _ListboxController_items, items, "f");
+        __classPrivateFieldGet(this, _ListboxController_items, "f").forEach((item, index, _items) => {
+            item.ariaSetSize = _items.length.toString();
+            item.ariaPosInSet = (index + 1).toString();
+        });
+    }
+    /**
+     * sets the listbox value based on selected options
+     * @param selected item or items
+     */
+    set selected(selected) {
+        if (!arraysAreEquivalent(selected, Array.from(__classPrivateFieldGet(this, _ListboxController_selectedItems, "f")))) {
+            __classPrivateFieldSet(this, _ListboxController_selectedItems, new Set(selected), "f");
+            for (const item of this.items) {
+                __classPrivateFieldGet(this, _ListboxController_options, "f").setItemSelected(item, __classPrivateFieldGet(this, _ListboxController_selectedItems, "f").has(item));
+            }
+            this.host.requestUpdate();
+        }
+    }
+    /**
+     * array of options which are selected
+     */
+    get selected() {
+        return [...__classPrivateFieldGet(this, _ListboxController_selectedItems, "f")];
+    }
+    constructor(host, options) {
+        _ListboxController_instances.add(this);
+        this.host = host;
+        /** Current active descendant when shift key is pressed */
+        _ListboxController_shiftStartingItem.set(this, null);
+        _ListboxController_options.set(this, void 0);
+        /** All items */
+        _ListboxController_items.set(this, []);
+        _ListboxController_selectedItems.set(this, new Set);
+        _ListboxController_listening.set(this, false);
+        /** Whether listbox is disabled */
+        this.disabled = false;
+        _ListboxController_controlsElements.set(this, []);
+        /**
+         * handles clicking on a listbox option:
+         * which selects an item by default
+         * or toggles selection if multiselectable
+         * @param event click event
+         */
+        _ListboxController_onClick.set(this, (event) => {
+            const item = __classPrivateFieldGet(this, _ListboxController_instances, "m", _ListboxController_getItemFromEvent).call(this, event);
+            __classPrivateFieldSet(this, _ListboxController_shiftStartingItem, __classPrivateFieldGet(this, _ListboxController_shiftStartingItem, "f") ?? __classPrivateFieldGet(this, _ListboxController_instances, "m", _ListboxController_getItemFromEvent).call(this, event), "f");
+            if (item && !__classPrivateFieldGet(this, _ListboxController_options, "f").isItemDisabled(item)) {
+                // Case: single select?
+                //       just reset the selected list.
+                if (!this.multi) {
+                    // select target and deselect all other options
+                    this.selected = [item];
+                    // Case: multi select, but no shift key
+                    //       toggle target, keep all other previously selected
+                }
+                else if (!event.shiftKey) {
+                    this.selected = this.items.filter(possiblySelectedItem => __classPrivateFieldGet(this, _ListboxController_selectedItems, "f").has(possiblySelectedItem) ? possiblySelectedItem !== item
+                        : possiblySelectedItem === item);
+                    // Case: multi select, with shift key
+                    //       find all items between previously selected and target,
+                    //       and select them (if reference item is selected) or deselect them (if reference item is deselected)
+                    //       Do not wrap around from end to start, rather, only select withing the range of 0-end
+                }
+                else {
+                    const startingItem = __classPrivateFieldGet(this, _ListboxController_shiftStartingItem, "f");
+                    // whether options will be selected (true) or deselected (false)
+                    const selecting = __classPrivateFieldGet(this, _ListboxController_selectedItems, "f").has(startingItem);
+                    const [start, end] = [this.items.indexOf(startingItem), this.items.indexOf(item)].sort();
+                    // de/select all options between active descendant and target
+                    this.selected = this.items.filter((item, i) => {
+                        if (i >= start && i <= end) {
+                            return selecting;
+                        }
+                        else {
+                            return __classPrivateFieldGet(this, _ListboxController_selectedItems, "f").has(item);
+                        }
+                    });
+                }
+            }
+            __classPrivateFieldSet(this, _ListboxController_shiftStartingItem, item, "f");
+            this.host.requestUpdate();
+        });
+        /**
+         * track whether shift key is being used for multiselectable listbox
+         * @param event keyup event
+         */
+        _ListboxController_onKeyup.set(this, (event) => {
+            if (event.key === 'Shift') {
+                __classPrivateFieldSet(this, _ListboxController_shiftStartingItem, null, "f");
+            }
+        });
+        /**
+         * filters listbox by keyboard event when slotted option has focus,
+         * or by external element such as a text field
+         * @param event keydown event
+         */
+        _ListboxController_onKeydown.set(this, (event) => {
+            const item = __classPrivateFieldGet(this, _ListboxController_instances, "m", _ListboxController_getItemFromEvent).call(this, event);
+            if (this.disabled
+                || event.altKey
+                || event.metaKey
+                || !__classPrivateFieldGet(this, _ListboxController_instances, "a", _ListboxController_isExpanded_get)) {
+                return;
+            }
+            // need to set for keyboard support of multiselect
+            if (event.key === 'Shift' && this.multi) {
+                __classPrivateFieldSet(this, _ListboxController_shiftStartingItem, __classPrivateFieldGet(this, _ListboxController_shiftStartingItem, "f") ?? (__classPrivateFieldGet(this, _ListboxController_options, "f").getATFocusedItem() ?? null), "f");
+            }
+            switch (event.key) {
+                // ctrl+A de/selects all options
+                case 'a':
+                case 'A':
+                    if (event.ctrlKey
+                        && (event.target === this.container
+                            || __classPrivateFieldGet(this, _ListboxController_options, "f").isItem(event.target))) {
+                        const selectableItems = this.items.filter(item => !__classPrivateFieldGet(this, _ListboxController_options, "f").isItemDisabled(item));
+                        if (arraysAreEquivalent(this.selected, selectableItems)) {
+                            this.selected = [];
+                        }
+                        else {
+                            this.selected = selectableItems;
+                        }
+                        event.preventDefault();
+                    }
+                    break;
+                case 'Enter':
+                    // enter and space are only applicable if a listbox option is clicked
+                    // an external text input should not trigger multiselect
+                    if (item && !event.shiftKey) {
+                        const focused = item;
+                        __classPrivateFieldGet(this, _ListboxController_instances, "m", _ListboxController_selectItem).call(this, focused, event.shiftKey);
+                        event.preventDefault();
+                    }
+                    break;
+                case 'ArrowUp':
+                    if (this.multi && event.shiftKey && __classPrivateFieldGet(this, _ListboxController_options, "f").isItem(event.target)) {
+                        const item = event.target;
+                        this.selected = this.items.filter((x, i) => __classPrivateFieldGet(this, _ListboxController_selectedItems, "f").has(x)
+                            || i === this.items.indexOf(item) - 1)
+                            .filter(x => !__classPrivateFieldGet(this, _ListboxController_options, "f").isItemDisabled(x));
+                    }
+                    break;
+                case 'ArrowDown':
+                    if (this.multi && event.shiftKey && __classPrivateFieldGet(this, _ListboxController_options, "f").isItem(event.target)) {
+                        const item = event.target;
+                        this.selected = this.items.filter((x, i) => __classPrivateFieldGet(this, _ListboxController_selectedItems, "f").has(x)
+                            || i === this.items.indexOf(item) + 1)
+                            .filter(x => !__classPrivateFieldGet(this, _ListboxController_options, "f").isItemDisabled(x));
+                    }
+                    break;
+                case ' ':
+                    // enter and space are only applicable if a listbox option is clicked
+                    // an external text input should not trigger multiselect
+                    if (item && event.target === this.container) {
+                        __classPrivateFieldGet(this, _ListboxController_instances, "m", _ListboxController_selectItem).call(this, item, event.shiftKey);
+                        event.preventDefault();
+                    }
+                    else if (__classPrivateFieldGet(this, _ListboxController_options, "f").isItem(event.target)) {
+                        __classPrivateFieldGet(this, _ListboxController_instances, "m", _ListboxController_selectItem).call(this, event.target, event.shiftKey);
+                        event.preventDefault();
+                    }
+                    break;
+                default:
+                    break;
+            }
+            this.host.requestUpdate();
+        });
+        __classPrivateFieldSet(this, _ListboxController_options, { setItemSelected, isItemDisabled, isItem, ...options }, "f");
+        if (!constructingAllowed) {
+            throw new Error('ListboxController must be constructed with `ListboxController.of()`');
+        }
+        if (!isServer
+            && !(host instanceof HTMLElement)
+            && typeof options.getItemsContainer !== 'function') {
+            throw new Error([
+                'ListboxController requires the host to be an HTMLElement',
+                'or for the initializer to include a getItemsContainer() function',
+            ].join(' '));
+        }
+        const instance = ListboxController.instances.get(host);
+        if (instance) {
+            return instance;
+        }
+        ListboxController.instances.set(host, this);
+        this.host.addController(this);
+        this.multi = __classPrivateFieldGet(this, _ListboxController_options, "f").multi ?? false;
+        if (this.container?.isConnected) {
+            this.hostConnected();
+        }
+    }
+    async hostConnected() {
+        await this.host.updateComplete;
+        this.hostUpdate();
+        this.hostUpdated();
+    }
+    hostUpdate() {
+        const last = __classPrivateFieldGet(this, _ListboxController_controlsElements, "f");
+        __classPrivateFieldSet(this, _ListboxController_controlsElements, __classPrivateFieldGet(this, _ListboxController_options, "f").getControlsElements?.() ?? [], "f");
+        if (!arraysAreEquivalent(last, __classPrivateFieldGet(this, _ListboxController_controlsElements, "f"))) {
+            __classPrivateFieldGet(this, _ListboxController_instances, "m", _ListboxController_removeControlsListeners).call(this, last);
+            for (const el of __classPrivateFieldGet(this, _ListboxController_controlsElements, "f")) {
+                el.addEventListener('keydown', __classPrivateFieldGet(this, _ListboxController_onKeydown, "f"));
+                el.addEventListener('keyup', __classPrivateFieldGet(this, _ListboxController_onKeyup, "f"));
+            }
+        }
+    }
+    hostUpdated() {
+        if (!__classPrivateFieldGet(this, _ListboxController_listening, "f")) {
+            this.container?.addEventListener('click', __classPrivateFieldGet(this, _ListboxController_onClick, "f"));
+            this.container?.addEventListener('keydown', __classPrivateFieldGet(this, _ListboxController_onKeydown, "f"));
+            this.container?.addEventListener('keyup', __classPrivateFieldGet(this, _ListboxController_onKeyup, "f"));
+            __classPrivateFieldSet(this, _ListboxController_listening, true, "f");
+        }
+        this.container?.setAttribute('role', 'listbox');
+        this.container?.setAttribute('aria-disabled', String(!!this.disabled));
+        this.container?.setAttribute('aria-multiselectable', String(!!__classPrivateFieldGet(this, _ListboxController_options, "f").multi));
+    }
+    hostDisconnected() {
+        this.container?.removeEventListener('click', __classPrivateFieldGet(this, _ListboxController_onClick, "f"));
+        this.container?.removeEventListener('keydown', __classPrivateFieldGet(this, _ListboxController_onKeydown, "f"));
+        this.container?.removeEventListener('keyup', __classPrivateFieldGet(this, _ListboxController_onKeyup, "f"));
+        __classPrivateFieldGet(this, _ListboxController_instances, "m", _ListboxController_removeControlsListeners).call(this);
+        __classPrivateFieldSet(this, _ListboxController_listening, false, "f");
+    }
+    isSelected(item) {
+        return __classPrivateFieldGet(this, _ListboxController_selectedItems, "f").has(item);
+    }
+}
+_ListboxController_shiftStartingItem = new WeakMap(), _ListboxController_options = new WeakMap(), _ListboxController_items = new WeakMap(), _ListboxController_selectedItems = new WeakMap(), _ListboxController_listening = new WeakMap(), _ListboxController_controlsElements = new WeakMap(), _ListboxController_onClick = new WeakMap(), _ListboxController_onKeyup = new WeakMap(), _ListboxController_onKeydown = new WeakMap(), _ListboxController_instances = new WeakSet(), _ListboxController_removeControlsListeners = function _ListboxController_removeControlsListeners(els = __classPrivateFieldGet(this, _ListboxController_controlsElements, "f")) {
+    for (const el of els) {
+        el.removeEventListener('keydown', __classPrivateFieldGet(this, _ListboxController_onKeydown, "f"));
+        el.removeEventListener('keyup', __classPrivateFieldGet(this, _ListboxController_onKeyup, "f"));
+    }
+}, _ListboxController_isExpanded_get = function _ListboxController_isExpanded_get() {
+    return !__classPrivateFieldGet(this, _ListboxController_controlsElements, "f").length ? true
+        : __classPrivateFieldGet(this, _ListboxController_controlsElements, "f").every(x => x.ariaExpanded === 'true');
+}, _ListboxController_getItemFromEvent = function _ListboxController_getItemFromEvent(event) {
+    // NOTE(bennypowers): I am aware that this function *sucks*
+    // you're more than welcome to improve it.
+    // make sure there are unit tests first
+    const path = event.composedPath();
+    const tabindexed = this.items.some(x => x.hasAttribute('tabindex'));
+    if (tabindexed) {
+        const item = path.find(__classPrivateFieldGet(this, _ListboxController_options, "f").isItem);
+        if (item) {
+            return item;
+        }
+    }
+    else if (__classPrivateFieldGet(this, _ListboxController_options, "f").isItem(event.target)
+        && event.target.getRootNode() !== this.container.getRootNode()
+        && 'ariaActiveDescendantElement' in HTMLElement.prototype) {
+        return event.target;
+    }
+    else if (event.target instanceof HTMLElement && event.target.ariaActiveDescendantElement) {
+        return event.target.ariaActiveDescendantElement;
+    }
+    else if (event.type === 'click'
+        && __classPrivateFieldGet(this, _ListboxController_options, "f").isItem(event.target)
+        && event.target.id) {
+        const element = event.target;
+        const root = element.getRootNode();
+        if (root instanceof ShadowRoot && this.container.getRootNode() === root) {
+            const shadowRootListboxElement = this.container;
+            const shadowRootItem = element;
+            if (shadowRootItem && shadowRootListboxElement) {
+                if (this.items.includes(shadowRootItem)) {
+                    return shadowRootItem;
+                }
+                else {
+                    const index = Array.from(shadowRootListboxElement?.children ?? [])
+                        .filter(__classPrivateFieldGet(this, _ListboxController_options, "f").isItem)
+                        .filter(x => !x.hidden)
+                        .indexOf(shadowRootItem);
+                    return __classPrivateFieldGet(this, _ListboxController_items, "f").filter(x => !x.hidden)[index];
+                }
+            }
+        }
+    }
+    else {
+        // otherwise, query the root (e.g. shadow root) for the associated element
+        const element = event.target;
+        const root = element.getRootNode();
+        const controlsId = element?.getAttribute('aria-controls');
+        const shadowRootListboxElement = __classPrivateFieldGet(this, _ListboxController_options, "f").isItem(element) ? this.container
+            : controlsId ? root.getElementById(controlsId)
+                : null;
+        const shadowRootHasActiveDescendantElement = root.querySelector(`[aria-controls="${shadowRootListboxElement?.id}"][aria-activedescendant]`);
+        const shadowRootItemId = shadowRootHasActiveDescendantElement?.getAttribute('aria-activedescendant');
+        const shadowRootItem = shadowRootItemId && root.getElementById(shadowRootItemId);
+        if (shadowRootItem && shadowRootListboxElement) {
+            if (this.items.includes(shadowRootItem)) {
+                return shadowRootItem;
+            }
+            else {
+                const index = Array.from(shadowRootListboxElement?.children ?? [])
+                    .filter(__classPrivateFieldGet(this, _ListboxController_options, "f").isItem)
+                    .filter(x => !x.hidden)
+                    .indexOf(shadowRootItem);
+                return __classPrivateFieldGet(this, _ListboxController_items, "f").filter(x => !x.hidden)[index];
+            }
+        }
+        const itemFromEventContainer = shadowRootListboxElement ? shadowRootListboxElement
+            : path.find(x => x instanceof HTMLElement && x.role === 'listbox');
+        if (itemFromEventContainer) {
+            const possiblyShadowRootContainerItems = Array.from(itemFromEventContainer.children)
+                .filter(__classPrivateFieldGet(this, _ListboxController_options, "f").isItem);
+            const index = possiblyShadowRootContainerItems
+                .findIndex(node => path.includes(node));
+            if (index >= 0) {
+                return this.items[index] ?? null;
+            }
+        }
+    }
+    return null;
+}, _ListboxController_selectItem = function _ListboxController_selectItem(item, shiftDown = false) {
+    if (__classPrivateFieldGet(this, _ListboxController_options, "f").isItemDisabled(item)) {
+        return;
+    }
+    else if (this.multi && shiftDown) {
+        // update starting item for other multiselect
+        this.selected = [...this.selected, item];
+    }
+    else if (this.multi && __classPrivateFieldGet(this, _ListboxController_selectedItems, "f").has(item)) {
+        this.selected = this.selected.filter(x => x !== item);
+    }
+    else if (this.multi) {
+        this.selected = this.selected.concat(item);
+    }
+    else {
+        this.selected = [item];
+    }
+};
+ListboxController.instances = new WeakMap();
+//# sourceMappingURL=listbox-controller.js.map

package/controllers/listbox-controller.js.map

@@ -0,0 +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';\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, ReactiveElement } from 'lit';
+import { type ReactiveController, type ReactiveControllerHost } from 'lit';
 export declare class Logger implements ReactiveController {
     private host;
     private static logDebug;
@@ -8,45 +8,72 @@ 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");
+     * @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: ReactiveElement);
+    constructor(host: ReactiveControllerHost);
     hostConnected(): void;
 }