html-validate 10.1.1 → 10.2.1

package/dist/cjs/core.js

@@ -505,27 +505,6 @@ class SchemaValidationError extends UserError {
   }
 }
 
-function cyrb53(str) {
-  const a = 2654435761;
-  const b = 1597334677;
-  const c = 2246822507;
-  const d = 3266489909;
-  const e = 4294967296;
-  const f = 2097151;
-  const seed = 0;
-  let h1 = 3735928559 ^ seed;
-  let h2 = 1103547991 ^ seed;
-  for (let i = 0, ch; i < str.length; i++) {
-    ch = str.charCodeAt(i);
-    h1 = Math.imul(h1 ^ ch, a);
-    h2 = Math.imul(h2 ^ ch, b);
-  }
-  h1 = Math.imul(h1 ^ h1 >>> 16, c) ^ Math.imul(h2 ^ h2 >>> 13, d);
-  h2 = Math.imul(h2 ^ h2 >>> 16, c) ^ Math.imul(h1 ^ h1 >>> 13, d);
-  return e * (f & h2) + (h1 >>> 0);
-}
-const computeHash = cyrb53;
-
 const $schema$1 = "http://json-schema.org/draft-06/schema#";
 const $id$1 = "https://html-validate.org/schemas/elements.json";
 const type$1 = "object";
@@ -1001,6 +980,27 @@ const ajvFunctionKeyword = {
   validate: ajvFunctionValidate
 };
 
