@depup/jsdom 28.1.0-depup.1

package/lib/jsdom/living/nodes/HTMLLIElement-impl.js

@@ -0,0 +1,9 @@
+"use strict";
+
+const HTMLElementImpl = require("./HTMLElement-impl").implementation;
+
+class HTMLLIElementImpl extends HTMLElementImpl { }
+
+module.exports = {
+  implementation: HTMLLIElementImpl
+};

package/lib/jsdom/living/nodes/HTMLLabelElement-impl.js

@@ -0,0 +1,94 @@
+"use strict";
+
+const HTMLElementImpl = require("./HTMLElement-impl").implementation;
+const MouseEvent = require("../../../generated/idl/MouseEvent");
+const { domSymbolTree } = require("../helpers/internal-constants");
+const NODE_TYPE = require("../node-type");
+const { isLabelable, isDisabled, isInteractiveContent } = require("../helpers/form-controls");
+const { isInclusiveAncestor } = require("../helpers/node");
+const { fireAnEvent } = require("../helpers/events");
+
+function sendClickToAssociatedNode(node) {
+  fireAnEvent("click", node, MouseEvent, {
+    bubbles: true,
+    cancelable: true,
+    view: node.ownerDocument ? node.ownerDocument.defaultView : null,
+    screenX: 0,
+    screenY: 0,
+    clientX: 0,
+    clientY: 0,
+    button: 0,
+    detail: 1,
+    relatedTarget: null
+  });
+}
+
+class HTMLLabelElementImpl extends HTMLElementImpl {
+  constructor(globalObject, args, privateData) {
+    super(globalObject, args, privateData);
+
+    this._hasActivationBehavior = true;
+  }
+
+  get control() {
+    if (this.hasAttributeNS(null, "for")) {
+      const forValue = this.getAttributeNS(null, "for");
+      if (forValue === "") {
+        return null;
+      }
+      const root = this.getRootNode({});
+      for (const descendant of domSymbolTree.treeIterator(root)) {
+        if (descendant.nodeType === NODE_TYPE.ELEMENT_NODE &&
+          descendant.getAttributeNS(null, "id") === forValue) {
+          return isLabelable(descendant) ? descendant : null;
+        }
+      }
+      return null;
+    }
+    for (const descendant of domSymbolTree.treeIterator(this)) {
+      if (isLabelable(descendant)) {
+        return descendant;
+      }
+    }
+    return null;
+  }
+
+  get form() {
+    const node = this.control;
+    if (node) {
+      return node.form;
+    }
+    return null;
+  }
+
+  _activationBehavior(event) {
+    // Check if the event's target is an inclusive descendant of any interactive content descendant of this <label>.
+    // If so, do nothing.
+    if (event.target && event.target !== this && isInclusiveAncestor(this, event.target)) {
+      for (const ancestor of domSymbolTree.ancestorsIterator(event.target)) {
+        if (ancestor === this) {
+          break;
+        }
+        if (isInteractiveContent(ancestor)) {
+          return;
+        }
+      }
+    }
+
+    const node = this.control;
+    if (node && !isDisabled(node)) {
+      // Check if the control is an inclusive ancestor of the event's target (and has already received this event).
+      // If so, do nothing.
+      // See https://github.com/whatwg/html/issues/5415.
+      if (event.target && isInclusiveAncestor(node, event.target)) {
+        return;
+      }
+
+      sendClickToAssociatedNode(node);
+    }
+  }
+}
+
+module.exports = {
+  implementation: HTMLLabelElementImpl
+};

package/lib/jsdom/living/nodes/HTMLLegendElement-impl.js

@@ -0,0 +1,18 @@
+"use strict";
+const HTMLElementImpl = require("./HTMLElement-impl").implementation;
+const { formOwner } = require("../helpers/form-controls");
+const { HTML_NS } = require("../helpers/namespaces");
+
+class HTMLLegendElementImpl extends HTMLElementImpl {
+  get form() {
+    const parent = this.parentNode;
+    if (parent && parent._localName === "fieldset" && parent.namespaceURI === HTML_NS) {
+      return formOwner(parent);
+    }
+    return null;
+  }
+}
+
+module.exports = {
+  implementation: HTMLLegendElementImpl
+};

