@adaptive-ds/solid-ui 0.11.0

package/dist/table/table2/Table2MEntry.d.ts

@@ -0,0 +1,9 @@
+import { MobileTableClassNames } from '../shared/MobileTableClassNames';
+import { TableColumnDef } from '../shared/TableColumnDef';
+export type Table2MEntryProps<T> = {
+    row: T;
+    columns: TableColumnDef<T>[];
+    mobileClasses?: MobileTableClassNames;
+};
+export declare function Table2MEntry<T>(p: Table2MEntryProps<T>): import("solid-js").JSX.Element;
+//# sourceMappingURL=Table2MEntry.d.ts.map

package/dist/table/table2/Table2MEntry.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Table2MEntry.d.ts","sourceRoot":"","sources":["../../../lib/table/table2/Table2MEntry.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,wCAAwC,CAAA;AACnF,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iCAAiC,CAAA;AAIrE,MAAM,MAAM,iBAAiB,CAAC,CAAC,IAAI;IACjC,GAAG,EAAE,CAAC,CAAA;IACN,OAAO,EAAE,cAAc,CAAC,CAAC,CAAC,EAAE,CAAA;IAC5B,aAAa,CAAC,EAAE,qBAAqB,CAAA;CACtC,CAAA;AAED,wBAAgB,YAAY,CAAC,CAAC,EAAE,CAAC,EAAE,iBAAiB,CAAC,CAAC,CAAC,kCAsBtD"}

package/dist/table/table2/Table2MEntry.js

@@ -0,0 +1,91 @@
+import { template, insert, createComponent, effect, className } from "solid-js/web";
+import { For, Switch, Match } from "solid-js";
+import { Separator } from "../../static/separator/Separator.js";
+import { classMerge } from "../../utils/classMerge.js";
+var _tmpl$ = /* @__PURE__ */ template(`<div>`), _tmpl$2 = /* @__PURE__ */ template(`<span>`), _tmpl$3 = /* @__PURE__ */ template(`<span><span></span><span>`);
+function Table2MEntry(p) {
+  return (() => {
+    var _el$ = _tmpl$();
+    insert(_el$, createComponent(For, {
+      get each() {
+        return p.columns;
+      },
+      children: (header, i) => [createComponent(Separator, {}), createComponent(Switch, {
+        get children() {
+          return [createComponent(Match, {
+            get when() {
+              return i() === 0;
+            },
+            get children() {
+              return createComponent(MobileEntryFirst, {
+                get mobileClasses() {
+                  return p.mobileClasses;
+                },
+                get children() {
+                  return header.cell(p.row);
+                }
+              });
+            }
+          }), createComponent(Match, {
+            get when() {
+              return i() !== 0;
+            },
+            get children() {
+              return createComponent(MobileEntryOther, {
+                get headerName() {
+                  return header.name;
+                },
+                get mobileClasses() {
+                  return p.mobileClasses;
+                },
+                get children() {
+                  return header.cell(p.row);
+                }
+              });
+            }
+          })];
+        }
+      })]
+    }));
+    effect(() => className(_el$, classMerge("flex flex-col flex-wrap gap-2", p.mobileClasses?.entry)));
+    return _el$;
+  })();
+}
+function MobileEntryFirst({
+  mobileClasses: c,
+  children
+}) {
+  return (() => {
+    var _el$2 = _tmpl$2();
+    insert(_el$2, children);
+    effect(() => className(_el$2, classMerge("font-semibold", c?.first)));
+    return _el$2;
+  })();
+}
+function MobileEntryOther({
+  mobileClasses: c,
+  headerName,
+  children
+}) {
+  return (() => {
+    var _el$3 = _tmpl$3(), _el$4 = _el$3.firstChild, _el$5 = _el$4.nextSibling;
+    insert(_el$4, `${headerName}:`);
+    insert(_el$5, children);
+    effect((_p$) => {
+      var _v$ = classMerge("flex flex-wrap justify-between", c?.entry), _v$2 = classMerge("text-gray-600 dark:text-gray-400", c?.header), _v$3 = classMerge("text-right", c?.other);
+      _v$ !== _p$.e && className(_el$3, _p$.e = _v$);
+      _v$2 !== _p$.t && className(_el$4, _p$.t = _v$2);
+      _v$3 !== _p$.a && className(_el$5, _p$.a = _v$3);
+      return _p$;
+    }, {
+      e: void 0,
+      t: void 0,
+      a: void 0
+    });
+    return _el$3;
+  })();
+}
+export {
+  Table2MEntry
+};
+//# sourceMappingURL=Table2MEntry.js.map

