@fusion.dev/helix-headless 0.109.1 → 0.109.3

package/custom-elements.json

@@ -19730,6 +19730,18 @@
               "description": "The checked values, comma separated.",
               "fieldName": "value"
             },
+            {
+              "name": "aria-label",
+              "type": {
+                "text": "string | null"
+              },
+              "default": "null",
+              "fieldName": "namedBy",
+              "inheritedFrom": {
+                "name": "MixinField",
+                "module": "src/mixins/mixin-field/mixin-field.ts"
+              }
+            },
             {
               "name": "feedback",
               "type": {
@@ -21033,6 +21045,18 @@
                 "module": "src/mixins/mixin-controller-checked/mixin-controller-checked.ts"
               }
             },
+            {
+              "name": "aria-label",
+              "type": {
+                "text": "string | null"
+              },
+              "default": "null",
+              "fieldName": "namedBy",
+              "inheritedFrom": {
+                "name": "MixinField",
+                "module": "src/mixins/mixin-field/mixin-field.ts"
+              }
+            },
             {
               "name": "feedback",
               "type": {
@@ -24310,6 +24334,18 @@
                 "module": "src/mixins/mixin-controller-value/mixin-controller-value.ts"
               }
             },
+            {
+              "name": "aria-label",
+              "type": {
+                "text": "string | null"
+              },
+              "default": "null",
+              "fieldName": "namedBy",
+              "inheritedFrom": {
+                "name": "MixinField",
+                "module": "src/mixins/mixin-field/mixin-field.ts"
+              }
+            },
             {
               "name": "feedback",
               "type": {
@@ -28207,6 +28243,18 @@
                 "module": "src/mixins/mixin-controller-value/mixin-controller-value.ts"
               }
             },
+            {
+              "name": "aria-label",
+              "type": {
+                "text": "string | null"
+              },
+              "default": "null",
+              "fieldName": "namedBy",
+              "inheritedFrom": {
+                "name": "MixinField",
+                "module": "src/mixins/mixin-field/mixin-field.ts"
+              }
+            },
             {
               "name": "feedback",
               "type": {
@@ -35281,6 +35329,18 @@
                 "module": "src/mixins/mixin-controller-value/mixin-controller-value.ts"
               }
             },
