@fusion.dev/helix-headless 0.178.0 → 0.180.0

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

@@ -4,15 +4,14 @@ 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 { AriaForwardController, afterLinkFollowed, chosenValues, customElement, dataOptions, drawAutofill, drawStatus, HelixFormElement, hostAria, hostWords, inlineStep, isRtl, MixinControllerOpen, MixinControllerValue, MixinField, onApple, PopoverController, reportValues, StatusController, sideOf, typesCharacter, UpgradeController, words, wordsLocale, } from '@fusion.dev/helix-core';
+import { AriaForwardController, afterLinkFollowed, auditChildren, chosenValues, customElement, dataOptions, drawAutofill, drawStatus, HelixFormElement, hostAria, hostWords, inlineStep, isRtl, MixinControllerOpen, MixinControllerValue, MixinField, onApple, PopoverController, reportValues, StatusController, sideOf, typesCharacter, UpgradeController, words, wordsLocale, } from '@fusion.dev/helix-core';
 import { caretDown } from '@fusion.dev/helix-icons';
 import { nothing } from 'lit';
 import { property } from 'lit/decorators.js';
 import { unsafeSVG } from 'lit/directives/unsafe-svg.js';
 import { html } from 'lit/static-html.js';
-import { optionsAmong } from '../../option/root/option-root.js';
+import { optionsAmong } from '../../option/among.js';
 import '../../listbox/index.js';
