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

package/dist/common/types.d.ts

@@ -31,17 +31,16 @@ export declare enum ResumeSymbol {
     ClosestBranch = "$"
 }
 export declare enum AccessorChar {
-    Dynamic = "?",
-    Mark = "#",
-    Subscribers = "*",
-    LifecycleAbortController = "-",
-    DynamicPlaceholderLastChild = "-",
-    TagVariable = "/",
-    TagVariableChange = "@",
+    ClosureScopes = "!",
+    ClosureSignalIndex = "(",
     ConditionalScope = "!",
     ConditionalRenderer = "(",
     LoopScopeArray = "!",
     LoopScopeMap = "(",
+    LifecycleAbortController = "-",
+    DynamicPlaceholderLastChild = "-",
+    TagVariable = "/",
+    TagVariableChange = "@",
     EventAttributes = "~",
     ControlledValue = ":",
     ControlledHandler = ";",

package/dist/debug/dom.js

@@ -46,6 +46,7 @@ __export(dom_exports, {
   createTemplate: () => createTemplate,
   data: () => data,
   dynamicClosure: () => dynamicClosure,
+  dynamicClosureRead: () => dynamicClosureRead,
   dynamicTag: () => dynamicTag,
   effect: () => effect,
   forIn: () => forIn,
@@ -69,7 +70,6 @@ __export(dom_exports, {
   register: () => register,
   registerBoundSignal: () => registerBoundSignal,
   registerContent: () => registerContent,
-  registerDynamicClosure: () => registerDynamicClosure,
   resetAbortSignal: () => resetAbortSignal,
   run: () => run,
   setTagVar: () => setTagVar,
@@ -1424,9 +1424,30 @@ function createBranch($global, renderer, parentScope, parentNode) {
   );
   return branch;
 }
-function createContent(id, template, walks, setup, getArgs, dynamicScopesAccessor) {
+function createAndSetupBranch($global, renderer, parentScope, parentNode) {
+  return setupBranch(
+    renderer,
+    createBranch($global, renderer, parentScope, parentNode)
+  );
+}
+function setupBranch(renderer, branch) {
+  if (renderer.___setup || renderer.___closures) {
+    queueRender(
+      branch,
+      (branch2) => {
+        renderer.___setup?.(branch2);
+        renderer.___closures?.(branch2);
+      },
+      -1
+    );
+  }
+  return branch;
+}
+function createContent(id, template, walks, setup, params, closures, dynamicScopesAccessor) {
   walks = walks ? walks.replace(/[^\0-1]+$/, "") : "";
-  let args;
+  setup ||= void 0;
+  params ||= void 0;
+  closures ||= void 0;
   const clone = template ? (branch, ns) => {
     ((cloneCache[ns] ||= {})[template] ||= createCloneableHTML(
       template,
@@ -1443,23 +1464,30 @@ function createContent(id, template, walks, setup, getArgs, dynamicScopesAccesso
     return {
       ___id: id,
       ___clone: clone,
-      ___setup: setup,
       ___owner: owner,
-      ___accessor: dynamicScopesAccessor,
-      get ___args() {
-        return args ||= getArgs ? getArgs() : void 0;
-      }
+      ___setup: setup,
+      ___params: params,
+      ___closures: closures,
+      ___accessor: 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) {
@@ -1570,7 +1598,6 @@ function value(valueAccessor, fn = () => {
     }
   };
 }
-var accessorId = 0;
 function intersection(id, fn, defaultPending = 1, scopeIdAccessor = /* @__KEY__ */ "___id") {
   return (scope) => {
     if (scope.___pending) {
@@ -1633,34 +1660,39 @@ function subscribeToScopeSet(ownerScope, accessor, scope) {
     );
   }
 }
-function dynamicClosure(valueAccessor, fn, getOwnerScope) {
-  const subscribersAccessor = "?" /* Dynamic */ + accessorId++;
-  const childSignal = closure(valueAccessor, fn, getOwnerScope);
-  const ownerSignal = (ownerScope) => {
-    const subscribers = ownerScope[subscribersAccessor];
-    if (subscribers) {
-      for (const subscriber of subscribers) {
-        if (!subscriber.___pending) {
-          queueRender(subscriber, childSignal, -1);
+function dynamicClosure(...closureSignals) {
+  const [{ ___scopeInstancesAccessor, ___signalIndexAccessor }] = closureSignals;
+  for (let i = closureSignals.length; i--; ) {
+    closureSignals[i].___index = i;
+  }
+  return (scope) => {
+    if (scope[___scopeInstancesAccessor]) {
+      for (const childScope of scope[___scopeInstancesAccessor]) {
+        if (!childScope.___pending) {
+          queueRender(
+            childScope,
+            closureSignals[childScope[___signalIndexAccessor]],
+            -1
+          );
         }
       }
     }
   };
-  const subscribe = ownerSignal.___subscribe = (scope) => subscribeToScopeSet(
-    getOwnerScope ? getOwnerScope(scope) : scope._,
-    subscribersAccessor,
-    scope
-  );
-  ownerSignal._ = (scope) => {
+}
+function dynamicClosureRead(valueAccessor, fn, getOwnerScope) {
+  const childSignal = closure(valueAccessor, fn, getOwnerScope);
+  const closureSignal = (scope) => {
+    scope[closureSignal.___signalIndexAccessor] = closureSignal.___index;
     childSignal(scope);
-    subscribe(scope);
+    subscribeToScopeSet(
+      getOwnerScope ? getOwnerScope(scope) : scope._,
+      closureSignal.___scopeInstancesAccessor,
+      scope
+    );
   };
-  return ownerSignal;
-}
-function registerDynamicClosure(registryId, valueAccessor, fn, getOwnerScope) {
-  const signal = dynamicClosure(valueAccessor, fn, getOwnerScope);
-  register(registryId, signal.___subscribe);
-  return signal;
+  closureSignal.___scopeInstancesAccessor = valueAccessor + "!" /* ClosureScopes */;
+  closureSignal.___signalIndexAccessor = valueAccessor + "(" /* ClosureSignalIndex */;
+  return closureSignal;
 }
 function closure(valueAccessor, fn, getOwnerScope) {
   return (scope) => {
@@ -1773,9 +1805,9 @@ var dynamicTag = function dynamicTag2(nodeAccessor, getContent, getTagVar, input
           true ? `#${normalizedRenderer}/0` : 0,
           (inputIsArgs ? args[0] : args) || {}
         );
-      } else if (normalizedRenderer.___args) {
+      } else if (normalizedRenderer.___params) {
         if (inputIsArgs) {
-          normalizedRenderer.___args(
+          normalizedRenderer.___params(
             scope[childScopeAccessor],
             normalizedRenderer._ ? args[0] : args
           );
@@ -1784,7 +1816,7 @@ var dynamicTag = function dynamicTag2(nodeAccessor, getContent, getTagVar, input
             ...args,
             content: getContent(scope)
           } : args || {};
-          normalizedRenderer.___args(
+          normalizedRenderer.___params(
             scope[childScopeAccessor],
             normalizedRenderer._ ? inputWithContent : [inputWithContent]
           );
@@ -1849,7 +1881,7 @@ function loopTo(nodeAccessor, renderer) {
   );
 }
 function loop(nodeAccessor, renderer, forEach) {
-  const params = renderer.___args;
+  const params = renderer.___params;
   return (scope, value2) => {
     const referenceNode = scope[nodeAccessor];
     const oldMap = scope[nodeAccessor + "(" /* LoopScopeMap */];
@@ -1880,11 +1912,6 @@ function loop(nodeAccessor, renderer, forEach) {
     reconcile(parentNode, oldArray, newArray, afterReference);
   };
 }
-function createAndSetupBranch($global, renderer, parentScope, parentNode) {
-  const branch = createBranch($global, renderer, parentScope, parentNode);
-  renderer.___setup && queueRender(branch, renderer.___setup, -1);
-  return branch;
-}
 function createBranchWithTagNameOrRenderer($global, tagNameOrRenderer, parentScope, parentNode) {
   const branch = createBranch(
     $global,
@@ -1897,8 +1924,8 @@ function createBranchWithTagNameOrRenderer($global, tagNameOrRenderer, parentSco
       tagNameOrRenderer === "svg" ? "http://www.w3.org/2000/svg" : tagNameOrRenderer === "math" ? "http://www.w3.org/1998/Math/MathML" : parentNode.namespaceURI,
       tagNameOrRenderer
     );
-  } else if (tagNameOrRenderer.___setup) {
-    queueRender(branch, tagNameOrRenderer.___setup, -1);
+  } else {
+    setupBranch(tagNameOrRenderer, branch);
   }
   return branch;
 }
@@ -1953,8 +1980,8 @@ var compat = {
     }
     return value2;
   },
-  createRenderer(args, clone) {
-    const renderer = createRenderer(0, 0, 0, () => args);
+  createRenderer(params, clone) {
+    const renderer = createRenderer(0, 0, 0, params);
     renderer.___clone = (branch) => {
       const cloned = clone();
       branch.___startNode = cloned.startNode;
@@ -1982,17 +2009,16 @@ var compat = {
     component.effects = prepareEffects(() => {
       if (!branch) {
         out.global.___nextScopeId ||= 0;
-        branch = component.scope = createBranch(
+        branch = component.scope = createAndSetupBranch(
           out.global,
           renderer,
           renderer.___owner,
           document.body
         );
-        renderer.___setup && renderer.___setup(branch);
       } else {
         existing = true;
       }
-      renderer.___args?.(branch, renderer._ ? args[0] : args);
+      renderer.___params?.(branch, renderer._ ? args[0] : args);
     });
     if (!existing) {
       return toInsertNode(branch.___startNode, branch.___endNode);
@@ -2007,7 +2033,7 @@ var createTemplate = (id, template, walks, setup, inputSignal) => {
     template,
     walks,
     setup,
-    inputSignal && (() => inputSignal)
+    inputSignal
   )();
   renderer.mount = mount;
   renderer._ = renderer;
@@ -2053,7 +2079,7 @@ function mount(input = {}, reference, position) {
       nextSibling = reference.nextSibling;
       break;
   }
-  const args = this.___args;
+  const args = this.___params;
   const effects = prepareEffects(() => {
     branch = createBranch(
       $global,
@@ -2061,8 +2087,8 @@ function mount(input = {}, reference, position) {
       void 0,
       parentNode
     );
-    this.___setup && this.___setup(branch);
-    args && args(branch, input);
+    this.___setup?.(branch);
+    args?.(branch, input);
   });
   insertChildNodes(
     parentNode,

package/dist/debug/dom.mjs

@@ -1339,9 +1339,30 @@ function createBranch($global, renderer, parentScope, parentNode) {
   );
   return branch;
 }
-function createContent(id, template, walks, setup, getArgs, dynamicScopesAccessor) {
+function createAndSetupBranch($global, renderer, parentScope, parentNode) {
+  return setupBranch(
+    renderer,
+    createBranch($global, renderer, parentScope, parentNode)
+  );
+}
+function setupBranch(renderer, branch) {
+  if (renderer.___setup || renderer.___closures) {
+    queueRender(
+      branch,
+      (branch2) => {
+        renderer.___setup?.(branch2);
+        renderer.___closures?.(branch2);
+      },
+      -1
+    );
+  }
+  return branch;
+}
+function createContent(id, template, walks, setup, params, closures, dynamicScopesAccessor) {
   walks = walks ? walks.replace(/[^\0-1]+$/, "") : "";
-  let args;
+  setup ||= void 0;
+  params ||= void 0;
+  closures ||= void 0;
   const clone = template ? (branch, ns) => {
     ((cloneCache[ns] ||= {})[template] ||= createCloneableHTML(
       template,
@@ -1358,23 +1379,30 @@ function createContent(id, template, walks, setup, getArgs, dynamicScopesAccesso
     return {
       ___id: id,
       ___clone: clone,
-      ___setup: setup,
       ___owner: owner,
-      ___accessor: dynamicScopesAccessor,
-      get ___args() {
-        return args ||= getArgs ? getArgs() : void 0;
-      }
+      ___setup: setup,
+      ___params: params,
+      ___closures: closures,
+      ___accessor: 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) {
@@ -1485,7 +1513,6 @@ function value(valueAccessor, fn = () => {
     }
   };
 }
-var accessorId = 0;
 function intersection(id, fn, defaultPending = 1, scopeIdAccessor = /* @__KEY__ */ "___id") {
   return (scope) => {
     if (scope.___pending) {
@@ -1548,34 +1575,39 @@ function subscribeToScopeSet(ownerScope, accessor, scope) {
     );
   }
 }
-function dynamicClosure(valueAccessor, fn, getOwnerScope) {
-  const subscribersAccessor = "?" /* Dynamic */ + accessorId++;
-  const childSignal = closure(valueAccessor, fn, getOwnerScope);
-  const ownerSignal = (ownerScope) => {
-    const subscribers = ownerScope[subscribersAccessor];
-    if (subscribers) {
-      for (const subscriber of subscribers) {
-        if (!subscriber.___pending) {
-          queueRender(subscriber, childSignal, -1);
+function dynamicClosure(...closureSignals) {
+  const [{ ___scopeInstancesAccessor, ___signalIndexAccessor }] = closureSignals;
+  for (let i = closureSignals.length; i--; ) {
+    closureSignals[i].___index = i;
+  }
+  return (scope) => {
+    if (scope[___scopeInstancesAccessor]) {
+      for (const childScope of scope[___scopeInstancesAccessor]) {
+        if (!childScope.___pending) {
+          queueRender(
+            childScope,
+            closureSignals[childScope[___signalIndexAccessor]],
+            -1
+          );
         }
       }
     }
   };
-  const subscribe = ownerSignal.___subscribe = (scope) => subscribeToScopeSet(
-    getOwnerScope ? getOwnerScope(scope) : scope._,
-    subscribersAccessor,
-    scope
-  );
-  ownerSignal._ = (scope) => {
+}
+function dynamicClosureRead(valueAccessor, fn, getOwnerScope) {
+  const childSignal = closure(valueAccessor, fn, getOwnerScope);
+  const closureSignal = (scope) => {
+    scope[closureSignal.___signalIndexAccessor] = closureSignal.___index;
     childSignal(scope);
-    subscribe(scope);
+    subscribeToScopeSet(
+      getOwnerScope ? getOwnerScope(scope) : scope._,
+      closureSignal.___scopeInstancesAccessor,
+      scope
+    );
   };
-  return ownerSignal;
-}
-function registerDynamicClosure(registryId, valueAccessor, fn, getOwnerScope) {
-  const signal = dynamicClosure(valueAccessor, fn, getOwnerScope);
-  register(registryId, signal.___subscribe);
-  return signal;
+  closureSignal.___scopeInstancesAccessor = valueAccessor + "!" /* ClosureScopes */;
+  closureSignal.___signalIndexAccessor = valueAccessor + "(" /* ClosureSignalIndex */;
+  return closureSignal;
 }
 function closure(valueAccessor, fn, getOwnerScope) {
   return (scope) => {
@@ -1688,9 +1720,9 @@ var dynamicTag = function dynamicTag2(nodeAccessor, getContent, getTagVar, input
           true ? `#${normalizedRenderer}/0` : 0,
           (inputIsArgs ? args[0] : args) || {}
         );
-      } else if (normalizedRenderer.___args) {
+      } else if (normalizedRenderer.___params) {
         if (inputIsArgs) {
-          normalizedRenderer.___args(
+          normalizedRenderer.___params(
             scope[childScopeAccessor],
             normalizedRenderer._ ? args[0] : args
           );
@@ -1699,7 +1731,7 @@ var dynamicTag = function dynamicTag2(nodeAccessor, getContent, getTagVar, input
             ...args,
             content: getContent(scope)
           } : args || {};
-          normalizedRenderer.___args(
+          normalizedRenderer.___params(
             scope[childScopeAccessor],
             normalizedRenderer._ ? inputWithContent : [inputWithContent]
           );
@@ -1764,7 +1796,7 @@ function loopTo(nodeAccessor, renderer) {
   );
 }
 function loop(nodeAccessor, renderer, forEach) {
-  const params = renderer.___args;
+  const params = renderer.___params;
   return (scope, value2) => {
     const referenceNode = scope[nodeAccessor];
     const oldMap = scope[nodeAccessor + "(" /* LoopScopeMap */];
@@ -1795,11 +1827,6 @@ function loop(nodeAccessor, renderer, forEach) {
     reconcile(parentNode, oldArray, newArray, afterReference);
   };
 }
-function createAndSetupBranch($global, renderer, parentScope, parentNode) {
-  const branch = createBranch($global, renderer, parentScope, parentNode);
-  renderer.___setup && queueRender(branch, renderer.___setup, -1);
-  return branch;
-}
 function createBranchWithTagNameOrRenderer($global, tagNameOrRenderer, parentScope, parentNode) {
   const branch = createBranch(
     $global,
@@ -1812,8 +1839,8 @@ function createBranchWithTagNameOrRenderer($global, tagNameOrRenderer, parentSco
       tagNameOrRenderer === "svg" ? "http://www.w3.org/2000/svg" : tagNameOrRenderer === "math" ? "http://www.w3.org/1998/Math/MathML" : parentNode.namespaceURI,
       tagNameOrRenderer
     );
-  } else if (tagNameOrRenderer.___setup) {
-    queueRender(branch, tagNameOrRenderer.___setup, -1);
+  } else {
+    setupBranch(tagNameOrRenderer, branch);
   }
   return branch;
 }
@@ -1868,8 +1895,8 @@ var compat = {
     }
     return value2;
   },
-  createRenderer(args, clone) {
-    const renderer = createRenderer(0, 0, 0, () => args);
+  createRenderer(params, clone) {
+    const renderer = createRenderer(0, 0, 0, params);
     renderer.___clone = (branch) => {
       const cloned = clone();
       branch.___startNode = cloned.startNode;
@@ -1897,17 +1924,16 @@ var compat = {
     component.effects = prepareEffects(() => {
       if (!branch) {
         out.global.___nextScopeId ||= 0;
-        branch = component.scope = createBranch(
+        branch = component.scope = createAndSetupBranch(
           out.global,
           renderer,
           renderer.___owner,
           document.body
         );
-        renderer.___setup && renderer.___setup(branch);
       } else {
         existing = true;
       }
-      renderer.___args?.(branch, renderer._ ? args[0] : args);
+      renderer.___params?.(branch, renderer._ ? args[0] : args);
     });
     if (!existing) {
       return toInsertNode(branch.___startNode, branch.___endNode);
@@ -1922,7 +1948,7 @@ var createTemplate = (id, template, walks, setup, inputSignal) => {
     template,
     walks,
     setup,
-    inputSignal && (() => inputSignal)
+    inputSignal
   )();
   renderer.mount = mount;
   renderer._ = renderer;
@@ -1968,7 +1994,7 @@ function mount(input = {}, reference, position) {
       nextSibling = reference.nextSibling;
       break;
   }
-  const args = this.___args;
+  const args = this.___params;
   const effects = prepareEffects(() => {
     branch = createBranch(
       $global,
@@ -1976,8 +2002,8 @@ function mount(input = {}, reference, position) {
       void 0,
       parentNode
     );
-    this.___setup && this.___setup(branch);
-    args && args(branch, input);
+    this.___setup?.(branch);
+    args?.(branch, input);
   });
   insertChildNodes(
     parentNode,
@@ -2028,6 +2054,7 @@ export {
   createTemplate,
   data,
   dynamicClosure,
+  dynamicClosureRead,
   dynamicTag,
   effect,
   forIn,
@@ -2051,7 +2078,6 @@ export {
   register,
   registerBoundSignal,
   registerContent,
-  registerDynamicClosure,
   resetAbortSignal,
   run,
   setTagVar,

package/dist/dom/compat.d.ts

@@ -15,7 +15,7 @@ export declare const compat: {
         runtimeId: string;
         componentIdPrefix: string;
     }): any;
-    createRenderer(args: NonNullable<Renderer["___args"]>, clone: () => {
+    createRenderer(params: NonNullable<Renderer["___params"]>, clone: () => {
         startNode: ChildNode;
         endNode: ChildNode;
     }): Renderer;

package/dist/dom/renderer.d.ts

@@ -2,15 +2,18 @@ import { type Accessor, type BranchScope, type Scope } from "../common/types";
 import type { Signal } from "./signals";
 export type Renderer = {
     ___id: string;
-    ___setup: undefined | 0 | ((branch: BranchScope) => void);
+    ___setup: undefined | ((branch: BranchScope) => void);
     ___clone: (branch: BranchScope, ns: string) => void;
-    ___args: Signal<unknown> | undefined;
+    ___params: Signal<unknown> | undefined;
+    ___closures: SetupFn | undefined;
     ___owner: Scope | undefined;
     ___accessor: Accessor | undefined;
 };
 type SetupFn = (scope: Scope) => void;
 export declare function createBranch($global: Scope["$global"], renderer: Renderer | string, parentScope: Scope | undefined, parentNode: ParentNode): BranchScope;
-export declare function createContent(id: string, template: string | 0, walks?: string | 0, setup?: SetupFn | 0, getArgs?: (() => Signal<unknown>) | 0, dynamicScopesAccessor?: Accessor): (owner?: Scope) => Renderer;
-export declare function registerContent(id: string, template: string | 0, walks?: string | 0, setup?: SetupFn | 0, getArgs?: (() => Signal<unknown>) | 0, dynamicScopesAccessor?: Accessor): (owner?: Scope) => Renderer;
-export declare function createRenderer(template: string | 0, walks?: string | 0, setup?: SetupFn | 0, getArgs?: (() => Signal<unknown>) | 0): Renderer;
+export declare function createAndSetupBranch($global: Scope["$global"], renderer: Renderer, parentScope: Scope | undefined, parentNode: ParentNode): BranchScope;
+export declare function setupBranch(renderer: Renderer, branch: BranchScope): BranchScope;
+export declare function createContent(id: string, template: string | 0, walks?: string | 0, setup?: SetupFn | 0, params?: Signal<unknown> | 0, closures?: Signal<unknown> | 0, dynamicScopesAccessor?: Accessor): (owner?: Scope) => Renderer;
+export declare function registerContent(id: string, template: string | 0, walks?: string | 0, setup?: SetupFn | 0, params?: Signal<unknown> | 0, closures?: Signal<unknown> | 0, dynamicScopesAccessor?: Accessor): (owner?: Scope) => Renderer;
+export declare function createRenderer(template: string | 0, walks?: string | 0, setup?: SetupFn | 0, params?: Signal<unknown> | 0, closures?: Signal<unknown> | 0): Renderer;
 export {};

package/dist/dom/signals.d.ts

@@ -9,15 +9,11 @@ export declare function intersection(id: number, fn: SignalFn<never>, defaultPen
 export declare function loopClosure<T>(valueAccessor: Accessor, ownerLoopNodeAccessor: Accessor, fn: SignalFn<T>): SignalFn<T>;
 export declare function conditionalClosure<T>(valueAccessor: Accessor, ownerConditionalNodeAccessor: Accessor, branch: number, fn: SignalFn<T>): SignalFn<T>;
 export declare function subscribeToScopeSet(ownerScope: Scope, accessor: Accessor, scope: Scope): void;
-export declare function dynamicClosure<T>(valueAccessor: Accessor, fn: Signal<T>, getOwnerScope?: (scope: Scope) => Scope): {
-    (ownerScope: Scope): void;
-    ___subscribe(scope: Scope): void;
-    _(scope: Scope): void;
-};
-export declare function registerDynamicClosure<T>(registryId: string, valueAccessor: Accessor, fn: Signal<T>, getOwnerScope?: (scope: Scope) => Scope): {
-    (ownerScope: Scope): void;
-    ___subscribe(scope: Scope): void;
-    _(scope: Scope): void;
+export declare function dynamicClosure(...closureSignals: ReturnType<typeof dynamicClosureRead>[]): (scope: Scope) => void;
+export declare function dynamicClosureRead<T>(valueAccessor: Accessor, fn: Signal<T>, getOwnerScope?: (scope: Scope) => Scope): ((scope: Scope) => void) & {
+    ___scopeInstancesAccessor: string;
+    ___signalIndexAccessor: string;
+    ___index: number;
 };
 export declare function setTagVar(scope: Scope, childAccessor: Accessor, tagVarSignal: Signal<unknown>): void;
 export declare const tagVarSignal: (scope: Scope, value: unknown) => any;

package/dist/dom.d.ts

@@ -9,5 +9,5 @@ export { on } from "./dom/event";
 export { run } from "./dom/queue";
 export { createContent, createRenderer, registerContent } from "./dom/renderer";
 export { init, nodeRef, register, registerBoundSignal } from "./dom/resume";
-export { conditionalClosure, dynamicClosure, effect, hoist, intersection, loopClosure, nextTagId, registerDynamicClosure, setTagVar, setTagVarChange, state, tagVarSignal, tagVarSignalChange, value, } from "./dom/signals";
+export { conditionalClosure, dynamicClosure, dynamicClosureRead, effect, hoist, intersection, loopClosure, nextTagId, setTagVar, setTagVarChange, state, tagVarSignal, tagVarSignalChange, value, } from "./dom/signals";
 export { createTemplate } from "./dom/template";