@rindo/core 4.26.0 → 4.27.1

package/internal/testing/index.js

@@ -18,8 +18,8 @@ var __copyProps = (to, from, except, desc) => {
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
 // src/testing/platform/index.ts
-var platform_exports = {};
-__export(platform_exports, {
+var index_exports = {};
+__export(index_exports, {
   Build: () => Build,
   Env: () => import_app_data22.Env,
   Fragment: () => Fragment,
@@ -33,9 +33,7 @@ __export(platform_exports, {
   consoleError: () => consoleError,
   createEvent: () => createEvent,
   defineCustomElement: () => defineCustomElement,
-  deleteHostRef: () => deleteHostRef,
   disconnectedCallback: () => disconnectedCallback,
-  doc: () => doc,
   flushAll: () => flushAll,
   flushLoadModule: () => flushLoadModule,
   flushQueue: () => flushQueue,
@@ -82,7 +80,7 @@ __export(platform_exports, {
   win: () => win,
   writeTask: () => writeTask
 });
-module.exports = __toCommonJS(platform_exports);
+module.exports = __toCommonJS(index_exports);
 
 // src/testing/platform/testing-build.ts
 var Build = {
@@ -102,13 +100,14 @@ var queuedReadTasks = [];
 var moduleLoaded = /* @__PURE__ */ new Map();
 var queuedLoadModules = [];
 var caughtErrors = [];
-var hostRefs = /* @__PURE__ */ new Map();
 
 // src/testing/platform/testing-host-ref.ts
 var getHostRef = (elm) => {
-  return hostRefs.get(elm);
+  if (elm.__rindo__getHostRef) {
+    return elm.__rindo__getHostRef();
+  }
+  return void 0;
 };
-var deleteHostRef = (ref) => hostRefs.delete(ref);
 var registerInstance = (lazyInstance, hostRef) => {
   if (lazyInstance == null || lazyInstance.constructor == null) {
     throw new Error(`Invalid component constructor`);
@@ -120,8 +119,8 @@ var registerInstance = (lazyInstance, hostRef) => {
     registerHost(elm, { $flags$: 0, $tagName$: tagName });
     hostRef = getHostRef(elm);
   }
+  lazyInstance.__rindo__getHostRef = () => hostRef;
   hostRef.$lazyInstance$ = lazyInstance;
-  return hostRefs.set(lazyInstance, hostRef);
 };
 var registerHost = (elm, cmpMeta) => {
   const hostRef = {
@@ -135,7 +134,7 @@ var registerHost = (elm, cmpMeta) => {
   hostRef.$onReadyPromise$ = new Promise((r) => hostRef.$onReadyResolve$ = r);
   elm["s-p"] = [];
   elm["s-rc"] = [];
-  hostRefs.set(elm, hostRef);
+  elm.__rindo__getHostRef = () => hostRef;
 };
 
 // src/testing/platform/testing-log.ts
@@ -290,7 +289,6 @@ function flushLoadModule(bundleId) {
 // src/testing/platform/testing-window.ts
 var import_mock_doc = require("../../mock-doc/index.cjs");
 var win = (0, import_mock_doc.setupGlobal)(global);
-var doc = win.document;
 
 // src/testing/platform/testing-platform.ts
 var supportsShadow = true;
@@ -315,7 +313,6 @@ function resetPlatform(defaults = {}) {
   if (win && typeof win.close === "function") {
     win.close();
   }
-  hostRefs.clear();
   styles.clear();
   plt.$flags$ = 0;
   Object.assign(plt, defaults);
@@ -396,9 +393,9 @@ var isComplexType = (o) => {
 };
 
 // src/utils/query-nonce-meta-tag-content.ts
-function queryNonceMetaTagContent(doc2) {
+function queryNonceMetaTagContent(doc) {
   var _a, _b, _c;
-  return (_c = (_b = (_a = doc2.head) == null ? void 0 : _a.querySelector('meta[name="csp-nonce"]')) == null ? void 0 : _b.getAttribute("content")) != null ? _c : void 0;
+  return (_c = (_b = (_a = doc.head) == null ? void 0 : _a.querySelector('meta[name="csp-nonce"]')) == null ? void 0 : _b.getAttribute("content")) != null ? _c : void 0;
 }
 
 // src/utils/regular-expression.ts
@@ -494,12 +491,11 @@ var FORM_ASSOCIATED_CUSTOM_ELEMENT_CALLBACKS = [
 
 // src/runtime/slot-polyfill-utils.ts
 var updateFallbackSlotVisibility = (elm) => {
-  const childNodes = elm.__childNodes || elm.childNodes;
+  const childNodes = internalCall(elm, "childNodes");
   if (elm.tagName && elm.tagName.includes("-") && elm["s-cr"] && elm.tagName !== "SLOT-FB") {
     getHostSlotNodes(childNodes, elm.tagName).forEach((slotNode) => {
-      var _a;
       if (slotNode.nodeType === 1 /* ElementNode */ && slotNode.tagName === "SLOT-FB") {
-        if ((_a = getHostSlotChildNodes(slotNode, slotNode["s-sn"], false)) == null ? void 0 : _a.length) {
+        if (getSlotChildSiblings(slotNode, getSlotName(slotNode), false).length) {
           slotNode.hidden = true;
         } else {
           slotNode.hidden = false;
@@ -507,8 +503,10 @@ var updateFallbackSlotVisibility = (elm) => {
       }
     });
   }
-  for (const childNode of childNodes) {
-    if (childNode.nodeType === 1 /* ElementNode */ && (childNode.__childNodes || childNode.childNodes).length) {
+  let i2 = 0;
+  for (i2 = 0; i2 < childNodes.length; i2++) {
+    const childNode = childNodes[i2];
+    if (childNode.nodeType === 1 /* ElementNode */ && internalCall(childNode, "childNodes").length) {
       updateFallbackSlotVisibility(childNode);
     }
   }
@@ -529,7 +527,7 @@ function getHostSlotNodes(childNodes, hostName, slotName) {
   let childNode;
   for (; i2 < childNodes.length; i2++) {
     childNode = childNodes[i2];
-    if (childNode["s-sr"] && childNode["s-hn"] === hostName && (slotName === void 0 || childNode["s-sn"] === slotName)) {
+    if (childNode["s-sr"] && (!hostName || childNode["s-hn"] === hostName) && (slotName === void 0 || getSlotName(childNode) === slotName)) {
       slottedNodes.push(childNode);
       if (typeof slotName !== "undefined") return slottedNodes;
     }
@@ -537,11 +535,12 @@ function getHostSlotNodes(childNodes, hostName, slotName) {
   }
   return slottedNodes;
 }
-var getHostSlotChildNodes = (node, slotName, includeSlot = true) => {
+var getSlotChildSiblings = (slot, slotName, includeSlot = true) => {
   const childNodes = [];
-  if (includeSlot && node["s-sr"] || !node["s-sr"]) childNodes.push(node);
-  while ((node = node.nextSibling) && node["s-sn"] === slotName) {
-    childNodes.push(node);
+  if (includeSlot && slot["s-sr"] || !slot["s-sr"]) childNodes.push(slot);
+  let node = slot;
+  while (node = node.nextSibling) {
+    if (getSlotName(node) === slotName && (includeSlot || !node["s-sr"])) childNodes.push(node);
   }
   return childNodes;
 };
@@ -561,38 +560,73 @@ var isNodeLocatedInSlot = (nodeToRelocate, slotName) => {
   return slotName === "";
 };
 var addSlotRelocateNode = (newChild, slotNode, prepend, position) => {
-  let slottedNodeLocation;
   if (newChild["s-ol"] && newChild["s-ol"].isConnected) {
-    slottedNodeLocation = newChild["s-ol"];
-  } else {
-    slottedNodeLocation = document.createTextNode("");
-    slottedNodeLocation["s-nr"] = newChild;
+    return;
   }
+  const slottedNodeLocation = document.createTextNode("");
+  slottedNodeLocation["s-nr"] = newChild;
   if (!slotNode["s-cr"] || !slotNode["s-cr"].parentNode) return;
   const parent = slotNode["s-cr"].parentNode;
-  const appendMethod = prepend ? parent.__prepend || parent.prepend : parent.__appendChild || parent.appendChild;
-  if (typeof position !== "undefined") {
-    if (import_app_data.BUILD.hydrateClientSide) {
-      slottedNodeLocation["s-oo"] = position;
-      const childNodes = parent.__childNodes || parent.childNodes;
-      const slotRelocateNodes = [slottedNodeLocation];
-      childNodes.forEach((n) => {
-        if (n["s-nr"]) slotRelocateNodes.push(n);
-      });
-      slotRelocateNodes.sort((a, b) => {
-        if (!a["s-oo"] || a["s-oo"] < b["s-oo"]) return -1;
-        else if (!b["s-oo"] || b["s-oo"] < a["s-oo"]) return 1;
-        return 0;
-      });
-      slotRelocateNodes.forEach((n) => appendMethod.call(parent, n));
-    }
+  const appendMethod = prepend ? internalCall(parent, "prepend") : internalCall(parent, "appendChild");
+  if (import_app_data.BUILD.hydrateClientSide && typeof position !== "undefined") {
+    slottedNodeLocation["s-oo"] = position;
+    const childNodes = internalCall(parent, "childNodes");
+    const slotRelocateNodes = [slottedNodeLocation];
+    childNodes.forEach((n) => {
+      if (n["s-nr"]) slotRelocateNodes.push(n);
+    });
+    slotRelocateNodes.sort((a, b) => {
+      if (!a["s-oo"] || a["s-oo"] < (b["s-oo"] || 0)) return -1;
+      else if (!b["s-oo"] || b["s-oo"] < a["s-oo"]) return 1;
+      return 0;
+    });
+    slotRelocateNodes.forEach((n) => appendMethod.call(parent, n));
   } else {
     appendMethod.call(parent, slottedNodeLocation);
   }
   newChild["s-ol"] = slottedNodeLocation;
   newChild["s-sh"] = slotNode["s-hn"];
 };
-var getSlotName = (node) => node["s-sn"] || node.nodeType === 1 && node.getAttribute("slot") || "";
+var getSlotName = (node) => typeof node["s-sn"] === "string" ? node["s-sn"] : node.nodeType === 1 && node.getAttribute("slot") || void 0;
+function patchSlotNode(node) {
+  if (node.assignedElements || node.assignedNodes || !node["s-sr"]) return;
+  const assignedFactory = (elementsOnly) => (function(opts) {
+    const toReturn = [];
+    const slotName = this["s-sn"];
+    if (opts == null ? void 0 : opts.flatten) {
+      console.error(`
+          Flattening is not supported for Rindo non-shadow slots. 
+          You can use \`.childNodes\` to nested slot fallback content.
+          If you have a particular use case, please open an issue on the Rindo repo.
+        `);
+    }
+    const parent = this["s-cr"].parentElement;
+    const slottedNodes = parent.__childNodes ? parent.childNodes : getSlottedChildNodes(parent.childNodes);
+    slottedNodes.forEach((n) => {
+      if (slotName === getSlotName(n)) {
+        toReturn.push(n);
+      }
+    });
+    if (elementsOnly) {
+      return toReturn.filter((n) => n.nodeType === 1 /* ElementNode */);
+    }
+    return toReturn;
+  }).bind(node);
+  node.assignedElements = assignedFactory(true);
+  node.assignedNodes = assignedFactory(false);
+}
+function dispatchSlotChangeEvent(elm) {
+  elm.dispatchEvent(new CustomEvent("slotchange", { bubbles: false, cancelable: false, composed: false }));
+}
+function findSlotFromSlottedNode(slottedNode, parentHost) {
+  var _a;
+  parentHost = parentHost || ((_a = slottedNode["s-ol"]) == null ? void 0 : _a.parentElement);
+  if (!parentHost) return { slotNode: null, slotName: "" };
+  const slotName = slottedNode["s-sn"] = getSlotName(slottedNode) || "";
+  const childNodes = internalCall(parentHost, "childNodes");
+  const slotNode = getHostSlotNodes(childNodes, parentHost.tagName, slotName)[0];
+  return { slotNode, slotName };
+}
 
 // src/runtime/dom-extras.ts
 var patchPseudoShadowDom = (hostElementPrototype) => {
@@ -656,19 +690,14 @@ var patchCloneNode = (HostElementPrototype) => {
 var patchSlotAppendChild = (HostElementPrototype) => {
   HostElementPrototype.__appendChild = HostElementPrototype.appendChild;
   HostElementPrototype.appendChild = function(newChild) {
-    const slotName = newChild["s-sn"] = getSlotName(newChild);
-    const slotNode = getHostSlotNodes(this.__childNodes || this.childNodes, this.tagName, slotName)[0];
+    const { slotName, slotNode } = findSlotFromSlottedNode(newChild, this);
     if (slotNode) {
       addSlotRelocateNode(newChild, slotNode);
-      const slotChildNodes = getHostSlotChildNodes(slotNode, slotName);
+      const slotChildNodes = getSlotChildSiblings(slotNode, slotName);
       const appendAfter = slotChildNodes[slotChildNodes.length - 1];
-      const parent = intrnlCall(appendAfter, "parentNode");
-      let insertedNode;
-      if (parent.__insertBefore) {
-        insertedNode = parent.__insertBefore(newChild, appendAfter.nextSibling);
-      } else {
-        insertedNode = parent.insertBefore(newChild, appendAfter.nextSibling);
-      }
+      const parent = internalCall(appendAfter, "parentNode");
+      const insertedNode = internalCall(parent, "insertBefore")(newChild, appendAfter.nextSibling);
+      dispatchSlotChangeEvent(slotNode);
       updateFallbackSlotVisibility(this);
       return insertedNode;
     }
@@ -697,19 +726,17 @@ var patchSlotPrepend = (HostElementPrototype) => {
       if (typeof newChild === "string") {
         newChild = this.ownerDocument.createTextNode(newChild);
       }
-      const slotName = newChild["s-sn"] = getSlotName(newChild);
-      const childNodes = this.__childNodes || this.childNodes;
+      const slotName = (newChild["s-sn"] = getSlotName(newChild)) || "";
+      const childNodes = internalCall(this, "childNodes");
       const slotNode = getHostSlotNodes(childNodes, this.tagName, slotName)[0];
       if (slotNode) {
         addSlotRelocateNode(newChild, slotNode, true);
-        const slotChildNodes = getHostSlotChildNodes(slotNode, slotName);
+        const slotChildNodes = getSlotChildSiblings(slotNode, slotName);
         const appendAfter = slotChildNodes[0];
-        const parent = intrnlCall(appendAfter, "parentNode");
-        if (parent.__insertBefore) {
-          return parent.__insertBefore(newChild, intrnlCall(appendAfter, "nextSibling"));
-        } else {
-          return parent.insertBefore(newChild, intrnlCall(appendAfter, "nextSibling"));
-        }
+        const parent = internalCall(appendAfter, "parentNode");
+        const toReturn = internalCall(parent, "insertBefore")(newChild, internalCall(appendAfter, "nextSibling"));
+        dispatchSlotChangeEvent(slotNode);
+        return toReturn;
       }
       if (newChild.nodeType === 1 && !!newChild.getAttribute("slot")) {
         newChild.hidden = true;
@@ -759,8 +786,7 @@ var patchInsertBefore = (HostElementPrototype) => {
   if (eleProto.__insertBefore) return;
   eleProto.__insertBefore = HostElementPrototype.insertBefore;
   HostElementPrototype.insertBefore = function(newChild, currentChild) {
-    const slotName = newChild["s-sn"] = getSlotName(newChild);
-    const slotNode = getHostSlotNodes(this.__childNodes, this.tagName, slotName)[0];
+    const { slotName, slotNode } = findSlotFromSlottedNode(newChild, this);
     const slottedNodes = this.__childNodes ? this.childNodes : getSlottedChildNodes(this.childNodes);
     if (slotNode) {
       let found = false;
@@ -773,18 +799,19 @@ var patchInsertBefore = (HostElementPrototype) => {
           }
           if (slotName === currentChild["s-sn"]) {
             addSlotRelocateNode(newChild, slotNode);
-            const parent = intrnlCall(currentChild, "parentNode");
-            if (parent.__insertBefore) {
-              parent.__insertBefore(newChild, currentChild);
-            } else {
-              parent.insertBefore(newChild, currentChild);
-            }
+            const parent = internalCall(currentChild, "parentNode");
+            internalCall(parent, "insertBefore")(newChild, currentChild);
+            dispatchSlotChangeEvent(slotNode);
           }
           return;
         }
       });
       if (found) return newChild;
     }
+    const parentNode = currentChild == null ? void 0 : currentChild.__parentNode;
+    if (parentNode && !this.isSameNode(parentNode)) {
+      return this.appendChild(newChild);
+    }
     return this.__insertBefore(newChild, currentChild);
   };
 };
@@ -862,7 +889,7 @@ var patchChildSlotNodes = (elm) => {
   });
 };
 var patchSlottedNode = (node) => {
-  if (!node || node.__nextSibling || !globalThis.Node) return;
+  if (!node || node.__nextSibling !== void 0 || !globalThis.Node) return;
   patchNextSibling(node);
   patchPreviousSibling(node);
   patchParentNode(node);
@@ -966,11 +993,14 @@ function patchHostOriginalAccessor(accessorName, node) {
   }
   if (accessor) Object.defineProperty(node, "__" + accessorName, accessor);
 }
-function intrnlCall(node, method) {
+function internalCall(node, method) {
   if ("__" + method in node) {
-    return node["__" + method];
+    const toReturn = node["__" + method];
+    if (typeof toReturn !== "function") return toReturn;
+    return toReturn.bind(node);
   } else {
-    return node[method];
+    if (typeof node[method] !== "function") return node[method];
+    return node[method].bind(node);
   }
 }
 
@@ -1220,8 +1250,8 @@ var initializeClientHydrate = (hostElm, tagName, hostId, hostRef) => {
       delete hostElm["s-sc"];
     }
   }
-  if (!plt.$orgLocNodes$ || !plt.$orgLocNodes$.size) {
-    initializeDocumentHydrate(doc.body, plt.$orgLocNodes$ = /* @__PURE__ */ new Map());
+  if (win.document && (!plt.$orgLocNodes$ || !plt.$orgLocNodes$.size)) {
+    initializeDocumentHydrate(win.document.body, plt.$orgLocNodes$ = /* @__PURE__ */ new Map());
   }
   hostElm[HYDRATE_ID] = hostId;
   hostElm.removeAttribute(HYDRATE_ID);
@@ -1547,8 +1577,8 @@ function addSlot(slotName, slotId, childVNode, node, parentVNode, childRenderNod
   childVNode.$name$ = slotName || null;
   childVNode.$tag$ = "slot";
   const parentNodeId = (parentVNode == null ? void 0 : parentVNode.$elm$) ? parentVNode.$elm$["s-id"] || parentVNode.$elm$.getAttribute("s-id") : "";
-  if (import_app_data5.BUILD.shadowDom && shadowRootNodes) {
-    const slot = childVNode.$elm$ = doc.createElement(childVNode.$tag$);
+  if (import_app_data5.BUILD.shadowDom && shadowRootNodes && win.document) {
+    const slot = childVNode.$elm$ = win.document.createElement(childVNode.$tag$);
     if (childVNode.$name$) {
       childVNode.$elm$.setAttribute("name", slotName);
     }
@@ -1566,6 +1596,7 @@ function addSlot(slotName, slotId, childVNode, node, parentVNode, childRenderNod
     const slot = childVNode.$elm$;
     const shouldMove = parentNodeId && parentNodeId !== childVNode.$hostId$ && parentVNode.$elm$.shadowRoot;
     addSlottedNodes(slottedNodes, slotId, slotName, node, shouldMove ? parentNodeId : childVNode.$hostId$);
+    patchSlotNode(node);
     if (shouldMove) {
       parentVNode.$elm$.insertBefore(slot, parentVNode.$elm$.children[0]);
     }
@@ -2030,10 +2061,10 @@ var addStyle = (styleContainerNode, cmpMeta, mode) => {
   var _a;
   const scopeId2 = getScopeId(cmpMeta, mode);
   const style = styles.get(scopeId2);
-  if (!import_app_data9.BUILD.attachStyles) {
+  if (!import_app_data9.BUILD.attachStyles || !win.document) {
     return scopeId2;
   }
-  styleContainerNode = styleContainerNode.nodeType === 11 /* DocumentFragment */ ? styleContainerNode : doc;
+  styleContainerNode = styleContainerNode.nodeType === 11 /* DocumentFragment */ ? styleContainerNode : win.document;
   if (style) {
     if (typeof style === "string") {
       styleContainerNode = styleContainerNode.head || styleContainerNode;
@@ -2046,9 +2077,9 @@ var addStyle = (styleContainerNode, cmpMeta, mode) => {
         if (import_app_data9.BUILD.hydrateClientSide && styleContainerNode.host && (styleElm = styleContainerNode.querySelector(`[${HYDRATED_STYLE_ID}="${scopeId2}"]`))) {
           styleElm.innerHTML = style;
         } else {
-          styleElm = document.querySelector(`[${HYDRATED_STYLE_ID}="${scopeId2}"]`) || doc.createElement("style");
+          styleElm = document.querySelector(`[${HYDRATED_STYLE_ID}="${scopeId2}"]`) || win.document.createElement("style");
           styleElm.innerHTML = style;
-          const nonce = (_a = plt.$nonce$) != null ? _a : queryNonceMetaTagContent(doc);
+          const nonce = (_a = plt.$nonce$) != null ? _a : queryNonceMetaTagContent(win.document);
           if (nonce != null) {
             styleElm.setAttribute("nonce", nonce);
           }
@@ -2116,7 +2147,10 @@ var attachStyles = (hostRef) => {
 var getScopeId = (cmp, mode) => "sc-" + (import_app_data9.BUILD.mode && mode && cmp.$flags$ & 32 /* hasMode */ ? cmp.$tagName$ + "-" + mode : cmp.$tagName$);
 var convertScopedToShadow = (css) => css.replace(/\/\*!@([^\/]+)\*\/[^\{]+\{/g, "$1{");
 var hydrateScopedToShadow = () => {
-  const styles2 = doc.querySelectorAll(`[${HYDRATED_STYLE_ID}]`);
+  if (!win.document) {
+    return;
+  }
+  const styles2 = win.document.querySelectorAll(`[${HYDRATED_STYLE_ID}]`);
   let i2 = 0;
   for (; i2 < styles2.length; i2++) {
     registerStyle(styles2[i2].getAttribute(HYDRATED_STYLE_ID), convertScopedToShadow(styles2[i2].innerHTML), true);
@@ -2132,112 +2166,113 @@ var import_app_data11 = require("@rindo/core/internal/app-data");
 // src/runtime/vdom/set-accessor.ts
 var import_app_data10 = require("@rindo/core/internal/app-data");
 var setAccessor = (elm, memberName, oldValue, newValue, isSvg, flags, initialRender) => {
-  if (oldValue !== newValue) {
-    let isProp = isMemberInElement(elm, memberName);
-    let ln = memberName.toLowerCase();
-    if (import_app_data10.BUILD.vdomClass && memberName === "class") {
-      const classList = elm.classList;
-      const oldClasses = parseClassList(oldValue);
-      let newClasses = parseClassList(newValue);
-      if (import_app_data10.BUILD.hydrateClientSide && elm["s-si"] && initialRender) {
-        newClasses.push(elm["s-si"]);
-        oldClasses.forEach((c) => {
-          if (c.startsWith(elm["s-si"])) newClasses.push(c);
-        });
-        newClasses = [...new Set(newClasses)];
-        classList.add(...newClasses);
-      } else {
-        classList.remove(...oldClasses.filter((c) => c && !newClasses.includes(c)));
-        classList.add(...newClasses.filter((c) => c && !oldClasses.includes(c)));
-      }
-    } else if (import_app_data10.BUILD.vdomStyle && memberName === "style") {
-      if (import_app_data10.BUILD.updatable) {
-        for (const prop in oldValue) {
-          if (!newValue || newValue[prop] == null) {
-            if (!import_app_data10.BUILD.hydrateServerSide && prop.includes("-")) {
-              elm.style.removeProperty(prop);
-            } else {
-              elm.style[prop] = "";
-            }
-          }
-        }
-      }
-      for (const prop in newValue) {
-        if (!oldValue || newValue[prop] !== oldValue[prop]) {
+  if (oldValue === newValue) {
+    return;
+  }
+  let isProp = isMemberInElement(elm, memberName);
+  let ln = memberName.toLowerCase();
+  if (import_app_data10.BUILD.vdomClass && memberName === "class") {
+    const classList = elm.classList;
+    const oldClasses = parseClassList(oldValue);
+    let newClasses = parseClassList(newValue);
+    if (import_app_data10.BUILD.hydrateClientSide && elm["s-si"] && initialRender) {
+      newClasses.push(elm["s-si"]);
+      oldClasses.forEach((c) => {
+        if (c.startsWith(elm["s-si"])) newClasses.push(c);
+      });
+      newClasses = [...new Set(newClasses)];
+      classList.add(...newClasses);
+    } else {
+      classList.remove(...oldClasses.filter((c) => c && !newClasses.includes(c)));
+      classList.add(...newClasses.filter((c) => c && !oldClasses.includes(c)));
+    }
+  } else if (import_app_data10.BUILD.vdomStyle && memberName === "style") {
+    if (import_app_data10.BUILD.updatable) {
+      for (const prop in oldValue) {
+        if (!newValue || newValue[prop] == null) {
           if (!import_app_data10.BUILD.hydrateServerSide && prop.includes("-")) {
-            elm.style.setProperty(prop, newValue[prop]);
+            elm.style.removeProperty(prop);
           } else {
-            elm.style[prop] = newValue[prop];
+            elm.style[prop] = "";
           }
         }
       }
-    } else if (import_app_data10.BUILD.vdomKey && memberName === "key") {
-    } else if (import_app_data10.BUILD.vdomRef && memberName === "ref") {
-      if (newValue) {
-        newValue(elm);
+    }
+    for (const prop in newValue) {
+      if (!oldValue || newValue[prop] !== oldValue[prop]) {
+        if (!import_app_data10.BUILD.hydrateServerSide && prop.includes("-")) {
+          elm.style.setProperty(prop, newValue[prop]);
+        } else {
+          elm.style[prop] = newValue[prop];
+        }
       }
-    } else if (import_app_data10.BUILD.vdomListener && (import_app_data10.BUILD.lazyLoad ? !isProp : !elm.__lookupSetter__(memberName)) && memberName[0] === "o" && memberName[1] === "n") {
-      if (memberName[2] === "-") {
-        memberName = memberName.slice(3);
-      } else if (isMemberInElement(win, ln)) {
-        memberName = ln.slice(2);
-      } else {
-        memberName = ln[2] + memberName.slice(3);
+    }
+  } else if (import_app_data10.BUILD.vdomKey && memberName === "key") {
+  } else if (import_app_data10.BUILD.vdomRef && memberName === "ref") {
+    if (newValue) {
+      newValue(elm);
+    }
+  } else if (import_app_data10.BUILD.vdomListener && (import_app_data10.BUILD.lazyLoad ? !isProp : !elm.__lookupSetter__(memberName)) && memberName[0] === "o" && memberName[1] === "n") {
+    if (memberName[2] === "-") {
+      memberName = memberName.slice(3);
+    } else if (isMemberInElement(win, ln)) {
+      memberName = ln.slice(2);
+    } else {
+      memberName = ln[2] + memberName.slice(3);
+    }
+    if (oldValue || newValue) {
+      const capture = memberName.endsWith(CAPTURE_EVENT_SUFFIX);
+      memberName = memberName.replace(CAPTURE_EVENT_REGEX, "");
+      if (oldValue) {
+        plt.rel(elm, memberName, oldValue, capture);
       }
-      if (oldValue || newValue) {
-        const capture = memberName.endsWith(CAPTURE_EVENT_SUFFIX);
-        memberName = memberName.replace(CAPTURE_EVENT_REGEX, "");
-        if (oldValue) {
-          plt.rel(elm, memberName, oldValue, capture);
-        }
-        if (newValue) {
-          plt.ael(elm, memberName, newValue, capture);
-        }
+      if (newValue) {
+        plt.ael(elm, memberName, newValue, capture);
       }
-    } else if (import_app_data10.BUILD.vdomPropOrAttr) {
-      const isComplex = isComplexType(newValue);
-      if ((isProp || isComplex && newValue !== null) && !isSvg) {
-        try {
-          if (!elm.tagName.includes("-")) {
-            const n = newValue == null ? "" : newValue;
-            if (memberName === "list") {
-              isProp = false;
-            } else if (oldValue == null || elm[memberName] != n) {
-              if (typeof elm.__lookupSetter__(memberName) === "function") {
-                elm[memberName] = n;
-              } else {
-                elm.setAttribute(memberName, n);
-              }
+    }
+  } else if (import_app_data10.BUILD.vdomPropOrAttr) {
+    const isComplex = isComplexType(newValue);
+    if ((isProp || isComplex && newValue !== null) && !isSvg) {
+      try {
+        if (!elm.tagName.includes("-")) {
+          const n = newValue == null ? "" : newValue;
+          if (memberName === "list") {
+            isProp = false;
+          } else if (oldValue == null || elm[memberName] != n) {
+            if (typeof elm.__lookupSetter__(memberName) === "function") {
+              elm[memberName] = n;
+            } else {
+              elm.setAttribute(memberName, n);
             }
-          } else if (elm[memberName] !== newValue) {
-            elm[memberName] = newValue;
           }
-        } catch (e) {
+        } else if (elm[memberName] !== newValue) {
+          elm[memberName] = newValue;
         }
+      } catch (e) {
       }
-      let xlink = false;
-      if (import_app_data10.BUILD.vdomXlink) {
-        if (ln !== (ln = ln.replace(/^xlink\:?/, ""))) {
-          memberName = ln;
-          xlink = true;
-        }
+    }
+    let xlink = false;
+    if (import_app_data10.BUILD.vdomXlink) {
+      if (ln !== (ln = ln.replace(/^xlink\:?/, ""))) {
+        memberName = ln;
+        xlink = true;
       }
-      if (newValue == null || newValue === false) {
-        if (newValue !== false || elm.getAttribute(memberName) === "") {
-          if (import_app_data10.BUILD.vdomXlink && xlink) {
-            elm.removeAttributeNS(XLINK_NS, memberName);
-          } else {
-            elm.removeAttribute(memberName);
-          }
-        }
-      } else if ((!isProp || flags & 4 /* isHost */ || isSvg) && !isComplex) {
-        newValue = newValue === true ? "" : newValue;
+    }
+    if (newValue == null || newValue === false) {
+      if (newValue !== false || elm.getAttribute(memberName) === "") {
         if (import_app_data10.BUILD.vdomXlink && xlink) {
-          elm.setAttributeNS(XLINK_NS, memberName, newValue);
+          elm.removeAttributeNS(XLINK_NS, memberName);
         } else {
-          elm.setAttribute(memberName, newValue);
+          elm.removeAttribute(memberName);
         }
       }
+    } else if ((!isProp || flags & 4 /* isHost */ || isSvg) && !isComplex && elm.nodeType === 1 /* ElementNode */) {
+      newValue = newValue === true ? "" : newValue;
+      if (import_app_data10.BUILD.vdomXlink && xlink) {
+        elm.setAttributeNS(XLINK_NS, memberName, newValue);
+      } else {
+        elm.setAttribute(memberName, newValue);
+      }
     }
   }
 };
@@ -2332,17 +2367,25 @@ var createElm = (oldParentVNode, newParentVNode, childIndex) => {
     );
   }
   if (import_app_data12.BUILD.vdomText && newVNode2.$text$ !== null) {
-    elm = newVNode2.$elm$ = doc.createTextNode(newVNode2.$text$);
+    elm = newVNode2.$elm$ = win.document.createTextNode(newVNode2.$text$);
   } else if (import_app_data12.BUILD.slotRelocation && newVNode2.$flags$ & 1 /* isSlotReference */) {
-    elm = newVNode2.$elm$ = import_app_data12.BUILD.isDebug || import_app_data12.BUILD.hydrateServerSide ? slotReferenceDebugNode(newVNode2) : doc.createTextNode("");
+    elm = newVNode2.$elm$ = import_app_data12.BUILD.isDebug || import_app_data12.BUILD.hydrateServerSide ? slotReferenceDebugNode(newVNode2) : win.document.createTextNode("");
+    if (import_app_data12.BUILD.vdomAttribute) {
+      updateElement(null, newVNode2, isSvgMode);
+    }
   } else {
     if (import_app_data12.BUILD.svg && !isSvgMode) {
       isSvgMode = newVNode2.$tag$ === "svg";
     }
-    elm = newVNode2.$elm$ = import_app_data12.BUILD.svg ? doc.createElementNS(
+    if (!win.document) {
+      throw new Error(
+        "You are trying to render a Rindo component in an environment that doesn't support the DOM. Make sure to populate the [`window`](https://developer.mozilla.org/en-US/docs/Web/API/Window/window) object before rendering a component."
+      );
+    }
+    elm = newVNode2.$elm$ = import_app_data12.BUILD.svg ? win.document.createElementNS(
       isSvgMode ? SVG_NS : HTML_NS,
       !useNativeShadowDom && import_app_data12.BUILD.slotRelocation && newVNode2.$flags$ & 2 /* isSlotFallback */ ? "slot-fb" : newVNode2.$tag$
-    ) : doc.createElement(
+    ) : win.document.createElement(
       !useNativeShadowDom && import_app_data12.BUILD.slotRelocation && newVNode2.$flags$ & 2 /* isSlotFallback */ ? "slot-fb" : newVNode2.$tag$
     );
     if (import_app_data12.BUILD.svg && isSvgMode && newVNode2.$tag$ === "foreignObject") {
@@ -2377,6 +2420,7 @@ var createElm = (oldParentVNode, newParentVNode, childIndex) => {
       elm["s-cr"] = contentRef;
       elm["s-sn"] = newVNode2.$name$ || "";
       elm["s-rf"] = (_a = newVNode2.$attrs$) == null ? void 0 : _a.ref;
+      patchSlotNode(elm);
       oldVNode = oldParentVNode && oldParentVNode.$children$ && oldParentVNode.$children$[childIndex];
       if (oldVNode && oldVNode.$tag$ === newVNode2.$tag$ && oldParentVNode.$elm$) {
         if (import_app_data12.BUILD.experimentalSlotFixes) {
@@ -2603,9 +2647,8 @@ var patch = (oldVNode, newVNode2, isInitialRender = false) => {
           newVNode2.$elm$["s-sn"] = newVNode2.$name$ || "";
           relocateToHostRoot(newVNode2.$elm$.parentElement);
         }
-      } else {
-        updateElement(oldVNode, newVNode2, isSvgMode, isInitialRender);
       }
+      updateElement(oldVNode, newVNode2, isSvgMode, isInitialRender);
     }
     if (import_app_data12.BUILD.updatable && oldChildren !== null && newChildren !== null) {
       updateChildren(elm, oldChildren, newVNode2, newChildren, isInitialRender);
@@ -2692,7 +2735,10 @@ var insertBefore = (parent, newNode, reference) => {
     if (parent.getRootNode().nodeType !== 11 /* DOCUMENT_FRAGMENT_NODE */) {
       patchParentNode(newNode);
     }
-    return parent.insertBefore(newNode, reference);
+    parent.insertBefore(newNode, reference);
+    const { slotNode } = findSlotFromSlottedNode(newNode);
+    if (slotNode) dispatchSlotChangeEvent(slotNode);
+    return newNode;
   }
   if (import_app_data12.BUILD.experimentalSlotFixes && parent.__insertBefore) {
     return parent.__insertBefore(newNode, reference);
@@ -2774,8 +2820,8 @@ render() {
       markSlotContentForRelocation(rootVnode.$elm$);
       for (const relocateData of relocateNodes) {
         const nodeToRelocate = relocateData.$nodeToRelocate$;
-        if (!nodeToRelocate["s-ol"]) {
-          const orgLocationNode = import_app_data12.BUILD.isDebug || import_app_data12.BUILD.hydrateServerSide ? originalLocationDebugNode(nodeToRelocate) : doc.createTextNode("");
+        if (!nodeToRelocate["s-ol"] && win.document) {
+          const orgLocationNode = import_app_data12.BUILD.isDebug || import_app_data12.BUILD.hydrateServerSide ? originalLocationDebugNode(nodeToRelocate) : win.document.createTextNode("");
           orgLocationNode["s-nr"] = nodeToRelocate;
           insertBefore(nodeToRelocate.parentNode, nodeToRelocate["s-ol"] = orgLocationNode, nodeToRelocate);
         }
@@ -2816,7 +2862,7 @@ render() {
               }
             }
           }
-          nodeToRelocate && typeof slotRefNode["s-rf"] === "function" && slotRefNode["s-rf"](nodeToRelocate);
+          nodeToRelocate && typeof slotRefNode["s-rf"] === "function" && slotRefNode["s-rf"](slotRefNode);
         } else {
           if (nodeToRelocate.nodeType === 1 /* ElementNode */) {
             if (isInitialLoad) {
@@ -2846,10 +2892,10 @@ render() {
   }
   contentRef = void 0;
 };
-var slotReferenceDebugNode = (slotVNode) => doc.createComment(
+var slotReferenceDebugNode = (slotVNode) => win.document.createComment(
   `<slot${slotVNode.$name$ ? ' name="' + slotVNode.$name$ + '"' : ""}> (host=${hostTagName.toLowerCase()})`
 );
-var originalLocationDebugNode = (nodeToRelocate) => doc.createComment(
+var originalLocationDebugNode = (nodeToRelocate) => win.document.createComment(
   `org-location for ` + (nodeToRelocate.localName ? `<${nodeToRelocate.localName}> (host=${nodeToRelocate["s-hn"]})` : `[${nodeToRelocate.textContent}]`)
 );
 
@@ -2897,19 +2943,13 @@ var dispatchHooks = (hostRef, isInitialLoad) => {
       }
     }
     emitLifecycleEvent(elm, "componentWillLoad");
-    if (import_app_data13.BUILD.cmpWillLoad) {
-      maybePromise = safeCall(instance, "componentWillLoad", void 0, elm);
-    }
+    maybePromise = safeCall(instance, "componentWillLoad", void 0, elm);
   } else {
     emitLifecycleEvent(elm, "componentWillUpdate");
-    if (import_app_data13.BUILD.cmpWillUpdate) {
-      maybePromise = safeCall(instance, "componentWillUpdate", void 0, elm);
-    }
+    maybePromise = safeCall(instance, "componentWillUpdate", void 0, elm);
   }
   emitLifecycleEvent(elm, "componentWillRender");
-  if (import_app_data13.BUILD.cmpWillRender) {
-    maybePromise = enqueue(maybePromise, () => safeCall(instance, "componentWillRender", void 0, elm));
-  }
+  maybePromise = enqueue(maybePromise, () => safeCall(instance, "componentWillRender", void 0, elm));
   endSchedule();
   return enqueue(maybePromise, () => updateComponent(hostRef, instance, isInitialLoad));
 };
@@ -3017,14 +3057,12 @@ var postUpdateComponent = (hostRef) => {
   const endPostUpdate = createTime("postUpdate", tagName);
   const instance = import_app_data13.BUILD.lazyLoad ? hostRef.$lazyInstance$ : elm;
   const ancestorComponent = hostRef.$ancestorComponent$;
-  if (import_app_data13.BUILD.cmpDidRender) {
-    if (import_app_data13.BUILD.isDev) {
-      hostRef.$flags$ |= 1024 /* devOnRender */;
-    }
-    safeCall(instance, "componentDidRender", void 0, elm);
-    if (import_app_data13.BUILD.isDev) {
-      hostRef.$flags$ &= ~1024 /* devOnRender */;
-    }
+  if (import_app_data13.BUILD.isDev) {
+    hostRef.$flags$ |= 1024 /* devOnRender */;
+  }
+  safeCall(instance, "componentDidRender", void 0, elm);
+  if (import_app_data13.BUILD.isDev) {
+    hostRef.$flags$ &= ~1024 /* devOnRender */;
   }
   emitLifecycleEvent(elm, "componentDidRender");
   if (!(hostRef.$flags$ & 64 /* hasLoadedComponent */)) {
@@ -3032,14 +3070,12 @@ var postUpdateComponent = (hostRef) => {
     if (import_app_data13.BUILD.asyncLoading && import_app_data13.BUILD.cssAnnotations) {
       addHydratedFlag(elm);
     }
-    if (import_app_data13.BUILD.cmpDidLoad) {
-      if (import_app_data13.BUILD.isDev) {
-        hostRef.$flags$ |= 2048 /* devOnDidLoad */;
-      }
-      safeCall(instance, "componentDidLoad", void 0, elm);
-      if (import_app_data13.BUILD.isDev) {
-        hostRef.$flags$ &= ~2048 /* devOnDidLoad */;
-      }
+    if (import_app_data13.BUILD.isDev) {
+      hostRef.$flags$ |= 2048 /* devOnDidLoad */;
+    }
+    safeCall(instance, "componentDidLoad", void 0, elm);
+    if (import_app_data13.BUILD.isDev) {
+      hostRef.$flags$ &= ~2048 /* devOnDidLoad */;
     }
     emitLifecycleEvent(elm, "componentDidLoad");
     endPostUpdate();
@@ -3050,14 +3086,12 @@ var postUpdateComponent = (hostRef) => {
       }
     }
   } else {
-    if (import_app_data13.BUILD.cmpDidUpdate) {
-      if (import_app_data13.BUILD.isDev) {
-        hostRef.$flags$ |= 1024 /* devOnRender */;
-      }
-      safeCall(instance, "componentDidUpdate", void 0, elm);
-      if (import_app_data13.BUILD.isDev) {
-        hostRef.$flags$ &= ~1024 /* devOnRender */;
-      }
+    if (import_app_data13.BUILD.isDev) {
+      hostRef.$flags$ |= 1024 /* devOnRender */;
+    }
+    safeCall(instance, "componentDidUpdate", void 0, elm);
+    if (import_app_data13.BUILD.isDev) {
+      hostRef.$flags$ &= ~1024 /* devOnRender */;
     }
     emitLifecycleEvent(elm, "componentDidUpdate");
     endPostUpdate();
@@ -3189,7 +3223,7 @@ var setValue = (ref, propName, newVal, cmpMeta) => {
         }
       }
       if (import_app_data14.BUILD.updatable && (flags & (2 /* hasRendered */ | 16 /* isQueuedForUpdate */)) === 2 /* hasRendered */) {
-        if (import_app_data14.BUILD.cmpShouldUpdate && instance.componentShouldUpdate) {
+        if (instance.componentShouldUpdate) {
           if (instance.componentShouldUpdate(newVal, oldVal, propName) === false) {
             return;
           }
@@ -3471,7 +3505,7 @@ var initializeComponent = async (elm, hostRef, cmpMeta, hmrVersionId) => {
   }
 };
 var fireConnectedCallback = (instance, elm) => {
-  if (import_app_data16.BUILD.lazyLoad && import_app_data16.BUILD.connectedCallback) {
+  if (import_app_data16.BUILD.lazyLoad) {
     safeCall(instance, "connectedCallback", void 0, elm);
   }
 };
@@ -3542,7 +3576,10 @@ var connectedCallback = (elm) => {
   }
 };
 var setContentReference = (elm) => {
-  const contentRefElm = elm["s-cr"] = doc.createComment(
+  if (!win.document) {
+    return;
+  }
+  const contentRefElm = elm["s-cr"] = win.document.createComment(
     import_app_data17.BUILD.isDebug ? `content-ref (host=${elm.localName})` : ""
   );
   contentRefElm["s-cn"] = true;
@@ -3552,12 +3589,9 @@ var setContentReference = (elm) => {
 // src/runtime/disconnected-callback.ts
 var import_app_data18 = require("@rindo/core/internal/app-data");
 var disconnectInstance = (instance, elm) => {
-  if (import_app_data18.BUILD.lazyLoad && import_app_data18.BUILD.disconnectedCallback) {
+  if (import_app_data18.BUILD.lazyLoad) {
     safeCall(instance, "disconnectedCallback", void 0, elm || instance);
   }
-  if (import_app_data18.BUILD.cmpDidUnload) {
-    safeCall(instance, "componentDidUnload", void 0, elm || instance);
-  }
 };
 var disconnectedCallback = async (elm) => {
   if ((plt.$flags$ & 1 /* isTmpDisconnected */) === 0) {
@@ -3643,25 +3677,15 @@ var proxyCustomElement = (Cstr, compactMeta) => {
         this.__hasHostListenerAttached = true;
       }
       connectedCallback(this);
-      if (import_app_data19.BUILD.connectedCallback && originalConnectedCallback) {
+      if (originalConnectedCallback) {
         originalConnectedCallback.call(this);
       }
     },
     disconnectedCallback() {
       disconnectedCallback(this);
-      if (import_app_data19.BUILD.disconnectedCallback && originalDisconnectedCallback) {
+      if (originalDisconnectedCallback) {
         originalDisconnectedCallback.call(this);
       }
-      plt.raf(() => {
-        var _a;
-        const hostRef = getHostRef(this);
-        if (((_a = hostRef == null ? void 0 : hostRef.$vnode$) == null ? void 0 : _a.$elm$) instanceof Node && !hostRef.$vnode$.$elm$.isConnected) {
-          delete hostRef.$vnode$;
-        }
-        if (this instanceof Node && !this.isConnected) {
-          deleteHostRef(this);
-        }
-      });
     },
     __attachShadow() {
       if (supportsShadow) {
@@ -3729,18 +3753,22 @@ var bootstrapLazy = (lazyBundles, options = {}) => {
     performance.mark("st:app:start");
   }
   installDevTools();
+  if (!win.document) {
+    console.warn("Rindo: No document found. Skipping bootstrapping lazy components.");
+    return;
+  }
   const endBootstrap = createTime("bootstrapLazy");
   const cmpTags = [];
   const exclude = options.exclude || [];
   const customElements2 = win.customElements;
-  const head = doc.head;
+  const head = win.document.head;
   const metaCharset = /* @__PURE__ */ head.querySelector("meta[charset]");
-  const dataStyles = /* @__PURE__ */ doc.createElement("style");
+  const dataStyles = /* @__PURE__ */ win.document.createElement("style");
   const deferredConnectedCallbacks = [];
   let appLoadFallback;
   let isBootstrapping = true;
   Object.assign(plt, options);
-  plt.$resourcesUrl$ = new URL(options.resourcesUrl || "./", doc.baseURI).href;
+  plt.$resourcesUrl$ = new URL(options.resourcesUrl || "./", win.document.baseURI).href;
   if (import_app_data20.BUILD.asyncQueue) {
     if (options.syncQueue) {
       plt.$flags$ |= 4 /* queueSync */;
@@ -3890,7 +3918,7 @@ var bootstrapLazy = (lazyBundles, options = {}) => {
     }
     if (dataStyles.innerHTML.length) {
       dataStyles.setAttribute("data-styles", "");
-      const nonce = (_a = plt.$nonce$) != null ? _a : queryNonceMetaTagContent(doc);
+      const nonce = (_a = plt.$nonce$) != null ? _a : queryNonceMetaTagContent(win.document);
       if (nonce != null) {
         dataStyles.setAttribute("nonce", nonce);
       }
@@ -3916,7 +3944,7 @@ var Fragment = (_, children) => children;
 // src/runtime/host-listener.ts
 var import_app_data21 = require("@rindo/core/internal/app-data");
 var addHostEventListeners = (elm, hostRef, listeners, attachParentListeners) => {
-  if (import_app_data21.BUILD.hostListener && listeners) {
+  if (import_app_data21.BUILD.hostListener && listeners && win.document) {
     if (import_app_data21.BUILD.hostListenerTargetParent) {
       if (attachParentListeners) {
         listeners = listeners.filter(([flags]) => flags & 32 /* TargetParent */);
@@ -3925,7 +3953,7 @@ var addHostEventListeners = (elm, hostRef, listeners, attachParentListeners) =>
       }
     }
     listeners.map(([flags, name, method]) => {
-      const target = import_app_data21.BUILD.hostListenerTarget ? getHostListenerTarget(elm, flags) : elm;
+      const target = import_app_data21.BUILD.hostListenerTarget ? getHostListenerTarget(win.document, elm, flags) : elm;
       const handler = hostListenerProxy(hostRef, method);
       const opts = hostListenerOpts(flags);
       plt.ael(target, name, handler, opts);
@@ -3949,12 +3977,19 @@ var hostListenerProxy = (hostRef, methodName) => (ev) => {
     consoleError(e, hostRef.$hostElement$);
   }
 };
-var getHostListenerTarget = (elm, flags) => {
-  if (import_app_data21.BUILD.hostListenerTargetDocument && flags & 4 /* TargetDocument */) return doc;
-  if (import_app_data21.BUILD.hostListenerTargetWindow && flags & 8 /* TargetWindow */) return win;
-  if (import_app_data21.BUILD.hostListenerTargetBody && flags & 16 /* TargetBody */) return doc.body;
-  if (import_app_data21.BUILD.hostListenerTargetParent && flags & 32 /* TargetParent */ && elm.parentElement)
+var getHostListenerTarget = (doc, elm, flags) => {
+  if (import_app_data21.BUILD.hostListenerTargetDocument && flags & 4 /* TargetDocument */) {
+    return doc;
+  }
+  if (import_app_data21.BUILD.hostListenerTargetWindow && flags & 8 /* TargetWindow */) {
+    return win;
+  }
+  if (import_app_data21.BUILD.hostListenerTargetBody && flags & 16 /* TargetBody */) {
+    return doc.body;
+  }
+  if (import_app_data21.BUILD.hostListenerTargetParent && flags & 32 /* TargetParent */ && elm.parentElement) {
     return elm.parentElement;
+  }
   return elm;
 };
 var hostListenerOpts = (flags) => supportsListenerOptions ? {
@@ -3969,12 +4004,12 @@ var setNonce = (nonce) => plt.$nonce$ = nonce;
 var setPlatformOptions = (opts) => Object.assign(plt, opts);
 
 // src/runtime/vdom/vdom-annotations.ts
-var insertVdomAnnotations = (doc2, staticComponents) => {
-  if (doc2 != null) {
-    const docData = RINDO_DOC_DATA in doc2 ? doc2[RINDO_DOC_DATA] : { ...DEFAULT_DOC_DATA };
+var insertVdomAnnotations = (doc, staticComponents) => {
+  if (doc != null) {
+    const docData = RINDO_DOC_DATA in doc ? doc[RINDO_DOC_DATA] : { ...DEFAULT_DOC_DATA };
     docData.staticComponents = new Set(staticComponents);
     const orgLocationNodes = [];
-    parseVNodeAnnotations(doc2, doc2.body, docData, orgLocationNodes);
+    parseVNodeAnnotations(doc, doc.body, docData, orgLocationNodes);
     orgLocationNodes.forEach((orgLocationNode) => {
       var _a;
       if (orgLocationNode != null && orgLocationNode["s-nr"]) {
@@ -4000,11 +4035,11 @@ var insertVdomAnnotations = (doc2, staticComponents) => {
                 return;
               }
             }
-            const commentBeforeTextNode = doc2.createComment(childId);
+            const commentBeforeTextNode = doc.createComment(childId);
             commentBeforeTextNode.nodeValue = `${TEXT_NODE_ID}.${childId}`;
             insertBefore(nodeRef.parentNode, commentBeforeTextNode, nodeRef);
           } else if (nodeRef.nodeType === 8 /* CommentNode */) {
-            const commentBeforeTextNode = doc2.createComment(childId);
+            const commentBeforeTextNode = doc.createComment(childId);
             commentBeforeTextNode.nodeValue = `${COMMENT_NODE_ID}.${childId}`;
             nodeRef.parentNode.insertBefore(commentBeforeTextNode, nodeRef);
           }
@@ -4023,7 +4058,7 @@ var insertVdomAnnotations = (doc2, staticComponents) => {
     });
   }
 };
-var parseVNodeAnnotations = (doc2, node, docData, orgLocationNodes) => {
+var parseVNodeAnnotations = (doc, node, docData, orgLocationNodes) => {
   var _a;
   if (node == null) {
     return;
@@ -4039,13 +4074,13 @@ var parseVNodeAnnotations = (doc2, node, docData, orgLocationNodes) => {
         const cmpData = {
           nodeIds: 0
         };
-        insertVNodeAnnotations(doc2, childNode, hostRef.$vnode$, docData, cmpData);
+        insertVNodeAnnotations(doc, childNode, hostRef.$vnode$, docData, cmpData);
       }
-      parseVNodeAnnotations(doc2, childNode, docData, orgLocationNodes);
+      parseVNodeAnnotations(doc, childNode, docData, orgLocationNodes);
     });
   }
 };
-var insertVNodeAnnotations = (doc2, hostElm, vnode, docData, cmpData) => {
+var insertVNodeAnnotations = (doc, hostElm, vnode, docData, cmpData) => {
   if (vnode != null) {
     const hostId = ++docData.hostIds;
     hostElm.setAttribute(HYDRATE_ID, hostId);
@@ -4055,7 +4090,7 @@ var insertVNodeAnnotations = (doc2, hostElm, vnode, docData, cmpData) => {
     if (vnode.$children$ != null) {
       const depth = 0;
       vnode.$children$.forEach((vnodeChild, index) => {
-        insertChildVNodeAnnotations(doc2, vnodeChild, cmpData, hostId, depth, index);
+        insertChildVNodeAnnotations(doc, vnodeChild, cmpData, hostId, depth, index);
       });
     }
     if (hostElm && vnode && vnode.$elm$ && !hostElm.hasAttribute(HYDRATE_CHILD_ID)) {
@@ -4076,7 +4111,7 @@ var insertVNodeAnnotations = (doc2, hostElm, vnode, docData, cmpData) => {
     }
   }
 };
-var insertChildVNodeAnnotations = (doc2, vnodeChild, cmpData, hostId, depth, index) => {
+var insertChildVNodeAnnotations = (doc, vnodeChild, cmpData, hostId, depth, index) => {
   const childElm = vnodeChild.$elm$;
   if (childElm == null) {
     return;
@@ -4095,7 +4130,7 @@ var insertChildVNodeAnnotations = (doc2, vnodeChild, cmpData, hostId, depth, ind
     const nodeName = parentNode == null ? void 0 : parentNode.nodeName;
     if (nodeName !== "STYLE" && nodeName !== "SCRIPT") {
       const textNodeId = `${TEXT_NODE_ID}.${childId}`;
-      const commentBeforeTextNode = doc2.createComment(textNodeId);
+      const commentBeforeTextNode = doc.createComment(textNodeId);
       insertBefore(parentNode, commentBeforeTextNode, childElm);
     }
   } else if (childElm.nodeType === 8 /* CommentNode */) {
@@ -4108,7 +4143,7 @@ var insertChildVNodeAnnotations = (doc2, vnodeChild, cmpData, hostId, depth, ind
   if (vnodeChild.$children$ != null) {
     const childDepth = depth + 1;
     vnodeChild.$children$.forEach((vnode, index2) => {
-      insertChildVNodeAnnotations(doc2, vnode, cmpData, hostId, childDepth, index2);
+      insertChildVNodeAnnotations(doc, vnode, cmpData, hostId, childDepth, index2);
     });
   }
 };
@@ -4127,9 +4162,7 @@ var insertChildVNodeAnnotations = (doc2, vnodeChild, cmpData, hostId, depth, ind
   consoleError,
   createEvent,
   defineCustomElement,
-  deleteHostRef,
   disconnectedCallback,
-  doc,
   flushAll,
   flushLoadModule,
   flushQueue,