pith-ui 0.1.0 → 0.1.4

package/dist/select.js

@@ -0,0 +1,304 @@
+import { Lifetime } from './core.js';
+import { iconElement, setText, uniqueId } from './dom.js';
+import { installAnchoredSurface } from './surface.js';
+const entries = new WeakMap();
+/** A native select remains the form/value contract. Only its single-choice
+ * presentation is enhanced; multiple and multi-row lists retain native behavior.
+ */
+export function adoptSelect(control) {
+    if (control.multiple || control.size > 1 || !control.parentNode)
+        return;
+    let entry = entries.get(control);
+    if (!entry) {
+        entry = { controller: installSelect(control), owners: 0 };
+        entries.set(control, entry);
+    }
+    entry.owners++;
+    const current = entry;
+    let released = false;
+    return { trigger: current.controller.trigger,
+        refresh() { if (!released)
+            current.controller.refresh(); },
+        focus() { if (!released)
+            current.controller.focus(); },
+        destroy() { if (released)
+            return; released = true; if (--current.owners === 0) {
+            current.controller.destroy();
+            entries.delete(control);
+        } },
+    };
+}
+/** Used after an explicit option reconciliation, without a second controller. */
+export function refreshSelect(control) { entries.get(control)?.controller.refresh(); }
+function installSelect(control) {
+    const doc = control.ownerDocument;
+    const life = new Lifetime();
+    const wrapper = doc.createElement('span');
+    wrapper.className = 'pui-select';
+    const trigger = doc.createElement('button');
+    trigger.type = 'button';
+    trigger.id = uniqueId('pui-select-trigger');
+    trigger.tabIndex = 0;
+    trigger.setAttribute('role', 'combobox');
+    trigger.setAttribute('aria-haspopup', 'listbox');
+    const caption = doc.createElement('span');
+    caption.className = 'pui-select-value';
+    const arrow = iconElement('down');
+    arrow.classList.add('pui-select-arrow');
+    trigger.append(caption, arrow);
+    const panel = doc.createElement('div');
+    panel.className = 'pui-popover-panel pui-select-popup';
+    panel.id = uniqueId('pui-select-list');
+    panel.setAttribute('role', 'listbox');
+    trigger.setAttribute('aria-controls', panel.id);
+    const originalHidden = control.getAttribute('aria-hidden'), originalTabIndex = control.getAttribute('tabindex');
+    const originalTitle = control.title;
+    control.before(wrapper);
+    wrapper.append(control, trigger, panel);
+    control.classList.add('pui-select-backing');
+    control.setAttribute('aria-hidden', 'true');
+    control.tabIndex = -1;
+    let disposed = false, active, search = '', searchTime = 0;
+    let invalid = false;
+    const items = new Map();
+    const hidden = (option) => option.hidden || (option.parentElement instanceof HTMLOptGroupElement && option.parentElement.hidden);
+    const enabled = () => [...control.options].filter(option => !hidden(option) && !option.disabled && !(option.parentElement instanceof HTMLOptGroupElement && option.parentElement.disabled));
+    const surface = installAnchoredSurface({ trigger, panel, canOpen: () => !control.matches(':disabled') && !control.hidden,
+        anchorElement: control.closest('[data-pui-select-anchor]') ?? undefined,
+        onToggle(open) {
+            scopeObserver.disconnect();
+            if (!open) {
+                trigger.removeAttribute('aria-activedescendant');
+                search = '';
+                return;
+            }
+            for (let parent = control.parentElement; parent; parent = parent.parentElement)
+                if (parent instanceof HTMLFieldSetElement)
+                    scopeObserver.observe(parent, { attributes: true, attributeFilter: ['disabled'] });
+            active = enabled().find(option => option.selected) ?? enabled()[0];
+            highlight();
+        }, });
+    const scopeObserver = new MutationObserver(() => { if (control.matches(':disabled'))
+        surface.close(); });
+    life.add(() => scopeObserver.disconnect());
+    const attribute = (node, name, value) => {
+        if (value === null) {
+            if (node.hasAttribute(name))
+                node.removeAttribute(name);
+        }
+        else if (node.getAttribute(name) !== value)
+            node.setAttribute(name, value);
+    };
+    function labelText(label) {
+        const walker = doc.createTreeWalker(label, NodeFilter.SHOW_TEXT);
+        const text = [];
+        while (walker.nextNode()) {
+            const node = walker.currentNode;
+            if (node.parentElement?.closest('.pui-select, select, button, [aria-hidden="true"]'))
+                continue;
+            if (node.textContent?.trim())
+                text.push(node.textContent.trim());
+        }
+        return text.join(' ');
+    }
+    function highlight() {
+        if (!surface.isOpen())
+            return;
+        for (const [option, node] of items)
+            node.classList.toggle('pui-active', option === active);
+        const node = active && items.get(active);
+        if (node) {
+            attribute(trigger, 'aria-activedescendant', node.id);
+            node.scrollIntoView({ block: 'nearest' });
+        }
+        else
+            trigger.removeAttribute('aria-activedescendant');
+    }
+    function refresh() {
+        if (disposed)
+            return;
+        if (control.validity.valid)
+            invalid = false;
+        const classes = [...control.classList].filter(name => name !== 'pui-select-backing');
+        const nextClasses = [...classes, 'pui-select-trigger'].join(' ');
+        if (trigger.className !== nextClasses)
+            trigger.className = nextClasses;
+        // Both controls inherit fieldset disabling natively. Do not turn an inherited
+        // condition into a sticky own disabled attribute on the visible trigger.
+        trigger.disabled = control.disabled;
+        wrapper.hidden = control.hidden;
+        const labelledBy = control.getAttribute('aria-labelledby');
+        const labels = new Set(control.labels ?? []);
+        const implicit = control.closest('label');
+        if (implicit)
+            labels.add(implicit);
+        if (!labels.size && control.id) {
+            const root = control.getRootNode();
+            if (root instanceof Element || root instanceof DocumentFragment || root instanceof Document) {
+                for (const label of root.querySelectorAll('label'))
+                    if (label.htmlFor === control.id)
+                        labels.add(label);
+            }
+        }
+        const name = control.getAttribute('aria-label') || [...labels].map(labelText).filter(Boolean).join(' ') || control.name || originalTitle || 'Choose an option';
+        attribute(trigger, 'aria-labelledby', labelledBy);
+        attribute(trigger, 'aria-label', labelledBy ? null : name);
+        attribute(panel, 'aria-labelledby', labelledBy);
+        attribute(panel, 'aria-label', labelledBy ? null : name);
+        attribute(trigger, 'aria-describedby', control.getAttribute('aria-describedby'));
+        attribute(trigger, 'aria-invalid', invalid || control.getAttribute('aria-invalid') === 'true' ? 'true' : control.getAttribute('aria-invalid'));
+        attribute(trigger, 'aria-required', String(control.required));
+        attribute(trigger, 'title', control.title || null);
+        setText(caption, control.selectedOptions[0]?.label ?? '');
+        const keep = new Set([...control.options]);
+        const available = new Set(enabled());
+        for (const [option, node] of items)
+            if (!keep.has(option)) {
+                node.remove();
+                items.delete(option);
+            }
+        let cursor = panel.firstElementChild;
+        for (const option of control.options) {
+            let node = items.get(option);
+            if (!node) {
+                node = doc.createElement('div');
+                node.className = 'pui-select-option';
+                node.id = uniqueId('pui-select-option');
+                node.setAttribute('role', 'option');
+                items.set(option, node);
+            }
+            setText(node, option.label);
+            node.hidden = hidden(option);
+            attribute(node, 'aria-label', option.label);
+            attribute(node, 'aria-selected', String(option.selected));
+            attribute(node, 'aria-disabled', String(!available.has(option)));
+            if (node !== cursor)
+                panel.insertBefore(node, cursor);
+            cursor = node.nextElementSibling;
+        }
+        if (control.matches(':disabled') || control.hidden || (surface.isOpen() && !trigger.getClientRects().length))
+            surface.close();
+        if (active && !enabled().includes(active))
+            active = enabled().find(option => option.selected) ?? enabled()[0];
+        highlight();
+    }
+    function commit(option) {
+        if (!option || !enabled().includes(option) || control.matches(':disabled'))
+            return;
+        const changed = control.value !== option.value || control.selectedIndex !== option.index;
+        control.selectedIndex = option.index;
+        invalid = false;
+        surface.close(true);
+        refresh();
+        if (changed) {
+            control.dispatchEvent(new Event('input', { bubbles: true }));
+            control.dispatchEvent(new Event('change', { bubbles: true }));
+            refresh();
+        }
+    }
+    life.listen(trigger, 'click', (event => { event.preventDefault(); trigger.focus({ preventScroll: true }); refresh(); if (surface.isOpen())
+        surface.close();
+    else
+        surface.open(); }));
+    life.listen(trigger, 'keydown', (event => {
+        const key = event;
+        if (key.isComposing || key.ctrlKey || key.metaKey || trigger.disabled)
+            return;
+        if (key.key === 'Tab') {
+            surface.close();
+            return;
+        }
+        if (key.key === 'Enter' || key.key === ' ') {
+            key.preventDefault();
+            if (surface.isOpen())
+                commit(active);
+            else {
+                refresh();
+                surface.open();
+            }
+            return;
+        }
+        const choices = enabled();
+        if (['ArrowDown', 'ArrowUp', 'Home', 'End'].includes(key.key)) {
+            key.preventDefault();
+            refresh();
+            const wasOpen = surface.isOpen();
+            if (!wasOpen)
+                surface.open();
+            if (key.key === 'Home')
+                active = choices[0];
+            else if (key.key === 'End')
+                active = choices.at(-1);
+            else if (wasOpen) {
+                const index = active ? choices.indexOf(active) : -1;
+                active = choices[(index + (key.key === 'ArrowDown' ? 1 : -1) + choices.length) % choices.length];
+            }
+            highlight();
+            return;
+        }
+        if (key.key.length === 1 && !key.altKey) {
+            key.preventDefault();
+            refresh();
+            if (!surface.isOpen())
+                surface.open();
+            const now = Date.now();
+            search = now - searchTime > 700 ? key.key : search + key.key;
+            searchTime = now;
+            const repeated = [...search].every(character => character === search[0]);
+            const query = (repeated ? search[0] : search).toLocaleLowerCase();
+            const start = active ? choices.indexOf(active) + 1 : 0;
+            const ordered = [...choices.slice(start), ...choices.slice(0, start)];
+            active = ordered.find(option => option.label.toLocaleLowerCase().startsWith(query)) ?? active;
+            highlight();
+        }
+    }));
+    // Keep focus on the combobox while clicking an option; the listbox itself is
+    // represented by aria-activedescendant rather than a second tab stop.
+    life.listen(panel, 'pointerdown', event => event.preventDefault());
+    life.listen(panel, 'click', (event => {
+        event.preventDefault();
+        const node = event.target.closest('[role="option"]');
+        commit([...items].find(([, item]) => item === node)?.[0]);
+    }));
+    life.listen(control, 'input', refresh);
+    life.listen(control, 'change', () => { invalid = false; refresh(); });
+    life.listen(control, 'click', event => { event.preventDefault(); trigger.focus(); refresh(); surface.open(); });
+    // Native validation chooses the correct field to focus. checkValidity only
+    // dispatches invalid; reportValidity/submission also focuses the first field.
+    life.listen(control, 'invalid', () => { invalid = true; refresh(); });
+    life.listen(control, 'focus', () => { if (invalid)
+        trigger.focus(); });
+    life.listen(doc, 'reset', event => { if (event.target === control.form)
+        queueMicrotask(() => { if (!event.defaultPrevented) {
+            invalid = false;
+            refresh();
+        } }); }, { capture: true });
+    const observer = new MutationObserver(refresh);
+    observer.observe(control, { childList: true, subtree: true, characterData: true, attributes: true,
+        attributeFilter: ['disabled', 'hidden', 'required', 'class', 'aria-label', 'aria-labelledby', 'aria-describedby', 'aria-invalid', 'title', 'label', 'value', 'selected'] });
+    life.add(() => observer.disconnect());
+    refresh();
+    return { trigger, refresh, focus() { if (!disposed)
+            trigger.focus(); }, destroy() {
+            if (disposed)
+                return;
+            disposed = true;
+            surface.destroy();
+            life.destroy();
+            control.classList.remove('pui-select-backing');
+            if (originalHidden === null)
+                control.removeAttribute('aria-hidden');
+            else
+                control.setAttribute('aria-hidden', originalHidden);
+            if (originalTabIndex === null)
+                control.removeAttribute('tabindex');
+            else
+                control.setAttribute('tabindex', originalTabIndex);
+            if (wrapper.parentNode)
+                wrapper.replaceWith(control);
+            else
+                control.remove();
+            items.clear();
+        } };
+}
+//# sourceMappingURL=select.js.map