package/dist/table/table2/Table2MEntry.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Table2MEntry.js","sources":["../../../lib/table/table2/Table2MEntry.tsx"],"sourcesContent":["import { For, Match, Switch } from \"solid-js\"\nimport { Separator } from \"~ui/static/separator/Separator\"\nimport type { MobileTableClassNames } from \"~ui/table/shared/MobileTableClassNames\"\nimport type { TableColumnDef } from \"~ui/table/shared/TableColumnDef\"\nimport type { MayHaveChildren } from \"~ui/utils/MayHaveChildren\"\nimport { classMerge } from \"~ui/utils/classMerge\"\n\nexport type Table2MEntryProps<T> = {\n  row: T\n  columns: TableColumnDef<T>[]\n  mobileClasses?: MobileTableClassNames\n}\n\nexport function Table2MEntry<T>(p: Table2MEntryProps<T>) {\n  return (\n    <div class={classMerge(\"flex flex-col flex-wrap gap-2\", p.mobileClasses?.entry)}>\n      <For each={p.columns}>\n        {(header, i) => (\n          <>\n            <Separator />\n            <Switch>\n              <Match when={i() === 0}>\n                <MobileEntryFirst mobileClasses={p.mobileClasses}>{header.cell(p.row)}</MobileEntryFirst>\n              </Match>\n              <Match when={i() !== 0}>\n                <MobileEntryOther headerName={header.name} mobileClasses={p.mobileClasses}>\n                  {header.cell(p.row)}\n                </MobileEntryOther>\n              </Match>\n            </Switch>\n          </>\n        )}\n      </For>\n    </div>\n  )\n}\n\nfunction MobileEntryFirst({ mobileClasses: c, children }: { mobileClasses?: MobileTableClassNames } & MayHaveChildren) {\n  return <span class={classMerge(\"font-semibold\", c?.first)}>{children}</span>\n}\n\nfunction MobileEntryOther({\n  mobileClasses: c,\n  headerName,\n  children,\n}: { headerName: string; mobileClasses?: MobileTableClassNames } & MayHaveChildren) {\n  return (\n    <span class={classMerge(\"flex flex-wrap justify-between\", c?.entry)}>\n      <span class={classMerge(\"text-gray-600 dark:text-gray-400\", c?.header)}>{`${headerName}:`}</span>\n      <span class={classMerge(\"text-right\", c?.other)}>{children}</span>\n    </span>\n  )\n}\n"],"names":["Table2MEntry","p","_el$","_tmpl$","_$insert","_$createComponent","For","each","columns","children","header","i","Separator","Switch","Match","when","MobileEntryFirst","mobileClasses","cell","row","MobileEntryOther","headerName","name","_$effect","_$className","classMerge","entry","c","_el$2","_tmpl$2","first","_el$3","_tmpl$3","_el$4","firstChild","_el$5","nextSibling","_p$","_v$","_v$2","_v$3","other","e","t","a","undefined"],"mappings":";;;;;AAaO,SAASA,aAAgBC,GAAyB;AACvD,UAAA,MAAA;AAAA,QAAAC,OAAAC,OAAAA;AAAAC,WAAAF,MAAAG,gBAEKC,KAAG;AAAA,MAAA,IAACC,OAAI;AAAA,eAAEN,EAAEO;AAAAA,MAAO;AAAA,MAAAC,UACjBA,CAACC,QAAQC,MAAC,CAAAN,gBAENO,WAAS,CAAA,CAAA,GAAAP,gBACTQ,QAAM;AAAA,QAAA,IAAAJ,WAAA;AAAA,iBAAA,CAAAJ,gBACJS,OAAK;AAAA,YAAA,IAACC,OAAI;AAAA,qBAAEJ,QAAQ;AAAA,YAAC;AAAA,YAAA,IAAAF,WAAA;AAAA,qBAAAJ,gBACnBW,kBAAgB;AAAA,gBAAA,IAACC,gBAAa;AAAA,yBAAEhB,EAAEgB;AAAAA,gBAAa;AAAA,gBAAA,IAAAR,WAAA;AAAA,yBAAGC,OAAOQ,KAAKjB,EAAEkB,GAAG;AAAA,gBAAC;AAAA,cAAA,CAAA;AAAA,YAAA;AAAA,UAAA,CAAA,GAAAd,gBAEtES,OAAK;AAAA,YAAA,IAACC,OAAI;AAAA,qBAAEJ,QAAQ;AAAA,YAAC;AAAA,YAAA,IAAAF,WAAA;AAAA,qBAAAJ,gBACnBe,kBAAgB;AAAA,gBAAA,IAACC,aAAU;AAAA,yBAAEX,OAAOY;AAAAA,gBAAI;AAAA,gBAAA,IAAEL,gBAAa;AAAA,yBAAEhB,EAAEgB;AAAAA,gBAAa;AAAA,gBAAA,IAAAR,WAAA;AAAA,yBACtEC,OAAOQ,KAAKjB,EAAEkB,GAAG;AAAA,gBAAC;AAAA,cAAA,CAAA;AAAA,YAAA;AAAA,UAAA,CAAA,CAAA;AAAA,QAAA;AAAA,MAAA,CAAA,CAAA;AAAA,IAAA,CAK5B,CAAA;AAAAI,WAAA,MAAAC,UAAAtB,MAhBOuB,WAAW,iCAAiCxB,EAAEgB,eAAeS,KAAK,CAAC,CAAA;AAAA,WAAAxB;AAAAA,EAAA,GAAA;AAoBnF;AAEA,SAASc,iBAAiB;AAAA,EAAEC,eAAeU;AAAAA,EAAGlB;AAAsE,GAAG;AACrH,UAAA,MAAA;AAAA,QAAAmB,QAAAC,QAAAA;AAAAzB,WAAAwB,OAA4DnB,QAAQ;AAAAc,WAAA,MAAAC,UAAAI,OAAhDH,WAAW,iBAAiBE,GAAGG,KAAK,CAAC,CAAA;AAAA,WAAAF;AAAAA,EAAA,GAAA;AAC3D;AAEA,SAASR,iBAAiB;AAAA,EACxBH,eAAeU;AAAAA,EACfN;AAAAA,EACAZ;AAC+E,GAAG;AAClF,UAAA,MAAA;AAAA,QAAAsB,QAAAC,QAAAA,GAAAC,QAAAF,MAAAG,YAAAC,QAAAF,MAAAG;AAAAhC,WAAA6B,OAE6E,GAAGZ,UAAU,GAAG;AAAAjB,WAAA+B,OACvC1B,QAAQ;AAAAc,WAAAc,CAAAA,QAAA;AAAA,UAAAC,MAF/Cb,WAAW,kCAAkCE,GAAGD,KAAK,GAACa,OACpDd,WAAW,oCAAoCE,GAAGjB,MAAM,GAAC8B,OACzDf,WAAW,cAAcE,GAAGc,KAAK;AAACH,cAAAD,IAAAK,KAAAlB,UAAAO,OAAAM,IAAAK,IAAAJ,GAAA;AAAAC,eAAAF,IAAAM,KAAAnB,UAAAS,OAAAI,IAAAM,IAAAJ,IAAA;AAAAC,eAAAH,IAAAO,KAAApB,UAAAW,OAAAE,IAAAO,IAAAJ,IAAA;AAAA,aAAAH;AAAAA,IAAA,GAAA;AAAA,MAAAK,GAAAG;AAAAA,MAAAF,GAAAE;AAAAA,MAAAD,GAAAC;AAAAA,IAAAA,CAAA;AAAA,WAAAd;AAAAA,EAAA,GAAA;AAGrD;"}

package/dist/table/table2/Table2MSortButton.d.ts

@@ -0,0 +1,6 @@
+import { SortableTableData } from './SortableTableData';
+import { MayHaveClass } from '../../utils/MayHaveClass';
+export interface Table2MSortButtonProps<T> extends SortableTableData<T>, MayHaveClass {
+}
+export declare function Table2MSortButton<T>(p: Table2MSortButtonProps<T>): null;
+//# sourceMappingURL=Table2MSortButton.d.ts.map

package/dist/table/table2/Table2MSortButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Table2MSortButton.d.ts","sourceRoot":"","sources":["../../../lib/table/table2/Table2MSortButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,oCAAoC,CAAA;AAE3E,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAA;AAE1D,MAAM,WAAW,sBAAsB,CAAC,CAAC,CAAE,SAAQ,iBAAiB,CAAC,CAAC,CAAC,EAAE,YAAY;CAAG;AAExF,wBAAgB,iBAAiB,CAAC,CAAC,EAAE,CAAC,EAAE,sBAAsB,CAAC,CAAC,CAAC,QAuChE"}

package/dist/table/table2/Table2MSortButton.js

@@ -0,0 +1,37 @@
+import "./sortDir.js";
+function Table2MSortButton(p) {
+  return (
+    /*
+    <DropdownMenu>
+      <DropdownMenuTrigger2 variant={buttonVariant.ghost}>{ct0(t4table.Sort)}</DropdownMenuTrigger2>
+      <DropdownMenuContent>
+        <DropdownMenuLabel>{ct0(t4table.Sort_entries)}</DropdownMenuLabel>
+        <DropdownMenuSeparator />
+        <DropdownMenuRadioGroup
+          value={`${p.atoms.prevHeader.get()?.id ?? "empty"};${p.atoms.sortDir.get()}`}
+          onChange={update}
+        >
+          <For each={p.atoms.columns.get()}>
+            {(c) => (
+              <>
+                {sortDirValues.map((s) => {
+                  const v = `${c.name};${s}`
+                  const display = `${c.name} - ${ct0(t4table[s])}`
+                  return <DropdownMenuRadioItem value={v}>{display}</DropdownMenuRadioItem>
+                })}
+              </>
+            )}
+          </For>
+          <DropdownMenuRadioItem value="main">main</DropdownMenuRadioItem>
+          <DropdownMenuRadioItem value="develop">develop</DropdownMenuRadioItem>
+        </DropdownMenuRadioGroup>
+      </DropdownMenuContent>
+    </DropdownMenu>
+    */
+    null
+  );
+}
+export {
+  Table2MSortButton
+};
+//# sourceMappingURL=Table2MSortButton.js.map

