html-validate 10.12.2 → 10.13.1

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;
@@ -1104,7 +1108,7 @@ var html5 = {
     }
   },
   head: {
-    implicitClosed: ["body"],
+    implicitClosed: ["body", "@flow-not-meta"],
     optionalEnd: true,
     permittedContent: ["base?", "title?", "@meta"],
     permittedParent: ["html"],
@@ -1174,6 +1178,10 @@ var html5 = {
     }
   },
   html: {
+    implicitOpen: [
+      { for: ["@meta"], open: "head" },
+      { for: ["@flow-not-meta"], open: "body" }
+    ],
     optionalEnd: true,
     permittedContent: ["head?", "body?"],
     permittedOrder: ["head", "body"],
@@ -1704,8 +1712,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;
         }