@webqit/oohtml 5.0.7 → 5.0.8

package/dist/html-imports.js

@@ -419,7 +419,7 @@ function containsNode(window2, a, b, crossRoots = false, testCache = null) {
   const rootNodeB = b.getRootNode();
   if (rootNodeA === rootNodeB)
     return response(a.contains(b));
-  if (crossRoots && rootNodeB instanceof window2.ShadowRoot)
+  if (crossRoots && isShadowRoot(rootNodeB))
     return response(containsNode(window2, a, rootNodeB.host, crossRoots, testCache));
   return response(false);
 }
@@ -475,7 +475,7 @@ var Realtime = class {
     } else {
       args[0] = from_default(args[0], false);
     }
-    if (args[0].filter((x) => typeof x !== "string" && !(x instanceof DOMSpec) && !(x instanceof this.window.Node)).length) {
+    if (args[0].filter((x) => typeof x !== "string" && !(x instanceof DOMSpec) && !isNode(x)).length) {
       throw new Error(`Argument #2 must be either a string or a Node object, or a list of those.`);
     }
     args[0] = args[0].map((s) => s instanceof DOMSpec ? s : new DOMSpec(s));
@@ -853,10 +853,12 @@ var DOMRealtime = class extends Realtime {
       dispatch2.call(window2, registration, record, context);
     }));
     mo.observe(context, { childList: true, subtree: params.subtree && true });
-    const disconnectable = { disconnect() {
-      registry.delete(registration);
-      mo.disconnect();
-    } };
+    const disconnectable = {
+      disconnect() {
+        registry.delete(registration);
+        mo.disconnect();
+      }
+    };
     const signalGenerator = params.signalGenerator || params.lifecycleSignals && this.createSignalGenerator();
     const registration = { context, spec, callback, params, signalGenerator, disconnectable };
     const registry = this.registry(interceptionTiming);