package/dist/table/table2/Table2MSortButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Table2MSortButton.js","sources":["../../../lib/table/table2/Table2MSortButton.tsx"],"sourcesContent":["import type { SortableTableData } from \"~ui/table/table2/SortableTableData\"\nimport { type SortDir } from \"~ui/table/table2/sortDir\"\nimport type { MayHaveClass } from \"~ui/utils/MayHaveClass\"\n\nexport interface Table2MSortButtonProps<T> extends SortableTableData<T>, MayHaveClass {}\n\nexport function Table2MSortButton<T>(p: Table2MSortButtonProps<T>) {\n  // console.log(\"MobileSortButton\", current)\n  function update(v: string) {\n    const [h, dir] = v.split(\";\")\n    p.atoms.sortDir.set(dir as SortDir)\n    const header = p.atoms.columns.get().find((hh) => hh.name === h)\n    if (header) p.atoms.prevHeader.set(header)\n  }\n  // icon={mdiSort}\n  return (\n    /*\n    <DropdownMenu>\n      <DropdownMenuTrigger2 variant={buttonVariant.ghost}>{ct0(t4table.Sort)}</DropdownMenuTrigger2>\n      <DropdownMenuContent>\n        <DropdownMenuLabel>{ct0(t4table.Sort_entries)}</DropdownMenuLabel>\n        <DropdownMenuSeparator />\n        <DropdownMenuRadioGroup\n          value={`${p.atoms.prevHeader.get()?.id ?? \"empty\"};${p.atoms.sortDir.get()}`}\n          onChange={update}\n        >\n          <For each={p.atoms.columns.get()}>\n            {(c) => (\n              <>\n                {sortDirValues.map((s) => {\n                  const v = `${c.name};${s}`\n                  const display = `${c.name} - ${ct0(t4table[s])}`\n                  return <DropdownMenuRadioItem value={v}>{display}</DropdownMenuRadioItem>\n                })}\n              </>\n            )}\n          </For>\n          <DropdownMenuRadioItem value=\"main\">main</DropdownMenuRadioItem>\n          <DropdownMenuRadioItem value=\"develop\">develop</DropdownMenuRadioItem>\n        </DropdownMenuRadioGroup>\n      </DropdownMenuContent>\n    </DropdownMenu>\n  */\n    null\n  )\n}\n"],"names":["Table2MSortButton","p"],"mappings":";AAMO,SAASA,kBAAqBC,GAA8B;AASjE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IA4BE;AAAA;AAEJ;"}

package/dist/table/table2/Table2R.d.ts

@@ -0,0 +1,11 @@
+import { DesktopTableClassNames } from '../shared/DesktopTableClassNames';
+import { MobileTableClassNames } from '../shared/MobileTableClassNames';
+import { Table2Signals } from './createSortableTableSignals';
+import { TailwindBreakpoint } from '../../utils/tailwindBreakpoint';
+export interface Table2RProps<T> extends Table2Signals<T> {
+    breakpoint?: TailwindBreakpoint;
+    desktopClasses?: DesktopTableClassNames;
+    mobileClasses?: MobileTableClassNames;
+}
+export declare function Table2R<T>(p: Table2RProps<T>): import("solid-js").JSX.Element;
+//# sourceMappingURL=Table2R.d.ts.map

package/dist/table/table2/Table2R.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Table2R.d.ts","sourceRoot":"","sources":["../../../lib/table/table2/Table2R.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,yCAAyC,CAAA;AACrF,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,wCAAwC,CAAA;AAEnF,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,6CAA6C,CAAA;AAGhF,OAAO,EAAE,KAAK,kBAAkB,EAAsB,MAAM,8BAA8B,CAAA;AAE1F,MAAM,WAAW,YAAY,CAAC,CAAC,CAAE,SAAQ,aAAa,CAAC,CAAC,CAAC;IACvD,UAAU,CAAC,EAAE,kBAAkB,CAAA;IAC/B,cAAc,CAAC,EAAE,sBAAsB,CAAA;IACvC,aAAa,CAAC,EAAE,qBAAqB,CAAA;CACtC;AAED,wBAAgB,OAAO,CAAC,CAAC,EAAE,CAAC,EAAE,YAAY,CAAC,CAAC,CAAC,kCAS5C"}

package/dist/table/table2/Table2R.js

@@ -0,0 +1,23 @@
+import { createComponent, mergeProps } from "solid-js/web";
+import { splitProps } from "solid-js";
+import { tableVisibilityClasses } from "../shared/tableVisibilityClasses.js";
+import { Table2D } from "./Table2D.js";
+import { Table2M } from "./Table2M.js";
+import { tailwindBreakpoint } from "../../utils/tailwindBreakpoint.js";
+function Table2R(p) {
+  const [, desktopP] = splitProps(p, ["breakpoint", "mobileClasses"]);
+  const [, mobileP] = splitProps(p, ["breakpoint", "desktopClasses"]);
+  return [createComponent(Table2D, mergeProps(desktopP, {
+    get ["class"]() {
+      return tableVisibilityClasses.desktop(p.breakpoint ?? tailwindBreakpoint.sm);
+    }
+  })), createComponent(Table2M, mergeProps(mobileP, {
+    get ["class"]() {
+      return tableVisibilityClasses.mobile(p.breakpoint ?? tailwindBreakpoint.sm);
+    }
+  }))];
+}
+export {
+  Table2R
+};
+//# sourceMappingURL=Table2R.js.map

package/dist/table/table2/Table2R.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Table2R.js","sources":["../../../lib/table/table2/Table2R.tsx"],"sourcesContent":["import { splitProps } from \"solid-js\"\nimport type { DesktopTableClassNames } from \"~ui/table/shared/DesktopTableClassNames\"\nimport type { MobileTableClassNames } from \"~ui/table/shared/MobileTableClassNames\"\nimport { tableVisibilityClasses } from \"~ui/table/shared/tableVisibilityClasses\"\nimport type { Table2Signals } from \"~ui/table/table2/createSortableTableSignals\"\nimport { Table2D } from \"~ui/table/table2/Table2D\"\nimport { Table2M } from \"~ui/table/table2/Table2M\"\nimport { type TailwindBreakpoint, tailwindBreakpoint } from \"~ui/utils/tailwindBreakpoint\"\n\nexport interface Table2RProps<T> extends Table2Signals<T> {\n  breakpoint?: TailwindBreakpoint\n  desktopClasses?: DesktopTableClassNames\n  mobileClasses?: MobileTableClassNames\n}\n\nexport function Table2R<T>(p: Table2RProps<T>) {\n  const [, desktopP] = splitProps(p, [\"breakpoint\", \"mobileClasses\"])\n  const [, mobileP] = splitProps(p, [\"breakpoint\", \"desktopClasses\"])\n  return (\n    <>\n      <Table2D<T> {...desktopP} class={tableVisibilityClasses.desktop(p.breakpoint ?? tailwindBreakpoint.sm)} />\n      <Table2M<T> {...mobileP} class={tableVisibilityClasses.mobile(p.breakpoint ?? tailwindBreakpoint.sm)} />\n    </>\n  )\n}\n"],"names":["Table2R","p","desktopP","splitProps","mobileP","_$createComponent","Table2D","_$mergeProps","tableVisibilityClasses","desktop","breakpoint","tailwindBreakpoint","sm","Table2M","mobile"],"mappings":";;;;;;AAeO,SAASA,QAAWC,GAAoB;AAC7C,QAAM,CAAA,EAAGC,QAAQ,IAAIC,WAAWF,GAAG,CAAC,cAAc,eAAe,CAAC;AAClE,QAAM,CAAA,EAAGG,OAAO,IAAID,WAAWF,GAAG,CAAC,cAAc,gBAAgB,CAAC;AAClE,SAAA,CAAAI,gBAEKC,SAAOC,WAAQL,UAAQ;AAAA,IAAA,KAAA,OAAA,IAAA;AAAA,aAASM,uBAAuBC,QAAQR,EAAES,cAAcC,mBAAmBC,EAAE;AAAA,IAAC;AAAA,EAAA,CAAA,CAAA,GAAAP,gBACrGQ,SAAON,WAAQH,SAAO;AAAA,IAAA,KAAA,OAAA,IAAA;AAAA,aAASI,uBAAuBM,OAAOb,EAAES,cAAcC,mBAAmBC,EAAE;AAAA,IAAC;AAAA,EAAA,CAAA,CAAA,CAAA;AAG1G;"}

package/dist/table/table2/createSortableTableSignals.d.ts

