@fusion.dev/helix-core 0.109.1 → 0.109.3

package/custom-elements.json

@@ -9640,6 +9640,15 @@
               "readonly": true,
               "description": "Id of the description node, for `aria-describedby` on the control.\n\n`undefined` when there is nothing to point at, so the attribute is absent\nrather than pointing at an id that renders nothing."
             },
+            {
+              "kind": "field",
+              "name": "invalidity",
+              "type": {
+                "text": "'true' | undefined"
+              },
+              "readonly": true,
+              "description": "`'true'` for `aria-invalid` on the control while a message is shown, and\n`undefined` otherwise, so the attribute is absent."
+            },
             {
               "kind": "field",
               "name": "feedback",
@@ -10043,6 +10052,14 @@
             }
           ],
           "attributes": [
+            {
+              "name": "aria-label",
+              "type": {
+                "text": "string | null"
+              },
+              "default": "null",
+              "fieldName": "namedBy"
+            },
             {
               "name": "feedback",
               "type": {

package/dist/mixins/mixin-field/mixin-field.d.ts

@@ -33,6 +33,11 @@ export declare class MixinFieldInterface {
      * rather than pointing at an id that renders nothing.
      */
     readonly describedBy: string | undefined;
+    /**
+     * `'true'` for `aria-invalid` on the control while a message is shown, and
+     * `undefined` otherwise, so the attribute is absent.
+     */
+    readonly invalidity: 'true' | undefined;
     /**
      * The validation message shown under the control. It replaces the browser's
      * message.

package/dist/mixins/mixin-field/mixin-field.js

@@ -15,6 +15,7 @@ export const MixinField = (Base) => {
             super(...arguments);
             this.controlId = 'control';
             this.labelId = 'label';
+            this.namedBy = null;
             this.feedback = '';
             this.hint = '';
             this.label = '';
@@ -43,6 +44,9 @@ export const MixinField = (Base) => {
             }
             return this.hint === '' ? undefined : HINT_ID;
         }
+        get invalidity() {
+            return this.resolvedFeedback === '' ? undefined : 'true';
+        }
         renderGroupLabel() {
             const hidden = this.label === '' ? this.getAttribute('aria-label') : null;
             if (this.label === '' && !hidden) {
@@ -131,6 +135,9 @@ export const MixinField = (Base) => {
             this.addEventListener('change', touch);
         }
     }
+    __decorate([
+        property({ attribute: 'aria-label' })
+    ], FieldElement.prototype, "namedBy", void 0);
     __decorate([
         property()
     ], FieldElement.prototype, "feedback", void 0);

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@fusion.dev/helix-core",
   "description": "Helix element primitives: base classes, mixins, decorators, utilities.",
-  "version": "0.109.1",
+  "version": "0.109.3",
   "license": "MIT",
   "author": "Ross Sheppard <ross.sheppard@fusion.dev>",
   "repository": {
@@ -34,11 +34,11 @@
   "bugs": "https://github.com/project-fusion/fusion/issues",
   "dependencies": {
     "@floating-ui/dom": "^1.8.0",
-    "@fusion.dev/helix-icons": "0.109.1"
+    "@fusion.dev/helix-icons": "0.109.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",
     "@lit-labs/ssr": "^4.1.0",
     "lit": "^3.2.1"
   },