html-validate 10.12.1 → 10.13.0

package/dist/esm/elements.js

@@ -1,4 +1,5 @@
 import { m as metadataHelper } from './meta-helper.js';
+import { p as parseImageCandidateString } from './utils/parse-image-candidate-string.js';
 
 const {
   allowedIfAttributeIsPresent,
@@ -34,6 +35,9 @@ function isInsideLandmark(node) {
   ];
   return Boolean(node.closest(selectors.join(",")));
 }
+function hasWidthDescriptor(srcset) {
+  return parseImageCandidateString(srcset).some((it) => it.descriptor === "width");
+}
 function linkBodyOk(node) {
   if (node.hasAttribute("itemprop")) {
     return true;
@@ -533,6 +537,7 @@ var html5 = {
     permittedContent: ["@flow"]
   },
   body: {
+    optionalEnd: true,
     permittedContent: ["@flow"],
     permittedParent: ["html"],
     attributes: {
@@ -1103,6 +1108,8 @@ var html5 = {
     }
   },
   head: {
+    implicitClosed: ["body"],
+    optionalEnd: true,
     permittedContent: ["base?", "title?", "@meta"],
     permittedParent: ["html"],
     requiredContent: ["title"],
@@ -1171,6 +1178,7 @@ var html5 = {
     }
   },
   html: {
+    optionalEnd: true,
     permittedContent: ["head?", "body?"],
     permittedOrder: ["head", "body"],
     requiredContent: ["head", "body"],
@@ -1700,8 +1708,9 @@ var html5 = {
           return null;
         },
         required(node) {
-          if (node.hasAttribute("imagesrcset")) {
-            return `{{ tagName }} requires "{{ attr }}" attribute when "imagesrcset" attribute is set`;
+          const imagesrcset = node.getAttribute("imagesrcset");
+          if (typeof imagesrcset === "string" && hasWidthDescriptor(imagesrcset)) {
+            return `{{ tagName }} requires "{{ attr }}" attribute when "imagesrcset" uses width descriptors`;
           }
           return false;
         }