html-validate 10.2.1 → 10.3.0

package/README.md

@@ -82,8 +82,8 @@ See [running in browser](https://html-validate.org/dev/running-in-browser.html)
 
 ### Prerequisites
 
-- NodeJS 18
-- NPM 7
+- Node.js 20
+- NPM 10
 
 ### Test
 

package/dist/cjs/core.js

@@ -1518,6 +1518,7 @@ var State = /* @__PURE__ */ ((State2) => {
   State2[State2["SCRIPT"] = 7] = "SCRIPT";
   State2[State2["STYLE"] = 8] = "STYLE";
   State2[State2["TEXTAREA"] = 9] = "TEXTAREA";
+  State2[State2["TITLE"] = 10] = "TITLE";
   return State2;
 })(State || {});
 
@@ -1526,6 +1527,7 @@ var ContentModel = /* @__PURE__ */ ((ContentModel2) => {
   ContentModel2[ContentModel2["SCRIPT"] = 2] = "SCRIPT";
   ContentModel2[ContentModel2["STYLE"] = 3] = "STYLE";
   ContentModel2[ContentModel2["TEXTAREA"] = 4] = "TEXTAREA";
+  ContentModel2[ContentModel2["TITLE"] = 5] = "TITLE";
   return ContentModel2;
 })(ContentModel || {});
 class Context {
@@ -3279,7 +3281,7 @@ class Validator {
   static validatePermittedCategory(node, category, defaultMatch) {
     const [, rawCategory] = /^(@?.*?)([?*]?)$/.exec(category);
     if (!rawCategory.startsWith("@")) {
-      return node.tagName === rawCategory;
+      return node.matches(rawCategory);
     }
     if (!node.meta) {
       return defaultMatch;
@@ -4612,6 +4614,8 @@ const MATCH_STYLE_DATA = /^[^]*?(?=<\/style)/;
 const MATCH_STYLE_END = /^<(\/)(style)/;
 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_COMMENT = /^<!--([^]*?)-->/;
 const MATCH_CONDITIONAL = /^<!\[([^\]]*?)\]>/;
@@ -4657,6 +4661,9 @@ class Lexer {
         case State.TEXTAREA:
           yield* this.tokenizeTextarea(context);
           break;
+        case State.TITLE:
+          yield* this.tokenizeTitle(context);
+          break;
         /* istanbul ignore next: sanity check: should not happen unless adding new states */
         default:
           this.unhandled(context);
@@ -4731,6 +4738,8 @@ class Lexer {
         context.contentModel = ContentModel.STYLE;
       } else if (data[0] === "<textarea") {
         context.contentModel = ContentModel.TEXTAREA;
+      } else if (data[0] === "<title") {
+        context.contentModel = ContentModel.TITLE;
       } else {
         context.contentModel = ContentModel.TEXT;
       }
@@ -4788,6 +4797,12 @@ class Lexer {
           } else {
             return State.TEXT;
           }
+        case ContentModel.TITLE:
+          if (selfClosed) {
+            return State.TITLE;
+          } else {
+            return State.TEXT;
+          }
       }
     }
     yield* this.match(
@@ -4862,6 +4877,16 @@ class Lexer {
       "expected </textarea>"
     );
   }
+  *tokenizeTitle(context) {
+    yield* this.match(
+      context,
+      [
+        [MATCH_TITLE_END, State.TAG, TokenType.TAG_OPEN],
+        [MATCH_TITLE_DATA, State.TITLE, TokenType.TEXT]
+      ],
+      "expected </title>"
+    );
+  }
 }
 
 const whitespace = /(\s+)/;
@@ -7774,6 +7799,9 @@ class NoImplicitButtonType extends Rule {
   setup() {
     this.on("element:ready", isRelevant$2, (event) => {
       const { target } = event;
+      if (target.parent?.is("select")) {
+        return;
+      }
       const attr = target.getAttribute("type");
       if (!attr) {
         this.report({
@@ -9113,6 +9141,9 @@ function haveAccessibleText(node) {
   if (node.is("img") && hasNonEmptyAttribute(node, "alt")) {
     return true;
   }
+  if (node.is("selectedcontent")) {
+    return true;
+  }
   if (hasDefaultText(node)) {
     return true;
   }
@@ -11914,7 +11945,7 @@ class EventHandler {
 }
 
 const name = "html-validate";
-const version = "10.2.1";
+const version = "10.3.0";
 const bugs = "https://gitlab.com/html-validate/html-validate/issues/new";
 
 function freeze(src) {