html-validate 10.6.0 → 10.7.0

package/dist/esm/browser.js

@@ -1,5 +1,5 @@
 export { H as HtmlValidate, c as compatibilityCheck, e as esmResolver } from './core-browser.js';
-export { A as Attribute, C as Config, a as ConfigError, b as ConfigLoader, D as DOMNode, h as DOMTokenList, j as DOMTree, k as DynamicValue, I as EventHandler, H as HtmlElement, M as MetaCopyableProperty, q as MetaTable, m as NestedError, N as NodeClosed, l as NodeType, P as Parser, B as Reporter, R as ResolvedConfig, t as Rule, n as SchemaValidationError, S as Severity, f as StaticConfigLoader, u as TextClassification, r as TextContent, T as TextNode, U as UserError, V as Validator, W as WrappedError, w as ariaNaming, x as classifyNodeText, p as configPresets, c as defineConfig, E as definePlugin, o as isUserError, y as keywordPatternMatcher, F as ruleExists, z as sliceLocation, s as staticResolver, v as version, G as walk } from './core.js';
+export { A as Attribute, f as Config, e as ConfigError, C as ConfigLoader, D as DOMNode, r as DOMTokenList, u as DOMTree, w as DynamicValue, _ as EventHandler, H as HtmlElement, M as MetaCopyableProperty, F as MetaTable, y as NestedError, N as NodeClosed, x as NodeType, P as Parser, R as Reporter, m as ResolvedConfig, I as Rule, z as SchemaValidationError, o as Severity, S as StaticConfigLoader, J as TextClassification, G as TextContent, T as TextNode, U as UserError, V as Validator, W as WrappedError, K as ariaNaming, L as classifyNodeText, p as configPresets, q as defineConfig, X as definePlugin, B as isUserError, O as keywordPatternMatcher, Y as ruleExists, Q as sliceLocation, s as staticResolver, v as version, Z as walk } from './core.js';
 export { d as defineMetadata, m as metadataHelper } from './meta-helper.js';
 import 'ajv';
 import './elements.js';

package/dist/esm/cli.js

@@ -1,5 +1,5 @@
 import { l as legacyRequire, F as FileSystemConfigLoader, e as esmResolver, H as HtmlValidate } from './core-nodejs.js';
-import { g as getFormatter$1, U as UserError, e as ensureError, d as deepmerge, i as ignore, B as Reporter, J as engines } from './core.js';
+import { h as getFormatter$1, U as UserError, j as ensureError, k as deepmerge, l as ignore, R as Reporter, $ as engines } from './core.js';
 import path$1 from 'node:path/posix';
 import fs from 'node:fs';
 import path from 'node:path';

package/dist/esm/core-browser.js

