marko 6.0.0-next.3.51 → 6.0.0-next.3.53

package/dist/dom.js

@@ -43,6 +43,7 @@ __export(dom_exports, {
   createTemplate: () => createTemplate,
   data: () => data,
   dynamicClosure: () => dynamicClosure,
+  dynamicClosureRead: () => dynamicClosureRead,
   dynamicTag: () => dynamicTag,
   effect: () => effect,
   forIn: () => forIn,
@@ -66,7 +67,6 @@ __export(dom_exports, {
   register: () => register,
   registerBoundSignal: () => registerBoundSignal,
   registerContent: () => registerContent,
-  registerDynamicClosure: () => registerDynamicClosure,
   resetAbortSignal: () => resetAbortSignal,
   run: () => run,
   setTagVar: () => setTagVar,
@@ -201,17 +201,17 @@ var DEFAULT_RUNTIME_ID = "M", DEFAULT_RENDER_ID = "_";
 var registeredValues = {}, Render = class {
   q = [];
   s = {};
-  C = {
+  F = {
     _: registeredValues
   };
   constructor(renders, runtimeId, renderId) {
-    this.D = renders, this.E = runtimeId, this.t = renderId, this.u = renders[renderId], this.x();
+    this.G = renders, this.H = runtimeId, this.t = renderId, this.u = renders[renderId], this.x();
   }
   w() {
     this.u.w(), this.x();
   }
   x() {
-    let data2 = this.u, serializeContext = this.C, scopeLookup = this.s, visits = data2.v, branchIds = /* @__PURE__ */ new Set(), parentBranchIds = /* @__PURE__ */ new Map();
+    let data2 = this.u, serializeContext = this.F, scopeLookup = this.s, visits = data2.v, branchIds = /* @__PURE__ */ new Set(), parentBranchIds = /* @__PURE__ */ new Map();
     if (visits.length) {
       let commentPrefixLen = data2.i.length, closestBranchMarkers = /* @__PURE__ */ new Map(), visitNodes = new Set(visits), lastEndNode;
       data2.v = [];
@@ -227,22 +227,22 @@ var registeredValues = {}, Render = class {
         let commentText = visit.data, dataIndex = commentText.indexOf(" ") + 1, scopeId = commentText.slice(
           commentPrefixLen + 1,
           dataIndex ? dataIndex - 1 : commentText.length
-        ), scope = scopeLookup[scopeId] ||= { e: +scopeId }, data3 = dataIndex ? commentText.slice(dataIndex) : "", token = commentText[commentPrefixLen];
+        ), scope = scopeLookup[scopeId] ||= { d: +scopeId }, data3 = dataIndex ? commentText.slice(dataIndex) : "", token = commentText[commentPrefixLen];
         if (token === "*" /* Node */) {
           let node = scope[data3] = visit.previousSibling;
           scope[data3 + ">" /* Getter */] = () => node;
         } else if (token === "$" /* ClosestBranch */)
           closestBranchMarkers.set(scopeId, visit);
         else if (token === "[" /* BranchStart */)
-          this.g && (dataIndex && branchEnd(this.g, visit, visit), this.q.push(this.g)), this.g = scopeId, scope.a = visit;
+          this.f && (dataIndex && branchEnd(this.f, visit, visit), this.q.push(this.f)), this.f = scopeId, scope.a = visit;
         else if (token === "]" /* BranchEnd */) {
           scope[data3] = visit;
           let curParent = visit.parentNode, startNode = branchEnd(
-            this.g,
+            this.f,
             visit,
             visit
           ).a;
-          curParent !== startNode.parentNode && curParent.prepend(startNode), this.g = this.q.pop();
+          curParent !== startNode.parentNode && curParent.prepend(startNode), this.f = this.q.pop();
         } else if (token === "|" /* BranchSingleNode */ || token === "=" /* BranchSingleNodeOnlyChildInParent */) {
           let next = data3.indexOf(" "), curNode = visit;
           for (scope[~next ? data3.slice(0, next) : data3] = token === "=" /* BranchSingleNodeOnlyChildInParent */ ? visit.parentNode : visit; ~next; ) {
@@ -263,21 +263,21 @@ var registeredValues = {}, Render = class {
           let resumeData = resumes[i++];
           if (typeof resumeData == "function") {
             let scopes = resumeData(serializeContext), { $global } = scopeLookup;
-            $global || (scopeLookup.$global = $global = scopes.$ || {}, $global.runtimeId = this.E, $global.renderId = this.t, $global.h = 1e6);
+            $global || (scopeLookup.$global = $global = scopes.$ || {}, $global.runtimeId = this.H, $global.renderId = this.t, $global.g = 1e6);
             for (let scopeId in scopes)
               if (scopeId !== "$") {
                 let scope = scopes[scopeId], prevScope = scopeLookup[scopeId];
-                scope.$global = $global, scope.e = +scopeId, prevScope !== scope && (scopeLookup[scopeId] = Object.assign(
+                scope.$global = $global, scope.d = +scopeId, prevScope !== scope && (scopeLookup[scopeId] = Object.assign(
                   scope,
                   prevScope
                 ));
                 let parentBranchId = parentBranchIds.get(scopeId);
                 if (parentBranchId && (scope.c = scopes[parentBranchId]), branchIds.has(scopeId)) {
                   let branch = scope, parentBranch = branch.c;
-                  scope.c = branch, parentBranch && (branch.y = parentBranch, (parentBranch.o ||= /* @__PURE__ */ new Set()).add(branch));
+                  scope.c = branch, parentBranch && (branch.y = parentBranch, (parentBranch.n ||= /* @__PURE__ */ new Set()).add(branch));
                 }
               }
-          } else i === len || typeof resumes[i] != "string" ? delete this.D[this.t] : registeredValues[resumes[i++]](
+          } else i === len || typeof resumes[i] != "string" ? delete this.G[this.t] : registeredValues[resumes[i++]](
             scopeLookup[resumeData],
             scopeLookup[resumeData]
           );
@@ -713,28 +713,28 @@ function toInsertNode(startNode, endNode) {
 var pendingScopes = [];
 function createScope($global, closestBranch) {
   let scope = {
-    e: $global.h++,
-    j: 1,
+    d: $global.g++,
+    h: 1,
     c: closestBranch,
     $global
   };
   return pendingScopes.push(scope), scope;
 }
 function skipScope(scope) {
-  return scope.$global.h++;
+  return scope.$global.g++;
 }
 function finishPendingScopes() {
   for (let scope of pendingScopes)
-    scope.j = 0;
+    scope.h = 0;
   pendingScopes = [];
 }
 function destroyBranch(branch) {
-  branch.y?.o?.delete(branch), destroyNestedBranches(branch);
+  branch.y?.n?.delete(branch), destroyNestedBranches(branch);
 }
 function destroyNestedBranches(branch) {
-  branch.z = 1, branch.o?.forEach(destroyNestedBranches), branch.F?.forEach((scope) => {
-    for (let id in scope.l)
-      scope.l[id]?.abort();
+  branch.z = 1, branch.n?.forEach(destroyNestedBranches), branch.I?.forEach((scope) => {
+    for (let id in scope.k)
+      scope.k[id]?.abort();
   });
 }
 function removeAndDestroyBranch(branch) {
@@ -751,20 +751,20 @@ function insertBranchBefore(branch, parentNode, nextSibling) {
 
 // src/dom/queue.ts
 var pendingRenders = [], pendingRendersLookup = /* @__PURE__ */ new Map(), pendingEffects = [], rendering = !1, scopeKeyOffset = 1e3;
-function queueRender(scope, signal, signalKey, value2, scopeKey = scope.e) {
+function queueRender(scope, signal, signalKey, value2, scopeKey = scope.d) {
   let key = scopeKey * scopeKeyOffset + signalKey, existingRender = signalKey >= 0 && pendingRendersLookup.get(key);
   if (existingRender)
     existingRender.A = value2;
   else {
     let render = {
-      k: key,
+      j: key,
       B: scope,
-      G: signal,
+      J: signal,
       A: value2
     }, i = pendingRenders.push(render) - 1;
     for (; i; ) {
       let parentIndex = i - 1 >> 1, parent = pendingRenders[parentIndex];
-      if (key - parent.k >= 0) break;
+      if (key - parent.j >= 0) break;
       pendingRenders[i] = parent, i = parentIndex;
     }
     signalKey >= 0 && pendingRendersLookup.set(key, render), pendingRenders[i] = render;
@@ -803,27 +803,27 @@ function runRenders() {
   for (; pendingRenders.length; ) {
     let render = pendingRenders[0], item = pendingRenders.pop();
     if (render !== item) {
-      let i = 0, mid = pendingRenders.length >> 1, key = (pendingRenders[0] = item).k;
+      let i = 0, mid = pendingRenders.length >> 1, key = (pendingRenders[0] = item).j;
       for (; i < mid; ) {
         let bestChild = (i << 1) + 1, right = bestChild + 1;
-        if (right < pendingRenders.length && pendingRenders[right].k - pendingRenders[bestChild].k < 0 && (bestChild = right), pendingRenders[bestChild].k - key >= 0)
+        if (right < pendingRenders.length && pendingRenders[right].j - pendingRenders[bestChild].j < 0 && (bestChild = right), pendingRenders[bestChild].j - key >= 0)
           break;
         pendingRenders[i] = pendingRenders[bestChild], i = bestChild;
       }
       pendingRenders[i] = item;
     }
-    render.B.c?.z || render.G(render.B, render.A);
+    render.B.c?.z || render.J(render.B, render.A);
   }
   finishPendingScopes();
 }
 
 // src/dom/abort-signal.ts
 function resetAbortSignal(scope, id) {
-  let ctrl = scope.l?.[id];
-  ctrl && (queueEffect(ctrl, abort), scope.l[id] = void 0);
+  let ctrl = scope.k?.[id];
+  ctrl && (queueEffect(ctrl, abort), scope.k[id] = void 0);
 }
 function getAbortSignal(scope, id) {
-  return scope.c && (scope.c.F ||= /* @__PURE__ */ new Set()).add(scope), ((scope.l ||= {})[id] ||= new AbortController()).signal;
+  return scope.c && (scope.c.I ||= /* @__PURE__ */ new Set()).add(scope), ((scope.k ||= {})[id] ||= new AbortController()).signal;
 }
 function abort(ctrl) {
   ctrl.abort();
@@ -949,14 +949,29 @@ function walkInternal(currentWalkIndex, walkCodes, scope) {
 // src/dom/renderer.ts
 function createBranch($global, renderer, parentScope, parentNode) {
   let branch = createScope($global), parentBranch = parentScope?.c;
-  return branch._ = renderer.m || parentScope, branch.c = branch, parentBranch && (branch.y = parentBranch, (parentBranch.o ||= /* @__PURE__ */ new Set()).add(branch)), renderer.p?.(
+  return branch._ = renderer.l || parentScope, branch.c = branch, parentBranch && (branch.y = parentBranch, (parentBranch.n ||= /* @__PURE__ */ new Set()).add(branch)), renderer.o?.(
     branch,
     parentNode.namespaceURI
   ), branch;
 }
-function createContent(id, template, walks, setup, getArgs, dynamicScopesAccessor) {
-  walks = walks ? walks.replace(/[^\0-1]+$/, "") : "";
-  let args, clone = template ? (branch, ns) => {
+function createAndSetupBranch($global, renderer, parentScope, parentNode) {
+  return setupBranch(
+    renderer,
+    createBranch($global, renderer, parentScope, parentNode)
+  );
+}
+function setupBranch(renderer, branch) {
+  return (renderer.p || renderer.C) && queueRender(
+    branch,
+    (branch2) => {
+      renderer.p?.(branch2), renderer.C?.(branch2);
+    },
+    -1
+  ), branch;
+}
+function createContent(id, template, walks, setup, params, closures, dynamicScopesAccessor) {
+  walks = walks ? walks.replace(/[^\0-1]+$/, "") : "", setup ||= void 0, params ||= void 0, closures ||= void 0;
+  let clone = template ? (branch, ns) => {
     ((cloneCache[ns] ||= {})[template] ||= createCloneableHTML(
       template,
       ns
@@ -969,24 +984,31 @@ function createContent(id, template, walks, setup, getArgs, dynamicScopesAccesso
     );
   };
   return (owner) => ({
-    e: id,
-    p: clone,
-    d: setup,
-    m: owner,
-    n: dynamicScopesAccessor,
-    get f() {
-      return args ||= getArgs ? getArgs() : void 0;
-    }
+    d: id,
+    o: clone,
+    l: owner,
+    p: setup,
+    e: params,
+    C: closures,
+    m: dynamicScopesAccessor
   });
 }
-function registerContent(id, template, walks, setup, getArgs, dynamicScopesAccessor) {
+function registerContent(id, template, walks, setup, params, closures, dynamicScopesAccessor) {
   return register(
     id,
-    createContent(id, template, walks, setup, getArgs, dynamicScopesAccessor)
+    createContent(
+      id,
+      template,
+      walks,
+      setup,
+      params,
+      closures,
+      dynamicScopesAccessor
+    )
   );
 }
-function createRenderer(template, walks, setup, getArgs) {
-  return createContent("", template, walks, setup, getArgs)();
+function createRenderer(template, walks, setup, params, closures) {
+  return createContent("", template, walks, setup, params, closures)();
 }
 var cloneCache = {};
 function createCloneableHTML(html2, ns) {
@@ -1040,10 +1062,9 @@ function value(valueAccessor, fn = () => {
     (!(valueAccessor in scope) || scope[valueAccessor] !== value2) && (scope[valueAccessor] = value2, fn(scope, value2));
   };
 }
-var accessorId = 0;
-function intersection(id, fn, defaultPending = 1, scopeIdAccessor = /* @__KEY__ */ "e") {
+function intersection(id, fn, defaultPending = 1, scopeIdAccessor = /* @__KEY__ */ "d") {
   return (scope) => {
-    scope.j ? scope[id] === void 0 ? scope[id] = defaultPending : --scope[id] || fn(scope) : queueRender(scope, fn, id, 0, scope[scopeIdAccessor]);
+    scope.h ? scope[id] === void 0 ? scope[id] = defaultPending : --scope[id] || fn(scope) : queueRender(scope, fn, id, 0, scope[scopeIdAccessor]);
   };
 }
 function loopClosure(valueAccessor, ownerLoopNodeAccessor, fn) {
@@ -1053,11 +1074,11 @@ function loopClosure(valueAccessor, ownerLoopNodeAccessor, fn) {
       ownerScope,
       () => {
         for (let scope of scopes)
-          !scope.j && !scope.z && childSignal(scope);
+          !scope.h && !scope.z && childSignal(scope);
       },
       -1,
       0,
-      firstScope.e
+      firstScope.d
     );
   };
   return ownerSignal._ = childSignal, ownerSignal;
@@ -1065,7 +1086,7 @@ function loopClosure(valueAccessor, ownerLoopNodeAccessor, fn) {
 function conditionalClosure(valueAccessor, ownerConditionalNodeAccessor, branch, fn) {
   let childSignal = closure(valueAccessor, fn), scopeAccessor = ownerConditionalNodeAccessor + "!" /* ConditionalScope */, branchAccessor = ownerConditionalNodeAccessor + "(" /* ConditionalRenderer */, ownerSignal = (scope) => {
     let ifScope = scope[scopeAccessor];
-    ifScope && !ifScope.j && scope[branchAccessor] === branch && queueRender(ifScope, childSignal, -1);
+    ifScope && !ifScope.h && scope[branchAccessor] === branch && queueRender(ifScope, childSignal, -1);
   };
   return ownerSignal._ = childSignal, ownerSignal;
 }
@@ -1076,24 +1097,29 @@ function subscribeToScopeSet(ownerScope, accessor, scope) {
     () => ownerScope[accessor].delete(scope)
   ));
 }
-function dynamicClosure(valueAccessor, fn, getOwnerScope) {
-  let subscribersAccessor = "?" /* Dynamic */ + accessorId++, childSignal = closure(valueAccessor, fn, getOwnerScope), ownerSignal = (ownerScope) => {
-    let subscribers = ownerScope[subscribersAccessor];
-    if (subscribers)
-      for (let subscriber of subscribers)
-        subscriber.j || queueRender(subscriber, childSignal, -1);
-  }, subscribe = ownerSignal.H = (scope) => subscribeToScopeSet(
-    getOwnerScope ? getOwnerScope(scope) : scope._,
-    subscribersAccessor,
-    scope
-  );
-  return ownerSignal._ = (scope) => {
-    childSignal(scope), subscribe(scope);
-  }, ownerSignal;
+function dynamicClosure(...closureSignals) {
+  let [{ D: ___scopeInstancesAccessor, E: ___signalIndexAccessor }] = closureSignals;
+  for (let i = closureSignals.length; i--; )
+    closureSignals[i].K = i;
+  return (scope) => {
+    if (scope[___scopeInstancesAccessor])
+      for (let childScope of scope[___scopeInstancesAccessor])
+        childScope.h || queueRender(
+          childScope,
+          closureSignals[childScope[___signalIndexAccessor]],
+          -1
+        );
+  };
 }
-function registerDynamicClosure(registryId, valueAccessor, fn, getOwnerScope) {
-  let signal = dynamicClosure(valueAccessor, fn, getOwnerScope);
-  return register(registryId, signal.H), signal;
+function dynamicClosureRead(valueAccessor, fn, getOwnerScope) {
+  let childSignal = closure(valueAccessor, fn, getOwnerScope), closureSignal = (scope) => {
+    scope[closureSignal.E] = closureSignal.K, childSignal(scope), subscribeToScopeSet(
+      getOwnerScope ? getOwnerScope(scope) : scope._,
+      closureSignal.D,
+      scope
+    );
+  };
+  return closureSignal.D = valueAccessor + "!" /* ClosureScopes */, closureSignal.E = valueAccessor + "(" /* ClosureSignalIndex */, closureSignal;
 }
 function closure(valueAccessor, fn, getOwnerScope) {
   return (scope) => {
@@ -1150,7 +1176,7 @@ var dynamicTag = function(nodeAccessor, getContent, getTagVar, inputIsArgs) {
   let childScopeAccessor = nodeAccessor + "!" /* ConditionalScope */, rendererAccessor = nodeAccessor + "(" /* ConditionalRenderer */;
   return (scope, newRenderer, getInput) => {
     let normalizedRenderer = normalizeDynamicRenderer(newRenderer);
-    if (scope[rendererAccessor] !== (scope[rendererAccessor] = normalizedRenderer?.e || normalizedRenderer) || getContent && !(normalizedRenderer || scope[childScopeAccessor]))
+    if (scope[rendererAccessor] !== (scope[rendererAccessor] = normalizedRenderer?.d || normalizedRenderer) || getContent && !(normalizedRenderer || scope[childScopeAccessor]))
       if (setConditionalRenderer(
         scope,
         nodeAccessor,
@@ -1164,15 +1190,15 @@ var dynamicTag = function(nodeAccessor, getContent, getTagVar, inputIsArgs) {
             0,
             content,
             createAndSetupBranch
-          ), content.n && subscribeToScopeSet(
+          ), content.m && subscribeToScopeSet(
+            content.l,
             content.m,
-            content.n,
             scope[childScopeAccessor][0 + "!" /* ConditionalScope */]
           );
         }
-      } else normalizedRenderer?.n && subscribeToScopeSet(
+      } else normalizedRenderer?.m && subscribeToScopeSet(
+        normalizedRenderer.l,
         normalizedRenderer.m,
-        normalizedRenderer.n,
         scope[childScopeAccessor]
       );
     if (normalizedRenderer) {
@@ -1183,9 +1209,9 @@ var dynamicTag = function(nodeAccessor, getContent, getTagVar, inputIsArgs) {
           0,
           (inputIsArgs ? args[0] : args) || {}
         );
-      else if (normalizedRenderer.f)
+      else if (normalizedRenderer.e)
         if (inputIsArgs)
-          normalizedRenderer.f(
+          normalizedRenderer.e(
             scope[childScopeAccessor],
             normalizedRenderer._ ? args[0] : args
           );
@@ -1194,7 +1220,7 @@ var dynamicTag = function(nodeAccessor, getContent, getTagVar, inputIsArgs) {
             ...args,
             content: getContent(scope)
           } : args || {};
-          normalizedRenderer.f(
+          normalizedRenderer.e(
             scope[childScopeAccessor],
             normalizedRenderer._ ? inputWithContent : [inputWithContent]
           );
@@ -1233,7 +1259,7 @@ function loopTo(nodeAccessor, renderer) {
   );
 }
 function loop(nodeAccessor, renderer, forEach) {
-  let params = renderer.f;
+  let params = renderer.e;
   return (scope, value2) => {
     let referenceNode = scope[nodeAccessor], oldMap = scope[nodeAccessor + "(" /* LoopScopeMap */], oldArray = oldMap ? scope[nodeAccessor + "!" /* LoopScopeArray */] || [
       ...oldMap.values()
@@ -1246,10 +1272,6 @@ function loop(nodeAccessor, renderer, forEach) {
     referenceNode !== parentNode && (oldArray.length ? (afterReference = oldArray[oldArray.length - 1].b.nextSibling, newArray.length || parentNode.insertBefore(referenceNode, afterReference)) : newArray.length && (afterReference = referenceNode.nextSibling, referenceNode.remove())), reconcile(parentNode, oldArray, newArray, afterReference);
   };
 }
-function createAndSetupBranch($global, renderer, parentScope, parentNode) {
-  let branch = createBranch($global, renderer, parentScope, parentNode);
-  return renderer.d && queueRender(branch, renderer.d, -1), branch;
-}
 function createBranchWithTagNameOrRenderer($global, tagNameOrRenderer, parentScope, parentNode) {
   let branch = createBranch(
     $global,
@@ -1260,7 +1282,7 @@ function createBranchWithTagNameOrRenderer($global, tagNameOrRenderer, parentSco
   return typeof tagNameOrRenderer == "string" ? branch[0] = branch.a = branch.b = document.createElementNS(
     tagNameOrRenderer === "svg" ? "http://www.w3.org/2000/svg" : tagNameOrRenderer === "math" ? "http://www.w3.org/1998/Math/MathML" : parentNode.namespaceURI,
     tagNameOrRenderer
-  ) : tagNameOrRenderer.d && queueRender(branch, tagNameOrRenderer.d, -1), branch;
+  ) : setupBranch(tagNameOrRenderer, branch), branch;
 }
 function bySecondArg(_item, index) {
   return index;
@@ -1282,7 +1304,7 @@ var classIdToBranch = /* @__PURE__ */ new Map(), compat = {
     register(RENDERER_REGISTER_ID, fn);
   },
   isRenderer(renderer) {
-    return renderer.p;
+    return renderer.o;
   },
   getStartNode(branch) {
     return branch.a;
@@ -1305,9 +1327,9 @@ var classIdToBranch = /* @__PURE__ */ new Map(), compat = {
       value2.length === 2 && window[runtimeId]?.[componentIdPrefix === "s" ? "_" : componentIdPrefix]?.s[value2[1]]
     ) : value2;
   },
-  createRenderer(args, clone) {
-    let renderer = createRenderer(0, 0, 0, () => args);
-    return renderer.p = (branch) => {
+  createRenderer(params, clone) {
+    let renderer = createRenderer(0, 0, 0, params);
+    return renderer.o = (branch) => {
       let cloned = clone();
       branch.a = cloned.startNode, branch.b = cloned.endNode;
     }, renderer;
@@ -1322,12 +1344,12 @@ var classIdToBranch = /* @__PURE__ */ new Map(), compat = {
         normalizedInput[key === "renderBody" ? "content" : key] = input[key];
     }
     if (component.effects = prepareEffects(() => {
-      branch ? existing = !0 : (out.global.h ||= 0, branch = component.scope = createBranch(
+      branch ? existing = !0 : (out.global.g ||= 0, branch = component.scope = createAndSetupBranch(
         out.global,
         renderer,
-        renderer.m,
+        renderer.l,
         document.body
-      ), renderer.d && renderer.d(branch)), renderer.f?.(branch, renderer._ ? args[0] : args);
+      )), renderer.e?.(branch, renderer._ ? args[0] : args);
     }), !existing)
       return toInsertNode(branch.a, branch.b);
   }
@@ -1340,19 +1362,19 @@ var createTemplate = (id, template, walks, setup, inputSignal) => {
     template,
     walks,
     setup,
-    inputSignal && (() => inputSignal)
+    inputSignal
   )();
   return renderer.mount = mount, renderer._ = renderer, register(id, renderer);
 };
 function mount(input = {}, reference, position) {
   let branch, parentNode = reference, nextSibling = null, { $global } = input;
   switch ($global ? ({ $global, ...input } = input, $global = {
-    h: 0,
+    g: 0,
     runtimeId: DEFAULT_RUNTIME_ID,
     renderId: DEFAULT_RENDER_ID,
     ...$global
   }) : $global = {
-    h: 0,
+    g: 0,
     runtimeId: DEFAULT_RUNTIME_ID,
     renderId: DEFAULT_RENDER_ID
   }, position) {
@@ -1366,13 +1388,13 @@ function mount(input = {}, reference, position) {
       parentNode = reference.parentNode, nextSibling = reference.nextSibling;
       break;
   }
-  let args = this.f, effects = prepareEffects(() => {
+  let args = this.e, effects = prepareEffects(() => {
     branch = createBranch(
       $global,
       this,
       void 0,
       parentNode
-    ), this.d && this.d(branch), args && args(branch, input);
+    ), this.p?.(branch), args?.(branch, input);
   });
   return insertChildNodes(
     parentNode,