@@ -0,0 +1,14 @@
+import { TableColumnDef } from '../shared/TableColumnDef';
+import { SortDir } from './sortDir';
+import { SignalObject } from '../../utils/createSignalObject';
+export type Table2Signals<T> = {
+    rows: SignalObject<T[]>;
+    columns: SignalObject<TableColumnDef<T>[]>;
+    sortDir: SignalObject<SortDir>;
+    prevHeader: SignalObject<TableColumnDef<T> | null>;
+};
+export declare function createSortableTableSignals1<T>(rows: T[], columns: TableColumnDef<T>[]): Table2Signals<T>;
+export declare function createSortableTableSignals2<T>(rowsAtom: SignalObject<T[]>, columns: TableColumnDef<T>[]): Table2Signals<T>;
+export type CreateTable2Props<T> = Omit<Table2Signals<T>, "sortDir" | "prevHeader">;
+export declare function createTable2Signals<T>(props: CreateTable2Props<T>): Table2Signals<T>;
+//# sourceMappingURL=createSortableTableSignals.d.ts.map

package/dist/table/table2/createSortableTableSignals.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"createSortableTableSignals.d.ts","sourceRoot":"","sources":["../../../lib/table/table2/createSortableTableSignals.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iCAAiC,CAAA;AACrE,OAAO,EAAW,KAAK,OAAO,EAAE,MAAM,0BAA0B,CAAA;AAChE,OAAO,EAAsB,KAAK,YAAY,EAAE,MAAM,8BAA8B,CAAA;AAEpF,MAAM,MAAM,aAAa,CAAC,CAAC,IAAI;IAC7B,IAAI,EAAE,YAAY,CAAC,CAAC,EAAE,CAAC,CAAA;IACvB,OAAO,EAAE,YAAY,CAAC,cAAc,CAAC,CAAC,CAAC,EAAE,CAAC,CAAA;IAC1C,OAAO,EAAE,YAAY,CAAC,OAAO,CAAC,CAAA;IAC9B,UAAU,EAAE,YAAY,CAAC,cAAc,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,CAAA;CACnD,CAAA;AAED,wBAAgB,2BAA2B,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,EAAE,OAAO,EAAE,cAAc,CAAC,CAAC,CAAC,EAAE,GAAG,aAAa,CAAC,CAAC,CAAC,CAKxG;AAED,wBAAgB,2BAA2B,CAAC,CAAC,EAC3C,QAAQ,EAAE,YAAY,CAAC,CAAC,EAAE,CAAC,EAC3B,OAAO,EAAE,cAAc,CAAC,CAAC,CAAC,EAAE,GAC3B,aAAa,CAAC,CAAC,CAAC,CAKlB;AAED,MAAM,MAAM,iBAAiB,CAAC,CAAC,IAAI,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,EAAE,SAAS,GAAG,YAAY,CAAC,CAAA;AAEnF,wBAAgB,mBAAmB,CAAC,CAAC,EAAE,KAAK,EAAE,iBAAiB,CAAC,CAAC,CAAC,GAAG,aAAa,CAAC,CAAC,CAAC,CAMpF"}

package/dist/table/table2/createSortableTableSignals.js

@@ -0,0 +1,27 @@
+import { sortDir } from "./sortDir.js";
+import { createSignalObject } from "../../utils/createSignalObject.js";
+function createSortableTableSignals1(rows, columns) {
+  return createTable2Signals({
+    rows: createSignalObject(rows),
+    columns: createSignalObject(columns)
+  });
+}
+function createSortableTableSignals2(rowsAtom, columns) {
+  return createTable2Signals({
+    rows: rowsAtom,
+    columns: createSignalObject(columns)
+  });
+}
+function createTable2Signals(props) {
+  return {
+    ...props,
+    sortDir: createSignalObject(sortDir.asc),
+    prevHeader: createSignalObject(null)
+  };
+}
+export {
+  createSortableTableSignals1,
+  createSortableTableSignals2,
+  createTable2Signals
+};
+//# sourceMappingURL=createSortableTableSignals.js.map

package/dist/table/table2/createSortableTableSignals.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"createSortableTableSignals.js","sources":["../../../lib/table/table2/createSortableTableSignals.ts"],"sourcesContent":["import type { TableColumnDef } from \"~ui/table/shared/TableColumnDef\"\nimport { sortDir, type SortDir } from \"~ui/table/table2/sortDir\"\nimport { createSignalObject, type SignalObject } from \"~ui/utils/createSignalObject\"\n\nexport type Table2Signals<T> = {\n  rows: SignalObject<T[]>\n  columns: SignalObject<TableColumnDef<T>[]>\n  sortDir: SignalObject<SortDir>\n  prevHeader: SignalObject<TableColumnDef<T> | null>\n}\n\nexport function createSortableTableSignals1<T>(rows: T[], columns: TableColumnDef<T>[]): Table2Signals<T> {\n  return createTable2Signals({\n    rows: createSignalObject(rows),\n    columns: createSignalObject(columns),\n  })\n}\n\nexport function createSortableTableSignals2<T>(\n  rowsAtom: SignalObject<T[]>,\n  columns: TableColumnDef<T>[],\n): Table2Signals<T> {\n  return createTable2Signals({\n    rows: rowsAtom,\n    columns: createSignalObject(columns),\n  })\n}\n\nexport type CreateTable2Props<T> = Omit<Table2Signals<T>, \"sortDir\" | \"prevHeader\">\n\nexport function createTable2Signals<T>(props: CreateTable2Props<T>): Table2Signals<T> {\n  return {\n    ...props,\n    sortDir: createSignalObject<SortDir>(sortDir.asc),\n    prevHeader: createSignalObject<TableColumnDef<T> | null>(null),\n  }\n}\n"],"names":[],"mappings":";;AAWO,SAAS,4BAA+B,MAAW,SAAgD;AACxG,SAAO,oBAAoB;AAAA,IACzB,MAAM,mBAAmB,IAAI;AAAA,IAC7B,SAAS,mBAAmB,OAAO;AAAA,EAAA,CACpC;AACH;AAEO,SAAS,4BACd,UACA,SACkB;AAClB,SAAO,oBAAoB;AAAA,IACzB,MAAM;AAAA,IACN,SAAS,mBAAmB,OAAO;AAAA,EAAA,CACpC;AACH;AAIO,SAAS,oBAAuB,OAA+C;AACpF,SAAO;AAAA,IACL,GAAG;AAAA,IACH,SAAS,mBAA4B,QAAQ,GAAG;AAAA,IAChD,YAAY,mBAA6C,IAAI;AAAA,EAAA;AAEjE;"}

package/dist/table/table2/sortData.d.ts

@@ -0,0 +1,4 @@
+import { TableColumnDef } from '../shared/TableColumnDef';
+import { SortDir } from './sortDir';
+export declare function sortData<T>(data: T[], sortHeader: TableColumnDef<T>, dir: SortDir): T[];
+//# sourceMappingURL=sortData.d.ts.map

package/dist/table/table2/sortData.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sortData.d.ts","sourceRoot":"","sources":["../../../lib/table/table2/sortData.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iCAAiC,CAAA;AACrE,OAAO,EAAW,KAAK,OAAO,EAAE,MAAM,0BAA0B,CAAA;AAEhE,wBAAgB,QAAQ,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,EAAE,UAAU,EAAE,cAAc,CAAC,CAAC,CAAC,EAAE,GAAG,EAAE,OAAO,OAkBjF"}

package/dist/table/table2/sortData.js

@@ -0,0 +1,21 @@
+import { sortDir } from "./sortDir.js";
+function sortData(data, sortHeader, dir) {
+  const sorted = [...data];
+  sorted.sort((d1, d2) => {
+    const s1 = sortHeader.data ? sortHeader.data(d1) : "";
+    const s2 = sortHeader.data ? sortHeader.data(d2) : "";
+    if (typeof s1 === "number" && typeof s2 === "number") {
+      const c2 = s1 - s2;
+      if (dir === sortDir.asc) return c2;
+      return -c2;
+    }
+    const c = s1.toString().localeCompare(s2.toString(), "en", { numeric: true });
+    if (dir === sortDir.asc) return c;
+    return -c;
+  });
+  return sorted;
+}
+export {
+  sortData
+};
+//# sourceMappingURL=sortData.js.map