@@ -1,4 +1,4 @@
-import { f as StaticConfigLoader, K as normalizeSource, L as transformSource, O as Engine, P as Parser, Q as transformSourceSync, X as transformFilename, Y as transformFilenameSync, B as Reporter, Z as configurationSchema, _ as isThenable, U as UserError, b as ConfigLoader, $ as compatibilityCheckImpl, v as version } from './core.js';
+import { S as StaticConfigLoader, n as normalizeSource, t as transformSource, E as Engine, P as Parser, a as transformSourceSync, b as transformFilename, c as transformFilenameSync, R as Reporter, d as configurationSchema, i as isThenable, U as UserError, C as ConfigLoader, g as compatibilityCheckImpl, v as version } from './core.js';
 
 function isSourceHooks(value) {
   if (!value || typeof value === "string") {

package/dist/esm/core-nodejs.js

@@ -1,5 +1,5 @@
 import fs, { existsSync } from 'node:fs';
-import { f as StaticConfigLoader, K as normalizeSource, L as transformSource, O as Engine, P as Parser, Q as transformSourceSync, X as transformFilename, Y as transformFilenameSync, B as Reporter, Z as configurationSchema, _ as isThenable, U as UserError, b as ConfigLoader, a as ConfigError, C as Config, $ as compatibilityCheckImpl, v as version } from './core.js';
+import { S as StaticConfigLoader, n as normalizeSource, t as transformSource, E as Engine, P as Parser, a as transformSourceSync, b as transformFilename, c as transformFilenameSync, R as Reporter, d as configurationSchema, i as isThenable, U as UserError, C as ConfigLoader, e as ConfigError, f as Config, g as compatibilityCheckImpl, v as version } from './core.js';
 import path from 'node:path';
 import fs$1 from 'node:fs/promises';
 import { pathToFileURL } from 'node:url';

package/dist/esm/core.js

@@ -3999,7 +3999,7 @@ class Rule {
   }
 }
 
-const defaults$y = {
+const defaults$z = {
   allowExternal: true,
   allowRelative: true,
   allowAbsolute: true,
@@ -4043,7 +4043,7 @@ class AllowedLinks extends Rule {
   allowRelative;
   allowAbsolute;
   constructor(options) {
-    super({ ...defaults$y, ...options });
+    super({ ...defaults$z, ...options });
     this.allowExternal = parseAllow(this.options.allowExternal);
     this.allowRelative = parseAllow(this.options.allowRelative);
     this.allowAbsolute = parseAllow(this.options.allowAbsolute);
@@ -4211,7 +4211,7 @@ class AllowedLinks extends Rule {
   }
 }
 
-const defaults$x = {
+const defaults$y = {
   accessible: true
 };
 function findByTarget(target, siblings) {
@@ -4241,7 +4241,7 @@ function getDescription$1(context) {
 }
 class AreaAlt extends Rule {
   constructor(options) {
-    super({ ...defaults$x, ...options });
+    super({ ...defaults$y, ...options });
   }
   static schema() {
     return {
@@ -4320,8 +4320,12 @@ class AriaHiddenBody extends Rule {
   }
 }
 
-const defaults$w = {
-  allowAnyNamable: false
+const defaults$x = {
+  allowAnyNamable: false,
+  elements: {
+    include: null,
+    exclude: null
+  }
 };
 const allowlist = /* @__PURE__ */ new Set([
   "main",
@@ -4364,7 +4368,26 @@ function isValidUsage(target, meta) {
 }
 class AriaLabelMisuse extends Rule {
   constructor(options) {
-    super({ ...defaults$w, ...options });
+    super({ ...defaults$x, ...options });
+  }
+  static schema() {
+    return {
+      allowAnyNamable: {
+        type: "boolean"
+      },
+      elements: {
+        type: "object",
+        properties: {
+          include: {
+            anyOf: [{ type: "array", items: { type: "string" } }, { type: "null" }]
+          },
+          exclude: {
+            anyOf: [{ type: "array", items: { type: "string" } }, { type: "null" }]
+          }
+        },
+        additionalProperties: false
+      }
+    };
   }
   documentation(context) {
     const valid = [
@@ -4422,6 +4445,9 @@ class AriaLabelMisuse extends Rule {
     if (!meta) {
       return;
     }
+    if (this.shouldIgnoreElement(target)) {
+      return;
+    }
     if (isValidUsage(target, meta)) {
       return;
     }
@@ -4446,6 +4472,9 @@ class AriaLabelMisuse extends Rule {
       });
     }
   }
+  shouldIgnoreElement(target) {
+    return isKeywordIgnored(this.options.elements, target.tagName, keywordPatternMatcher);
+  }
 }
 
 class ConfigError extends UserError {
@@ -4508,14 +4537,14 @@ class CaseStyle {
   }
 }
 
-const defaults$v = {
+const defaults$w = {
   style: "lowercase",
   ignoreForeign: true
 };
 class AttrCase extends Rule {
   style;
   constructor(options) {
-    super({ ...defaults$v, ...options });
+    super({ ...defaults$w, ...options });
     this.style = new CaseStyle(this.options.style, "attr-case");
   }
   static schema() {
@@ -4622,7 +4651,7 @@ const MATCH_TEXTAREA_DATA = /^[^]*?(?=<\/textarea)/;
 const MATCH_TEXTAREA_END = /^<(\/)(textarea)/;
 const MATCH_TITLE_DATA = /^[^]*?(?=<\/title)/;
 const MATCH_TITLE_END = /^<(\/)(title)/;
-const MATCH_DIRECTIVE = /^(<!--\s*\[html-validate-)([a-z0-9-]+)(\s*)(.*?)(]?\s*-->)/;
+const MATCH_DIRECTIVE = /^(<!--\s*\[?)(html-validate-)([a-z0-9-]+)(\s*)(.*?)(]?\s*-->)/;
 const MATCH_COMMENT = /^<!--([^]*?)-->/;
 const MATCH_CONDITIONAL = /^<!\[([^\]]*?)\]>/;
 class InvalidTokenError extends Error {
@@ -4920,7 +4949,7 @@ class AttrDelimiter extends Rule {
 }
 
 const DEFAULT_PATTERN = "[a-z0-9-:]+";
-const defaults$u = {
+const defaults$v = {
   pattern: DEFAULT_PATTERN,
   ignoreForeign: true
 };
@@ -4953,7 +4982,7 @@ function generateDescription(name, pattern) {
 class AttrPattern extends Rule {
   pattern;
   constructor(options) {
-    super({ ...defaults$u, ...options });
+    super({ ...defaults$v, ...options });
     this.pattern = generateRegexp(this.options.pattern);
   }
   static schema() {
@@ -5000,7 +5029,7 @@ class AttrPattern extends Rule {
   }
 }
 
-const defaults$t = {
+const defaults$u = {
   style: "auto",
   unquoted: false
 };
@@ -5066,7 +5095,7 @@ class AttrQuotes extends Rule {
     };
   }
   constructor(options) {
-    super({ ...defaults$t, ...options });
+    super({ ...defaults$u, ...options });
     this.style = parseStyle$3(this.options.style);
   }
   setup() {
@@ -5222,13 +5251,13 @@ class AttributeAllowedValues extends Rule {
   }
 }
 
-const defaults$s = {
+const defaults$t = {
   style: "omit"
 };
 class AttributeBooleanStyle extends Rule {
   hasInvalidStyle;
   constructor(options) {
-    super({ ...defaults$s, ...options });
+    super({ ...defaults$t, ...options });
     this.hasInvalidStyle = parseStyle$2(this.options.style);
   }
   static schema() {
@@ -5298,13 +5327,13 @@ function reportMessage$1(attr, style) {
   return "";
 }
 
-const defaults$r = {
+const defaults$s = {
   style: "omit"
 };
 class AttributeEmptyStyle extends Rule {
   hasInvalidStyle;
   constructor(options) {
-    super({ ...defaults$r, ...options });
+    super({ ...defaults$s, ...options });
     this.hasInvalidStyle = parseStyle$1(this.options.style);
   }
   static schema() {
@@ -5552,7 +5581,7 @@ class BasePatternRule extends Rule {
   }
 }
 
-const defaults$q = {
+const defaults$r = {
   pattern: "kebabcase"
 };
 class ClassPattern extends BasePatternRule {
@@ -5560,7 +5589,7 @@ class ClassPattern extends BasePatternRule {
     super({
       ruleId: "class-pattern",
       attr: "class",
-      options: { ...defaults$q, ...options },
+      options: { ...defaults$r, ...options },
       allowedPatterns: patternNames
       // allow all patterns
     });
@@ -5710,13 +5739,13 @@ class CloseOrder extends Rule {
   }
 }
 
-const defaults$p = {
+const defaults$q = {
   include: null,
   exclude: null
 };
 class Deprecated extends Rule {
   constructor(options) {
-    super({ ...defaults$p, ...options });
+    super({ ...defaults$q, ...options });
   }
   static schema() {
     return {
@@ -5870,12 +5899,12 @@ let NoStyleTag$1 = class NoStyleTag extends Rule {
   }
 };
 
-const defaults$o = {
+const defaults$p = {
   style: "uppercase"
 };
 class DoctypeStyle extends Rule {
   constructor(options) {
-    super({ ...defaults$o, ...options });
+    super({ ...defaults$p, ...options });
   }
   static schema() {
     return {
@@ -5903,13 +5932,13 @@ class DoctypeStyle extends Rule {
   }
 }
 
-const defaults$n = {
+const defaults$o = {
   style: "lowercase"
 };
 class ElementCase extends Rule {
   style;
   constructor(options) {
-    super({ ...defaults$n, ...options });
+    super({ ...defaults$o, ...options });
     this.style = new CaseStyle(this.options.style, "element-case");
   }
   static schema() {
@@ -5969,7 +5998,7 @@ class ElementCase extends Rule {
   }
 }
 
-const defaults$m = {
+const defaults$n = {
   pattern: "^[a-z][a-z0-9\\-._]*-[a-z0-9\\-._]*$",
   whitelist: [],
   blacklist: []
@@ -5977,7 +6006,7 @@ const defaults$m = {
 class ElementName extends Rule {
   pattern;
   constructor(options) {
-    super({ ...defaults$m, ...options });
+    super({ ...defaults$n, ...options });
     this.pattern = new RegExp(this.options.pattern);
   }
   static schema() {
@@ -6014,7 +6043,7 @@ class ElementName extends Rule {
         ...context.blacklist.map((cur) => `- ${cur}`)
       ];
     }
-    if (context.pattern !== defaults$m.pattern) {
+    if (context.pattern !== defaults$n.pattern) {
       return [
         `<${context.tagName}> is not a valid element name. This project is configured to only allow names matching the following regular expression:`,
         "",
@@ -6531,7 +6560,7 @@ class EmptyTitle extends Rule {
   }
 }
 
-const defaults$l = {
+const defaults$m = {
   allowArrayBrackets: true,
   allowCheckboxDefault: true,
   shared: ["radio", "button", "reset", "submit"]
@@ -6591,7 +6620,7 @@ function getDocumentation(context) {
 }
 class FormDupName extends Rule {
   constructor(options) {
-    super({ ...defaults$l, ...options });
+    super({ ...defaults$m, ...options });
   }
   static schema() {
     return {
@@ -6750,7 +6779,7 @@ class FormDupName extends Rule {
   }
 }
 
-const defaults$k = {
+const defaults$l = {
   allowMultipleH1: false,
   minInitialRank: "h1",
   sectioningRoots: ["dialog", '[role="dialog"]', '[role="alertdialog"]']
@@ -6782,7 +6811,7 @@ class HeadingLevel extends Rule {
   sectionRoots;
   stack = [];
   constructor(options) {
-    super({ ...defaults$k, ...options });
+    super({ ...defaults$l, ...options });
     this.minInitialRank = parseMaxInitial(this.options.minInitialRank);
     this.sectionRoots = this.options.sectioningRoots.map((it) => new Compound(it));
     this.stack.push({
@@ -7021,7 +7050,7 @@ class HiddenFocusable extends Rule {
   }
 }
 
-const defaults$j = {
+const defaults$k = {
   pattern: "kebabcase"
 };
 function exclude$1(set, ...values) {
@@ -7037,7 +7066,7 @@ class IdPattern extends BasePatternRule {
     super({
       ruleId: "id-pattern",
       attr: "id",
-      options: { ...defaults$j, ...options },
+      options: { ...defaults$k, ...options },
       allowedPatterns
     });
   }
@@ -7359,13 +7388,13 @@ function findLabelByParent(el) {
   return [];
 }
 
-const defaults$i = {
+const defaults$j = {
   maxlength: 70
 };
 class LongTitle extends Rule {
   maxlength;
   constructor(options) {
-    super({ ...defaults$i, ...options });
+    super({ ...defaults$j, ...options });
     this.maxlength = this.options.maxlength;
   }
   static schema() {
@@ -7469,12 +7498,12 @@ class MapIdName extends Rule {
   }
 }
 
-const defaults$h = {
+const defaults$i = {
   allowLongDelay: false
 };
 class MetaRefresh extends Rule {
   constructor(options) {
-    super({ ...defaults$h, ...options });
+    super({ ...defaults$i, ...options });
   }
   documentation() {
     return {
@@ -7585,7 +7614,7 @@ class MultipleLabeledControls extends Rule {
   }
 }
 
-const defaults$g = {
+const defaults$h = {
   pattern: "camelcase"
 };
 function exclude(set, ...values) {
@@ -7601,7 +7630,7 @@ class NamePattern extends BasePatternRule {
     super({
       ruleId: "name-pattern",
       attr: "name",
-      options: { ...defaults$g, ...options },
+      options: { ...defaults$h, ...options },
       allowedPatterns
     });
   }
@@ -7692,13 +7721,13 @@ class NoAbstractRole extends Rule {
   }
 }
 
-const defaults$f = {
+const defaults$g = {
   include: null,
   exclude: null
 };
 class NoAutoplay extends Rule {
   constructor(options) {
-    super({ ...defaults$f, ...options });
+    super({ ...defaults$g, ...options });
   }
   documentation(context) {
     return {
@@ -8020,14 +8049,14 @@ class NoImplicitInputType extends Rule {
   }
 }
 
-const defaults$e = {
+const defaults$f = {
   include: null,
   exclude: null,
   allowedProperties: ["display"]
 };
 class NoInlineStyle extends Rule {
   constructor(options) {
-    super({ ...defaults$e, ...options });
+    super({ ...defaults$f, ...options });
   }
   static schema() {
     return {
@@ -8213,7 +8242,7 @@ class NoMultipleMain extends Rule {
   }
 }
 
-const defaults$d = {
+const defaults$e = {
   relaxed: false
 };
 const textRegexp = /([<>]|&(?![a-zA-Z0-9#]+;))/g;
@@ -8231,7 +8260,7 @@ const replacementTable = {
 class NoRawCharacters extends Rule {
   relaxed;
   constructor(options) {
-    super({ ...defaults$d, ...options });
+    super({ ...defaults$e, ...options });
     this.relaxed = this.options.relaxed;
   }
   static schema() {
@@ -8411,13 +8440,13 @@ class NoRedundantRole extends Rule {
 }
 
 const xmlns = /^(.+):.+$/;
-const defaults$c = {
+const defaults$d = {
   ignoreForeign: true,
   ignoreXML: true
 };
 class NoSelfClosing extends Rule {
   constructor(options) {
-    super({ ...defaults$c, ...options });
+    super({ ...defaults$d, ...options });
   }
   static schema() {
     return {
@@ -8467,7 +8496,20 @@ function isRelevant(node, options) {
   return true;
 }
 
+const defaults$c = {
+  allowTemplate: true
+};
 class NoStyleTag extends Rule {
+  constructor(options) {
+    super({ ...defaults$c, ...options });
+  }
+  static schema() {
+    return {
+      allowTemplate: {
+        type: "boolean"
+      }
+    };
+  }
   documentation() {
     return {
       description: "Prefer to use external stylesheets with the `<link>` tag instead of inlining the styling.",
@@ -8475,9 +8517,13 @@ class NoStyleTag extends Rule {
     };
   }
   setup() {
+    const { allowTemplate } = this.options;
     this.on("tag:start", (event) => {
       const node = event.target;
       if (node.tagName === "style") {
+        if (allowTemplate && node.parent?.is("template")) {
+          return;
+        }
         this.report(node, "Use external stylesheet with <link> instead of <style> tag");
       }
     });
@@ -9384,7 +9430,7 @@ function getTextFromReference(document, id) {
   if (!id || id instanceof DynamicValue) {
     return id;
   }
-  const selector = `#${id}`;
+  const selector = generateIdSelector(id);
   const ref = document.querySelector(selector);
   if (ref) {
     return ref.textContent;
@@ -12123,7 +12169,7 @@ class EventHandler {
 }
 
 const name = "html-validate";
-const version = "10.6.0";
+const version = "10.7.0";
 const bugs = "https://gitlab.com/html-validate/html-validate/issues/new";
 
 function freeze(src) {
@@ -12669,31 +12715,34 @@ class Parser {
    * @internal
    */
   consumeDirective(token) {
-    const [text, preamble, action, separator1, directive, postamble] = token.data;
-    if (!postamble.startsWith("]")) {
-      throw new ParserError(token.location, `Missing end bracket "]" on directive "${text}"`);
+    const [text, preamble, prefix, action, separator1, directive, postamble] = token.data;
+    const hasStartBracket = preamble.includes("[");
+    const hasEndBracket = postamble.startsWith("]");
+    if (hasStartBracket && !hasEndBracket) {
+      this.trigger("parse:error", {
+        location: sliceLocation(token.location, preamble.length - 1, -postamble.length),
+        message: `Missing end bracket "]" on directive "${text}"`
+      });
+      return;
     }
     const match = /^(.*?)(?:(\s*(?:--|:)\s*)(.*))?$/.exec(directive);
     if (!match) {
       throw new Error(`Failed to parse directive "${text}"`);
     }
     if (!isValidDirective(action)) {
+      const begin = preamble.length;
+      const end = preamble.length + prefix.length + action.length;
       this.trigger("parse:error", {
-        location: token.location,
+        location: sliceLocation(token.location, begin, -text.length + end),
         message: `Unknown directive "${action}"`
       });
       return;
     }
     const [, data, separator2, comment] = match;
-    const prefix = "html-validate-";
-    const actionOffset = preamble.length;
+    const actionOffset = preamble.length + prefix.length;
     const optionsOffset = actionOffset + action.length + separator1.length;
     const commentOffset = optionsOffset + data.length + (separator2 || "").length;
-    const location = sliceLocation(
-      token.location,
-      preamble.length - prefix.length - 1,
-      -postamble.length + 1
-    );
+    const location = sliceLocation(token.location, preamble.length - 1, -postamble.length + 1);
     const actionLocation = sliceLocation(
       token.location,
       actionOffset,
@@ -14540,5 +14589,5 @@ const engines = {
 
 var workerPath = "./jest-worker.js";
 
-export { compatibilityCheckImpl as $, Attribute as A, Reporter as B, Config as C, DOMNode as D, definePlugin as E, ruleExists as F, walk as G, HtmlElement as H, EventHandler as I, engines as J, normalizeSource as K, transformSource as L, MetaCopyableProperty as M, NodeClosed as N, Engine as O, Parser as P, transformSourceSync as Q, ResolvedConfig as R, Severity as S, TextNode as T, UserError as U, Validator as V, WrappedError as W, transformFilename as X, transformFilenameSync as Y, configurationSchema as Z, isThenable as _, ConfigError as a, workerPath as a0, codeframe as a1, name as a2, bugs as a3, ConfigLoader as b, defineConfig as c, deepmerge as d, ensureError as e, StaticConfigLoader as f, getFormatter as g, DOMTokenList as h, ignore as i, DOMTree as j, DynamicValue as k, NodeType as l, NestedError as m, SchemaValidationError as n, isUserError as o, presets as p, MetaTable as q, TextContent$1 as r, staticResolver as s, Rule as t, TextClassification as u, version as v, ariaNaming as w, classifyNodeText as x, keywordPatternMatcher as y, sliceLocation as z };
+export { engines as $, Attribute as A, isUserError as B, ConfigLoader as C, DOMNode as D, Engine as E, MetaTable as F, TextContent$1 as G, HtmlElement as H, Rule as I, TextClassification as J, ariaNaming as K, classifyNodeText as L, MetaCopyableProperty as M, NodeClosed as N, keywordPatternMatcher as O, Parser as P, sliceLocation as Q, Reporter as R, StaticConfigLoader as S, TextNode as T, UserError as U, Validator as V, WrappedError as W, definePlugin as X, ruleExists as Y, walk as Z, EventHandler as _, transformSourceSync as a, workerPath as a0, codeframe as a1, name as a2, bugs as a3, transformFilename as b, transformFilenameSync as c, configurationSchema as d, ConfigError as e, Config as f, compatibilityCheckImpl as g, getFormatter as h, isThenable as i, ensureError as j, deepmerge as k, ignore as l, ResolvedConfig as m, normalizeSource as n, Severity as o, presets as p, defineConfig as q, DOMTokenList as r, staticResolver as s, transformSource as t, DOMTree as u, version as v, DynamicValue as w, NodeType as x, NestedError as y, SchemaValidationError as z };
 //# sourceMappingURL=core.js.map