solid-ctrl-flow 1.0.48 → 1.0.49

package/dist/index.d.ts

@@ -167,7 +167,7 @@ export declare function memoProps<T, K extends readonly (keyof T)[]>(obj: T, key
  * Example:
  * ```tsx
  * return <>
- * 	<Nest each={[ 1, 2, 3 ]} template={(c, x) => <>({x}, {c}, -{x})</>}>
+ * 	<Nest each={[ 1, 2, 3 ]} template={(c, x) => <>({x}, {c()}, -{x})</>}>
  *		CONTENT
  * 	</Nest>
  * </>
@@ -176,7 +176,7 @@ export declare function memoProps<T, K extends readonly (keyof T)[]>(obj: T, key
  */
 export declare function Nest<T>(props: ParentProps<{
     each: readonly T[] | undefined;
-    template: (c: JSX.Element, x: T, i: Accessor<number>) => JSX.Element;
+    template: (c: Accessor<JSX.Element>, x: T, i: Accessor<number>) => JSX.Element;
 }>): JSX.Element;
 
 /**
@@ -311,7 +311,7 @@ declare type Standard<T> = ParentProps<{
 }>;
 
 /** Type of an element wrapping call-back which accepts an additional parameter */
-declare type Template<T> = (c: JSX.Element, x: T) => JSX.Element;
+declare type Template<T> = (c: Accessor<JSX.Element>, x: T) => JSX.Element;
 
 /**
  * Creates a full-fledged solid {@link Setter} from a normal one

package/dist/index.mjs

@@ -106,7 +106,7 @@ function Enfold(props) {
     get fallback() {
       return children();
     },
-    children: (x) => createMemo(() => untrackCall(props.template, createMemo(children), x))
+    children: (x) => createMemo(() => untrackCall(props.template, children, x))
   });
 }
 var Slot;
@@ -221,7 +221,7 @@ function Nest(props) {
   const memo = memoProps(props, ["template", "children"]);
   const content = mapArray(() => props.each, (x, i) => {
     const [get, set] = createSignal();
-    const out = createMemo(() => untrackCall(memo.template, createMemo(get), x, i));
+    const out = createMemo(() => untrackCall(memo.template, get, x, i));
     return (x2) => {
       onMount(() => set(() => x2));
       onCleanup(() => set(void 0));

package/dist/index.umd.js

@@ -108,7 +108,7 @@
       get fallback() {
         return children();
       },
-      children: (x) => solidJs.createMemo(() => untrackCall(props.template, solidJs.createMemo(children), x))
+      children: (x) => solidJs.createMemo(() => untrackCall(props.template, children, x))
     });
   }
   exports2.Slot = void 0;
@@ -223,7 +223,7 @@
     const memo = memoProps(props, ["template", "children"]);
     const content = solidJs.mapArray(() => props.each, (x, i) => {
       const [get, set] = solidJs.createSignal();
-      const out = solidJs.createMemo(() => untrackCall(memo.template, solidJs.createMemo(get), x, i));
+      const out = solidJs.createMemo(() => untrackCall(memo.template, get, x, i));
       return (x2) => {
         solidJs.onMount(() => set(() => x2));
         solidJs.onCleanup(() => set(void 0));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "solid-ctrl-flow",
-  "version": "1.0.48",
+  "version": "1.0.49",
   "description": "Control flow components for solid-js",
   "author": "AFatNiBBa",
   "license": "ISC",

package/readMe.md

@@ -22,7 +22,7 @@ The following code
 ```tsx
 const value = true;
 return <>
-  <Enfold when={value} template={c => <div style={{ background: "red" }}>{c}</div>}>
+  <Enfold when={value} template={c => <div style={{ background: "red" }}>{c()}</div>}>
     CONTENT
   </Enfold>
 </>
@@ -42,7 +42,7 @@ return <>CONTENT</>
 If you are wrapping the content with a context provider you need to set the `unrecycled` attribute to `true` to run again the whole content, otherwise the `Owner` of the content won't be child of the template one
 ```tsx
 return <>
-  <Enfold unrecycled when={value} template={c => <ctx.Provider value={2} children={c} />}>
+  <Enfold unrecycled when={value} template={c => <ctx.Provider value={2} children={c()} />}>
     {useContext(ctx)}
   </Enfold>
 </>
@@ -53,7 +53,7 @@ Like a `For`, but instead of putting an element after another it nests them.
 The following code
 ```tsx
 return <>
-  <Nest each={[ "red", "green", "blue" ]} template={(c, x) => <div style={{ background: x, padding: "1ch" }}>{c}</div>}>
+  <Nest each={[ "red", "green", "blue" ]} template={(c, x) => <div style={{ background: x, padding: "1ch" }}>{c()}</div>}>
     CONTENT
   </Nest>
 </>