package/dist/select.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"select.js","sourceRoot":"","sources":["../src/select.ts"],"names":[],"mappings":"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","sourcesContent":["import { Lifetime } from './core.js';\nimport { iconElement, setText, uniqueId } from './dom.js';\nimport { installAnchoredSurface } from './surface.js';\n\ninterface SelectController {\n  readonly trigger: HTMLButtonElement;\n  refresh(): void;\n  focus(): void;\n  destroy(): void;\n}\ntype Entry = { controller: SelectController; owners: number };\nconst entries = new WeakMap<HTMLSelectElement, Entry>();\n\n/** A native select remains the form/value contract. Only its single-choice\n * presentation is enhanced; multiple and multi-row lists retain native behavior.\n */\nexport function adoptSelect(control: HTMLSelectElement): SelectController | undefined {\n  if (control.multiple || control.size > 1 || !control.parentNode) return;\n  let entry = entries.get(control);\n  if (!entry) { entry = { controller: installSelect(control), owners: 0 }; entries.set(control, entry); }\n  entry.owners++;\n  const current = entry; let released = false;\n  return { trigger: current.controller.trigger,\n    refresh() { if (!released) current.controller.refresh(); },\n    focus() { if (!released) current.controller.focus(); },\n    destroy() { if (released) return; released = true; if (--current.owners === 0) { current.controller.destroy(); entries.delete(control); } },\n  };\n}\n\n/** Used after an explicit option reconciliation, without a second controller. */\nexport function refreshSelect(control: HTMLSelectElement): void { entries.get(control)?.controller.refresh(); }\n\nfunction installSelect(control: HTMLSelectElement): SelectController {\n  const doc = control.ownerDocument;\n  const life = new Lifetime();\n  const wrapper = doc.createElement('span'); wrapper.className = 'pui-select';\n  const trigger = doc.createElement('button'); trigger.type = 'button'; trigger.id = uniqueId('pui-select-trigger');\n  trigger.tabIndex = 0;\n  trigger.setAttribute('role', 'combobox'); trigger.setAttribute('aria-haspopup', 'listbox');\n  const caption = doc.createElement('span'); caption.className = 'pui-select-value';\n  const arrow = iconElement('down'); arrow.classList.add('pui-select-arrow'); trigger.append(caption, arrow);\n  const panel = doc.createElement('div'); panel.className = 'pui-popover-panel pui-select-popup'; panel.id = uniqueId('pui-select-list');\n  panel.setAttribute('role', 'listbox'); trigger.setAttribute('aria-controls', panel.id);\n  const originalHidden = control.getAttribute('aria-hidden'), originalTabIndex = control.getAttribute('tabindex');\n  const originalTitle = control.title;\n  control.before(wrapper); wrapper.append(control, trigger, panel);\n  control.classList.add('pui-select-backing'); control.setAttribute('aria-hidden', 'true'); control.tabIndex = -1;\n  let disposed = false, active: HTMLOptionElement | undefined, search = '', searchTime = 0;\n  let invalid = false;\n  const items = new Map<HTMLOptionElement, HTMLElement>();\n  const hidden = (option: HTMLOptionElement) => option.hidden || (option.parentElement instanceof HTMLOptGroupElement && option.parentElement.hidden);\n  const enabled = () => [...control.options].filter(option => !hidden(option) && !option.disabled && !(option.parentElement instanceof HTMLOptGroupElement && option.parentElement.disabled));\n  const surface = installAnchoredSurface({ trigger, panel, canOpen: () => !control.matches(':disabled') && !control.hidden,\n    anchorElement: control.closest<HTMLElement>('[data-pui-select-anchor]') ?? undefined,\n    onToggle(open) {\n      scopeObserver.disconnect();\n      if (!open) { trigger.removeAttribute('aria-activedescendant'); search = ''; return; }\n      for (let parent = control.parentElement; parent; parent = parent.parentElement) if (parent instanceof HTMLFieldSetElement) scopeObserver.observe(parent, { attributes: true, attributeFilter: ['disabled'] });\n      active = enabled().find(option => option.selected) ?? enabled()[0];\n      highlight();\n    },\n  });\n  const scopeObserver = new MutationObserver(() => { if (control.matches(':disabled')) surface.close(); });\n  life.add(() => scopeObserver.disconnect());\n  const attribute = (node: HTMLElement, name: string, value: string | null) => {\n    if (value === null) { if (node.hasAttribute(name)) node.removeAttribute(name); }\n    else if (node.getAttribute(name) !== value) node.setAttribute(name, value);\n  };\n  function labelText(label: HTMLLabelElement): string {\n    const walker = doc.createTreeWalker(label, NodeFilter.SHOW_TEXT);\n    const text: string[] = [];\n    while (walker.nextNode()) {\n      const node = walker.currentNode;\n      if (node.parentElement?.closest('.pui-select, select, button, [aria-hidden=\"true\"]')) continue;\n      if (node.textContent?.trim()) text.push(node.textContent.trim());\n    }\n    return text.join(' ');\n  }\n  function highlight(): void {\n    if (!surface.isOpen()) return;\n    for (const [option, node] of items) node.classList.toggle('pui-active', option === active);\n    const node = active && items.get(active);\n    if (node) { attribute(trigger, 'aria-activedescendant', node.id); node.scrollIntoView({ block: 'nearest' }); }\n    else trigger.removeAttribute('aria-activedescendant');\n  }\n  function refresh(): void {\n    if (disposed) return;\n    if (control.validity.valid) invalid = false;\n    const classes = [...control.classList].filter(name => name !== 'pui-select-backing');\n    const nextClasses = [...classes, 'pui-select-trigger'].join(' ');\n    if (trigger.className !== nextClasses) trigger.className = nextClasses;\n    // Both controls inherit fieldset disabling natively. Do not turn an inherited\n    // condition into a sticky own disabled attribute on the visible trigger.\n    trigger.disabled = control.disabled; wrapper.hidden = control.hidden;\n    const labelledBy = control.getAttribute('aria-labelledby');\n    const labels = new Set(control.labels ?? []);\n    const implicit = control.closest('label'); if (implicit) labels.add(implicit);\n    if (!labels.size && control.id) {\n      const root = control.getRootNode();\n      if (root instanceof Element || root instanceof DocumentFragment || root instanceof Document) {\n        for (const label of root.querySelectorAll('label')) if (label.htmlFor === control.id) labels.add(label);\n      }\n    }\n    const name = control.getAttribute('aria-label') || [...labels].map(labelText).filter(Boolean).join(' ') || control.name || originalTitle || 'Choose an option';\n    attribute(trigger, 'aria-labelledby', labelledBy);\n    attribute(trigger, 'aria-label', labelledBy ? null : name);\n    attribute(panel, 'aria-labelledby', labelledBy);\n    attribute(panel, 'aria-label', labelledBy ? null : name);\n    attribute(trigger, 'aria-describedby', control.getAttribute('aria-describedby'));\n    attribute(trigger, 'aria-invalid', invalid || control.getAttribute('aria-invalid') === 'true' ? 'true' : control.getAttribute('aria-invalid'));\n    attribute(trigger, 'aria-required', String(control.required));\n    attribute(trigger, 'title', control.title || null);\n    setText(caption, control.selectedOptions[0]?.label ?? '');\n    const keep = new Set([...control.options]);\n    const available = new Set(enabled());\n    for (const [option, node] of items) if (!keep.has(option)) { node.remove(); items.delete(option); }\n    let cursor = panel.firstElementChild;\n    for (const option of control.options) {\n      let node = items.get(option);\n      if (!node) { node = doc.createElement('div'); node.className = 'pui-select-option'; node.id = uniqueId('pui-select-option'); node.setAttribute('role', 'option'); items.set(option, node); }\n      setText(node, option.label);\n      node.hidden = hidden(option);\n      attribute(node, 'aria-label', option.label);\n      attribute(node, 'aria-selected', String(option.selected));\n      attribute(node, 'aria-disabled', String(!available.has(option)));\n      if (node !== cursor) panel.insertBefore(node, cursor);\n      cursor = node.nextElementSibling;\n    }\n    if (control.matches(':disabled') || control.hidden || (surface.isOpen() && !trigger.getClientRects().length)) surface.close();\n    if (active && !enabled().includes(active)) active = enabled().find(option => option.selected) ?? enabled()[0];\n    highlight();\n  }\n  function commit(option: HTMLOptionElement | undefined): void {\n    if (!option || !enabled().includes(option) || control.matches(':disabled')) return;\n    const changed = control.value !== option.value || control.selectedIndex !== option.index;\n    control.selectedIndex = option.index; invalid = false;\n    surface.close(true); refresh();\n    if (changed) {\n      control.dispatchEvent(new Event('input', { bubbles: true }));\n      control.dispatchEvent(new Event('change', { bubbles: true }));\n      refresh();\n    }\n  }\n  life.listen(trigger, 'click', (event => { event.preventDefault(); trigger.focus({ preventScroll: true }); refresh(); if (surface.isOpen()) surface.close(); else surface.open(); }) as EventListener);\n  life.listen(trigger, 'keydown', (event => {\n    const key = event as KeyboardEvent;\n    if (key.isComposing || key.ctrlKey || key.metaKey || trigger.disabled) return;\n    if (key.key === 'Tab') { surface.close(); return; }\n    if (key.key === 'Enter' || key.key === ' ') {\n      key.preventDefault(); if (surface.isOpen()) commit(active); else { refresh(); surface.open(); } return;\n    }\n    const choices = enabled();\n    if (['ArrowDown', 'ArrowUp', 'Home', 'End'].includes(key.key)) {\n      key.preventDefault(); refresh();\n      const wasOpen = surface.isOpen(); if (!wasOpen) surface.open();\n      if (key.key === 'Home') active = choices[0];\n      else if (key.key === 'End') active = choices.at(-1);\n      else if (wasOpen) { const index = active ? choices.indexOf(active) : -1; active = choices[(index + (key.key === 'ArrowDown' ? 1 : -1) + choices.length) % choices.length]; }\n      highlight(); return;\n    }\n    if (key.key.length === 1 && !key.altKey) {\n      key.preventDefault(); refresh(); if (!surface.isOpen()) surface.open();\n      const now = Date.now(); search = now - searchTime > 700 ? key.key : search + key.key; searchTime = now;\n      const repeated = [...search].every(character => character === search[0]);\n      const query = (repeated ? search[0] : search).toLocaleLowerCase();\n      const start = active ? choices.indexOf(active) + 1 : 0;\n      const ordered = [...choices.slice(start), ...choices.slice(0, start)];\n      active = ordered.find(option => option.label.toLocaleLowerCase().startsWith(query)) ?? active; highlight();\n    }\n  }) as EventListener);\n  // Keep focus on the combobox while clicking an option; the listbox itself is\n  // represented by aria-activedescendant rather than a second tab stop.\n  life.listen(panel, 'pointerdown', event => event.preventDefault());\n  life.listen(panel, 'click', (event => {\n    event.preventDefault();\n    const node = (event.target as Element).closest<HTMLElement>('[role=\"option\"]');\n    commit([...items].find(([, item]) => item === node)?.[0]);\n  }) as EventListener);\n  life.listen(control, 'input', refresh); life.listen(control, 'change', () => { invalid = false; refresh(); });\n  life.listen(control, 'click', event => { event.preventDefault(); trigger.focus(); refresh(); surface.open(); });\n  // Native validation chooses the correct field to focus. checkValidity only\n  // dispatches invalid; reportValidity/submission also focuses the first field.\n  life.listen(control, 'invalid', () => { invalid = true; refresh(); });\n  life.listen(control, 'focus', () => { if (invalid) trigger.focus(); });\n  life.listen(doc, 'reset', event => { if (event.target === control.form) queueMicrotask(() => { if (!event.defaultPrevented) { invalid = false; refresh(); } }); }, { capture: true });\n  const observer = new MutationObserver(refresh);\n  observer.observe(control, { childList: true, subtree: true, characterData: true, attributes: true,\n    attributeFilter: ['disabled', 'hidden', 'required', 'class', 'aria-label', 'aria-labelledby', 'aria-describedby', 'aria-invalid', 'title', 'label', 'value', 'selected'] });\n  life.add(() => observer.disconnect());\n  refresh();\n  return { trigger, refresh, focus() { if (!disposed) trigger.focus(); }, destroy() {\n    if (disposed) return;\n    disposed = true; surface.destroy(); life.destroy();\n    control.classList.remove('pui-select-backing');\n    if (originalHidden === null) control.removeAttribute('aria-hidden'); else control.setAttribute('aria-hidden', originalHidden);\n    if (originalTabIndex === null) control.removeAttribute('tabindex'); else control.setAttribute('tabindex', originalTabIndex);\n    if (wrapper.parentNode) wrapper.replaceWith(control); else control.remove();\n    items.clear();\n  } };\n}\n"]}