package/dist/table/table2/sortData.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sortData.js","sources":["../../../lib/table/table2/sortData.ts"],"sourcesContent":["import type { TableColumnDef } from \"~ui/table/shared/TableColumnDef\"\nimport { sortDir, type SortDir } from \"~ui/table/table2/sortDir\"\n\nexport function sortData<T>(data: T[], sortHeader: TableColumnDef<T>, dir: SortDir) {\n  const sorted: T[] = [...data]\n  sorted.sort((d1, d2) => {\n    const s1 = sortHeader.data ? sortHeader.data(d1) : \"\"\n    const s2 = sortHeader.data ? sortHeader.data(d2) : \"\"\n    // numeric comparison\n    if (typeof s1 === \"number\" && typeof s2 === \"number\") {\n      const c = s1 - s2\n      if (dir === sortDir.asc) return c\n      return -c\n    }\n    // string comparison\n    const c = s1.toString().localeCompare(s2.toString(), \"en\", { numeric: true })\n    if (dir === sortDir.asc) return c\n    return -c\n  })\n  // console.log(\"prev:\", data,\"sorted:\", sorted)\n  return sorted\n}\n"],"names":["c"],"mappings":";AAGO,SAAS,SAAY,MAAW,YAA+B,KAAc;AAClF,QAAM,SAAc,CAAC,GAAG,IAAI;AAC5B,SAAO,KAAK,CAAC,IAAI,OAAO;AACtB,UAAM,KAAK,WAAW,OAAO,WAAW,KAAK,EAAE,IAAI;AACnD,UAAM,KAAK,WAAW,OAAO,WAAW,KAAK,EAAE,IAAI;AAEnD,QAAI,OAAO,OAAO,YAAY,OAAO,OAAO,UAAU;AACpD,YAAMA,KAAI,KAAK;AACf,UAAI,QAAQ,QAAQ,IAAK,QAAOA;AAChC,aAAO,CAACA;AAAAA,IACV;AAEA,UAAM,IAAI,GAAG,SAAA,EAAW,cAAc,GAAG,SAAA,GAAY,MAAM,EAAE,SAAS,KAAA,CAAM;AAC5E,QAAI,QAAQ,QAAQ,IAAK,QAAO;AAChC,WAAO,CAAC;AAAA,EACV,CAAC;AAED,SAAO;AACT;"}

package/dist/table/table2/sortDir.d.ts

@@ -0,0 +1,10 @@
+import { TableColumnDef } from '../shared/TableColumnDef';
+export type SortDir = keyof typeof sortDir;
+export declare const sortDir: {
+    readonly asc: "asc";
+    readonly des: "des";
+};
+export declare const sortDirValues: ("asc" | "des")[];
+export declare const defaultSortDir: "des";
+export declare function nextSortDir<T>(prevColumn: TableColumnDef<T> | null, sortColumn: TableColumnDef<T>, sortDir: SortDir): SortDir;
+//# sourceMappingURL=sortDir.d.ts.map

package/dist/table/table2/sortDir.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sortDir.d.ts","sourceRoot":"","sources":["../../../lib/table/table2/sortDir.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iCAAiC,CAAA;AAErE,MAAM,MAAM,OAAO,GAAG,MAAM,OAAO,OAAO,CAAA;AAC1C,eAAO,MAAM,OAAO;;;CAGV,CAAA;AAEV,eAAO,MAAM,aAAa,mBAAyB,CAAA;AACnD,eAAO,MAAM,cAAc,OAAc,CAAA;AAEzC,wBAAgB,WAAW,CAAC,CAAC,EAC3B,UAAU,EAAE,cAAc,CAAC,CAAC,CAAC,GAAG,IAAI,EACpC,UAAU,EAAE,cAAc,CAAC,CAAC,CAAC,EAC7B,OAAO,EAAE,OAAO,GACf,OAAO,CAIT"}

package/dist/table/table2/sortDir.js

@@ -0,0 +1,26 @@
+const sortDir = {
+  asc: "asc",
+  des: "des"
+};
+const sortDirValues = Object.values(sortDir);
+const defaultSortDir = sortDir.des;
+function nextSortDir(prevColumn, sortColumn, sortDir2) {
+  if (!prevColumn) return defaultSortDir;
+  if (prevColumn.name === sortColumn.name) return iterateSortDir(sortDir2);
+  return defaultSortDir;
+}
+function iterateSortDir(d) {
+  switch (d) {
+    case sortDir.des:
+      return sortDir.asc;
+    case sortDir.asc:
+      return sortDir.des;
+  }
+}
+export {
+  defaultSortDir,
+  nextSortDir,
+  sortDir,
+  sortDirValues
+};
+//# sourceMappingURL=sortDir.js.map

package/dist/table/table2/sortDir.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sortDir.js","sources":["../../../lib/table/table2/sortDir.ts"],"sourcesContent":["import type { TableColumnDef } from \"~ui/table/shared/TableColumnDef\"\n\nexport type SortDir = keyof typeof sortDir\nexport const sortDir = {\n  asc: \"asc\",\n  des: \"des\",\n} as const\n\nexport const sortDirValues = Object.values(sortDir)\nexport const defaultSortDir = sortDir.des\n\nexport function nextSortDir<T>(\n  prevColumn: TableColumnDef<T> | null,\n  sortColumn: TableColumnDef<T>,\n  sortDir: SortDir,\n): SortDir {\n  if (!prevColumn) return defaultSortDir\n  if (prevColumn.name === sortColumn.name) return iterateSortDir(sortDir)\n  return defaultSortDir\n}\n\nfunction iterateSortDir(d: SortDir): SortDir {\n  switch (d) {\n    case sortDir.des:\n      return sortDir.asc\n    case sortDir.asc:\n      return sortDir.des\n  }\n}\n"],"names":["sortDir"],"mappings":"AAGO,MAAM,UAAU;AAAA,EACrB,KAAK;AAAA,EACL,KAAK;AACP;AAEO,MAAM,gBAAgB,OAAO,OAAO,OAAO;AAC3C,MAAM,iBAAiB,QAAQ;AAE/B,SAAS,YACd,YACA,YACAA,UACS;AACT,MAAI,CAAC,WAAY,QAAO;AACxB,MAAI,WAAW,SAAS,WAAW,KAAM,QAAO,eAAeA,QAAO;AACtE,SAAO;AACT;AAEA,SAAS,eAAe,GAAqB;AAC3C,UAAQ,GAAA;AAAA,IACN,KAAK,QAAQ;AACX,aAAO,QAAQ;AAAA,IACjB,KAAK,QAAQ;AACX,aAAO,QAAQ;AAAA,EAAA;AAErB;"}

package/dist/table/table3/createTableSignals.d.ts