@@ -1059,7 +1061,7 @@ function domInterception(timing, callback) {
       _apiOriginals[DOMClassName][apiName] = _apiOriginal;
     });
     function method(...args) {
-      const DOMClassName = Object.keys(_apiOriginals).find((name) => this instanceof window2[name] && apiName in _apiOriginals[name]);
+      const DOMClassName = Object.keys(_apiOriginals).find((name) => isNodeInterface(this, name) && apiName in _apiOriginals[name]);
       const $apiOriginals = _apiOriginals[DOMClassName];
       let exec = () => $apiOriginals[apiName].value.call(this, ...args);
       if (webqit.realdom.domInterceptionNoRecurse.get(this) === apiName)
@@ -1118,17 +1120,17 @@ function domInterception(timing, callback) {
       });
     }
     function setter(value) {
-      const DOMClassName = Object.keys(_apiOriginals).find((name) => this instanceof window2[name] && apiName in _apiOriginals[name]);
+      const DOMClassName = Object.keys(_apiOriginals).find((name) => isNodeInterface(this, name) && apiName in _apiOriginals[name]);
       const $apiOriginals = _apiOriginals[DOMClassName];
       let exec = () => $apiOriginals[apiName].set.call(this, value);
-      if (this instanceof HTMLScriptElement || webqit.realdom.domInterceptionNoRecurse.get(this) === apiName)
+      if (isNodeInterface(this, "HTMLScriptElement") || webqit.realdom.domInterceptionNoRecurse.get(this) === apiName)
         return exec();
       let exits = [], entrants = [], target = this;
       if (["outerHTML", "outerText"].includes(apiName)) {
         exits = [this];
         target = this.parentNode;
       } else {
-        if (this instanceof HTMLTemplateElement) {
+        if (isNodeInterface(this, "HTMLTemplateElement")) {
           target = this.content;
           exits = [...this.content.childNodes];
         } else {
@@ -1144,18 +1146,18 @@ function domInterception(timing, callback) {
         }
         const temp = document.createElement(tempNodeName.includes("-") ? "div" : tempNodeName);
         noRecurse(temp, apiName, () => temp[apiName] = value);
-        entrants = this instanceof HTMLTemplateElement ? [...temp.content.childNodes] : [...temp.childNodes];
-        if (this instanceof HTMLTemplateElement && this.hasAttribute("src") || this instanceof ShadowRoot) {
+        entrants = isNodeInterface(this, "HTMLTemplateElement") ? [...temp.content.childNodes] : [...temp.childNodes];
+        if (isNodeInterface(this, "HTMLTemplateElement") && this.hasAttribute("src") || isShadowRoot(this)) {
           const getScripts = (nodes) => nodes.reduce((scripts, el) => {
-            if (el instanceof HTMLScriptElement)
+            if (isNodeInterface(el, "HTMLScriptElement"))
               return scripts.concat(el);
-            if (el instanceof HTMLTemplateElement)
+            if (isNodeInterface(el, "HTMLTemplateElement"))
               return scripts.concat(getScripts([el.content]));
             scripts = scripts.concat(getScripts([...el.querySelectorAll?.("template") || []].map((t) => t.content)));
             return scripts.concat(...el.querySelectorAll?.("script") || []);
           }, []);
           for (const script of getScripts(entrants)) {
-            if (this instanceof ShadowRoot) {
+            if (isShadowRoot(this)) {
               script.setAttribute("data-handling", "manual");
               continue;
             }
@@ -1170,7 +1172,7 @@ function domInterception(timing, callback) {
           noRecurse(value, "append", () => value.append(...entrants));
           exec = () => noRecurse(this, "replaceWith", () => Element.prototype.replaceWith.call(this, value));
         } else {
-          if (this instanceof HTMLTemplateElement) {
+          if (isNodeInterface(this, "HTMLTemplateElement")) {
             exec = () => noRecurse(this.content, "replaceChildren", () => this.content.replaceChildren(...entrants));
           } else {
             exec = () => noRecurse(this, "replaceChildren", () => Element.prototype.replaceChildren.call(this, ...entrants));
@@ -1287,17 +1289,57 @@ function meta(name) {
   if (_el = window2.document.querySelector(`meta[name="${name}"]`)) {
     _content = (_el.content || "").split(";").filter((v) => v).reduce((_metaVars, directive) => {
       const directiveSplit = directive.split("=").map((d) => d.trim());
-      set_default(_metaVars, directiveSplit[0].split("."), directiveSplit[1] === "true" ? true : directiveSplit[1] === "false" ? false : isNumeric_default(directiveSplit[1]) ? parseInt(directiveSplit[1]) : directiveSplit[1]);
+      set_default(
+        _metaVars,
+        directiveSplit[0].split("."),
+        directiveSplit[1] === "true" ? true : directiveSplit[1] === "false" ? false : isNumeric_default(directiveSplit[1]) ? parseInt(directiveSplit[1]) : directiveSplit[1]
+      );
       return _metaVars;
     }, {});
   }
-  return { get name() {
-    return name;
-  }, get content() {
-    return _el.content;
-  }, json() {
-    return JSON.parse(JSON.stringify(_content));
-  } };
+  return {
+    get name() {
+      return name;
+    },
+    get content() {
+      return _el.content;
+    },
+    json() {
+      return JSON.parse(JSON.stringify(_content));
+    }
+  };
+}
+function isNode(value) {
+  return value !== null && typeof value === "object" && typeof value.nodeType === "number" && typeof value.nodeName === "string";
+}
+function isElement(value) {
+  return value?.nodeType === 1;
+}
+function isShadowRoot(value) {
+  return value?.nodeType === 11 && Object.prototype.toString.call(value) === "[object ShadowRoot]";
+}
+function isDocument(value) {
+  return value?.nodeType === 9 && Object.prototype.toString.call(value) === "[object Document]";
+}
+function isCharacterData(value) {
+  const toStringValue = Object.prototype.toString.call(value);
+  return toStringValue === "[object Text]" || toStringValue === "[object Comment]" || toStringValue === "[object CDATASection]" || toStringValue === "[object ProcessingInstruction]";
+}
+function isNodeInterface(value, interfaceName) {
+  if (!isNode(value))
+    return false;
+  if (interfaceName === "ShadowRoot") {
+    return isShadowRoot(value);
+    HTMLUnknownElement;
+  }
+  const toStringValue = Object.prototype.toString.call(value);
+  if (toStringValue === `[object ${interfaceName}]`)
+    return true;
+  if (interfaceName === "DocumentFragment" && isShadowRoot(value))
+    return true;
+  if (interfaceName === "CharacterData" && isCharacterData(value))
+    return true;
+  return (interfaceName === "Node" || interfaceName === "Element" || interfaceName === "HTMLElement") && isElement(value) || interfaceName === "Node" && isNode(value);
 }
 
 // node_modules/@webqit/util/str/toTitle.js
@@ -1641,7 +1683,7 @@ var _DOMContext = class {
     return configs;
   }
   get name() {
-    return [env.window.Document, env.window.ShadowRoot].some((x) => this.host instanceof x) ? Infinity : this.host.getAttribute(this.configs.CONTEXT_API.attr.contextname);
+    return isDocument(this.host) || isShadowRoot(this.host) ? Infinity : this.host.getAttribute(this.configs.CONTEXT_API.attr.contextname);
   }
   subscribed(event) {
   }
@@ -1842,7 +1884,7 @@ function HTMLImportElement_default() {
   };
   class HTMLImportElement extends BaseElement {
     static instance(node) {
-      if (configs.HTML_IMPORTS.elements.import.includes("-") && node instanceof this)
+      if (configs.HTML_IMPORTS.elements.import.includes("-") && node.nodeName === this.nodeName)
         return node;
       return _wq(node).get("import::instance") || new this(node);
     }
@@ -1867,7 +1909,7 @@ function HTMLImportElement_default() {
           const moduleRef = priv.moduleRef.includes("#") ? priv.moduleRef : `${priv.moduleRef}#`;
           const request = { ...HTMLImportsContext.createRequest(moduleRef), live: signal && true, signal, diff: !moduleRef.endsWith("#") };
           parentNode[configs.CONTEXT_API.api.contexts].request(request, (response) => {
-            callback((response instanceof window2.HTMLTemplateElement ? [...response.content.children] : Array.isArray(response) ? response : response && [response]) || []);
+            callback((isNodeInterface(response, "HTMLTemplateElement") ? [...response.content.children] : Array.isArray(response) ? response : response && [response]) || []);
           });
         }, { live: true, timing: "sync", lifecycleSignals: true });
         priv.autoDestroyRealtime = realdom.realtime(window2.document).track(parentNode, () => {
@@ -1894,6 +1936,7 @@ function HTMLImportElement_default() {
             priv.slottedElements.add(slottedElement);
           });
           priv.originalsRemapped = true;
+          priv.autoRestore();
         });
       };
       priv.autoRestore = (callback = null) => {