marko 6.0.0-next.3.37 → 6.0.0-next.3.39

package/dist/debug/dom.js

@@ -29,7 +29,6 @@ __export(dom_exports, {
   compat: () => compat,
   conditional: () => conditional,
   conditionalClosure: () => conditionalClosure,
-  conditionalOnlyChild: () => conditionalOnlyChild,
   controllable_detailsOrDialog_open: () => controllable_detailsOrDialog_open,
   controllable_detailsOrDialog_open_effect: () => controllable_detailsOrDialog_open_effect,
   controllable_input_checked: () => controllable_input_checked,
@@ -47,6 +46,7 @@ __export(dom_exports, {
   createTemplate: () => createTemplate,
   data: () => data,
   dynamicClosure: () => dynamicClosure,
+  dynamicTag: () => dynamicTag,
   dynamicTagAttrs: () => dynamicTagAttrs,
   effect: () => effect,
   forIn: () => forIn,
@@ -70,7 +70,7 @@ __export(dom_exports, {
   props: () => props,
   register: () => register,
   registerBoundSignal: () => registerBoundSignal,
-  registerSubscriber: () => registerSubscriber,
+  registerDynamicClosure: () => registerDynamicClosure,
   resetAbortSignal: () => resetAbortSignal,
   run: () => run,
   setTagVar: () => setTagVar,
@@ -130,49 +130,6 @@ function forTo(to, from, step, cb) {
   }
 }
 
-// src/dom/schedule.ts
-var runTask;
-var port2 = /* @__PURE__ */ (() => {
-  const { port1, port2: port22 } = new MessageChannel();
-  port1.onmessage = () => {
-    isScheduled = false;
-    if (true) {
-      const run2 = runTask;
-      runTask = void 0;
-      run2();
-    } else {
-      run();
-    }
-  };
-  return port22;
-})();
-var isScheduled;
-function schedule() {
-  if (!isScheduled) {
-    if (true) {
-      if (console.createTask) {
-        const task = console.createTask("queue");
-        runTask = () => task.run(run);
-      } else {
-        runTask = run;
-      }
-    }
-    isScheduled = true;
-    queueMicrotask(flushAndWaitFrame);
-  }
-}
-function flushAndWaitFrame() {
-  if (true) {
-    runTask();
-  } else {
-    run();
-  }
-  requestAnimationFrame(triggerMacroTask);
-}
-function triggerMacroTask() {
-  port2.postMessage(0);
-}
-
 // src/common/helpers.ts
 function classValue(value2) {
   return toDelimitedString(value2, " ", stringifyClassObject);
@@ -503,10 +460,6 @@ function init(runtimeId = DEFAULT_RUNTIME_ID) {
     });
   }
 }
-function registerSubscriber(id, signal) {
-  register(id, signal.___subscribe);
-  return signal;
-}
 function nodeRef(id, key) {
   return register(id, (scope) => () => scope[key]);
 }
@@ -1057,9 +1010,10 @@ function toInsertNode(startNode, endNode) {
 // src/dom/scope.ts
 var pendingScopes = [];
 var debugID = 0;
-function createScope($global) {
+function createScope($global, closestBranch) {
   const scope = {
     ___pending: 1,
+    ___closestBranch: closestBranch,
     $global
   };
   if (true) {
@@ -1281,10 +1235,10 @@ function trimWalkString(walkString) {
 }
 function walk(startNode, walkCodes, branch) {
   walker.currentNode = startNode;
-  walkInternal(walkCodes, branch, 0);
+  walkInternal(0, walkCodes, branch);
   walker.currentNode = document;
 }
-function walkInternal(walkCodes, scope, currentWalkIndex) {
+function walkInternal(currentWalkIndex, walkCodes, scope) {
   let value2;
   let storedMultiplier = 0;
   let currentMultiplier = 0;
@@ -1311,9 +1265,11 @@ function walkInternal(walkCodes, scope, currentWalkIndex) {
         walker.nextNode();
       }
     } else if (value2 === 47 /* BeginChild */) {
-      const childScope = scope[true ? getDebugKey(currentScopeIndex++, "#childScope") : currentScopeIndex++] = createScope(scope.$global);
-      childScope.___closestBranch = scope.___closestBranch;
-      currentWalkIndex = walkInternal(walkCodes, childScope, currentWalkIndex);
+      currentWalkIndex = walkInternal(
+        currentWalkIndex,
+        walkCodes,
+        scope[true ? getDebugKey(currentScopeIndex++, "#childScope") : currentScopeIndex++] = createScope(scope.$global, scope.___closestBranch)
+      );
     } else if (value2 === 38 /* EndChild */) {
       return currentWalkIndex;
     } else if (value2 === 32 /* Get */) {
@@ -1390,9 +1346,14 @@ function createBranch($global, ownerScope, parentScope) {
 function initBranch(renderer, branch, parentNode) {
   const clone = renderer.___clone(parentNode.namespaceURI);
   const cloneParent = clone.parentNode;
-  walk(cloneParent?.firstChild || clone, renderer.___walks, branch);
-  branch.___startNode = cloneParent?.firstChild || clone;
-  branch.___endNode = cloneParent?.lastChild || clone;
+  if (cloneParent) {
+    walk(cloneParent.firstChild, renderer.___walks, branch);
+    branch.___startNode = cloneParent.firstChild;
+    branch.___endNode = cloneParent.lastChild;
+  } else {
+    walk(clone, renderer.___walks, branch);
+    branch.___startNode = branch.___endNode = clone;
+  }
   if (renderer.___setup) {
     queueRender(branch, renderer.___setup);
   }
@@ -1415,7 +1376,12 @@ function dynamicTagAttrs(nodeAccessor, getContent, inputIsArgs) {
           "A dynamic tag rendering a `<textarea>` cannot have `content` and must use the `value` attribute instead."
         );
       }
-      setConditionalRendererOnlyChild(childScope, nodeAccessor2, content);
+      setConditionalRendererOnlyChild(
+        childScope,
+        nodeAccessor2,
+        content,
+        createBranchScopeWithTagNameOrRenderer
+      );
       attrs(childScope, nodeAccessor2, attrsOrOp());
     } else if (renderer.___args) {
       const attributes = attrsOrOp();
@@ -1467,11 +1433,23 @@ function createCloneableHTML(html2, ns) {
 }
 
 // src/dom/control-flow.ts
-function patchConditionals(fn) {
-  conditional = fn(conditional);
-  conditionalOnlyChild = fn(conditionalOnlyChild);
+function conditional(nodeAccessor, ...branches) {
+  const branchAccessor = nodeAccessor + "(" /* ConditionalRenderer */;
+  return (scope, newBranchIndexOrOp) => {
+    if (newBranchIndexOrOp !== scope[branchAccessor] && newBranchIndexOrOp !== DIRTY && newBranchIndexOrOp !== MARK && newBranchIndexOrOp !== CLEAN) {
+      (scope[nodeAccessor].nodeType > 1 /* Element */ ? setConditionalRenderer : setConditionalRendererOnlyChild)(
+        scope,
+        nodeAccessor,
+        branches[scope[branchAccessor] = newBranchIndexOrOp],
+        createBranchScopeWithRenderer
+      );
+    }
+  };
+}
+function patchDynamicTag(fn) {
+  dynamicTag = fn(dynamicTag);
 }
-var conditional = function conditional2(nodeAccessor, fn, getIntersection) {
+var dynamicTag = function dynamicTag2(nodeAccessor, fn, getIntersection) {
   const rendererAccessor = nodeAccessor + "(" /* ConditionalRenderer */;
   let intersection2 = getIntersection && ((scope, op) => (intersection2 = getIntersection())(scope, op));
   return (scope, newRendererOrOp) => {
@@ -1482,7 +1460,12 @@ var conditional = function conditional2(nodeAccessor, fn, getIntersection) {
       const normalizedRenderer = normalizeDynamicRenderer(newRendererOrOp);
       if (isDifferentRenderer(normalizedRenderer, currentRenderer)) {
         scope[rendererAccessor] = normalizedRenderer;
-        setConditionalRenderer(scope, nodeAccessor, normalizedRenderer);
+        setConditionalRenderer(
+          scope,
+          nodeAccessor,
+          normalizedRenderer,
+          createBranchScopeWithTagNameOrRenderer
+        );
         fn && fn(scope);
         op = DIRTY;
       } else {
@@ -1492,56 +1475,28 @@ var conditional = function conditional2(nodeAccessor, fn, getIntersection) {
     intersection2?.(scope, op);
   };
 };
-function setConditionalRenderer(scope, nodeAccessor, newRenderer) {
+function setConditionalRenderer(scope, nodeAccessor, newRenderer, createBranch2) {
   const prevBranch = scope[nodeAccessor + "!" /* ConditionalScope */] || getEmptyBranch(scope[nodeAccessor]);
-  const newBranch = newRenderer ? createBranchScopeWithTagNameOrRenderer(
+  const newBranch = newRenderer ? createBranch2(
     newRenderer,
     scope.$global,
     scope,
     prevBranch.___endNode.parentNode
   ) : getEmptyBranch(scope[nodeAccessor]);
-  insertBranchBefore(
-    newBranch,
-    prevBranch.___endNode.parentNode,
-    prevBranch.___endNode.nextSibling
-  );
-  removeAndDestroyBranch(prevBranch);
-  scope[nodeAccessor + "!" /* ConditionalScope */] = newRenderer && newBranch;
+  if (prevBranch !== newBranch) {
+    insertBranchBefore(
+      newBranch,
+      prevBranch.___endNode.parentNode,
+      prevBranch.___endNode.nextSibling
+    );
+    removeAndDestroyBranch(prevBranch);
+    scope[nodeAccessor + "!" /* ConditionalScope */] = newRenderer && newBranch;
+  }
 }
-var conditionalOnlyChild = function conditional3(nodeAccessor, fn, getIntersection) {
-  const rendererAccessor = nodeAccessor + "(" /* ConditionalRenderer */;
-  let intersection2 = getIntersection && ((scope, op) => (intersection2 = getIntersection())(scope, op));
-  return (scope, newRendererOrOp) => {
-    if (newRendererOrOp === DIRTY) return;
-    let currentRenderer = scope[rendererAccessor];
-    let op = newRendererOrOp;
-    if (newRendererOrOp !== MARK && newRendererOrOp !== CLEAN) {
-      const normalizedRenderer = normalizeDynamicRenderer(newRendererOrOp);
-      if (isDifferentRenderer(normalizedRenderer, currentRenderer)) {
-        currentRenderer = scope[rendererAccessor] = normalizedRenderer;
-        setConditionalRendererOnlyChild(
-          scope,
-          nodeAccessor,
-          normalizedRenderer
-        );
-        fn && fn(scope);
-        op = DIRTY;
-      } else {
-        op = CLEAN;
-      }
-    }
-    intersection2?.(scope, op);
-  };
-};
-function setConditionalRendererOnlyChild(scope, nodeAccessor, newRenderer) {
+function setConditionalRendererOnlyChild(scope, nodeAccessor, newRenderer, createBranch2) {
   const prevBranch = scope[nodeAccessor + "!" /* ConditionalScope */];
   const referenceNode = scope[nodeAccessor];
-  const newBranch = newRenderer && createBranchScopeWithTagNameOrRenderer(
-    newRenderer,
-    scope.$global,
-    scope,
-    referenceNode
-  );
+  const newBranch = newRenderer && createBranch2(newRenderer, scope.$global, scope, referenceNode);
   referenceNode.textContent = "";
   if (newBranch) {
     insertBranchBefore(newBranch, referenceNode, null);
@@ -1671,6 +1626,49 @@ function isDifferentRenderer(a, b) {
   return a !== b && (a?.___id || 0) !== b?.___id;
 }
 
+// src/dom/schedule.ts
+var runTask;
+var port2 = /* @__PURE__ */ (() => {
+  const { port1, port2: port22 } = new MessageChannel();
+  port1.onmessage = () => {
+    isScheduled = false;
+    if (true) {
+      const run2 = runTask;
+      runTask = void 0;
+      run2();
+    } else {
+      run();
+    }
+  };
+  return port22;
+})();
+var isScheduled;
+function schedule() {
+  if (!isScheduled) {
+    if (true) {
+      if (console.createTask) {
+        const task = console.createTask("queue");
+        runTask = () => task.run(run);
+      } else {
+        runTask = run;
+      }
+    }
+    isScheduled = true;
+    queueMicrotask(flushAndWaitFrame);
+  }
+}
+function flushAndWaitFrame() {
+  if (true) {
+    runTask();
+  } else {
+    run();
+  }
+  requestAnimationFrame(triggerMacroTask);
+}
+function triggerMacroTask() {
+  port2.postMessage(0);
+}
+
 // src/dom/signals.ts
 var MARK = true ? Symbol("mark") : {};
 var CLEAN = true ? Symbol("clean") : {};
@@ -1689,6 +1687,7 @@ function state(valueAccessor, fn, getIntersection) {
     } else if (scope[valueChangeAccessor]) {
       scope[valueChangeAccessor](valueOrOp);
     } else {
+      schedule();
       queueSource(scope, valueSignal, valueOrOp);
     }
     return valueOrOp;
@@ -1696,21 +1695,21 @@ function state(valueAccessor, fn, getIntersection) {
 }
 function value(valueAccessor, fn, getIntersection) {
   const markAccessor = valueAccessor + "#" /* Mark */;
-  let intersection2 = getIntersection && ((scope, op) => (intersection2 = getIntersection())(scope, op));
+  let intersection2;
   return (scope, valueOrOp) => {
     if (valueOrOp === MARK) {
       if ((scope[markAccessor] = (scope[markAccessor] ?? 0) + 1) === 1) {
-        intersection2?.(scope, MARK);
+        getIntersection && (intersection2 ||= getIntersection())(scope, MARK);
       }
     } else if (valueOrOp !== DIRTY) {
       const existing = scope[markAccessor] !== void 0;
       if ((scope[markAccessor] ||= 1) === 1) {
         if (valueOrOp === CLEAN || existing && scope[valueAccessor] === valueOrOp) {
-          intersection2?.(scope, CLEAN);
+          getIntersection && (intersection2 ||= getIntersection())(scope, CLEAN);
         } else {
           scope[valueAccessor] = valueOrOp;
           fn && fn(scope, valueOrOp);
-          intersection2?.(scope, DIRTY);
+          getIntersection && (intersection2 ||= getIntersection())(scope, DIRTY);
         }
       }
       scope[markAccessor]--;
@@ -1721,11 +1720,11 @@ var accessorId = 0;
 function intersection(count, fn, getIntersection) {
   const dirtyAccessor = "?" /* Dynamic */ + accessorId++;
   const markAccessor = dirtyAccessor + "#" /* Mark */;
-  let intersection2 = getIntersection && ((scope, op) => (intersection2 = getIntersection())(scope, op));
+  let intersection2;
   return (scope, op) => {
     if (op === MARK) {
       if ((scope[markAccessor] = (scope[markAccessor] ?? 0) + 1) === 1) {
-        intersection2?.(scope, MARK);
+        getIntersection && (intersection2 ||= getIntersection())(scope, MARK);
       }
     } else if (scope[markAccessor] === void 0) {
       scope[markAccessor] = count - 1;
@@ -1733,84 +1732,101 @@ function intersection(count, fn, getIntersection) {
     } else if (--scope[markAccessor] === 0) {
       if (op === DIRTY || scope[dirtyAccessor]) {
         scope[dirtyAccessor] = false;
-        fn(scope, 0);
-        intersection2?.(scope, DIRTY);
+        fn(scope);
+        getIntersection && (intersection2 ||= getIntersection())(scope, DIRTY);
       } else {
-        intersection2?.(scope, CLEAN);
+        getIntersection && (intersection2 ||= getIntersection())(scope, CLEAN);
       }
     } else {
       scope[dirtyAccessor] ||= op === DIRTY;
     }
   };
 }
-function closure(fn, getIntersection) {
-  let intersection2 = getIntersection && ((scope, op) => (intersection2 = getIntersection())(scope, op));
-  return (scope, valueOrOp) => {
-    if (valueOrOp === MARK) {
-      intersection2?.(scope, MARK);
-    } else {
-      fn && fn(scope, valueOrOp);
-      intersection2?.(scope, DIRTY);
-    }
-  };
-}
-function loopClosure(ownerLoopNodeAccessor, fn, getIntersection) {
-  const signal = closure(fn, getIntersection);
+function loopClosure(valueAccessor, ownerLoopNodeAccessor, fn, getIntersection) {
+  const childSignal = closure(valueAccessor, fn, getIntersection);
   const loopScopeAccessor = ownerLoopNodeAccessor + "!" /* LoopScopeArray */;
   const loopScopeMapAccessor = ownerLoopNodeAccessor + "(" /* LoopScopeMap */;
-  const helperSignal = (ownerScope, value2) => {
+  const ownerSignal = (ownerScope) => {
     const loopScopes = ownerScope[loopScopeAccessor] ?? ownerScope[loopScopeMapAccessor]?.values() ?? [];
     if (loopScopes !== emptyMarkerArray) {
       for (const scope of loopScopes) {
         if (!scope.___pending) {
-          queueSource(scope, signal, value2);
+          queueSource(scope, childSignal);
         }
       }
     }
   };
-  helperSignal._ = signal;
-  return helperSignal;
+  ownerSignal._ = childSignal;
+  return ownerSignal;
 }
-function conditionalClosure(ownerConditionalNodeAccessor, getRenderer, fn, getIntersection) {
-  const signal = closure(fn, getIntersection);
+function conditionalClosure(valueAccessor, ownerConditionalNodeAccessor, branch, fn, getIntersection) {
+  const childSignal = closure(valueAccessor, fn, getIntersection);
   const scopeAccessor = ownerConditionalNodeAccessor + "!" /* ConditionalScope */;
-  const rendererAccessor = ownerConditionalNodeAccessor + "(" /* ConditionalRenderer */;
-  const helperSignal = (scope, value2) => {
-    const conditionalScope = scope[scopeAccessor];
-    if (conditionalScope && !conditionalScope.___pending && scope[rendererAccessor]?.___id === getRenderer().___id) {
-      queueSource(conditionalScope, signal, value2);
+  const branchAccessor = ownerConditionalNodeAccessor + "(" /* ConditionalRenderer */;
+  const ownerSignal = (scope) => {
+    const ifScope = scope[scopeAccessor];
+    if (ifScope && !ifScope.___pending && scope[branchAccessor] === branch) {
+      queueSource(ifScope, childSignal);
     }
   };
-  helperSignal._ = signal;
-  return helperSignal;
-}
-var defaultGetOwnerScope = (scope) => scope._;
-function dynamicClosure(fn, getOwnerScope = defaultGetOwnerScope, getIntersection) {
-  const ownerSubscribersAccessor = "?" /* Dynamic */ + accessorId++;
-  const _signal = closure(fn, getIntersection);
-  const helperSignal = (ownerScope, value2) => {
-    const subscribers = ownerScope[ownerSubscribersAccessor];
+  ownerSignal._ = childSignal;
+  return ownerSignal;
+}
+function dynamicClosure(valueAccessor, fn, getIntersection, getOwnerScope) {
+  const subscribersAccessor = "?" /* Dynamic */ + accessorId++;
+  const childSignal = closure(
+    valueAccessor,
+    fn,
+    getIntersection,
+    getOwnerScope
+  );
+  const ownerSignal = (ownerScope) => {
+    const subscribers = ownerScope[subscribersAccessor];
     if (subscribers) {
       for (const subscriber of subscribers) {
         if (!subscriber.___pending) {
-          queueSource(subscriber, _signal, value2);
+          queueSource(subscriber, childSignal);
         }
       }
     }
   };
-  const setupSignal = (scope, value2) => {
-    _signal(scope, value2);
+  const subscribe = (scope) => {
+    const owner = getOwnerScope ? getOwnerScope(scope) : scope._;
+    const subscribers = owner[subscribersAccessor] ||= /* @__PURE__ */ new Set();
+    if (!subscribers.has(scope)) {
+      subscribers.add(scope);
+      getAbortSignal(scope, -1).addEventListener(
+        "abort",
+        () => owner[subscribersAccessor].delete(scope)
+      );
+    }
+  };
+  ownerSignal.___subscribe = subscribe;
+  ownerSignal._ = (scope) => {
+    childSignal(scope);
     subscribe(scope);
   };
-  const subscribe = (scope) => {
-    (getOwnerScope(scope)[ownerSubscribersAccessor] ||= /* @__PURE__ */ new Set()).add(scope);
-    getAbortSignal(scope, -1).addEventListener("abort", () => {
-      getOwnerScope(scope)[ownerSubscribersAccessor].delete(scope);
-    });
+  return ownerSignal;
+}
+function registerDynamicClosure(id, valueAccessor, fn, getIntersection, getOwnerScope) {
+  const signal = dynamicClosure(
+    valueAccessor,
+    fn,
+    getIntersection,
+    getOwnerScope
+  );
+  register(id, signal.___subscribe);
+  return signal;
+}
+function closure(valueAccessor, fn, getIntersection, getOwnerScope) {
+  let intersection2;
+  return (scope, op) => {
+    op || fn && fn(
+      scope,
+      (getOwnerScope ? getOwnerScope(scope) : scope._)[valueAccessor]
+    );
+    getIntersection && (intersection2 ||= getIntersection())(scope, op ? MARK : DIRTY);
   };
-  helperSignal._ = setupSignal;
-  helperSignal.___subscribe = subscribe;
-  return helperSignal;
 }
 function setTagVar(scope, childAccessor, tagVarSignal2) {
   scope[childAccessor]["/" /* TagVariable */] = (valueOrOp) => tagVarSignal2(scope, valueOrOp);
@@ -1850,13 +1866,11 @@ var pendingRenders = [];
 var pendingEffects = [];
 var rendering = false;
 function queueSource(scope, signal, value2) {
-  schedule();
   const prevRendering = rendering;
   rendering = true;
   signal(scope, MARK);
   rendering = prevRendering;
   queueRender(scope, signal, value2);
-  return value2;
 }
 function queueRender(scope, signal, value2) {
   let i = pendingRenders.length;
@@ -1864,6 +1878,7 @@ function queueRender(scope, signal, value2) {
     ___scope: scope,
     ___signal: signal,
     ___value: value2,
+    ___depth: scope.___closestBranch?.___branchDepth || 0,
     ___index: i
   };
   pendingRenders.push(render);
@@ -1907,7 +1922,7 @@ function prepareEffects(fn) {
   }
   return preparedEffects;
 }
-function runEffects(effects = pendingEffects) {
+function runEffects(effects) {
   for (let i = 0; i < effects.length; i += 2 /* Total */) {
     const scope = effects[i];
     const fn = effects[i + 1];
@@ -1947,10 +1962,7 @@ function runRenders() {
   finishPendingScopes();
 }
 function comparePendingRenders(a, b) {
-  return getBranchDepth(a) - getBranchDepth(b) || a.___index - b.___index;
-}
-function getBranchDepth(render) {
-  return render.___scope.___closestBranch?.___branchDepth || 0;
+  return a.___depth - b.___depth || a.___index - b.___index;
 }
 
 // src/dom/abort-signal.ts
@@ -1980,7 +1992,7 @@ var RENDER_BODY_ID = prefix + (true ? "renderBody" : "b");
 // src/dom/compat.ts
 var classIdToBranch = /* @__PURE__ */ new Map();
 var compat = {
-  patchConditionals,
+  patchConditionals: patchDynamicTag,
   queueEffect,
   init(warp10Noop) {
     register(SET_SCOPE_REGISTER_ID, (branch) => {
@@ -2125,7 +2137,7 @@ function mount(input = {}, reference, position) {
   );
   runEffects(effects);
   return {
-    update: (newInput) => {
+    update(newInput) {
       if (args) {
         runEffects(
           prepareEffects(() => {
@@ -2135,7 +2147,7 @@ function mount(input = {}, reference, position) {
         );
       }
     },
-    destroy: () => {
+    destroy() {
       removeAndDestroyBranch(branch);
     }
   };