@fusion.dev/helix-headless 0.25.1 → 0.30.0

package/dist/megamenu/root/megamenu-root.js

@@ -23,9 +23,10 @@ let HelixHeadlessMegamenu = class HelixHeadlessMegamenu extends MixinControllerO
             anchor: () => this.trigger,
             boundary: () => this,
             onDismiss: () => this.close(),
+            open: () => this.open,
             place: () => !this.banded,
             placement: () => 'bottom-start',
-            surface: () => this.renderRoot?.querySelector('[part="surface"]'),
+            surface: () => this.partNamed('surface'),
         });
         this.handleScroll = () => {
             if (!this.open || !this.banded) {
@@ -107,7 +108,7 @@ let HelixHeadlessMegamenu = class HelixHeadlessMegamenu extends MixinControllerO
         return slot?.assignedElements({ flatten: false })[0];
     }
     get trigger() {
-        return anchorElement(this.renderRoot?.querySelector('slot[name="trigger"]'), this.renderRoot?.querySelector('[part="trigger"]') ?? this);
+        return anchorElement(this.renderRoot?.querySelector('slot[name="trigger"]'), this.partNamed('trigger') ?? this);
     }
     close() {
         if (!this.requestOpen(false)) {
@@ -148,7 +149,7 @@ let HelixHeadlessMegamenu = class HelixHeadlessMegamenu extends MixinControllerO
     connectedCallback() {
         super.connectedCallback();
         this.watchWidth();
-        addEventListener('scroll', this.handleScroll, { capture: true, passive: true });
+        window.addEventListener('scroll', this.handleScroll, { capture: true, passive: true });
         this.addEventListener('pointerdown', this.handlePointerDown);
         this.addEventListener('click', this.handleContentClick);
         this.addEventListener('pointerenter', this.handlePointerEnter);
@@ -156,7 +157,7 @@ let HelixHeadlessMegamenu = class HelixHeadlessMegamenu extends MixinControllerO
     }
     disconnectedCallback() {
         super.disconnectedCallback();
-        removeEventListener('scroll', this.handleScroll, { capture: true });
+        window.removeEventListener('scroll', this.handleScroll, { capture: true });
         this.query?.removeEventListener('change', this.handleWidth);
         this.query = undefined;
         this.removeEventListener('pointerdown', this.handlePointerDown);
@@ -168,6 +169,21 @@ let HelixHeadlessMegamenu = class HelixHeadlessMegamenu extends MixinControllerO
             showing = undefined;
         }
     }
+    willUpdate(changed) {
+        super.willUpdate(changed);
+        if (!changed.has('open')) {
+            return;
+        }
+        if (this.open) {
+            if (showing && showing !== this) {
+                showing.requestOpen(false);
+            }
+            showing = this;
+        }
+        else if (showing === this) {
+            showing = undefined;
+        }
+    }
     updated(changed) {
         super.updated?.(changed);
         if (changed.has('fullBelow')) {
@@ -176,19 +192,8 @@ let HelixHeadlessMegamenu = class HelixHeadlessMegamenu extends MixinControllerO
         this.toggleAttribute('data-narrow', this.narrow);
         this.tellTrigger();
         if (this.open) {
-            if (showing && showing !== this) {
-                showing.requestOpen(false);
-            }
-            showing = this;
-            this.panel.show();
             this.band();
         }
-        else {
-            if (showing === this) {
-                showing = undefined;
-            }
-            this.panel.hide();
-        }
     }
     renderTrigger() {
         return html `<slot name="trigger" @click=${this.handleTriggerClick}>

package/dist/menu/item/menu-item.js

@@ -70,7 +70,7 @@ let HelixHeadlessMenuItem = class HelixHeadlessMenuItem extends HelixElement {
         this.finishHydration();
     }
     focus() {
-        this.renderRoot.querySelector('[part="item"]')?.focus();
+        this.partNamed('item')?.focus();
     }
     focusItem() {
         this.focus();

package/dist/menu/root/menu-root.js

@@ -31,8 +31,9 @@ let HelixHeadlessMenu = class HelixHeadlessMenu extends MixinCollection(MixinCon
             boundary: () => this,
             offset: () => this.offset,
             onDismiss: () => this.hide(),
+            open: () => this.open,
             placement: () => this.placement,
-            surface: () => this.renderRoot?.querySelector('[part="surface"]'),
+            surface: () => this.partNamed('surface'),
         });
         this.handleSelect = (event) => {
             const item = event.target;
@@ -56,7 +57,7 @@ let HelixHeadlessMenu = class HelixHeadlessMenu extends MixinCollection(MixinCon
             if (!item) {
                 return;
             }
-            const surface = this.renderRoot.querySelector('[part="surface"]');
+            const surface = this.partNamed('surface');
             scrollItemIntoView(item, { padding: 4, ...(surface ? { scroller: surface } : {}) });
         };
         this.handleKeydown = (event) => {
@@ -148,14 +149,6 @@ let HelixHeadlessMenu = class HelixHeadlessMenu extends MixinCollection(MixinCon
     updated(changed) {
         super.updated(changed);
         this.tellTrigger();
-        if (changed.has('open')) {
-            if (this.open) {
-                this.panel.show();
-            }
-            else {
-                this.panel.hide();
-            }
-        }
         for (const child of this.children) {
             const item = child;
             if (item.isMenuItem !== true) {

package/dist/navigation/root/navigation-root.d.ts

@@ -37,11 +37,10 @@ export declare class HelixHeadlessNavigation extends HelixElement {
      * Accessible name for the landmark.
      */
     label: string;
-    private observer;
     private current;
     /** The destinations the consumer slotted. */
     private get items();
-    /** Re-measures when the links change, move, or hand over the current page. */
+    /** Re-measures when the links change or hand over the current page. */
     private watch;
     connectedCallback(): void;
     disconnectedCallback(): void;

package/dist/navigation/root/navigation-root.js

@@ -12,8 +12,9 @@ let HelixHeadlessNavigation = class HelixHeadlessNavigation extends HelixElement
         super(...arguments);
         this.indicator = new IndicatorController(this, {
             active: () => this.items.find((item) => item.getAttribute('aria-current') === 'page'),
-            indicator: () => this.renderRoot?.querySelector('[part="indicator"]'),
-            surface: () => this.renderRoot?.querySelector('[part="nav"]'),
+            indicator: () => this.partNamed('indicator'),
+            observe: () => this.items,
+            surface: () => this.partNamed('nav'),
         });
         this.label = 'Main';
     }
@@ -22,14 +23,8 @@ let HelixHeadlessNavigation = class HelixHeadlessNavigation extends HelixElement
         return (slot?.assignedElements() ?? []);
     }
     watch() {
-        this.observer?.disconnect();
         this.current?.disconnect();
         this.indicator.place();
-        this.observer = new ResizeObserver(() => this.indicator.place());
-        this.observer.observe(this);
-        for (const item of this.items) {
-            this.observer.observe(item);
-        }
         this.current = new MutationObserver(() => this.indicator.place());
         for (const item of this.items) {
             this.current.observe(item, { attributeFilter: ['aria-current'] });
@@ -43,7 +38,6 @@ let HelixHeadlessNavigation = class HelixHeadlessNavigation extends HelixElement
     }
     disconnectedCallback() {
         super.disconnectedCallback();
-        this.observer?.disconnect();
         this.current?.disconnect();
     }
     firstUpdated(changed) {

package/dist/number-input/root/number-input-root.js

@@ -15,7 +15,7 @@ let HelixHeadlessNumberInput = class HelixHeadlessNumberInput extends MixinContr
     constructor() {
         super(...arguments);
         this.aria = new AriaForwardController(this, {
-            target: () => this.renderRoot?.querySelector('[part="control"]') ?? null,
+            target: () => this.partNamed('control'),
         });
         this.announcesInput = true;
         this.autocomplete = '';
@@ -65,7 +65,7 @@ let HelixHeadlessNumberInput = class HelixHeadlessNumberInput extends MixinContr
             }
             grip.releasePointerCapture(event.pointerId);
             if (this.value !== this.scrubStart) {
-                this.dispatchEvent(new Event('change', { bubbles: true, composed: false }));
+                this.announceChange();
             }
         };
         this.handleInput = (event) => {
@@ -85,7 +85,7 @@ let HelixHeadlessNumberInput = class HelixHeadlessNumberInput extends MixinContr
         };
         this.handleChange = (event) => {
             event.stopPropagation();
-            this.dispatchEvent(new Event('change', { bubbles: true, composed: false }));
+            this.announceChange();
         };
         this.handleKeydown = (event) => {
             if (event.key === 'ArrowUp') {
@@ -123,7 +123,7 @@ let HelixHeadlessNumberInput = class HelixHeadlessNumberInput extends MixinContr
         delegatesFocus: true,
     }; }
     get control() {
-        return this.renderRoot.querySelector('[part="control"]');
+        return this.partNamed('control');
     }
     get numeric() {
         if (this.value.trim() === '') {
@@ -158,7 +158,7 @@ let HelixHeadlessNumberInput = class HelixHeadlessNumberInput extends MixinContr
             restoreValue(control, this.value);
         }
         if (applied && this.value !== before) {
-            this.dispatchEvent(new Event('change', { bubbles: true, composed: false }));
+            this.announceChange();
         }
     }
     stepUp(large = false) {

package/dist/object-inspector/root/object-inspector-root.js

@@ -4,7 +4,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-import { CopyController, customElement, HelixElement, VirtualizeController, } from '@fusion.dev/helix-core';
+import { CopyController, customElement, HelixElement, scrollItemIntoView, VirtualizeController, } from '@fusion.dev/helix-core';
 import { caretDown, caretRight } from '@fusion.dev/helix-icons';
 import { html, nothing } from 'lit';
 import { property, state } from 'lit/decorators.js';
@@ -28,7 +28,7 @@ let HelixHeadlessObjectInspector = class HelixHeadlessObjectInspector extends He
         this.active = 0;
         this.revealing = false;
         this.virtualize = new VirtualizeController(this, {
-            container: () => this.windowed ? this.renderRoot?.querySelector('[part="tree"]') : null,
+            container: () => (this.windowed ? this.partNamed('tree') : null),
             count: () => this.rows.length,
             estimate: () => 24,
             measured: () => this.windowed,
@@ -183,10 +183,10 @@ let HelixHeadlessObjectInspector = class HelixHeadlessObjectInspector extends He
         }
     }
     reveal(attempts = 8) {
-        const tree = this.renderRoot?.querySelector('[part="tree"]');
+        const tree = this.partNamed('tree');
         const row = tree?.querySelector(`[data-index="${this.active}"]`);
         if (row) {
-            row.scrollIntoView({ block: 'nearest' });
+            scrollItemIntoView(row);
             return;
         }
         const drawn = [...(tree?.querySelectorAll('[part="row"]') ?? [])];

package/dist/outline/root/outline-root.d.ts

@@ -82,7 +82,6 @@ export declare class HelixHeadlessOutline extends HelixElement {
      */
     private reading;
     private observer;
-    private resize;
     /** The links, in document order. Empty on the server, which has no tree. */
     private get links();
     /** What each link points at, paired with the link, skipping anything missing. */

package/dist/outline/root/outline-root.js

@@ -12,8 +12,8 @@ let HelixHeadlessOutline = class HelixHeadlessOutline extends HelixElement {
         super(...arguments);
         this.indicator = new IndicatorController(this, {
             active: () => this.links.find((link) => link.hasAttribute('aria-current')),
-            indicator: () => this.renderRoot?.querySelector('[part="indicator"]'),
-            surface: () => this.renderRoot?.querySelector('[part="nav"]'),
+            indicator: () => this.partNamed('indicator'),
+            surface: () => this.partNamed('nav'),
         });
         this.behavior = 'auto';
         this.label = 'On this page';
@@ -47,10 +47,10 @@ let HelixHeadlessOutline = class HelixHeadlessOutline extends HelixElement {
             const arrive = () => {
                 clearTimeout(this.landed);
                 this.landing = undefined;
-                globalThis.document?.removeEventListener('scrollend', arrive, true);
+                document.removeEventListener('scrollend', arrive, true);
                 this.mark();
             };
-            globalThis.document?.addEventListener('scrollend', arrive, { capture: true, once: true });
+            document.addEventListener('scrollend', arrive, { capture: true, once: true });
             this.landed = setTimeout(arrive, 1200);
             if (this.behavior === 'auto') {
                 return;
@@ -162,36 +162,30 @@ let HelixHeadlessOutline = class HelixHeadlessOutline extends HelixElement {
     disconnectedCallback() {
         super.disconnectedCallback();
         this.removeEventListener('click', this.handleClick);
-        globalThis.document?.removeEventListener('scroll', this.handleScroll, true);
+        document.removeEventListener('scroll', this.handleScroll, true);
         if (this.frame !== 0) {
             globalThis.cancelAnimationFrame(this.frame);
             this.frame = 0;
         }
         this.observer?.disconnect();
         this.observer = undefined;
-        this.resize?.disconnect();
-        this.resize = undefined;
         clearTimeout(this.landed);
         this.landed = undefined;
     }
     connectedCallback() {
         super.connectedCallback();
         this.addEventListener('click', this.handleClick);
-        globalThis.document?.addEventListener('scroll', this.handleScroll, {
+        document.addEventListener('scroll', this.handleScroll, {
             capture: true,
             passive: true,
         });
         if (this.hasUpdated) {
             this.watch();
-            this.resize = new ResizeObserver(() => this.indicator.place());
-            this.resize.observe(this);
         }
     }
     firstUpdated(changed) {
         super.firstUpdated(changed);
         this.watch();
-        this.resize = new ResizeObserver(() => this.indicator.place());
-        this.resize.observe(this);
     }
     updated(changed) {
         super.updated(changed);

package/dist/pin-input/root/pin-input-root.js

@@ -11,7 +11,7 @@ let HelixHeadlessPinInput = class HelixHeadlessPinInput extends MixinControllerV
     constructor() {
         super(...arguments);
         this.aria = new AriaForwardController(this, {
-            target: () => this.renderRoot?.querySelector('[part="cell"]') ?? null,
+            target: () => this.partNamed('cell'),
         });
         this.announcesInput = true;
         this.autocomplete = 'one-time-code';
@@ -159,7 +159,7 @@ let HelixHeadlessPinInput = class HelixHeadlessPinInput extends MixinControllerV
             return;
         }
         this.committed = this.value;
-        this.dispatchEvent(new Event('change', { bubbles: true, composed: false }));
+        this.announceChange();
     }
     sync() {
         this.internals.setFormValue(this.value);

package/dist/popover/root/popover-root.js

@@ -18,8 +18,9 @@ let HelixHeadlessPopover = class HelixHeadlessPopover extends MixinControllerOpe
             boundary: () => [this, this.invoker],
             offset: () => this.offset,
             onDismiss: () => this.hide(),
+            open: () => this.open,
             placement: () => this.placement,
-            surface: () => this.renderRoot?.querySelector('[part="popover"]'),
+            surface: () => this.partNamed('popover'),
         });
         this.commands = new CommandController(this, {
             commands: {
@@ -73,15 +74,6 @@ let HelixHeadlessPopover = class HelixHeadlessPopover extends MixinControllerOpe
     updated(changed) {
         super.updated(changed);
         this.tellTrigger();
-        if (!changed.has('open')) {
-            return;
-        }
-        if (this.open) {
-            this.panel.show();
-        }
-        else {
-            this.panel.hide();
-        }
     }
     render() {
         return html `<slot name="trigger" @click=${this.handleTriggerClick}></slot>

package/dist/radio/root/radio-root.js

@@ -22,7 +22,7 @@ let HelixHeadlessRadio = class HelixHeadlessRadio extends HelixElement {
         this.seeded = next;
     }
     focusItem() {
-        this.renderRoot.querySelector('[part="item"]')?.focus();
+        this.partNamed('item')?.focus();
     }
     select() {
         if (this.disabled) {

package/dist/scatter-chart/root/scatter-chart-root.js

@@ -53,7 +53,7 @@ let HelixHeadlessScatterChart = class HelixHeadlessScatterChart extends MixinCha
             if (event.pointerType !== 'mouse' && event.pointerType !== 'pen') {
                 return;
             }
-            const box = this.renderRoot.querySelector('[part="plot"]')?.getBoundingClientRect();
+            const box = this.partNamed('plot')?.getBoundingClientRect();
             if (!box || box.width === 0 || box.height === 0) {
                 return;
             }

package/dist/scroll-area/root/scroll-area-root.js

@@ -45,7 +45,7 @@ let HelixHeadlessScrollArea = class HelixHeadlessScrollArea extends HelixElement
         };
     }
     get scroller() {
-        return this.renderRoot?.querySelector('[part="viewport"]') ?? null;
+        return this.partNamed('viewport');
     }
     connectedCallback() {
         super.connectedCallback();

package/dist/select/root/select-root.js

@@ -16,7 +16,7 @@ let HelixHeadlessSelect = class HelixHeadlessSelect extends MixinControllerOpen(
     constructor() {
         super(...arguments);
         this.aria = new AriaForwardController(this, {
-            target: () => this.renderRoot?.querySelector('[part="trigger"]') ?? null,
+            target: () => this.partNamed('trigger'),
         });
         this.emptyText = 'No matches';
         this.filterable = false;
@@ -25,15 +25,16 @@ let HelixHeadlessSelect = class HelixHeadlessSelect extends MixinControllerOpen(
         this.multiple = false;
         this.placeholder = 'Choose';
         this.panel = new PopoverController(this, {
-            anchor: () => this.renderRoot?.querySelector('[part="trigger"]'),
+            anchor: () => this.partNamed('trigger'),
             boundary: () => [
-                this.renderRoot?.querySelector('[part="surface"]'),
-                this.renderRoot?.querySelector('[part="trigger"]'),
+                this.partNamed('surface'),
+                this.partNamed('trigger'),
             ],
             offset: () => 4,
             onDismiss: () => this.close(),
+            open: () => this.open,
             placement: 'bottom-start',
-            surface: () => this.renderRoot?.querySelector('[part="surface"]'),
+            surface: () => this.partNamed('surface'),
         });
         this.handleChange = (event) => {
             const next = event.detail.value;
@@ -66,7 +67,7 @@ let HelixHeadlessSelect = class HelixHeadlessSelect extends MixinControllerOpen(
         return this.multiple ? 'select-multiple' : 'select-one';
     }
     get listbox() {
-        return this.renderRoot?.querySelector('[part="listbox"]') ?? null;
+        return this.partNamed('listbox');
     }
     get display() {
         const chosen = new Set(this.value === '' ? [] : this.value.split(','));
@@ -80,7 +81,7 @@ let HelixHeadlessSelect = class HelixHeadlessSelect extends MixinControllerOpen(
             return;
         }
         this.requestOpen(false);
-        this.renderRoot.querySelector('[part="trigger"]')?.focus();
+        this.partNamed('trigger')?.focus();
     }
     sync() {
         this.internals.setFormValue(this.value === '' ? null : this.value);
@@ -99,13 +100,11 @@ let HelixHeadlessSelect = class HelixHeadlessSelect extends MixinControllerOpen(
         this.sync();
         this.linkHost();
         if (this.open) {
-            this.panel.show();
             if (changed.has('open')) {
                 this.listbox?.focus();
             }
         }
         else {
-            this.panel.hide();
             this.listbox?.requestFilter('');
         }
     }

package/dist/slider/root/slider-root.js

@@ -11,7 +11,7 @@ let HelixHeadlessSlider = class HelixHeadlessSlider extends MixinControllerValue
     constructor() {
         super(...arguments);
         this.aria = new AriaForwardController(this, {
-            target: () => this.renderRoot?.querySelector('[part="control"]') ?? null,
+            target: () => this.partNamed('control'),
         });
         this.announcesInput = true;
         this.markerLabels = false;
@@ -39,7 +39,7 @@ let HelixHeadlessSlider = class HelixHeadlessSlider extends MixinControllerValue
         };
         this.handleChange = (event) => {
             event.stopPropagation();
-            this.dispatchEvent(new Event('change', { bubbles: true, composed: false }));
+            this.announceChange();
         };
         this.step = 1;
     }

package/dist/sparkline/root/sparkline-root.d.ts

@@ -49,7 +49,6 @@ import { type PropertyValues, type TemplateResult } from 'lit';
  * @cssproperty --chart-terminus-y - Where the last point sits vertically, as a percentage.
  */
 export declare class HelixHeadlessSparkline extends HelixElement {
-    #private;
     /**
      * How the line gets from one reading to the next.
      *
@@ -134,6 +133,8 @@ export declare class HelixHeadlessSparkline extends HelixElement {
     values: string;
     protected readonly source: SourceController;
     protected willUpdate(changed: PropertyValues<this>): void;
+    /** The series to draw: the table if there is one, the attribute otherwise. */
+    private points;
     protected render(): TemplateResult;
 }
 declare global {

package/dist/sparkline/root/sparkline-root.js

@@ -26,14 +26,14 @@ let HelixHeadlessSparkline = class HelixHeadlessSparkline extends HelixElement {
             this.source.watch();
         }
     }
-    #points() {
+    points() {
         const series = this.source.series;
         return series.length > 0
             ? (series[0]?.points.map((point) => point.value) ?? [])
             : readValues(this.values);
     }
     render() {
-        const points = this.#points();
+        const points = this.points();
         const x = linear([0, Math.max(points.length - 1, 1)], [0, BOX.width]);
         const [low, high] = extent(points.length > 0 ? points : [0]);
         const y = this.plot === 'bar'

package/dist/speed-dial/item/speed-dial-item.js

@@ -18,7 +18,7 @@ let HelixHeadlessSpeedDialItem = class HelixHeadlessSpeedDialItem extends HelixE
         };
     }
     focus() {
-        this.renderRoot?.querySelector('[part="item"]')?.focus();
+        this.partNamed('item')?.focus();
     }
     focusItem() {
         this.focus();

package/dist/speed-dial/root/speed-dial-root.d.ts

@@ -1,4 +1,4 @@
-import { HelixElement, KeyboardNavigationController, type Placement } from '@fusion.dev/helix-core';
+import { HelixElement, KeyboardNavigationController, type Placement, PopoverController } from '@fusion.dev/helix-core';
 import { type PropertyValues, type TemplateResult } from 'lit';
 declare const HelixHeadlessSpeedDial_base: (new (...args: any[]) => import("@fusion.dev/helix-core").MixinControllerOpenInterface) & typeof HelixElement;
 /**
@@ -61,7 +61,7 @@ export declare class HelixHeadlessSpeedDial extends HelixHeadlessSpeedDial_base
      */
     placement: Placement;
     protected readonly keys: KeyboardNavigationController;
-    private readonly panel;
+    protected readonly panel: PopoverController;
     /** Whatever the consumer slotted, or the button rendered in its place. */
     private get trigger();
     /** The actions, which are this element's own rows and nothing else slotted. */

package/dist/speed-dial/root/speed-dial-root.js

@@ -23,8 +23,9 @@ let HelixHeadlessSpeedDial = class HelixHeadlessSpeedDial extends MixinControlle
             boundary: () => this,
             offset: () => this.offset,
             onDismiss: () => this.close(),
+            open: () => this.open,
             placement: () => this.placement,
-            surface: () => this.renderRoot?.querySelector('[part="actions"]'),
+            surface: () => this.partNamed('actions'),
         });
         this.handleTriggerClick = () => {
             this.requestOpen(!this.open);
@@ -46,7 +47,7 @@ let HelixHeadlessSpeedDial = class HelixHeadlessSpeedDial extends MixinControlle
         };
     }
     get trigger() {
-        return anchorElement(this.renderRoot?.querySelector('slot[name="trigger"]'), this.renderRoot?.querySelector('[part="trigger"]') ?? this);
+        return anchorElement(this.renderRoot?.querySelector('slot[name="trigger"]'), this.partNamed('trigger') ?? this);
     }
     get items() {
         const slot = this.renderRoot?.querySelector('slot:not([name])');
@@ -70,7 +71,7 @@ let HelixHeadlessSpeedDial = class HelixHeadlessSpeedDial extends MixinControlle
     }
     announce() {
         const trigger = this.trigger;
-        if (trigger === this.renderRoot?.querySelector('[part="trigger"]')) {
+        if (trigger === this.partNamed('trigger')) {
             return;
         }
         tellDisclosure(trigger, this.open);
@@ -79,16 +80,12 @@ let HelixHeadlessSpeedDial = class HelixHeadlessSpeedDial extends MixinControlle
         super.updated?.(changed);
         this.announce();
         if (this.open) {
-            this.panel.show();
             this.updateComplete.then(() => {
                 if (this.open) {
                     this.items.find((one) => !one.disabled)?.focusItem();
                 }
             });
         }
-        else {
-            this.panel.hide();
-        }
     }
     renderTrigger() {
         return html `<slot name="trigger" @click=${this.handleTriggerClick}>

package/dist/switch/root/switch-root.js

@@ -11,7 +11,7 @@ let HelixHeadlessSwitch = class HelixHeadlessSwitch extends MixinControllerCheck
     constructor() {
         super(...arguments);
         this.aria = new AriaForwardController(this, {
-            target: () => this.renderRoot?.querySelector('[part="control"]') ?? null,
+            target: () => this.partNamed('control'),
         });
         this.value = 'on';
         this.handleChange = (event) => {
@@ -22,7 +22,7 @@ let HelixHeadlessSwitch = class HelixHeadlessSwitch extends MixinControllerCheck
             if (!taken) {
                 return;
             }
-            this.dispatchEvent(new Event('change', { bubbles: true, composed: false }));
+            this.announceChange();
         };
     }
     sync() {
@@ -38,7 +38,7 @@ let HelixHeadlessSwitch = class HelixHeadlessSwitch extends MixinControllerCheck
         this.sync();
     }
     markEmpty() {
-        const region = this.renderRoot?.querySelector('[part="label"]');
+        const region = this.partNamed('label');
         const empty = !slotFilled(this.renderRoot?.querySelector('[part="label"] slot'));
         region?.toggleAttribute('data-empty', empty);
         region?.toggleAttribute('hidden', empty);

package/dist/table/column/table-column.js

@@ -115,7 +115,7 @@ let HelixHeadlessTableColumn = class HelixHeadlessTableColumn extends HelixEleme
         }
     }
     observeHeading() {
-        const heading = this.renderRoot?.querySelector('[part="column"]');
+        const heading = this.partNamed('column');
         if (heading) {
             this.watcher?.observe(heading);
         }