@@ -0,0 +1,39 @@
+import { Accessor } from 'solid-js';
+import { TableColumnDef } from '../shared/TableColumnDef';
+import { SortDir } from '../table2/sortDir';
+import { SignalObject } from '../../utils/createSignalObject';
+export type CreateTableAtoms<T> = {
+    columns: TableColumnDef<T>[] | SignalObject<TableColumnDef<T>[]>;
+    columnFilter: string[] | SignalObject<string[]>;
+    rows: T[] | SignalObject<T[]>;
+    rowFilterColumnKeys: string[];
+    entriesPerPage?: number;
+    getCsvFilenameAtom?: Accessor<string>;
+};
+export declare function createTableAtoms<T>(props: CreateTableAtoms<T>): FilterableTableAtoms<T>;
+export type TableAtomState<T> = {
+    columnDefs: SignalObject<TableColumnDef<T>[]>;
+    columnFilter: SignalObject<string[]>;
+    rows: SignalObject<T[]>;
+    rowFilterColumnKeys: string[];
+    entriesPerPage: number;
+    sortDir: SignalObject<SortDir>;
+    sortColumn: SignalObject<TableColumnDef<T>>;
+    currentPage: SignalObject<number>;
+    prevSearchInput: SignalObject<string>;
+    getCsvFilename: Accessor<string>;
+};
+export interface FilterableTableAtoms<T> extends TableAtomState<T> {
+    columnsFiltered: Accessor<TableColumnDef<T>[]>;
+    columnsFilteredAmount: Accessor<number>;
+    rowsFiltered: Accessor<T[]>;
+    rowsFilteredSortedPaged: Accessor<T[]>;
+    getRowAmountTotal: Accessor<number>;
+    getRowAmountFiltered: Accessor<number>;
+    hasRows: Accessor<boolean>;
+    sortHeaderClickAction: (sortHeader: TableColumnDef<T>) => void;
+    incrementPage: () => void;
+    decrementPage: () => void;
+    getCsvContent: Accessor<string>;
+}
+//# sourceMappingURL=createTableSignals.d.ts.map

package/dist/table/table3/createTableSignals.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"createTableSignals.d.ts","sourceRoot":"","sources":["../../../lib/table/table3/createTableSignals.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAA;AAExC,OAAO,EAAwB,KAAK,cAAc,EAAsB,MAAM,iCAAiC,CAAA;AAE/G,OAAO,EAA2B,KAAK,OAAO,EAAE,MAAM,0BAA0B,CAAA;AAGhF,OAAO,EAAsB,KAAK,YAAY,EAAE,MAAM,8BAA8B,CAAA;AAEpF,MAAM,MAAM,gBAAgB,CAAC,CAAC,IAAI;IAChC,OAAO,EAAE,cAAc,CAAC,CAAC,CAAC,EAAE,GAAG,YAAY,CAAC,cAAc,CAAC,CAAC,CAAC,EAAE,CAAC,CAAA;IAChE,YAAY,EAAE,MAAM,EAAE,GAAG,YAAY,CAAC,MAAM,EAAE,CAAC,CAAA;IAC/C,IAAI,EAAE,CAAC,EAAE,GAAG,YAAY,CAAC,CAAC,EAAE,CAAC,CAAA;IAC7B,mBAAmB,EAAE,MAAM,EAAE,CAAA;IAC7B,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,kBAAkB,CAAC,EAAE,QAAQ,CAAC,MAAM,CAAC,CAAA;CACtC,CAAA;AAED,wBAAgB,gBAAgB,CAAC,CAAC,EAAE,KAAK,EAAE,gBAAgB,CAAC,CAAC,CAAC,GAAG,oBAAoB,CAAC,CAAC,CAAC,CAGvF;AAED,MAAM,MAAM,cAAc,CAAC,CAAC,IAAI;IAE9B,UAAU,EAAE,YAAY,CAAC,cAAc,CAAC,CAAC,CAAC,EAAE,CAAC,CAAA;IAC7C,YAAY,EAAE,YAAY,CAAC,MAAM,EAAE,CAAC,CAAA;IACpC,IAAI,EAAE,YAAY,CAAC,CAAC,EAAE,CAAC,CAAA;IACvB,mBAAmB,EAAE,MAAM,EAAE,CAAA;IAE7B,cAAc,EAAE,MAAM,CAAA;IACtB,OAAO,EAAE,YAAY,CAAC,OAAO,CAAC,CAAA;IAC9B,UAAU,EAAE,YAAY,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC,CAAA;IAC3C,WAAW,EAAE,YAAY,CAAC,MAAM,CAAC,CAAA;IACjC,eAAe,EAAE,YAAY,CAAC,MAAM,CAAC,CAAA;IACrC,cAAc,EAAE,QAAQ,CAAC,MAAM,CAAC,CAAA;CACjC,CAAA;AAED,MAAM,WAAW,oBAAoB,CAAC,CAAC,CAAE,SAAQ,cAAc,CAAC,CAAC,CAAC;IAChE,eAAe,EAAE,QAAQ,CAAC,cAAc,CAAC,CAAC,CAAC,EAAE,CAAC,CAAA;IAC9C,qBAAqB,EAAE,QAAQ,CAAC,MAAM,CAAC,CAAA;IACvC,YAAY,EAAE,QAAQ,CAAC,CAAC,EAAE,CAAC,CAAA;IAC3B,uBAAuB,EAAE,QAAQ,CAAC,CAAC,EAAE,CAAC,CAAA;IACtC,iBAAiB,EAAE,QAAQ,CAAC,MAAM,CAAC,CAAA;IACnC,oBAAoB,EAAE,QAAQ,CAAC,MAAM,CAAC,CAAA;IACtC,OAAO,EAAE,QAAQ,CAAC,OAAO,CAAC,CAAA;IAE1B,qBAAqB,EAAE,CAAC,UAAU,EAAE,cAAc,CAAC,CAAC,CAAC,KAAK,IAAI,CAAA;IAC9D,aAAa,EAAE,MAAM,IAAI,CAAA;IACzB,aAAa,EAAE,MAAM,IAAI,CAAA;IAEzB,aAAa,EAAE,QAAQ,CAAC,MAAM,CAAC,CAAA;CAChC"}

package/dist/table/table3/createTableSignals.js