package/lib/jsdom/living/nodes/HTMLLinkElement-impl.js

@@ -0,0 +1,107 @@
+"use strict";
+const DOMTokenList = require("../../../generated/idl/DOMTokenList");
+const HTMLElementImpl = require("./HTMLElement-impl").implementation;
+const idlUtils = require("../../../generated/idl/utils");
+const { fetchStylesheet, removeStylesheet } = require("../helpers/stylesheets");
+const whatwgURL = require("whatwg-url");
+
+// Important reading: "appropriate times to obtain the resource" in
+// https://html.spec.whatwg.org/multipage/semantics.html#link-type-stylesheet
+
+class HTMLLinkElementImpl extends HTMLElementImpl {
+  constructor(globalObject, args, privateData) {
+    super(globalObject, args, privateData);
+
+    this.sheet = null;
+  }
+
+  get relList() {
+    if (this._relList === undefined) {
+      this._relList = DOMTokenList.createImpl(this._globalObject, [], {
+        element: this,
+        attributeLocalName: "rel",
+        supportedTokens: new Set(["stylesheet"])
+      });
+    }
+    return this._relList;
+  }
+
+  _attach() {
+    super._attach();
+    maybeFetchAndProcess(this);
+  }
+
+  _detach() {
+    super._detach();
+    if (this.sheet) {
+      removeStylesheet(this.sheet, this);
+    }
+  }
+
+  _attrModified(name, value, oldValue) {
+    super._attrModified(name, value, oldValue);
+
+    if (name === "href") { // TODO crossorigin="" or type=""
+      maybeFetchAndProcess(this);
+    }
+
+    if (name === "rel" && this._relList !== undefined) {
+      this._relList.attrModified();
+    }
+  }
+
+  get _accept() {
+    return "text/css,*/*;q=0.1";
+  }
+}
+
+module.exports = {
+  implementation: HTMLLinkElementImpl
+};
+
+// https://html.spec.whatwg.org/multipage/links.html#link-type-stylesheet
+function maybeFetchAndProcess(el) {
+  if (!isExternalResourceLink(el)) {
+    return;
+  }
+
+  // Browsing-context connected
+  if (!el.isConnected || !el._ownerDocument._defaultView) {
+    return;
+  }
+
+  fetchAndProcess(el);
+}
+
+// https://html.spec.whatwg.org/multipage/semantics.html#default-fetch-and-process-the-linked-resource
+// TODO: refactor into general link-fetching like the spec.
+function fetchAndProcess(el) {
+  const href = el.getAttributeNS(null, "href");
+
+  if (href === null || href === "") {
+    return;
+  }
+
+  const url = el._ownerDocument.encodingParseAURL(href);
+  if (url === null) {
+    return;
+  }
+
+  // TODO handle crossorigin="", nonce, integrity="", referrerpolicy=""
+
+  const serialized = whatwgURL.serializeURL(url);
+
+  fetchStylesheet(el, serialized);
+}
+
+function isExternalResourceLink(el) {
+  // for our purposes, only stylesheets can be external resource links
+  const wrapper = idlUtils.wrapperForImpl(el);
+  if (!/(?:[ \t\n\r\f]|^)stylesheet(?:[ \t\n\r\f]|$)/i.test(wrapper.rel)) {
+    // rel is a space-separated list of tokens, and the original rel types
+    // are case-insensitive.
+    return false;
+  }
+
+  return el.hasAttributeNS(null, "href");
+}

package/lib/jsdom/living/nodes/HTMLMapElement-impl.js

@@ -0,0 +1,13 @@
+"use strict";
+
+const HTMLElementImpl = require("./HTMLElement-impl").implementation;
+
+class HTMLMapElementImpl extends HTMLElementImpl {
+  get areas() {
+    return this.getElementsByTagName("AREA");
+  }
+}
+
+module.exports = {
+  implementation: HTMLMapElementImpl
+};

package/lib/jsdom/living/nodes/HTMLMarqueeElement-impl.js