+            {
+              "name": "aria-label",
+              "type": {
+                "text": "string | null"
+              },
+              "default": "null",
+              "fieldName": "namedBy",
+              "inheritedFrom": {
+                "name": "MixinField",
+                "module": "src/mixins/mixin-field/mixin-field.ts"
+              }
+            },
             {
               "name": "feedback",
               "type": {
@@ -43917,6 +43977,18 @@
               "description": "The trigger's text when nothing is slotted into it.",
               "fieldName": "triggerLabel"
             },
+            {
+              "name": "aria-label",
+              "type": {
+                "text": "string | null"
+              },
+              "default": "null",
+              "fieldName": "namedBy",
+              "inheritedFrom": {
+                "name": "MixinField",
+                "module": "src/mixins/mixin-field/mixin-field.ts"
+              }
+            },
             {
               "name": "feedback",
               "type": {
@@ -48288,6 +48360,18 @@
                 "module": "src/mixins/mixin-controller-value/mixin-controller-value.ts"
               }
             },
+            {
+              "name": "aria-label",
+              "type": {
+                "text": "string | null"
+              },
+              "default": "null",
+              "fieldName": "namedBy",
+              "inheritedFrom": {
+                "name": "MixinField",
+                "module": "src/mixins/mixin-field/mixin-field.ts"
+              }
+            },
             {
               "name": "feedback",
               "type": {
@@ -54885,6 +54969,18 @@
                 "module": "src/mixins/mixin-controller-value/mixin-controller-value.ts"
               }
             },
+            {
+              "name": "aria-label",
+              "type": {
+                "text": "string | null"
+              },
+              "default": "null",
+              "fieldName": "namedBy",
+              "inheritedFrom": {
+                "name": "MixinField",
+                "module": "src/mixins/mixin-field/mixin-field.ts"
+              }
+            },
             {
               "name": "feedback",
               "type": {
@@ -61386,6 +61482,18 @@
                 "module": "src/mixins/mixin-controller-value/mixin-controller-value.ts"
               }
             },
+            {
+              "name": "aria-label",
+              "type": {
+                "text": "string | null"
+              },
+              "default": "null",
+              "fieldName": "namedBy",
+              "inheritedFrom": {
+                "name": "MixinField",
+                "module": "src/mixins/mixin-field/mixin-field.ts"
+              }
+            },
             {
               "name": "feedback",
               "type": {
@@ -77626,6 +77734,18 @@
                 "module": "src/mixins/mixin-controller-value/mixin-controller-value.ts"
               }
             },
+            {
+              "name": "aria-label",
+              "type": {
+                "text": "string | null"
+              },
+              "default": "null",
+              "fieldName": "namedBy",
+              "inheritedFrom": {
+                "name": "MixinField",
+                "module": "src/mixins/mixin-field/mixin-field.ts"
+              }
+            },
             {
               "name": "feedback",
               "type": {
@@ -84242,6 +84362,18 @@
                 "module": "src/mixins/mixin-controller-value/mixin-controller-value.ts"
               }
             },
+            {
+              "name": "aria-label",
+              "type": {
+                "text": "string | null"
+              },
+              "default": "null",
+              "fieldName": "namedBy",
+              "inheritedFrom": {
+                "name": "MixinField",
+                "module": "src/mixins/mixin-field/mixin-field.ts"
+              }
+            },
             {
               "name": "feedback",
               "type": {
@@ -87804,6 +87936,18 @@
                 "module": "src/mixins/mixin-controller-value/mixin-controller-value.ts"
               }
             },
+            {
+              "name": "aria-label",
+              "type": {
+                "text": "string | null"
+              },
+              "default": "null",
+              "fieldName": "namedBy",
+              "inheritedFrom": {
+                "name": "MixinField",
+                "module": "src/mixins/mixin-field/mixin-field.ts"
+              }
+            },
             {
               "name": "feedback",
               "type": {
@@ -89971,6 +90115,18 @@
                 "module": "src/mixins/mixin-controller-value/mixin-controller-value.ts"
               }
             },
+            {
+              "name": "aria-label",
+              "type": {
+                "text": "string | null"
+              },
+              "default": "null",
+              "fieldName": "namedBy",
+              "inheritedFrom": {
+                "name": "MixinField",
+                "module": "src/mixins/mixin-field/mixin-field.ts"
+              }
+            },
             {
               "name": "feedback",
               "type": {
@@ -93062,6 +93218,18 @@
                 "module": "src/mixins/mixin-controller-value/mixin-controller-value.ts"
               }
             },
+            {
+              "name": "aria-label",
+              "type": {
+                "text": "string | null"
+              },
+              "default": "null",
+              "fieldName": "namedBy",
+              "inheritedFrom": {
+                "name": "MixinField",
+                "module": "src/mixins/mixin-field/mixin-field.ts"
+              }
+            },
             {
               "name": "feedback",
               "type": {
@@ -95534,6 +95702,18 @@
                 "module": "src/mixins/mixin-controller-value/mixin-controller-value.ts"
               }
             },
+            {
+              "name": "aria-label",
+              "type": {
+                "text": "string | null"
+              },
+              "default": "null",
+              "fieldName": "namedBy",
+              "inheritedFrom": {
+                "name": "MixinField",
+                "module": "src/mixins/mixin-field/mixin-field.ts"
+              }
+            },
             {
               "name": "feedback",
               "type": {
@@ -101937,6 +102117,18 @@
                 "module": "src/mixins/mixin-controller-checked/mixin-controller-checked.ts"
               }
             },
+            {
+              "name": "aria-label",
+              "type": {
+                "text": "string | null"
+              },
+              "default": "null",
+              "fieldName": "namedBy",
+              "inheritedFrom": {
+                "name": "MixinField",
+                "module": "src/mixins/mixin-field/mixin-field.ts"
+              }
+            },
             {
               "name": "feedback",
               "type": {
@@ -108311,6 +108503,18 @@
                 "module": "src/mixins/mixin-controller-value/mixin-controller-value.ts"
               }
             },
+            {
+              "name": "aria-label",
+              "type": {
+                "text": "string | null"
+              },
+              "default": "null",
+              "fieldName": "namedBy",
+              "inheritedFrom": {
+                "name": "MixinField",
+                "module": "src/mixins/mixin-field/mixin-field.ts"
+              }
+            },
             {
               "name": "feedback",
               "type": {
@@ -110805,6 +111009,18 @@
                 "module": "src/mixins/mixin-controller-value/mixin-controller-value.ts"
               }
             },
+            {
+              "name": "aria-label",
+              "type": {
+                "text": "string | null"
+              },
+              "default": "null",
+              "fieldName": "namedBy",
+              "inheritedFrom": {
+                "name": "MixinField",
+                "module": "src/mixins/mixin-field/mixin-field.ts"
+              }
+            },
             {
               "name": "feedback",
               "type": {
@@ -115711,6 +115927,18 @@
                 "module": "src/mixins/mixin-controller-value/mixin-controller-value.ts"
               }
             },
+            {
+              "name": "aria-label",
+              "type": {
+                "text": "string | null"
+              },
+              "default": "null",
+              "fieldName": "namedBy",
+              "inheritedFrom": {
+                "name": "MixinField",
+                "module": "src/mixins/mixin-field/mixin-field.ts"
+              }
+            },
             {
               "name": "feedback",
               "type": {

package/dist/checkbox/root/checkbox-root.js

@@ -52,11 +52,17 @@ let HelixHeadlessCheckbox = class HelixHeadlessCheckbox extends MixinControllerC
     }
     syncLabelPresence() {
         const slot = this.renderRoot.querySelector('[part="label"] slot');
-        const filled = (slot?.assignedNodes({ flatten: true }) ?? []).some((node) => node.textContent?.trim() !== '' || node.nodeType === Node.ELEMENT_NODE);
-        this.toggleState('has-label', filled);
+        const meaningful = (node) => node.textContent?.trim() !== '' || node.nodeType === Node.ELEMENT_NODE;
+        const filled = (slot?.assignedNodes({ flatten: true }) ?? []).some(meaningful);
+        const hidden = this.label === '' &&
+            Boolean(this.getAttribute('aria-label')) &&
+            !(slot?.assignedNodes() ?? []).some(meaningful);
+        this.partNamed('label')?.toggleAttribute('data-hidden', hidden);
+        this.toggleState('has-label', filled && !hidden);
         this.partNamed('label')?.toggleAttribute('hidden', !filled);
     }
     render() {
+        const named = this.label === '' ? this.getAttribute('aria-label') : null;
         return html `<label part="field">
       <span part="box">
         <input
@@ -67,6 +73,7 @@ let HelixHeadlessCheckbox = class HelixHeadlessCheckbox extends MixinControllerC
           ?disabled=${this.isDisabled}
           ?required=${this.required}
           aria-describedby=${this.describedBy ?? nothing}
+          aria-invalid=${this.invalidity ?? nothing}
           @change=${this.handleChange}
           @input=${this.stopInner}
         />
@@ -75,7 +82,9 @@ let HelixHeadlessCheckbox = class HelixHeadlessCheckbox extends MixinControllerC
           aria-hidden="true"
         ></span>
       </span>
-      <span part="label"><slot @slotchange=${this.handleLabelChange}>${this.label}</slot></span>
+      <span part="label" ?data-hidden=${named !== null}
+        ><slot @slotchange=${this.handleLabelChange}>${this.label || named}</slot></span
+      >
     </label>
     ${this.renderHint()}${this.renderFeedback()}`;
     }

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

@@ -128,6 +128,7 @@ let HelixHeadlessColorInput = class HelixHeadlessColorInput extends MixinPickerF
           autocomplete=${this.autocomplete || nothing}
           spellcheck="false"
           aria-describedby=${this.describedBy ?? nothing}
+          aria-invalid=${this.invalidity ?? nothing}
           ?disabled=${this.isDisabled}
           ?required=${this.required}
           @input=${this.handleInput}

package/dist/combobox/root/combobox-root.js

@@ -320,6 +320,7 @@ let HelixHeadlessCombobox = class HelixHeadlessCombobox extends MixinControllerO
           aria-autocomplete=${this.suggest ? 'both' : 'list'}
           aria-expanded=${this.open ? 'true' : 'false'}
           aria-describedby=${this.describedBy ?? nothing}
+          aria-invalid=${this.invalidity ?? nothing}
           placeholder=${(this.chosen.length > 0 || this.unresolved ? '' : this.placeholder) || nothing}
           ?disabled=${this.isDisabled}
           .value=${this.multiple || this.open ? this.suggestion || this.typed : this.word}

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

@@ -235,6 +235,7 @@ let HelixHeadlessDateInput = class HelixHeadlessDateInput extends MixinPickerEdi
           autocomplete=${this.autocomplete || nothing}
           inputmode="numeric"
           aria-describedby=${this.describedBy ?? nothing}
+          aria-invalid=${this.invalidity ?? nothing}
           ?disabled=${this.isDisabled}
           ?readonly=${this.readOnly}
           ?required=${this.required}

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

@@ -187,6 +187,7 @@ let HelixHeadlessFileInput = class HelixHeadlessFileInput extends MixinField(Hel
           capture=${this.capture ?? nothing}
           name=${this.name || nothing}
           aria-describedby=${this.describedBy ?? nothing}
+          aria-invalid=${this.invalidity ?? nothing}
           ?disabled=${this.isDisabled}
           ?multiple=${this.multiple}
           ?required=${this.required}

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

@@ -345,6 +345,7 @@ let HelixHeadlessFilterInput = class HelixHeadlessFilterInput extends MixinContr
         name=${this.name || nothing}
         placeholder=${this.placeholder || nothing}
         aria-describedby=${this.describedBy ?? nothing}
+        aria-invalid=${this.invalidity ?? nothing}
         role=${this.suggesting ? 'combobox' : nothing}
         aria-autocomplete=${this.suggesting ? 'list' : nothing}
         aria-controls=${this.suggesting ? 'suggestions' : nothing}

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

@@ -135,6 +135,7 @@ let HelixHeadlessInput = class HelixHeadlessInput extends MixinControllerValue(M
         minlength=${this.minLength ?? nothing}
         maxlength=${this.maxLength ?? nothing}
         aria-describedby=${this.describedBy ?? nothing}
+        aria-invalid=${this.invalidity ?? nothing}
         ?disabled=${this.isDisabled}
         ?readonly=${this.readOnly}
         ?required=${this.required}

package/dist/listbox/root/listbox-root.js

@@ -389,6 +389,7 @@ let HelixHeadlessListbox = class HelixHeadlessListbox extends MixinCollection(Mi
         role="listbox"
         aria-busy=${this.loading ? 'true' : nothing}
         aria-describedby=${this.describedBy ?? nothing}
+        aria-invalid=${this.invalidity ?? nothing}
         aria-labelledby=${this.labeled ? this.labelId : nothing}
         aria-multiselectable=${this.multiple ? 'true' : nothing}
         aria-required=${this.required ? 'true' : nothing}

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

@@ -270,6 +270,7 @@ let HelixHeadlessNumberInput = class HelixHeadlessNumberInput extends MixinContr
           name=${this.name || nothing}
           placeholder=${this.placeholder || nothing}
           aria-describedby=${this.describedBy ?? nothing}
+          aria-invalid=${this.invalidity ?? nothing}
           aria-valuemin=${this.min ?? nothing}
           aria-valuemax=${this.max ?? nothing}
           aria-valuenow=${parsed ?? nothing}

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

@@ -218,6 +218,7 @@ let HelixHeadlessPinInput = class HelixHeadlessPinInput extends MixinControllerV
             inputmode=${this.type === 'numeric' ? 'numeric' : 'text'}
             autocomplete=${at === 0 ? this.autocomplete || nothing : 'off'}
             aria-label=${fillTemplate(this.cellLabel, { index: at + 1, length: this.count })}
+            aria-invalid=${this.invalidity ?? nothing}
             ?disabled=${this.isDisabled}
             ?readonly=${this.readOnly}
             @focus=${this.handleFocus}

package/dist/rating/root/rating-root.js

@@ -201,6 +201,7 @@ let HelixHeadlessRating = class HelixHeadlessRating extends MixinControllerValue
       aria-label=${this.readOnly ? said : nothing}
       aria-labelledby=${!this.readOnly && this.labeled ? this.labelId : nothing}
       aria-describedby=${this.describedBy ?? nothing}
+      aria-invalid=${this.invalidity ?? nothing}
       aria-required=${this.required && !this.readOnly ? 'true' : nothing}
       data-slotted=${this.markSource ? '' : nothing}
       style=${`--rating-full: ${Math.floor(showing)}; --rating-part: ${showing - Math.floor(showing)}; --rating-steps: ${this.positions.length}`}

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

@@ -155,6 +155,7 @@ let HelixHeadlessSelect = class HelixHeadlessSelect extends MixinControllerOpen(
         aria-haspopup="listbox"
         aria-expanded=${this.open ? 'true' : 'false'}
         aria-describedby=${this.describedBy ?? nothing}
+        aria-invalid=${this.invalidity ?? nothing}
         ?disabled=${this.isDisabled}
         @click=${() => this.toggleOpen()}
         @keydown=${this.handleTriggerKeydown}

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

@@ -131,6 +131,7 @@ let HelixHeadlessSlider = class HelixHeadlessSlider extends MixinControllerValue
         .value=${String(at)}
         aria-labelledby=${this.labeled ? `${this.labelId} ${which}-name` : `${which}-name`}
         aria-describedby=${this.describedBy ?? nothing}
+        aria-invalid=${this.invalidity ?? nothing}
         ?disabled=${this.isDisabled}
         @input=${this.handleInput}
         @change=${this.handleChange}
@@ -161,6 +162,7 @@ let HelixHeadlessSlider = class HelixHeadlessSlider extends MixinControllerValue
               .value=${this.value}
               name=${this.name || nothing}
               aria-describedby=${this.describedBy ?? nothing}
+              aria-invalid=${this.invalidity ?? nothing}
               ?disabled=${this.isDisabled}
               @input=${this.handleInput}
               @change=${this.handleChange}

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

@@ -52,6 +52,7 @@ let HelixHeadlessSwitch = class HelixHeadlessSwitch extends MixinControllerCheck
           ?disabled=${this.isDisabled}
           ?required=${this.required}
           aria-describedby=${this.describedBy ?? nothing}
+          aria-invalid=${this.invalidity ?? nothing}
           @change=${this.handleChange}
           @input=${this.stopInner}
         />

package/dist/textarea/root/textarea-root.js

@@ -168,6 +168,7 @@ let HelixHeadlessTextarea = class HelixHeadlessTextarea extends MixinControllerV
         minlength=${this.minLength ?? nothing}
         maxlength=${this.maxLength ?? nothing}
         aria-describedby=${this.describedBy ?? nothing}
+        aria-invalid=${this.invalidity ?? nothing}
         ?disabled=${this.isDisabled}
         ?readonly=${this.readOnly}
         ?required=${this.required}

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

@@ -207,6 +207,7 @@ let HelixHeadlessTimeInput = class HelixHeadlessTimeInput extends MixinPickerEdi
           placeholder=${this.mode === 'multiple' && this.held.length > 0 ? nothing : this.placeholder || nothing}
           autocomplete=${this.autocomplete || nothing}
           aria-describedby=${this.describedBy ?? nothing}
+          aria-invalid=${this.invalidity ?? nothing}
           ?disabled=${this.isDisabled}
           ?readonly=${this.readOnly}
           ?required=${this.required}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@fusion.dev/helix-headless",
   "description": "Headless component tier. Structure, accessibility, state, and form participation. No styling.",
-  "version": "0.109.1",
+  "version": "0.109.3",
   "license": "MIT",
   "author": "Ross Sheppard <ross.sheppard@fusion.dev>",
   "repository": {
@@ -46,13 +46,13 @@
   },
   "bugs": "https://github.com/project-fusion/fusion/issues",
   "dependencies": {
-    "@fusion.dev/helix-core": "0.109.1",
-    "@fusion.dev/helix-icons": "0.109.1",
+    "@fusion.dev/helix-core": "0.109.3",
+    "@fusion.dev/helix-icons": "0.109.3",
     "uqr": "^0.1.3"
   },
   "devDependencies": {
-    "@fusion.dev/helix-cem": "0.109.1",
-    "@fusion.dev/helix-testing": "0.109.1",
+    "@fusion.dev/helix-cem": "0.109.3",
+    "@fusion.dev/helix-testing": "0.109.3",
     "@fusion.dev/scripts": "0.0.0-dev",
     "@happy-dom/global-registrator": "^20.0.0",
     "@lit-labs/ssr": "^4.1.0",