html-validate 11.2.0 → 11.4.0

package/dist/esm/core.js

@@ -897,6 +897,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: [
@@ -1066,6 +1073,7 @@ const MetaCopyableProperty = [
   "labelable",
   "submitButton",
   "attributes",
+  "patternAttributes",
   "aria",
   "permittedContent",
   "permittedDescendants",
@@ -1078,6 +1086,54 @@ function setMetaProperty(dst, key, value) {
   dst[key] = value;
 }
 
+const SYNTAX_CHARACTERS = /[$()*+.?[\\\]^{|}]/;
+const CONTROL_ESCAPES = /* @__PURE__ */ new Map([
+  ["	", "t"],
+  ["\n", "n"],
+  ["\v", "v"],
+  ["\f", "f"],
+  ["\r", "r"]
+]);
+const OTHER_PUNCTUATORS = /^[!"#%&',:;<=>@`~-]$/;
+const WHITE_SPACE = /^[\t\v\f\uFEFF\p{Zs}]$/u;
+const LINE_TERMINATOR = /^[\n\r\u2028\u2029]$/;
+const SURROGATE = /^[\uD800-\uDFFF]$/;
+function isDecimalDigitOrASCIILetter(ch) {
+  return /^[\dA-Za-z]$/.test(ch);
+}
+function needEscape(ch) {
+  return OTHER_PUNCTUATORS.test(ch) || WHITE_SPACE.test(ch) || LINE_TERMINATOR.test(ch) || SURROGATE.test(ch);
+}
+function unicodeEscape(ch) {
+  return `\\u${ch.codePointAt(0).toString(16).padStart(4, "0")}`;
+}
+function encodeForRegExpEscape(ch) {
+  if (SYNTAX_CHARACTERS.test(ch) || ch === "/") {
+    return `\\${ch}`;
+  }
+  if (CONTROL_ESCAPES.has(ch)) {
+    return `\\${CONTROL_ESCAPES.get(ch)}`;
+  }
+  if (needEscape(ch)) {
+    if (/[\u0000-\u00FF]/.test(ch)) {
+      return `\\x${ch.codePointAt(0).toString(16).padStart(2, "0")}`;
+    }
+    return ch.split("").map((c) => unicodeEscape(c)).join("");
+  }
+  return ch;
+}
+function regexpEscape(str) {
+  let escaped = "";
+  for (const c of str) {
+    if (escaped === "" && isDecimalDigitOrASCIILetter(c)) {
+      escaped += `\\x${c.codePointAt(0).toString(16).padStart(2, "0")}`;
+    } else {
+      escaped += encodeForRegExpEscape(c);
+    }
+  }
+  return escaped;
+}
+
 function isSet(value) {
   return value !== void 0;
 }
@@ -1115,18 +1171,35 @@ function migrateSingleAttribute(src, key) {
     return stripUndefined({ ...result, ...attr });
   }
 }
+function isPatternAttribute$1(key) {
+  return key.includes("*");
+}
+function patternToRegex(pattern) {
+  const escaped = pattern.split("*").map(regexpEscape).join(".+");
+  return new RegExp(`^${escaped}$`, "i");
+}
 function migrateAttributes(src) {
   const keys = [
     ...Object.keys(src.attributes ?? {}),
     ...src.requiredAttributes ?? [],
     ...src.deprecatedAttributes ?? []
-    /* eslint-disable-next-line sonarjs/no-alphabetical-sort -- not really needed in this case, this is a-z anyway */
-  ].toSorted();
+  ].filter((key) => !isPatternAttribute$1(key)).toSorted();
   const entries = keys.map((key) => {
     return [key, migrateSingleAttribute(src, key)];
   });
   return Object.fromEntries(entries);
 }
+function migratePatternAttributes(src) {
+  const attrs = src.attributes ?? {};
+  return Object.entries(attrs).filter(([key]) => isPatternAttribute$1(key)).map(([pattern]) => {
+    const { delete: deleted, ...attr } = migrateSingleAttribute(src, pattern);
+    const regexp = patternToRegex(pattern);
+    if (deleted) {
+      return { pattern, regexp, delete: true };
+    }
+    return { ...attr, pattern, regexp };
+  });
+}
 function normalizeAriaImplicitRole(value) {
   if (!value) {
     return () => null;
@@ -1151,6 +1224,7 @@ function migrateElement(src) {
     ...src,
     formAssociated: void 0,
     attributes: migrateAttributes(src),
+    patternAttributes: migratePatternAttributes(src),
     textContent: src.textContent,
     focusable: src.focusable ?? false,
     implicitRole,
@@ -1380,6 +1454,18 @@ class MetaTable {
       }
     }
     merged.attributes = mergedAttrs;
+    const mergedPatterns = [
+      ...b.patternAttributes,
+      ...a.patternAttributes ?? []
+    ];
+    const seenPatterns = /* @__PURE__ */ new Set();
+    merged.patternAttributes = mergedPatterns.filter((entry) => {
+      if (seenPatterns.has(entry.pattern)) {
+        return false;
+      }
+      seenPatterns.add(entry.pattern);
+      return !entry.delete;
+    });
     if (a.aria) {
       merged.aria = { ...a.aria, ...b.aria };
     }
@@ -3457,6 +3543,10 @@ function isKeywordIgnored(options, keyword, matcher = (list, it) => list.include
   return false;
 }
 
+function isPatternAttribute(attrName, dynamicAttributes) {
+  return dynamicAttributes.some((entry) => entry.regexp.test(attrName));
+}
+
 const ARIA_HIDDEN_CACHE = Symbol(isAriaHidden.name);
 const HTML_HIDDEN_CACHE = Symbol(isHTMLHidden.name);
 const INERT_CACHE = Symbol(isInert.name);
@@ -7459,10 +7549,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",
@@ -7489,6 +7627,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",
     [
@@ -7529,6 +7669,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) {
@@ -8520,16 +8685,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;
@@ -8544,20 +8699,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) {
@@ -8959,18 +9112,7 @@ class NoTrailingWhitespace extends Rule {
   }
 }
 
-const skipPatterns = [
-  /^data-/i,
-  /^aria-/i,
-  /^on[a-z]/i,
-  /^xml(ns)?:/i,
-  /^:/,
-  /^@/,
-  /^ng-/i,
-  /^v-/i,
-  /^x-/i,
-  /^\[/
-];
+const skipPatterns = [/^:/, /^@/, /^ng-/i, /^v-/i, /^x-/i, /^\[/, /^#/];
 function isKnownDynamicAttr(attr) {
   return skipPatterns.some((pattern) => pattern.test(attr));
 }
@@ -8992,6 +9134,9 @@ class NoUnknownAttributes extends Rule {
       if (attr in meta.attributes) {
         return;
       }
+      if (isPatternAttribute(attr, meta.patternAttributes)) {
+        return;
+      }
       if (isKnownDynamicAttr(attr)) {
         return;
       }
@@ -12630,7 +12775,7 @@ class EventHandler {
 }
 
 const name = "html-validate";
-const version = "11.2.0";
+const version = "11.4.0";
 const bugs = "https://gitlab.com/html-validate/html-validate/issues/new";
 
 function freeze(src) {