@@ -0,0 +1,9 @@
+"use strict";
+
+const HTMLElementImpl = require("./HTMLElement-impl").implementation;
+
+class HTMLMarqueeElementImpl extends HTMLElementImpl { }
+
+module.exports = {
+  implementation: HTMLMarqueeElementImpl
+};

package/lib/jsdom/living/nodes/HTMLMediaElement-impl.js

@@ -0,0 +1,138 @@
+"use strict";
+const DOMException = require("../../../generated/idl/DOMException");
+const HTMLElementImpl = require("./HTMLElement-impl").implementation;
+const { notImplementedMethod } = require("../../browser/not-implemented");
+const { fireAnEvent } = require("../helpers/events");
+
+function getTimeRangeDummy() {
+  return {
+    length: 0,
+    start() {
+      return 0;
+    },
+    end() {
+      return 0;
+    }
+  };
+}
+
+class HTMLMediaElementImpl extends HTMLElementImpl {
+  constructor(globalObject, args, privateData) {
+    super(globalObject, args, privateData);
+
+    this._muted = false;
+    this._volume = 1.0;
+    this.readyState = 0;
+    this.networkState = 0;
+    this.currentTime = 0;
+    this.currentSrc = "";
+    this.buffered = getTimeRangeDummy();
+    this.seeking = false;
+    this.duration = NaN;
+    this.paused = true;
+    this.played = getTimeRangeDummy();
+    this.seekable = getTimeRangeDummy();
+    this.ended = false;
+    this.audioTracks = [];
+    this.videoTracks = [];
+    this.textTracks = [];
+  }
+
+  get defaultPlaybackRate() {
+    if (this._defaultPlaybackRate === undefined) {
+      return 1.0;
+    }
+    return this._defaultPlaybackRate;
+  }
+
+  set defaultPlaybackRate(v) {
+    if (v === 0.0) {
+      throw DOMException.create(this._globalObject, ["The operation is not supported.", "NotSupportedError"]);
+    }
+    if (this._defaultPlaybackRate !== v) {
+      this._defaultPlaybackRate = v;
+      this._dispatchRateChange();
+    }
+  }
+
+  get playbackRate() {
+    if (this._playbackRate === undefined) {
+      return 1.0;
+    }
+    return this._playbackRate;
+  }
+
+  set playbackRate(v) {
+    if (v !== this._playbackRate) {
+      this._playbackRate = v;
+      this._dispatchRateChange();
+    }
+  }
+
+  get muted() {
+    return this._muted;
+  }
+
+  set muted(v) {
+    if (v !== this._muted) {
+      this._muted = v;
+      this._dispatchVolumeChange();
+    }
+  }
+
+  get defaultMuted() {
+    return this.getAttributeNS(null, "muted") !== null;
+  }
+
+  set defaultMuted(v) {
+    if (v) {
+      this.setAttributeNS(null, "muted", v);
+    } else {
+      this.removeAttributeNS(null, "muted");
+    }
+  }
+
+  get volume() {
+    return this._volume;
+  }
+
+  set volume(v) {
+    if (v < 0 || v > 1) {
+      throw DOMException.create(this._globalObject, ["The index is not in the allowed range.", "IndexSizeError"]);
+    }
+    if (this._volume !== v) {
+      this._volume = v;
+      this._dispatchVolumeChange();
+    }
+  }
+
+  // Not (yet) implemented according to spec
+  // Should return sane default values
+  load() {
+    notImplementedMethod(this._ownerDocument._defaultView, "HTMLMediaElement", "load");
+  }
+  canPlayType() {
+    return "";
+  }
+  play() {
+    notImplementedMethod(this._ownerDocument._defaultView, "HTMLMediaElement", "play");
+  }
+  pause() {
+    notImplementedMethod(this._ownerDocument._defaultView, "HTMLMediaElement", "pause");
+  }
+  addTextTrack() {
+    notImplementedMethod(this._ownerDocument._defaultView, "HTMLMediaElement", "addTextTrack");
+  }
+
+  _dispatchRateChange() {
+    fireAnEvent("ratechange", this);
+  }
+
+  _dispatchVolumeChange() {
+    fireAnEvent("volumechange", this);
+  }
+}
+
+module.exports = {
+  implementation: HTMLMediaElementImpl
+};

