html-validate 8.2.0 → 8.3.0

package/dist/cjs/core.js

@@ -6422,7 +6422,7 @@ const defaults$h = {
     minInitialRank: "h1",
     sectioningRoots: ["dialog", '[role="dialog"]', '[role="alertdialog"]'],
 };
-function isRelevant$3(event) {
+function isRelevant$4(event) {
     const node = event.target;
     return Boolean(node.meta && node.meta.heading);
 }
@@ -6490,7 +6490,7 @@ class HeadingLevel extends Rule {
         };
     }
     setup() {
-        this.on("tag:start", isRelevant$3, (event) => {
+        this.on("tag:start", isRelevant$4, (event) => {
             this.onTagStart(event);
         });
         this.on("tag:ready", (event) => {
@@ -7150,7 +7150,7 @@ class MapDupName extends Rule {
     }
 }
 
-function isRelevant$2(event) {
+function isRelevant$3(event) {
     return event.target.is("map");
 }
 function hasStaticValue(attr) {
@@ -7164,7 +7164,7 @@ class MapIdName extends Rule {
         };
     }
     setup() {
-        this.on("tag:ready", isRelevant$2, (event) => {
+        this.on("tag:ready", isRelevant$3, (event) => {
             var _a;
             const { target } = event;
             const id = target.getAttribute("id");
@@ -7428,7 +7428,7 @@ class NoDupID extends Rule {
             const { document } = event;
             const existing = new Set();
             const elements = document.querySelectorAll("[id]");
-            const relevant = elements.filter(isRelevant$1);
+            const relevant = elements.filter(isRelevant$2);
             for (const el of relevant) {
                 const attr = el.getAttribute("id");
                 /* istanbul ignore next: this has already been tested in isRelevant once but for type-safety it is checked again */
@@ -7444,7 +7444,7 @@ class NoDupID extends Rule {
         });
     }
 }
-function isRelevant$1(element) {
+function isRelevant$2(element) {
     const attr = element.getAttribute("id");
     /* istanbul ignore next: can not really happen as querySelector will only return elements with id present */
     if (!attr) {
@@ -7461,6 +7461,41 @@ function isRelevant$1(element) {
     return true;
 }
 
+function isRelevant$1(event) {
+    return event.target.is("button");
+}
+class NoImplicitButtonType extends Rule {
+    documentation() {
+        return {
+            description: [
+                "`<button>` is missing required `type` attribute",
+                "",
+                "When the `type` attribute is omitted it defaults to `submit`.",
+                "Submit buttons are triggered when a keyboard user presses <kbd>Enter</kbd>.",
+                "",
+                "As this may or may not be inteded this rule enforces that the `type` attribute be explicitly set to one of the valid types:",
+                "",
+                "- `button` - a generic button.",
+                "- `submit` - a submit button.",
+                "- `reset`- a button to reset form fields.",
+            ].join("\n"),
+            url: "https://html-validate.org/rules/no-implicit-button-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: `<button> is missing required "type" attribute`,
+                });
+            }
+        });
+    }
+}
+
 class NoImplicitClose extends Rule {
     documentation() {
         return {
@@ -9635,6 +9670,7 @@ const bundledRules = {
     "no-dup-attr": NoDupAttr,
     "no-dup-class": NoDupClass,
     "no-dup-id": NoDupID,
+    "no-implicit-button-type": NoImplicitButtonType,
     "no-implicit-close": NoImplicitClose,
     "no-inline-style": NoInlineStyle,
     "no-missing-references": NoMissingReferences,
@@ -9681,6 +9717,7 @@ const config$4 = {
         "multiple-labeled-controls": "error",
         "no-autoplay": ["error", { include: ["audio", "video"] }],
         "no-dup-id": "error",
+        "no-implicit-button-type": "error",
         "no-redundant-aria-label": "error",
         "no-redundant-for": "error",
         "no-redundant-role": "error",
@@ -9760,6 +9797,7 @@ const config$1 = {
         "no-dup-attr": "error",
         "no-dup-class": "error",
         "no-dup-id": "error",
+        "no-implicit-button-type": "error",
         "no-implicit-close": "error",
         "no-inline-style": "error",
         "no-multiple-main": "error",
@@ -12218,7 +12256,7 @@ class HtmlValidate {
 /** @public */
 const name = "html-validate";
 /** @public */
-const version = "8.2.0";
+const version = "8.3.0";
 /** @public */
 const bugs = "https://gitlab.com/html-validate/html-validate/issues/new";