html-validate 11.3.0 → 11.4.0

package/dist/cjs/core.js

@@ -906,6 +906,13 @@ const definitions = {
 								type: "boolean",
 								title: "Set to true if this attribute can optionally omit its value"
 							},
+							reference: {
+								type: "string",
+								"enum": [
+									"id"
+								],
+								title: "Set when the attribute references another element."
+							},
 							required: {
 								title: "Set to true or a function to evaluate if this attribute is required",
 								oneOf: [
@@ -7551,10 +7558,58 @@ class IdPattern extends BasePatternRule {
 
 const restricted = /* @__PURE__ */ new Map([
   ["accept", ["file"]],
+  ["alpha", ["color"]],
   ["alt", ["image"]],
+  [
+    "autocapitalize",
+    [
+      "button",
+      "checkbox",
+      "color",
+      "date",
+      "datetime-local",
+      "file",
+      "hidden",
+      "image",
+      "month",
+      "number",
+      "radio",
+      "range",
+      "reset",
+      "search",
+      "submit",
+      "tel",
+      "text",
+      "time",
+      "week"
+    ]
+  ],
+  [
+    "autocomplete",
+    [
+      "color",
+      "date",
+      "datetime-local",
+      "email",
+      "file",
+      "hidden",
+      "image",
+      "month",
+      "number",
+      "password",
+      "range",
+      "search",
+      "tel",
+      "text",
+      "time",
+      "url",
+      "week"
+    ]
+  ],
   ["capture", ["file"]],
   ["checked", ["checkbox", "radio"]],
-  ["dirname", ["text", "search"]],
+  ["colorspace", ["color"]],
+  ["dirname", ["hidden", "text", "search", "url", "tel", "email"]],
   ["height", ["image"]],
   [
     "list",
@@ -7581,6 +7636,8 @@ const restricted = /* @__PURE__ */ new Map([
   ["multiple", ["email", "file"]],
   ["pattern", ["text", "search", "url", "tel", "email", "password"]],
   ["placeholder", ["text", "search", "url", "tel", "email", "password", "number"]],
+  ["popovertarget", ["button"]],
+  ["popovertargetaction", ["button"]],
   [
     "readonly",
     [
@@ -7621,6 +7678,31 @@ const restricted = /* @__PURE__ */ new Map([
   ["size", ["text", "search", "url", "tel", "email", "password"]],
   ["src", ["image"]],
   ["step", ["date", "month", "week", "time", "datetime-local", "number", "range"]],
+  [
+    "value",
+    [
+      "button",
+      "checkbox",
+      "color",
+      "date",
+      "datetime-local",
+      "email",
+      "hidden",
+      "month",
+      "number",
+      "password",
+      "radio",
+      "range",
+      "reset",
+      "search",
+      "submit",
+      "tel",
+      "text",
+      "time",
+      "url",
+      "week"
+    ]
+  ],
   ["width", ["image"]]
 ]);
 function isInput(event) {
@@ -8612,16 +8694,6 @@ class NoInlineStyle extends Rule {
   }
 }
 
-const ARIA = [
-  { property: "aria-activedescendant", isList: false },
-  { property: "aria-controls", isList: true },
-  { property: "aria-describedby", isList: true },
-  { property: "aria-details", isList: false },
-  { property: "aria-errormessage", isList: false },
-  { property: "aria-flowto", isList: true },
-  { property: "aria-labelledby", isList: true },
-  { property: "aria-owns", isList: true }
-];
 function idMissing(document, id) {
   const nodes = document.querySelectorAll(generateIdSelector(id));
   return nodes.length === 0;
@@ -8636,20 +8708,18 @@ class NoMissingReferences extends Rule {
   setup() {
     this.on("dom:ready", (event) => {
       const document = event.document;
-      for (const node of document.querySelectorAll("label[for]")) {
-        const attr = node.getAttribute("for");
-        this.validateReference(document, node, attr, false);
-      }
-      for (const node of document.querySelectorAll("input[list]")) {
-        const attr = node.getAttribute("list");
-        this.validateReference(document, node, attr, false);
-      }
-      for (const { property, isList } of ARIA) {
-        for (const node of document.querySelectorAll(`[${property}]`)) {
-          const attr = node.getAttribute(property);
-          this.validateReference(document, node, attr, isList);
+      walk.depthFirst(document, (node) => {
+        const meta = node.meta;
+        if (!meta?.attributes) {
+          return;
         }
-      }
+        for (const attr of node.attributes) {
+          const attrMeta = meta.attributes[attr.key];
+          if (attrMeta?.reference === "id") {
+            this.validateReference(document, node, attr, attrMeta.list ?? false);
+          }
+        }
+      });
     });
   }
   validateReference(document, node, attr, isList) {
@@ -12714,7 +12784,7 @@ class EventHandler {
 }
 
 const name = "html-validate";
-const version = "11.3.0";
+const version = "11.4.0";
 const bugs = "https://gitlab.com/html-validate/html-validate/issues/new";
 
 function freeze(src) {