package/lib/jsdom/living/nodes/HTMLMenuElement-impl.js

@@ -0,0 +1,9 @@
+"use strict";
+
+const HTMLElementImpl = require("./HTMLElement-impl").implementation;
+
+class HTMLMenuElementImpl extends HTMLElementImpl { }
+
+module.exports = {
+  implementation: HTMLMenuElementImpl
+};

package/lib/jsdom/living/nodes/HTMLMetaElement-impl.js

@@ -0,0 +1,9 @@
+"use strict";
+
+const HTMLElementImpl = require("./HTMLElement-impl").implementation;
+
+class HTMLMetaElementImpl extends HTMLElementImpl { }
+
+module.exports = {
+  implementation: HTMLMetaElementImpl
+};

package/lib/jsdom/living/nodes/HTMLMeterElement-impl.js

@@ -0,0 +1,180 @@
+"use strict";
+
+const HTMLElementImpl = require("./HTMLElement-impl").implementation;
+const { parseFloatingPointNumber } = require("../helpers/strings");
+const { getLabelsForLabelable } = require("../helpers/form-controls");
+
+class HTMLMeterElementImpl extends HTMLElementImpl {
+  constructor(globalObject, args, privateData) {
+    super(globalObject, args, privateData);
+    this._labels = null;
+  }
+
+  // https://html.spec.whatwg.org/multipage/form-elements.html#concept-meter-minimum
+  get _minimumValue() {
+    const min = this.getAttributeNS(null, "min");
+    if (min !== null) {
+      const parsed = parseFloatingPointNumber(min);
+      if (parsed !== null) {
+        return parsed;
+      }
+    }
+    return 0;
+  }
+
+  // https://html.spec.whatwg.org/multipage/form-elements.html#concept-meter-maximum
+  get _maximumValue() {
+    let candidate = 1.0;
+
+    const max = this.getAttributeNS(null, "max");
+    if (max !== null) {
+      const parsed = parseFloatingPointNumber(max);
+      if (parsed !== null) {
+        candidate = parsed;
+      }
+    }
+
+    const minimumValue = this._minimumValue;
+    return candidate >= minimumValue ? candidate : minimumValue;
+  }
+
+  // https://html.spec.whatwg.org/multipage/form-elements.html#concept-meter-actual
+  get _actualValue() {
+    let candidate = 0;
+
+    const value = this.getAttributeNS(null, "value");
+    if (value !== null) {
+      const parsed = parseFloatingPointNumber(value);
+      if (parsed !== null) {
+        candidate = parsed;
+      }
+    }
+
+    const minimumValue = this._minimumValue;
+    if (candidate < minimumValue) {
+      return minimumValue;
+    }
+
+    const maximumValue = this._maximumValue;
+    return candidate > maximumValue ? maximumValue : candidate;
+  }
+
+  // https://html.spec.whatwg.org/multipage/form-elements.html#concept-meter-low
+  get _lowBoundary() {
+    const minimumValue = this._minimumValue;
+    let candidate = minimumValue;
+
+    const low = this.getAttributeNS(null, "low");
+    if (low !== null) {
+      const parsed = parseFloatingPointNumber(low);
+      if (parsed !== null) {
+        candidate = parsed;
+      }
+    }
+
+    if (candidate < minimumValue) {
+      return minimumValue;
+    }
+
+    const maximumValue = this._maximumValue;
+    return candidate > maximumValue ? maximumValue : candidate;
+  }
+
+  // https://html.spec.whatwg.org/multipage/form-elements.html#concept-meter-high
+  get _highBoundary() {
+    const maximumValue = this._maximumValue;
+    let candidate = maximumValue;
+
+    const high = this.getAttributeNS(null, "high");
+    if (high !== null) {
+      const parsed = parseFloatingPointNumber(high);
+      if (parsed !== null) {
+        candidate = parsed;
+      }
+    }
+
+    const lowBoundary = this._lowBoundary;
+    if (candidate < lowBoundary) {
+      return lowBoundary;
+    }
+
+    return candidate > maximumValue ? maximumValue : candidate;
+  }
+
+  // https://html.spec.whatwg.org/multipage/form-elements.html#concept-meter-optimum
+  get _optimumPoint() {
+    const minimumValue = this._minimumValue;
+    const maximumValue = this._maximumValue;
+    let candidate = (minimumValue + maximumValue) / 2;
+
+    const optimum = this.getAttributeNS(null, "optimum");
+    if (optimum !== null) {
+      const parsed = parseFloatingPointNumber(optimum);
+      if (parsed !== null) {
+        candidate = parsed;
+      }
+    }
+
+    if (candidate < minimumValue) {
+      return minimumValue;
+    }
+
+    return candidate > maximumValue ? maximumValue : candidate;
+  }
+
+  get labels() {
+    return getLabelsForLabelable(this);
+  }
+
+  get value() {
+    return this._actualValue;
+  }
+
+  set value(val) {
+    this.setAttributeNS(null, "value", String(val));
+  }
+
+  get min() {
+    return this._minimumValue;
+  }
+
+  set min(val) {
+    this.setAttributeNS(null, "min", String(val));
+  }
+
+  get max() {
+    return this._maximumValue;
+  }
+
+  set max(val) {
+    this.setAttributeNS(null, "max", String(val));
+  }
+
+  get low() {
+    return this._lowBoundary;
+  }
+
+  set low(val) {
+    this.setAttributeNS(null, "low", String(val));
+  }
+
+  get high() {
+    return this._highBoundary;
+  }
+
+  set high(val) {
+    this.setAttributeNS(null, "high", String(val));
+  }
+
+  get optimum() {
+    return this._optimumPoint;
+  }
+
+  set optimum(val) {
+    this.setAttributeNS(null, "optimum", String(val));
+  }
+}
+
+module.exports = {
+  implementation: HTMLMeterElementImpl
+};