+function cyrb53(str) {
+  const a = 2654435761;
+  const b = 1597334677;
+  const c = 2246822507;
+  const d = 3266489909;
+  const e = 4294967296;
+  const f = 2097151;
+  const seed = 0;
+  let h1 = 3735928559 ^ seed;
+  let h2 = 1103547991 ^ seed;
+  for (let i = 0, ch; i < str.length; i++) {
+    ch = str.charCodeAt(i);
+    h1 = Math.imul(h1 ^ ch, a);
+    h2 = Math.imul(h2 ^ ch, b);
+  }
+  h1 = Math.imul(h1 ^ h1 >>> 16, c) ^ Math.imul(h2 ^ h2 >>> 13, d);
+  h2 = Math.imul(h2 ^ h2 >>> 16, c) ^ Math.imul(h1 ^ h1 >>> 13, d);
+  return e * (f & h2) + (h1 >>> 0);
+}
+const computeHash = cyrb53;
+
 var TextContent$1 = /* @__PURE__ */ ((TextContent2) => {
   TextContent2["NONE"] = "none";
   TextContent2["DEFAULT"] = "default";
@@ -1495,7 +1495,7 @@ function sliceLocation(location, begin, end, wrap) {
   if (wrap) {
     let index = -1;
     const col = sliced.column;
-    do {
+    for (; ; ) {
       index = wrap.indexOf("\n", index + 1);
       if (index >= 0 && index < begin) {
         sliced.column = col - (index + 1);
@@ -1503,7 +1503,7 @@ function sliceLocation(location, begin, end, wrap) {
       } else {
         break;
       }
-    } while (true);
+    }
   }
   return sliced;
 }
@@ -1601,7 +1601,6 @@ class DOMNode {
    * @internal
    */
   unique;
-  /* eslint-disable-next-line sonarjs/use-type-alias -- technical debt */
   cache;
   /**
    * Set of disabled rules for this node.
@@ -1641,8 +1640,8 @@ class DOMNode {
    *
    * @internal
    */
-  cacheEnable() {
-    this.cache = /* @__PURE__ */ new Map();
+  cacheEnable(enable = true) {
+    this.cache = enable ? /* @__PURE__ */ new Map() : null;
   }
   cacheGet(key) {
     if (this.cache) {
@@ -3329,172 +3328,6 @@ function parseQuantifier(quantifier) {
   }
 }
 
-const $schema = "http://json-schema.org/draft-06/schema#";
-const $id = "https://html-validate.org/schemas/config.json";
-const type = "object";
-const additionalProperties = false;
-const properties = {
-	$schema: {
-		type: "string"
-	},
-	root: {
-		type: "boolean",
-		title: "Mark as root configuration",
-		description: "If this is set to true no further configurations will be searched.",
-		"default": false
-	},
-	"extends": {
-		type: "array",
-		items: {
-			type: "string"
-		},
-		title: "Configurations to extend",
-		description: "Array of shareable or builtin configurations to extend."
-	},
-	elements: {
-		type: "array",
-		items: {
-			anyOf: [
-				{
-					type: "string"
-				},
-				{
-					type: "object"
-				}
-			]
-		},
-		title: "Element metadata to load",
-		description: "Array of modules, plugins or files to load element metadata from. Use <rootDir> to refer to the folder with the package.json file.",
-		examples: [
-			[
-				"html-validate:recommended",
-				"plugin:recommended",
-				"module",
-				"./local-file.json"
-			]
-		]
-	},
-	plugins: {
-		type: "array",
-		items: {
-			anyOf: [
-				{
-					type: "string"
-				},
-				{
-					type: "object"
-				}
-			]
-		},
-		title: "Plugins to load",
-		description: "Array of plugins load. Use <rootDir> to refer to the folder with the package.json file.",
-		examples: [
-			[
-				"my-plugin",
-				"./local-plugin"
-			]
-		]
-	},
-	transform: {
-		type: "object",
-		additionalProperties: {
-			anyOf: [
-				{
-					type: "string"
-				},
-				{
-					"function": true
-				}
-			]
-		},
-		title: "File transformations to use.",
-		description: "Object where key is regular expression to match filename and value is name of transformer or a function.",
-		examples: [
-			{
-				"^.*\\.foo$": "my-transformer",
-				"^.*\\.bar$": "my-plugin",
-				"^.*\\.baz$": "my-plugin:named"
-			}
-		]
-	},
-	rules: {
-		type: "object",
-		patternProperties: {
-			".*": {
-				anyOf: [
-					{
-						"enum": [
-							0,
-							1,
-							2,
-							"off",
-							"warn",
-							"error"
-						]
-					},
-					{
-						type: "array",
-						minItems: 1,
-						maxItems: 1,
-						items: [
-							{
-								"enum": [
-									0,
-									1,
-									2,
-									"off",
-									"warn",
-									"error"
-								]
-							}
-						]
-					},
-					{
-						type: "array",
-						minItems: 2,
-						maxItems: 2,
-						items: [
-							{
-								"enum": [
-									0,
-									1,
-									2,
-									"off",
-									"warn",
-									"error"
-								]
-							},
-							{
-							}
-						]
-					}
-				]
-			}
-		},
-		title: "Rule configuration.",
-		description: "Enable/disable rules, set severity. Some rules have additional configuration like style or patterns to use.",
-		examples: [
-			{
-				foo: "error",
-				bar: "off",
-				baz: [
-					"error",
-					{
-						style: "camelcase"
-					}
-				]
-			}
-		]
-	}
-};
-var configurationSchema = {
-	$schema: $schema,
-	$id: $id,
-	type: type,
-	additionalProperties: additionalProperties,
-	properties: properties
-};
-
 var Severity = /* @__PURE__ */ ((Severity2) => {
   Severity2[Severity2["DISABLED"] = 0] = "DISABLED";
   Severity2[Severity2["WARN"] = 1] = "WARN";
@@ -3517,35 +3350,6 @@ function parseSeverity(value) {
   }
 }
 
-function escape(value) {
-  return JSON.stringify(value);
-}
-function format(value, quote = false) {
-  if (value === null || value === void 0) {
-    return "null";
-  }
-  if (typeof value === "number") {
-    return value.toString();
-  }
-  if (typeof value === "string") {
-    return quote ? escape(value) : value;
-  }
-  if (Array.isArray(value)) {
-    const content = value.map((it) => format(it, true)).join(", ");
-    return `[ ${content} ]`;
-  }
-  if (typeof value === "object") {
-    const content = Object.entries(value).map(([key, nested]) => `${key}: ${format(nested, true)}`).join(", ");
-    return `{ ${content} }`;
-  }
-  return String(value);
-}
-function interpolate(text, data) {
-  return text.replace(/{{\s*([^\s{}]+)\s*}}/g, (match, key) => {
-    return typeof data[key] !== "undefined" ? format(data[key]) : match;
-  });
-}
-
 const cacheKey = Symbol("aria-naming");
 const defaultValue = "allowed";
 const prohibitedRoles = [
@@ -3587,6 +3391,31 @@ function ariaNaming(element) {
   return element.cacheSet(cacheKey, byMeta(element, meta));
 }
 
+const INPUT_DISABLED_CACHE = Symbol(isInputDisabled.name);
+function isInputDisabled(node, details) {
+  const cached = node.cacheGet(INPUT_DISABLED_CACHE);
+  if (cached) {
+    return details ? cached : cached.byFieldset || cached.bySelf;
+  }
+  const result = node.cacheSet(INPUT_DISABLED_CACHE, isInputDisabledImpl(node));
+  return details ? result : result.byFieldset || result.bySelf;
+}
+function isInputDisabledImpl(node) {
+  const hasDisabledAttr = (node2) => {
+    const disabled = node2.getAttribute("disabled");
+    return Boolean(disabled?.isStatic);
+  };
+  const hasDisabledFieldset = (node2) => {
+    const fieldset = node2.closest("fieldset[disabled]");
+    const disabled = fieldset?.getAttribute("disabled");
+    return Boolean(disabled?.isStatic);
+  };
+  return {
+    byFieldset: hasDisabledFieldset(node),
+    bySelf: hasDisabledAttr(node)
+  };
+}
+
 const patternCache = /* @__PURE__ */ new Map();
 function compileStringPattern(pattern) {
   const regexp = pattern.replace(/[*]+/g, ".+");
@@ -3651,7 +3480,7 @@ function inAccessibilityTree(node) {
 function isAriaHiddenImpl(node) {
   const getAriaHiddenAttr = (node2) => {
     const ariaHidden = node2.getAttribute("aria-hidden");
-    return Boolean(ariaHidden && ariaHidden.value === "true");
+    return ariaHidden?.value === "true";
   };
   return {
     byParent: node.parent ? isAriaHidden(node.parent) : false,
@@ -3840,6 +3669,35 @@ function partition(values, predicate) {
   }, initial);
 }
 
+function escape(value) {
+  return JSON.stringify(value);
+}
+function format(value, quote = false) {
+  if (value === null || value === void 0) {
+    return "null";
+  }
+  if (typeof value === "number") {
+    return value.toString();
+  }
+  if (typeof value === "string") {
+    return quote ? escape(value) : value;
+  }
+  if (Array.isArray(value)) {
+    const content = value.map((it) => format(it, true)).join(", ");
+    return `[ ${content} ]`;
+  }
+  if (typeof value === "object") {
+    const content = Object.entries(value).map(([key, nested]) => `${key}: ${format(nested, true)}`).join(", ");
+    return `{ ${content} }`;
+  }
+  return String(value);
+}
+function interpolate(text, data) {
+  return text.replace(/{{\s*([^\s{}]+)\s*}}/g, (match, key) => {
+    return typeof data[key] !== "undefined" ? format(data[key]) : match;
+  });
+}
+
 const ajv$1 = new Ajv__default.default({ strict: true, strictTuples: true, strictTypes: true });
 ajv$1.addMetaSchema(ajvSchemaDraft);
 function getSchemaValidator(ruleId, properties) {
@@ -3857,7 +3715,7 @@ function getSchemaValidator(ruleId, properties) {
   return ajv$1.compile(schema);
 }
 function isErrorDescriptor(value) {
-  return Boolean(value[0] && value[0].message);
+  return Boolean(value[0] && value[0]["message"]);
 }
 function unpackErrorDescriptor(value) {
   if (isErrorDescriptor(value)) {
@@ -4128,8 +3986,7 @@ class Rule {
    * @returns Rule documentation and url with additional details or `null` if no
    * additional documentation is available.
    */
-  /* eslint-disable-next-line @typescript-eslint/no-unused-vars -- technical debt, prototype should be moved to interface */
-  documentation(context) {
+  documentation(_context) {
     return null;
   }
 }
@@ -4458,7 +4315,7 @@ class AriaHiddenBody extends Rule {
 const defaults$w = {
   allowAnyNamable: false
 };
-const whitelisted = [
+const allowlist = /* @__PURE__ */ new Set([
   "main",
   "nav",
   "table",
@@ -4471,18 +4328,19 @@ const whitelisted = [
   "article",
   "dialog",
   "form",
+  "iframe",
   "img",
   "area",
   "fieldset",
   "summary",
   "figure"
-];
+]);
 function isValidUsage(target, meta) {
   const explicit = meta.attributes["aria-label"];
   if (explicit) {
     return true;
   }
-  if (whitelisted.includes(target.tagName)) {
+  if (allowlist.has(target.tagName)) {
     return true;
   }
   if (target.hasAttribute("role")) {
@@ -4500,7 +4358,7 @@ class AriaLabelMisuse extends Rule {
   constructor(options) {
     super({ ...defaults$w, ...options });
   }
-  documentation() {
+  documentation(context) {
     const valid = [
       "Interactive elements",
       "Labelable elements",
@@ -4514,25 +4372,41 @@ class AriaLabelMisuse extends Rule {
       "`<summary>`",
       "`<table>`, `<td>` and `<th>`"
     ];
-    const lines = valid.map((it) => `- ${it}
-`).join("");
-    return {
-      description: `\`aria-label\` can only be used on:
-
-${lines}`,
-      url: "https://html-validate.org/rules/aria-label-misuse.html"
-    };
+    const lines = valid.map((it) => `- ${it}`);
+    const url = "https://html-validate.org/rules/aria-label-misuse.html";
+    if (context.allowsNaming) {
+      return {
+        description: [
+          `\`${context.attr}\` is strictly allowed but is not recommended to be used on this element.`,
+          `\`${context.attr}\` can only be used on:`,
+          "",
+          ...lines
+        ].join("\n"),
+        url
+      };
+    } else {
+      return {
+        description: [`\`${context.attr}\` can only be used on:`, "", ...lines].join("\n"),
+        url
+      };
+    }
   }
   setup() {
     this.on("dom:ready", (event) => {
       const { document } = event;
-      for (const target of document.querySelectorAll("[aria-label]")) {
-        this.validateElement(target);
+      for (const target of document.querySelectorAll("[aria-label], [aria-labelledby]")) {
+        const ariaLabel = target.getAttribute("aria-label");
+        if (ariaLabel) {
+          this.validateElement(target, ariaLabel, "aria-label");
+        }
+        const ariaLabelledby = target.getAttribute("aria-labelledby");
+        if (ariaLabelledby) {
+          this.validateElement(target, ariaLabelledby, "aria-labelledby");
+        }
       }
     });
   }
-  validateElement(target) {
-    const attr = target.getAttribute("aria-label");
+  validateElement(target, attr, key) {
     if (!attr.value || attr.valueMatches("", false)) {
       return;
     }
@@ -4543,10 +4417,26 @@ ${lines}`,
     if (isValidUsage(target, meta)) {
       return;
     }
-    if (this.options.allowAnyNamable && ariaNaming(target) === "allowed") {
+    const allowsNaming = ariaNaming(target) === "allowed";
+    if (allowsNaming && this.options.allowAnyNamable) {
       return;
     }
-    this.report(target, `"aria-label" cannot be used on this element`, attr.keyLocation);
+    const context = { attr: key, allowsNaming };
+    if (allowsNaming) {
+      this.report({
+        node: target,
+        location: attr.keyLocation,
+        context,
+        message: `"{{ attr }}" is strictly allowed but is not recommended to be used on this element`
+      });
+    } else {
+      this.report({
+        node: target,
+        location: attr.keyLocation,
+        context,
+        message: `"{{ attr }}" cannot be used on this element`
+      });
+    }
   }
 }
 
@@ -5241,9 +5131,6 @@ class AttributeAllowedValues extends Rule {
       description: "Attribute has invalid value.",
       url: "https://html-validate.org/rules/attribute-allowed-values.html"
     };
-    if (!context) {
-      return docs;
-    }
     const { allowed, attribute, element, value } = context;
     if (allowed.enum) {
       const allowedList = allowed.enum.map((value2) => {
@@ -6078,7 +5965,10 @@ class ElementName extends Rule {
 
 function isNativeTemplate(node) {
   const { tagName, meta } = node;
-  return Boolean(tagName === "template" && meta?.templateRoot && meta?.scriptSupporting);
+  if (!meta) {
+    return false;
+  }
+  return Boolean(tagName === "template" && meta.templateRoot && meta.scriptSupporting);
 }
 function getTransparentChildren(node, transparent) {
   if (typeof transparent === "boolean") {
@@ -6307,7 +6197,7 @@ class ElementPermittedParent extends Rule {
         }
         const rules = node.meta?.permittedParent;
         if (!rules) {
-          return false;
+          return;
         }
         if (Validator.validatePermitted(parent, rules)) {
           return;
@@ -6374,14 +6264,10 @@ class ElementRequiredAncestor extends Rule {
 
 class ElementRequiredAttributes extends Rule {
   documentation(context) {
-    const docs = {
-      description: "Element is missing a required attribute",
+    return {
+      description: `The \`<${context.element}>\` element is required to have a \`${context.attribute}\` attribute.`,
       url: "https://html-validate.org/rules/element-required-attributes.html"
     };
-    if (context) {
-      docs.description = `The <${context.element}> element is required to have a "${context.attribute}" attribute.`;
-    }
-    return docs;
   }
   setup() {
     this.on("tag:end", (event) => {
@@ -6528,6 +6414,18 @@ const defaults$l = {
 };
 const UNIQUE_CACHE_KEY = Symbol("form-elements-unique");
 const SHARED_CACHE_KEY = Symbol("form-elements-shared");
+function isEnabled(element) {
+  if (isHTMLHidden(element)) {
+    return false;
+  }
+  if (isInert(element)) {
+    return false;
+  }
+  if (isInputDisabled(element)) {
+    return false;
+  }
+  return true;
+}
 function haveName(name) {
   return typeof name === "string" && name !== "";
 }
@@ -6598,7 +6496,7 @@ class FormDupName extends Rule {
     const { shared } = this.options;
     this.on("dom:ready", (event) => {
       const { document } = event;
-      const controls = document.querySelectorAll(selector);
+      const controls = document.querySelectorAll(selector).filter(isEnabled);
       const [sharedControls, uniqueControls] = partition(controls, (it) => {
         return allowSharedName(it, shared);
       });
@@ -7354,69 +7252,6 @@ class LongTitle extends Rule {
   }
 }
 
-const defaults$h = {
-  allowLongDelay: false
-};
-class MetaRefresh extends Rule {
-  constructor(options) {
-    super({ ...defaults$h, ...options });
-  }
-  documentation() {
-    return {
-      description: `Meta refresh directive must use the \`0;url=...\` format. Non-zero values for time interval is disallowed as people with assistive technology might be unable to read and understand the page content before automatically reloading. For the same reason skipping the url is disallowed as it would put the browser in an infinite loop reloading the same page over and over again.`,
-      url: "https://html-validate.org/rules/meta-refresh.html"
-    };
-  }
-  setup() {
-    this.on("element:ready", ({ target }) => {
-      if (!target.is("meta")) {
-        return;
-      }
-      const httpEquiv = target.getAttributeValue("http-equiv");
-      if (httpEquiv !== "refresh") {
-        return;
-      }
-      const content = target.getAttribute("content");
-      if (!content?.value || content.isDynamic) {
-        return;
-      }
-      const location = content.valueLocation;
-      const value = parseContent(content.value.toString());
-      if (!value) {
-        this.report(target, "Malformed meta refresh directive", location);
-        return;
-      }
-      const { delay, url } = value;
-      this.validateDelay(target, location, delay, url);
-    });
-  }
-  validateDelay(target, location, delay, url) {
-    const { allowLongDelay } = this.options;
-    if (allowLongDelay && delay > 72e3) {
-      return;
-    }
-    if (!url && delay === 0) {
-      this.report(target, "Don't use instant meta refresh to reload the page", location);
-      return;
-    }
-    if (delay !== 0) {
-      const message = allowLongDelay ? "Meta refresh must be instant (0 second delay) or greater than 20 hours (72000 second delay)" : "Meta refresh must be instant (0 second delay)";
-      this.report(target, message, location);
-    }
-  }
-}
-function parseContent(text) {
-  const match = /^(\d+)(?:\s*;\s*url=(.*))?/i.exec(text);
-  if (match) {
-    return {
-      delay: parseInt(match[1], 10),
-      url: match[2]
-    };
-  } else {
-    return null;
-  }
-}
-
 function getName(attr) {
   const name = attr.value;
   if (!name || name instanceof DynamicValue) {
@@ -7479,16 +7314,79 @@ class MapIdName extends Rule {
       if (!hasStaticValue(id) || !hasStaticValue(name)) {
         return;
       }
-      if (id.value === name.value) {
+      if (id.value === name.value) {
+        return;
+      }
+      this.report({
+        node: event.target,
+        message: `"id" and "name" attribute must be the same on <map> elements`,
+        location: id.valueLocation ?? name.valueLocation
+      });
+    });
+  }
+}
+
+const defaults$h = {
+  allowLongDelay: false
+};
+class MetaRefresh extends Rule {
+  constructor(options) {
+    super({ ...defaults$h, ...options });
+  }
+  documentation() {
+    return {
+      description: `Meta refresh directive must use the \`0;url=...\` format. Non-zero values for time interval is disallowed as people with assistive technology might be unable to read and understand the page content before automatically reloading. For the same reason skipping the url is disallowed as it would put the browser in an infinite loop reloading the same page over and over again.`,
+      url: "https://html-validate.org/rules/meta-refresh.html"
+    };
+  }
+  setup() {
+    this.on("element:ready", ({ target }) => {
+      if (!target.is("meta")) {
+        return;
+      }
+      const httpEquiv = target.getAttributeValue("http-equiv");
+      if (httpEquiv !== "refresh") {
+        return;
+      }
+      const content = target.getAttribute("content");
+      if (!content?.value || content.isDynamic) {
+        return;
+      }
+      const location = content.valueLocation;
+      const value = parseContent(content.value.toString());
+      if (!value) {
+        this.report(target, "Malformed meta refresh directive", location);
         return;
       }
-      this.report({
-        node: event.target,
-        message: `"id" and "name" attribute must be the same on <map> elements`,
-        location: id.valueLocation ?? name.valueLocation
-      });
+      const { delay, url } = value;
+      this.validateDelay(target, location, delay, url);
     });
   }
+  validateDelay(target, location, delay, url) {
+    const { allowLongDelay } = this.options;
+    if (allowLongDelay && delay > 72e3) {
+      return;
+    }
+    if (!url && delay === 0) {
+      this.report(target, "Don't use instant meta refresh to reload the page", location);
+      return;
+    }
+    if (delay !== 0) {
+      const message = allowLongDelay ? "Meta refresh must be instant (0 second delay) or greater than 20 hours (72000 second delay)" : "Meta refresh must be instant (0 second delay)";
+      this.report(target, message, location);
+    }
+  }
+}
+function parseContent(text) {
+  const match = /^(\d+)(?:\s*;\s*url=(.*))?/i.exec(text);
+  if (match) {
+    return {
+      delay: parseInt(match[1], 10),
+      url: match[2]
+    };
+  } else {
+    return null;
+  }
 }
 
 class MissingDoctype extends Rule {
@@ -7887,30 +7785,6 @@ class NoImplicitButtonType extends Rule {
   }
 }
 
-function isRelevant$1(event) {
-  return event.target.is("input");
-}
-class NoImplicitInputType extends Rule {
-  documentation() {
-    return {
-      description: ["`<input>` is missing recommended `type` attribute"].join("\n"),
-      url: "https://html-validate.org/rules/no-implicit-input-type.html"
-    };
-  }
-  setup() {
-    this.on("element:ready", isRelevant$1, (event) => {
-      const { target } = event;
-      const attr = target.getAttribute("type");
-      if (!attr) {
-        this.report({
-          node: event.target,
-          message: `<input> is missing recommended "type" attribute`
-        });
-      }
-    });
-  }
-}
-
 class NoImplicitClose extends Rule {
   documentation() {
     return {
@@ -7963,6 +7837,30 @@ Omitted end tags can be ambigious for humans to read and many editors have troub
   }
 }
 
+function isRelevant$1(event) {
+  return event.target.is("input");
+}
+class NoImplicitInputType extends Rule {
+  documentation() {
+    return {
+      description: ["`<input>` is missing recommended `type` attribute"].join("\n"),
+      url: "https://html-validate.org/rules/no-implicit-input-type.html"
+    };
+  }
+  setup() {
+    this.on("element:ready", isRelevant$1, (event) => {
+      const { target } = event;
+      const attr = target.getAttribute("type");
+      if (!attr) {
+        this.report({
+          node: event.target,
+          message: `<input> is missing recommended "type" attribute`
+        });
+      }
+    });
+  }
+}
+
 const defaults$e = {
   include: null,
   exclude: null,
@@ -8372,10 +8270,9 @@ class NoSelfClosing extends Rule {
       }
     };
   }
-  documentation(tagName) {
-    tagName = tagName || "element";
+  documentation(context) {
     return {
-      description: `Self-closing elements are disallowed. Use regular end tag <${tagName}></${tagName}> instead of self-closing <${tagName}/>.`,
+      description: `Self-closing elements are disallowed. Use regular end tag <${context}></${context}> instead of self-closing <${context}/>.`,
       url: "https://html-validate.org/rules/no-self-closing.html"
     };
   }
@@ -8953,7 +8850,7 @@ class ScriptElement extends Rule {
   setup() {
     this.on("tag:end", (event) => {
       const node = event.target;
-      if (!node || node.tagName !== "script") {
+      if (node?.tagName !== "script") {
         return;
       }
       if (node.closed !== NodeClosed.EndTag) {
@@ -10166,13 +10063,13 @@ class ValidID extends Rule {
 }
 
 class VoidContent extends Rule {
-  documentation(tagName) {
+  documentation(context) {
     const doc = {
       description: "HTML void elements cannot have any content and must not have content or end tag.",
       url: "https://html-validate.org/rules/void-content.html"
     };
-    if (tagName) {
-      doc.description = `<${tagName}> is a void element and must not have content or end tag.`;
+    if (context) {
+      doc.description = `<${context}> is a void element and must not have content or end tag.`;
     }
     return doc;
   }
@@ -10475,7 +10372,7 @@ class H37 extends Rule {
 const defaults$1 = {
   strict: false
 };
-const { enum: validScopes } = elements.html5.th.attributes?.scope;
+const { enum: validScopes } = elements.html5.th.attributes.scope;
 const joinedScopes = utils_naturalJoin.naturalJoin(validScopes);
 const td = 0;
 const th = 1;
@@ -10573,7 +10470,7 @@ class H67 extends Rule {
   setup() {
     this.on("tag:end", (event) => {
       const node = event.target;
-      if (!node || node.tagName !== "img") {
+      if (node?.tagName !== "img") {
         return;
       }
       const title = node.getAttribute("title");
@@ -10716,6 +10613,172 @@ const bundledRules = {
   ...bundledRules$1
 };
 
+const $schema = "http://json-schema.org/draft-06/schema#";
+const $id = "https://html-validate.org/schemas/config.json";
+const type = "object";
+const additionalProperties = false;
+const properties = {
+	$schema: {
+		type: "string"
+	},
+	root: {
+		type: "boolean",
+		title: "Mark as root configuration",
+		description: "If this is set to true no further configurations will be searched.",
+		"default": false
+	},
+	"extends": {
+		type: "array",
+		items: {
+			type: "string"
+		},
+		title: "Configurations to extend",
+		description: "Array of shareable or builtin configurations to extend."
+	},
+	elements: {
+		type: "array",
+		items: {
+			anyOf: [
+				{
+					type: "string"
+				},
+				{
+					type: "object"
+				}
+			]
+		},
+		title: "Element metadata to load",
+		description: "Array of modules, plugins or files to load element metadata from. Use <rootDir> to refer to the folder with the package.json file.",
+		examples: [
+			[
+				"html-validate:recommended",
+				"plugin:recommended",
+				"module",
+				"./local-file.json"
+			]
+		]
+	},
+	plugins: {
+		type: "array",
+		items: {
+			anyOf: [
+				{
+					type: "string"
+				},
+				{
+					type: "object"
+				}
+			]
+		},
+		title: "Plugins to load",
+		description: "Array of plugins load. Use <rootDir> to refer to the folder with the package.json file.",
+		examples: [
+			[
+				"my-plugin",
+				"./local-plugin"
+			]
+		]
+	},
+	transform: {
+		type: "object",
+		additionalProperties: {
+			anyOf: [
+				{
+					type: "string"
+				},
+				{
+					"function": true
+				}
+			]
+		},
+		title: "File transformations to use.",
+		description: "Object where key is regular expression to match filename and value is name of transformer or a function.",
+		examples: [
+			{
+				"^.*\\.foo$": "my-transformer",
+				"^.*\\.bar$": "my-plugin",
+				"^.*\\.baz$": "my-plugin:named"
+			}
+		]
+	},
+	rules: {
+		type: "object",
+		patternProperties: {
+			".*": {
+				anyOf: [
+					{
+						"enum": [
+							0,
+							1,
+							2,
+							"off",
+							"warn",
+							"error"
+						]
+					},
+					{
+						type: "array",
+						minItems: 1,
+						maxItems: 1,
+						items: [
+							{
+								"enum": [
+									0,
+									1,
+									2,
+									"off",
+									"warn",
+									"error"
+								]
+							}
+						]
+					},
+					{
+						type: "array",
+						minItems: 2,
+						maxItems: 2,
+						items: [
+							{
+								"enum": [
+									0,
+									1,
+									2,
+									"off",
+									"warn",
+									"error"
+								]
+							},
+							{
+							}
+						]
+					}
+				]
+			}
+		},
+		title: "Rule configuration.",
+		description: "Enable/disable rules, set severity. Some rules have additional configuration like style or patterns to use.",
+		examples: [
+			{
+				foo: "error",
+				bar: "off",
+				baz: [
+					"error",
+					{
+						style: "camelcase"
+					}
+				]
+			}
+		]
+	}
+};
+var configurationSchema = {
+	$schema: $schema,
+	$id: $id,
+	type: type,
+	additionalProperties: additionalProperties,
+	properties: properties
+};
+
 function dumpTree(root) {
   const lines = [];
   function decoration(node) {
@@ -11851,7 +11914,7 @@ class EventHandler {
 }
 
 const name = "html-validate";
-const version = "10.1.1";
+const version = "10.2.1";
 const bugs = "https://gitlab.com/html-validate/html-validate/issues/new";
 
 function freeze(src) {
@@ -12584,9 +12647,9 @@ class Parser {
    * Trigger close events for any still open elements.
    */
   closeTree(source, location) {
-    let active;
     const documentElement = this.dom.root;
-    while ((active = this.dom.getActive()) && !active.isRootElement()) {
+    let active = this.dom.getActive();
+    while (!active.isRootElement()) {
       if (active.meta?.implicitClosed) {
         active.closed = NodeClosed.ImplicitClosed;
         this.closeElement(source, documentElement, active, location);
@@ -12594,6 +12657,7 @@ class Parser {
         this.closeElement(source, null, active, location);
       }
       this.dom.popActive();
+      active = this.dom.getActive();
     }
   }
 }
@@ -12960,8 +13024,8 @@ function getUnnamedTransformerFromPlugin(name, plugin) {
     throw new ConfigError(`Plugin does not expose any transformers`);
   }
   if (typeof plugin.transformer !== "function") {
-    if (plugin.transformer.default) {
-      return plugin.transformer.default;
+    if (plugin.transformer["default"]) {
+      return plugin.transformer["default"];
     }
     throw new ConfigError(
       `Transformer "${name}" refers to unnamed transformer but plugin exposes only named.`
@@ -13190,7 +13254,7 @@ function checkstyleFormatter(results) {
   output += "</checkstyle>\n";
   return output;
 }
-const formatter$3 = checkstyleFormatter;
+const formatter$2 = checkstyleFormatter;
 
 const defaults = {
   showLink: true,
@@ -13365,7 +13429,7 @@ function codeframe(results, options) {
 function jsonFormatter(results) {
   return JSON.stringify(results);
 }
-const formatter$2 = jsonFormatter;
+const formatter$1 = jsonFormatter;
 
 function linkSummary(results) {
   const urls = results.reduce((result, it) => {
@@ -13394,7 +13458,6 @@ function stylish(results) {
   const links = linkSummary(results);
   return `${errors}${links}`;
 }
-const formatter$1 = stylish;
 
 function textFormatter(results) {
   let output = "";
@@ -13424,10 +13487,10 @@ function textFormatter(results) {
 const formatter = textFormatter;
 
 const availableFormatters = {
-  checkstyle: formatter$3,
+  checkstyle: formatter$2,
   codeframe,
-  json: formatter$2,
-  stylish: formatter$1,
+  json: formatter$1,
+  stylish,
   text: formatter
 };
 function getFormatter(name) {