@@ -0,0 +1,156 @@
+import { searchInputSignal } from "../../input/search/searchInputSignal.js";
+import { createTableColumnDef, tableFilterColumns } from "../shared/TableColumnDef.js";
+import { sortData } from "../table2/sortData.js";
+import { defaultSortDir, sortDir } from "../table2/sortDir.js";
+import { defaultEntriesPerPage } from "./defaultEntriesPerPage.js";
+import { tableRowSearchSimple } from "./tableRowSearchSimple.js";
+import { createSignalObject } from "../../utils/createSignalObject.js";
+function createTableAtoms(props) {
+  const state = createTableAtomsState(props);
+  return createTableAtomsComputed(state);
+}
+function createTableAtomsState({
+  columns,
+  columnFilter,
+  rows,
+  // rowFilter,
+  rowFilterColumnKeys,
+  entriesPerPage,
+  getCsvFilenameAtom
+}) {
+  return {
+    // input
+    columnDefs: Array.isArray(columns) ? createSignalObject(columns) : columns,
+    columnFilter: createColumnFilter(columnFilter),
+    rows: Array.isArray(rows) ? createSignalObject(rows) : rows,
+    // rowFilter: createStringAtom(rowFilter),
+    // rowFilterInput: createStringAtom(rowFilter),
+    rowFilterColumnKeys,
+    // internal state
+    entriesPerPage: entriesPerPage ?? defaultEntriesPerPage,
+    sortDir: createSignalObject(defaultSortDir),
+    sortColumn: createSignalObject(createTableColumnDef()),
+    currentPage: createSignalObject(0),
+    prevSearchInput: createSignalObject(""),
+    getCsvFilename: getCsvFilenameAtom ? getCsvFilenameAtom : () => (/* @__PURE__ */ new Date()).toISOString()
+  };
+}
+function createColumnFilter(f) {
+  if (Array.isArray(f)) return createSignalObject(f);
+  return f;
+}
+function createTableAtomsComputed(state) {
+  const columnsFiltered = () => {
+    const columns = state.columnDefs.get();
+    const columnFilter = state.columnFilter.get();
+    return tableFilterColumns(columns, columnFilter);
+  };
+  const columnsFilteredAmount = () => {
+    return columnsFiltered().length;
+  };
+  const rowsFiltered = () => {
+    const rows = state.rows.get();
+    const rowFilter = searchInputSignal.get();
+    if (rowFilter.length <= 0) {
+      return rows;
+    }
+    const columns = state.columnDefs.get();
+    return tableRowSearchSimple(rows, rowFilter, columns);
+  };
+  const rowsFilteredSorted = () => {
+    const rows = rowsFiltered();
+    const sortColumn = state.sortColumn.get();
+    if (!sortColumn) {
+      return rows;
+    }
+    const sortDir2 = state.sortDir.get();
+    const sortedRows = sortData(rows, sortColumn, sortDir2);
+    return sortedRows;
+  };
+  const rowsFilteredSortedPaged = () => {
+    const rows = rowsFilteredSorted();
+    const currentPage = state.currentPage.get();
+    return getPagedRows(rows, state, currentPage);
+  };
+  const getRowAmountFiltered = () => {
+    const rows = rowsFiltered();
+    return rows.length;
+  };
+  const getRowAmountTotal = () => {
+    const rows = state.rows.get();
+    return rows.length;
+  };
+  const hasRows = () => {
+    return getRowAmountTotal() >= 1;
+  };
+  const sortHeaderClickAction = (sortColumn) => {
+    const prevHeader = state.sortColumn.get();
+    const sortDir2 = state.sortDir.get();
+    const nextSortDirState = nextSortDir(prevHeader, sortColumn, sortDir2);
+    state.sortDir.set(nextSortDirState);
+    state.sortColumn.set(sortColumn);
+  };
+  const decrementPage = () => {
+    const currentPage = state.currentPage.get();
+    const next = Math.max(0, currentPage - 1);
+    if (next === currentPage) return;
+    state.currentPage.set(next);
+  };
+  const incrementPage = () => {
+    const currentPage = state.currentPage.get();
+    const entries = getRowAmountFiltered();
+    const maxPage = Math.floor(entries / state.entriesPerPage);
+    const next = Math.min(maxPage, currentPage + 1);
+    if (next === currentPage) return;
+    state.currentPage.set(next);
+  };
+  const getCsvContent = () => {
+    const rows = rowsFilteredSorted();
+    const columns = columnsFiltered();
+    const header = columns.map((c) => c.name ?? c.title ?? c.id).join(";");
+    const csv = rows.map((r) => columns.map((c) => c.data ? c.data(r) : "").join(";")).join("\n");
+    return "#" + header + "\n" + csv;
+  };
+  return {
+    ...state,
+    // computed state
+    columnsFiltered,
+    columnsFilteredAmount,
+    rowsFiltered,
+    rowsFilteredSortedPaged,
+    getRowAmountTotal,
+    getRowAmountFiltered,
+    hasRows,
+    // transferDebouncedInput,
+    sortHeaderClickAction,
+    decrementPage,
+    incrementPage,
+    // csv
+    getCsvContent
+  };
+}
+function nextSortDir(prevColumn, sortColumn, sortDir2) {
+  if (!prevColumn) return defaultSortDir;
+  if (prevColumn.name === sortColumn.name) return iterateSortDir(sortDir2);
+  return defaultSortDir;
+}
+function iterateSortDir(d) {
+  switch (d) {
+    case sortDir.des:
+      return sortDir.asc;
+    case sortDir.asc:
+      return sortDir.des;
+  }
+}
+function getPagedRows(rows, state, currentPage) {
+  const entries = rows.length;
+  const maxEntriesPerPage = state.entriesPerPage;
+  if (entries <= maxEntriesPerPage) return rows;
+  const from = currentPage * maxEntriesPerPage;
+  const to = Math.min((currentPage + 1) * maxEntriesPerPage, entries);
+  return rows.filter((r, i) => i >= from && i < to);
+}
+export {
+  createTableAtoms
+};
+//# sourceMappingURL=createTableSignals.js.map