-import '../../option/index.js';
 import { over } from '../align.js';
 let HelixHeadlessSelect = class HelixHeadlessSelect extends MixinControllerOpen(MixinControllerValue(MixinField(HelixFormElement))) {
     constructor() {
@@ -210,6 +209,7 @@ let HelixHeadlessSelect = class HelixHeadlessSelect extends MixinControllerOpen(
     }
     connectedCallback() {
         super.connectedCallback();
+        auditChildren(this, 'option', 'option', 'it offers no choices');
         this.addEventListener('helix-select', this.handleLinkFollowed);
         const words = new MutationObserver(() => this.requestUpdate());
         words.observe(this, {

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

@@ -87,6 +87,12 @@ export declare class HelixHeadlessSpeedDialItem extends HelixElement {
      * keyboard controller uses for the arrow keys.
      */
     focusItem(): void;
+    /**
+     * Presses the action, as `click()` presses a native button: passed to the
+     * control inside, which is what answers a click, so a script's `click()`
+     * chooses the action and follows its link, once.
+     */
+    click(): void;
     /** Chooses the action, the same as pressing it. */
     select(): void;
     /**

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

@@ -43,6 +43,15 @@ let HelixHeadlessSpeedDialItem = class HelixHeadlessSpeedDialItem extends HelixE
     focusItem() {
         this.focus();
     }
+    click() {
+        const control = this.partNamed('item');
+        if (control) {
+            control.click();
+        }
+        else {
+            super.click();
+        }
+    }
     select() {
         this.choose();
     }

package/dist/table/column/table-column.d.ts

@@ -10,16 +10,7 @@ import { type PropertyValues, type TemplateResult } from 'lit';
  * `undefined` falls back to the field.
  */
 export type CellReader = (row: Readonly<Record<string, unknown>>) => unknown;
-/**
- * The edge a column names, where it names one of the three.
- *
- * **`text-align` is a string anybody can write**, the union on the property being a
- * compile-time claim and nothing else, and both tables put the value straight
- * into CSS: `Table` into a rule in each row's shadow root, `DataTable` into the
- * cell it draws. One guard, here with the property, rather than one in each
- * table and only one of them written.
- */
-export declare const edgeOf: (align: string | undefined) => string | undefined;
+export { edgeOf } from '../edge.js';
 /**
  * @summary One column of a table: its heading, its width, and the field it reads from each row.
  *

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

@@ -10,8 +10,7 @@ import { dotsSixVertical } from '@fusion.dev/helix-icons';
 import { html, nothing } from 'lit';
 import { property, state } from 'lit/decorators.js';
 import { unsafeSVG } from 'lit/directives/unsafe-svg.js';
-const EDGES = new Set(['center', 'end', 'start']);
-export const edgeOf = (align) => align && EDGES.has(align) ? align : undefined;
+export { edgeOf } from '../edge.js';
 let HelixHeadlessTableColumn = class HelixHeadlessTableColumn extends HelixElement {
     constructor() {
         super(...arguments);

package/dist/table/edge.d.ts

@@ -0,0 +1,10 @@
+/**
+ * The edge a column names, where it names one of the three.
+ *
+ * **`text-align` is a string anybody can write**, the union on the property being a
+ * compile-time claim and nothing else, and both tables put the value straight
+ * into CSS: `Table` into a rule in each row's shadow root, `DataTable` into the
+ * cell it draws. One guard, here with the property, rather than one in each
+ * table and only one of them written.
+ */
+export declare const edgeOf: (align: string | undefined) => string | undefined;

package/dist/table/edge.js

@@ -0,0 +1,2 @@
+const EDGES = new Set(['center', 'end', 'start']);
+export const edgeOf = (align) => align && EDGES.has(align) ? align : undefined;

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

@@ -192,6 +192,7 @@ export declare class HelixHeadlessTabs extends HelixHeadlessTabs_base {
     private refocus;
     connectedCallback(): void;
     disconnectedCallback(): void;
+    protected willUpdate(changed: PropertyValues): void;
     protected firstUpdated(changed: PropertyValues): void;
     /** Watches the strip's size while `scroll-controls` asks, and reads it. */
     private watchStrip;

package/dist/tabs/root/tabs-root.js

@@ -68,6 +68,9 @@ let HelixHeadlessTabs = class HelixHeadlessTabs extends MixinControllerActive(He
         };
         this.handleSlotChange = () => {
             this.sync();
+            if (this.active === '') {
+                this.requestUpdate();
+            }
             this.indicator.place();
             this.refocus();
             this.measure();
@@ -161,6 +164,16 @@ let HelixHeadlessTabs = class HelixHeadlessTabs extends MixinControllerActive(He
         this.resizing?.disconnect();
         this.resizing = undefined;
     }
+    willUpdate(changed) {
+        super.willUpdate(changed);
+        if (this.active === '' && this.childrenKnown) {
+            const tabs = this.tabs;
+            const shown = tabs.find((tab) => tab.selected) ?? this.resolveActive(tabs);
+            if (shown) {
+                this.active = shown.value;
+            }
+        }
+    }
     firstUpdated(changed) {
         super.firstUpdated(changed);
         this.sync();

package/dist/tabs/tab/tab.d.ts

@@ -112,6 +112,12 @@ export declare class HelixHeadlessTab extends HelixHeadlessTab_base {
      * which changes nothing and so re-renders nothing.
      */
     protected firstUpdated(changed: PropertyValues): void;
+    /**
+     * Presses the tab, as `click()` presses a native button: passed to the
+     * control inside, which is what answers a click, so a script's `click()`
+     * selects the tab, or follows its link, once.
+     */
+    click(): void;
     protected render(): TemplateResult;
 }
 declare global {

package/dist/tabs/tab/tab.js

@@ -67,6 +67,15 @@ let HelixHeadlessTab = class HelixHeadlessTab extends MixinDismissible(MixinSele
         super.firstUpdated(changed);
         this.finishHydration();
     }
+    click() {
+        const control = this.partNamed('tab');
+        if (control) {
+            control.click();
+        }
+        else {
+            super.click();
+        }
+    }
     render() {
         const tabindex = this.selected || !this.childrenKnown ? '0' : '-1';
         const shortcut = this.dismissible && !this.disabled ? 'Delete' : nothing;

package/dist/tooltip/root/tooltip-root.js

@@ -353,6 +353,7 @@ let HelixHeadlessTooltip = class HelixHeadlessTooltip extends MixinControllerOpe
         hostAria(this.internals, {
             describedBy: this.hasContent ? [bubble] : [],
             label: this.describedText,
+            role: 'none',
         });
         this.internals.ariaHidden = this.for !== '' && !this.open ? 'true' : null;
     }