package/lib/jsdom/living/nodes/HTMLModElement-impl.js

@@ -0,0 +1,9 @@
+"use strict";
+
+const HTMLElementImpl = require("./HTMLElement-impl").implementation;
+
+class HTMLModElementImpl extends HTMLElementImpl {}
+
+module.exports = {
+  implementation: HTMLModElementImpl
+};

package/lib/jsdom/living/nodes/HTMLOListElement-impl.js

@@ -0,0 +1,22 @@
+"use strict";
+
+const HTMLElementImpl = require("./HTMLElement-impl").implementation;
+
+class HTMLOListElementImpl extends HTMLElementImpl {
+  get start() {
+    const value = parseInt(this.getAttributeNS(null, "start"));
+
+    if (!isNaN(value)) {
+      return value;
+    }
+
+    return 1;
+  }
+  set start(value) {
+    this.setAttributeNS(null, "start", value);
+  }
+}
+
+module.exports = {
+  implementation: HTMLOListElementImpl
+};

package/lib/jsdom/living/nodes/HTMLObjectElement-impl.js

@@ -0,0 +1,26 @@
+"use strict";
+const HTMLElementImpl = require("./HTMLElement-impl").implementation;
+const DefaultConstraintValidationImpl =
+  require("../constraint-validation/DefaultConstraintValidation-impl").implementation;
+const { mixin } = require("../../utils");
+const { formOwner } = require("../helpers/form-controls");
+
+class HTMLObjectElementImpl extends HTMLElementImpl {
+  get form() {
+    return formOwner(this);
+  }
+
+  get contentDocument() {
+    return null;
+  }
+
+  _barredFromConstraintValidationSpecialization() {
+    return true;
+  }
+}
+
+mixin(HTMLObjectElementImpl.prototype, DefaultConstraintValidationImpl.prototype);
+
+module.exports = {
+  implementation: HTMLObjectElementImpl
+};

package/lib/jsdom/living/nodes/HTMLOptGroupElement-impl.js

@@ -0,0 +1,9 @@
+"use strict";
+
+const HTMLElementImpl = require("./HTMLElement-impl").implementation;
+
+class HTMLOptGroupElementImpl extends HTMLElementImpl { }
+
+module.exports = {
+  implementation: HTMLOptGroupElementImpl
+};