@heycys/gallery 0.1.0 → 0.1.1

package/kit/math.js

@@ -1874,6 +1874,19 @@
   // src/shared/components/installed.mjs
   var ATTRIBUTE = "data-doc-component";
   var INSTANCE = `div[${ATTRIBUTE}], section[${ATTRIBUTE}]`;
+  var SLOT = "data-doc-slot";
+  var SLOT_PART = `div[${SLOT}], section[${SLOT}]`;
+  var REGION = `${INSTANCE}, ${SLOT_PART}`;
+  var edgeAround = (node) => node?.parentElement?.closest(REGION) ?? null;
+  function heldBy(node) {
+    const edge = edgeAround(node);
+    if (!edge) return null;
+    const owner = heldBy(edge);
+    if (edge.matches(INSTANCE)) return owner ?? edge;
+    return owner !== null && edgeAround(edge) === owner ? null : owner;
+  }
+  var opensDocument = (node) => node.matches(SLOT_PART) && heldBy(node) !== null && edgeAround(node) === heldBy(node);
+  var componentAt = (node) => node?.nodeType === 1 && heldBy(node) !== null && !opensDocument(node);
   var DATA_MOST = 1024 * 1024;
 
   // src/shared/components/math.mjs
@@ -1937,9 +1950,12 @@
       const selector = flows();
       if (root instanceof Element && root.matches(selector)) targets.add(root);
       root.querySelectorAll?.(selector).forEach((element) => targets.add(element));
-      const all = [...targets].filter((element) => !element.closest(INSTANCE));
+      const all = [...targets].filter((element) => !element.matches(INSTANCE) && !componentAt(element));
       const dollar = all.filter((candidate) => candidate.hasAttribute("data-doc-math-dollar"));
-      const outermost = all.filter((candidate) => !candidate.hasAttribute("data-doc-math-dollar") && !all.some((other) => other !== candidate && other.contains(candidate) && !other.hasAttribute("data-doc-math-dollar")));
+      const outermost = all.filter((candidate) => {
+        const between = candidate.parentElement?.closest(INSTANCE);
+        return !candidate.hasAttribute("data-doc-math-dollar") && !all.some((other) => other !== candidate && other.contains(candidate) && !other.hasAttribute("data-doc-math-dollar") && !(between && other.contains(between)));
+      });
       return [...dollar, ...outermost];
     }
     function render(root = document) {