package/dist/table/table3/createTableSignals.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"createTableSignals.js","sources":["../../../lib/table/table3/createTableSignals.ts"],"sourcesContent":["import type { Accessor } from \"solid-js\"\nimport { searchInputSignal } from \"~ui/input/search/searchInputSignal\"\nimport { createTableColumnDef, type TableColumnDef, tableFilterColumns } from \"~ui/table/shared/TableColumnDef\"\nimport { sortData } from \"~ui/table/table2/sortData\"\nimport { defaultSortDir, sortDir, type SortDir } from \"~ui/table/table2/sortDir\"\nimport { defaultEntriesPerPage } from \"~ui/table/table3/defaultEntriesPerPage\"\nimport { tableRowSearchSimple } from \"~ui/table/table3/tableRowSearchSimple\"\nimport { createSignalObject, type SignalObject } from \"~ui/utils/createSignalObject\"\n\nexport type CreateTableAtoms<T> = {\n  columns: TableColumnDef<T>[] | SignalObject<TableColumnDef<T>[]>\n  columnFilter: string[] | SignalObject<string[]>\n  rows: T[] | SignalObject<T[]>\n  rowFilterColumnKeys: string[]\n  entriesPerPage?: number\n  getCsvFilenameAtom?: Accessor<string>\n}\n\nexport function createTableAtoms<T>(props: CreateTableAtoms<T>): FilterableTableAtoms<T> {\n  const state = createTableAtomsState(props)\n  return createTableAtomsComputed(state)\n}\n\nexport type TableAtomState<T> = {\n  // input\n  columnDefs: SignalObject<TableColumnDef<T>[]>\n  columnFilter: SignalObject<string[]>\n  rows: SignalObject<T[]>\n  rowFilterColumnKeys: string[]\n  // internal state\n  entriesPerPage: number\n  sortDir: SignalObject<SortDir>\n  sortColumn: SignalObject<TableColumnDef<T>>\n  currentPage: SignalObject<number>\n  prevSearchInput: SignalObject<string>\n  getCsvFilename: Accessor<string>\n}\n\nexport interface FilterableTableAtoms<T> extends TableAtomState<T> {\n  columnsFiltered: Accessor<TableColumnDef<T>[]>\n  columnsFilteredAmount: Accessor<number>\n  rowsFiltered: Accessor<T[]>\n  rowsFilteredSortedPaged: Accessor<T[]>\n  getRowAmountTotal: Accessor<number>\n  getRowAmountFiltered: Accessor<number>\n  hasRows: Accessor<boolean>\n  // transferDebouncedInput: WritableAtom<null, [], void>\n  sortHeaderClickAction: (sortHeader: TableColumnDef<T>) => void\n  incrementPage: () => void\n  decrementPage: () => void\n  // csv\n  getCsvContent: Accessor<string>\n}\n\nconst log = false\n\n//\n// state\n//\n\nfunction createTableAtomsState<T>({\n  columns,\n  columnFilter,\n  rows,\n  // rowFilter,\n  rowFilterColumnKeys,\n  entriesPerPage,\n  getCsvFilenameAtom,\n}: CreateTableAtoms<T>): TableAtomState<T> {\n  return {\n    // input\n    columnDefs: Array.isArray(columns) ? createSignalObject(columns) : columns,\n    columnFilter: createColumnFilter(columnFilter),\n    rows: Array.isArray(rows) ? createSignalObject(rows) : rows,\n    // rowFilter: createStringAtom(rowFilter),\n    // rowFilterInput: createStringAtom(rowFilter),\n    rowFilterColumnKeys: rowFilterColumnKeys,\n    // internal state\n    entriesPerPage: entriesPerPage ?? defaultEntriesPerPage,\n    sortDir: createSignalObject<SortDir>(defaultSortDir),\n    sortColumn: createSignalObject(createTableColumnDef<T>()),\n    currentPage: createSignalObject(0),\n    prevSearchInput: createSignalObject(\"\"),\n    getCsvFilename: getCsvFilenameAtom ? getCsvFilenameAtom : () => new Date().toISOString(),\n  }\n}\n\nfunction createColumnFilter(f: string[] | SignalObject<string[]>): SignalObject<string[]> {\n  if (Array.isArray(f)) return createSignalObject<string[]>(f)\n  return f\n}\n\n//\n// computed state\n//\n\nfunction createTableAtomsComputed<T>(state: TableAtomState<T>): FilterableTableAtoms<T> {\n  //\n  // columns\n  //\n  const columnsFiltered = () => {\n    const columns = state.columnDefs.get()\n    const columnFilter = state.columnFilter.get()\n    return tableFilterColumns(columns, columnFilter)\n  }\n  const columnsFilteredAmount = () => {\n    return columnsFiltered().length\n  }\n  //\n  // rows\n  //\n  const rowsFiltered = () => {\n    const rows = state.rows.get()\n    const rowFilter = searchInputSignal.get()\n\n    if (log) console.log(\"rowsFiltered\", rows)\n    if (rowFilter.length <= 0) {\n      return rows\n    }\n    const columns = state.columnDefs.get()\n    return tableRowSearchSimple(rows, rowFilter, columns)\n  }\n  const rowsFilteredSorted = () => {\n    const rows = rowsFiltered()\n    const sortColumn = state.sortColumn.get()\n    if (!sortColumn) {\n      if (log) console.log(\"rowsFilteredSorted\", \"!sortColumn\", rows)\n      return rows\n    }\n    const sortDir = state.sortDir.get()\n    const sortedRows = sortData<T>(rows, sortColumn, sortDir)\n    if (log) console.log(\"rowsFilteredSorted\", sortedRows)\n    return sortedRows\n  }\n  const rowsFilteredSortedPaged = () => {\n    const rows = rowsFilteredSorted()\n    const currentPage = state.currentPage.get()\n    return getPagedRows(rows, state, currentPage)\n  }\n  const getRowAmountFiltered = () => {\n    const rows = rowsFiltered()\n    return rows.length\n  }\n  const getRowAmountTotal = () => {\n    const rows = state.rows.get()\n    return rows.length\n  }\n  const hasRows = () => {\n    return getRowAmountTotal() >= 1\n  }\n  //\n  // actions\n  //\n  const sortHeaderClickAction = (sortColumn: TableColumnDef<T>) => {\n    const prevHeader = state.sortColumn.get()\n    const sortDir = state.sortDir.get()\n    const nextSortDirState = nextSortDir(prevHeader, sortColumn, sortDir)\n    // console.log(prevHeader?.name, \"->\", sortColumn.name, sortDir, \"->\", nextSortDirState)\n    state.sortDir.set(nextSortDirState)\n    state.sortColumn.set(sortColumn)\n  }\n  const decrementPage = () => {\n    const currentPage = state.currentPage.get()\n    const next = Math.max(0, currentPage - 1)\n    // console.log(currentPage, \"->\", next)\n    if (next === currentPage) return\n    state.currentPage.set(next)\n  }\n  const incrementPage = () => {\n    const currentPage = state.currentPage.get()\n    const entries = getRowAmountFiltered()\n    const maxPage = Math.floor(entries / state.entriesPerPage)\n    const next = Math.min(maxPage, currentPage + 1)\n    // console.log(currentPage, \"->\", next, \"details:\", { entries, maxPage })\n    if (next === currentPage) return\n    state.currentPage.set(next)\n  }\n  //\n  // csv\n  //\n  const getCsvContent = () => {\n    const rows = rowsFilteredSorted()\n    const columns = columnsFiltered()\n    const header = columns.map((c) => c.name ?? c.title ?? c.id).join(\";\")\n    const csv = rows.map((r) => columns.map((c) => (c.data ? c.data(r) : \"\")).join(\";\")).join(\"\\n\")\n    return \"#\" + header + \"\\n\" + csv\n  }\n  return {\n    ...state,\n    // computed state\n    columnsFiltered,\n    columnsFilteredAmount,\n    rowsFiltered,\n    rowsFilteredSortedPaged,\n    getRowAmountTotal,\n    getRowAmountFiltered,\n    hasRows,\n    // transferDebouncedInput,\n    sortHeaderClickAction,\n    decrementPage,\n    incrementPage,\n    // csv\n    getCsvContent,\n  }\n}\n\n//\n// header click\n//\n\nfunction nextSortDir<T>(\n  prevColumn: TableColumnDef<T> | null,\n  sortColumn: TableColumnDef<T>,\n  sortDir: SortDir,\n): SortDir {\n  if (!prevColumn) return defaultSortDir\n  if (prevColumn.name === sortColumn.name) return iterateSortDir(sortDir)\n  return defaultSortDir\n}\n\nfunction iterateSortDir(d: SortDir): SortDir {\n  switch (d) {\n    case sortDir.des:\n      return sortDir.asc\n    case sortDir.asc:\n      return sortDir.des\n  }\n}\n\n//\n// paging\n//\n\nfunction getPagedRows<T>(rows: T[], state: TableAtomState<T>, currentPage: number) {\n  const entries = rows.length\n  const maxEntriesPerPage = state.entriesPerPage\n  if (entries <= maxEntriesPerPage) return rows\n  const from = currentPage * maxEntriesPerPage\n  const to = Math.min((currentPage + 1) * maxEntriesPerPage, entries)\n  // console.log(currentPage, from, to, entries)\n\n  return rows.filter((r, i) => i >= from && i < to)\n}\n"],"names":["sortDir"],"mappings":"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"}

package/dist/table/table3/defaultEntriesPerPage.d.ts

@@ -0,0 +1,2 @@
+export declare const defaultEntriesPerPage = 25;
+//# sourceMappingURL=defaultEntriesPerPage.d.ts.map

package/dist/table/table3/defaultEntriesPerPage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"defaultEntriesPerPage.d.ts","sourceRoot":"","sources":["../../../lib/table/table3/defaultEntriesPerPage.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,qBAAqB,KAAK,CAAA"}

package/dist/table/table3/defaultEntriesPerPage.js

@@ -0,0 +1,5 @@
+const defaultEntriesPerPage = 25;
+export {
+  defaultEntriesPerPage
+};
+//# sourceMappingURL=defaultEntriesPerPage.js.map

package/dist/table/table3/defaultEntriesPerPage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"defaultEntriesPerPage.js","sources":["../../../lib/table/table3/defaultEntriesPerPage.ts"],"sourcesContent":["export const defaultEntriesPerPage = 25\n"],"names":[],"mappings":"AAAO,MAAM,wBAAwB;"}

package/dist/table/table3/tableRowSearchSimple.d.ts

@@ -0,0 +1,5 @@
+import { TableColumnDef } from '../shared/TableColumnDef';
+export declare function tableRowSearchSimple<T>(allRows: T[], searchInput: string, columns: TableColumnDef<T>[]): T[];
+export type TableRowSearchDataExtractionFn<T> = (data: T) => string | number;
+export declare function tableRowSearchSimpleDirectly<T>(allRows: T[], searchInput: string, dataExtraction: TableRowSearchDataExtractionFn<T>[]): T[];
+//# sourceMappingURL=tableRowSearchSimple.d.ts.map

package/dist/table/table3/tableRowSearchSimple.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tableRowSearchSimple.d.ts","sourceRoot":"","sources":["../../../lib/table/table3/tableRowSearchSimple.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iCAAiC,CAAA;AAErE,wBAAgB,oBAAoB,CAAC,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,EAAE,WAAW,EAAE,MAAM,EAAE,OAAO,EAAE,cAAc,CAAC,CAAC,CAAC,EAAE,GAAG,CAAC,EAAE,CAgB5G;AAED,MAAM,MAAM,8BAA8B,CAAC,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC,KAAK,MAAM,GAAG,MAAM,CAAA;AAE5E,wBAAgB,4BAA4B,CAAC,CAAC,EAC5C,OAAO,EAAE,CAAC,EAAE,EACZ,WAAW,EAAE,MAAM,EACnB,cAAc,EAAE,8BAA8B,CAAC,CAAC,CAAC,EAAE,GAClD,CAAC,EAAE,CAeL"}