fix: add missing aria element properties

Author: lideen

.changeset/sour-seas-fail.md

@@ -0,0 +1,5 @@
+---
+"element-internals-polyfill": patch
+---
+
+Added missing aria properties

package-lock.json

@@ -55,6 +55,7 @@
     "@rollup/plugin-node-resolve": "^7.1.3",
     "@rollup/plugin-typescript": "^6.0.0",
     "@types/mocha": "^10.0.1",
+    "@types/node": "^24.5.0",
     "@web/dev-server-esbuild": "^0.3.3",
     "@web/test-runner": "^0.15.0",
     "@web/test-runner-playwright": "^0.9.0",
@@ -80,6 +81,6 @@
     "sinon": "^9.2.4",
     "standard-version": "^9.0.0",
     "tslib": "^2.1.0",
-    "typescript": "^5.5.4"
+    "typescript": "^5.9.2"
   }
 }

package.json

@@ -2,7 +2,10 @@ import { upgradeMap } from "./maps.js";
 import { setAttribute } from "./utils.js";
 import "./types.js";
 
-export const aom: Record<keyof ARIAMixin, string> = {
+const PROPERTY_ONLY = Symbol("PROPERTY_ONLY");
+
+export const aom: Record<keyof ARIAMixin, string | symbol> = {
+  ariaActiveDescendantElement: PROPERTY_ONLY,
   ariaAtomic: "aria-atomic",
   ariaAutoComplete: "aria-autocomplete",
   ariaBrailleLabel: "aria-braillelabel",
@@ -13,21 +16,28 @@ export const aom: Record<keyof ARIAMixin, string> = {
   ariaColIndex: "aria-colindex",
   ariaColIndexText: "aria-colindextext",
   ariaColSpan: "aria-colspan",
+  ariaControlsElements: PROPERTY_ONLY,
   ariaCurrent: "aria-current",
+  ariaDescribedByElements: PROPERTY_ONLY,
   ariaDescription: "aria-description",
+  ariaDetailsElements: PROPERTY_ONLY,
   ariaDisabled: "aria-disabled",
+  ariaErrorMessageElements: PROPERTY_ONLY,
   ariaExpanded: "aria-expanded",
+  ariaFlowToElements: PROPERTY_ONLY,
   ariaHasPopup: "aria-haspopup",
   ariaHidden: "aria-hidden",
   ariaInvalid: "aria-invalid",
   ariaKeyShortcuts: "aria-keyshortcuts",
   ariaLabel: "aria-label",
+  ariaLabelledByElements: PROPERTY_ONLY,
   ariaLevel: "aria-level",
   ariaLive: "aria-live",
   ariaModal: "aria-modal",
   ariaMultiLine: "aria-multiline",
   ariaMultiSelectable: "aria-multiselectable",
   ariaOrientation: "aria-orientation",
+  ariaOwnsElements: PROPERTY_ONLY,
   ariaPlaceholder: "aria-placeholder",
   ariaPosInSet: "aria-posinset",
   ariaPressed: "aria-pressed",
@@ -65,7 +75,11 @@ export const initAom = (
       set(value) {
         closureValue = value;
         if (ref.isConnected) {
-          setAttribute(ref, attributeName, value);
+          if (attributeName === PROPERTY_ONLY) {
+            ref[key] = value;
+          } else {
+            setAttribute(ref, attributeName, value);
+          }
         } else {
           upgradeMap.set(ref, internals);
         }

src/aom.ts

@@ -35,6 +35,7 @@ import { CustomStateSet } from "./CustomStateSet.js";
 import { patchFormPrototype } from "./patch-form-prototype.js";
 
 export class ElementInternals implements globalThis.ElementInternals {
+  ariaActiveDescendantElement: Element;
   ariaAtomic: string;
   ariaAutoComplete: string;
   ariaBrailleLabel: string;
@@ -45,21 +46,28 @@ export class ElementInternals implements globalThis.ElementInternals {
   ariaColIndex: string;
   ariaColIndexText: string;
   ariaColSpan: string;
+  ariaControlsElements: readonly Element[];
   ariaCurrent: string;
+  ariaDescribedByElements: readonly Element[];
   ariaDescription: string;
+  ariaDetailsElements: readonly Element[];
   ariaDisabled: string;
+  ariaErrorMessageElements: readonly Element[];
   ariaExpanded: string;
+  ariaFlowToElements: readonly Element[];
   ariaHasPopup: string;
   ariaHidden: string;
   ariaInvalid: string;
   ariaKeyShortcuts: string;
   ariaLabel: string;
+  ariaLabelledByElements: readonly Element[];
   ariaLevel: string;
   ariaLive: string;
   ariaModal: string;
   ariaMultiLine: string;
   ariaMultiSelectable: string;
   ariaOrientation: string;
+  ariaOwnsElements: readonly Element[];
   ariaPlaceholder: string;
   ariaPosInSet: string;
   ariaPressed: string;