@milaboratories/uikit 2.2.90 → 2.2.92

package/dist/components/DataTable/composition/useResize.js

@@ -0,0 +1,54 @@
+import { watchEffect as f, unref as h } from "vue";
+import { useColumn as a } from "./useColumn.js";
+import { RESIZE_GAP as z, MIN_COLUMN_WIDTH as p } from "../constants.js";
+import { useMouse as y } from "../../../composition/useMouse.js";
+import { useHover as g } from "../../../composition/useHover.js";
+import { tapIf as l, identity as w, clamp as T } from "../../../lib/util/helpers/dist/index.js";
+function I(s) {
+  var i;
+  const r = l((i = h(s)) == null ? void 0 : i.querySelectorAll(".th-cell"), (o) => [...o]) ?? [];
+  return r.map((o) => {
+    const { width: e, x: n } = o.getBoundingClientRect(), c = o.getAttribute("data-col-id");
+    return w({
+      colId: c,
+      width: e,
+      x: n,
+      right: n + e
+    });
+  }).slice(0, r.length - 1);
+}
+function E(s, r) {
+  const i = y(), o = g(r, {}), { data: e } = s, n = a(
+    (t) => {
+      l(e.resizeTh, (u) => {
+        const d = e.columns.find((m) => m.id === u.colId);
+        d && (d.width = T(t.width + t.diff, p, 1e4), s.adjustWidth());
+      });
+    },
+    () => {
+      e.resize = !1, e.resizeTh = void 0, document.body.style.cursor = "";
+    }
+  ), c = (t) => {
+    e.resizeTh && (e.resize = !0, n.start({
+      x: t.x,
+      width: e.resizeTh.width
+    }));
+  };
+  return f(() => {
+    if (!o.value) {
+      document.body.style.cursor = "";
+      return;
+    }
+    if (e.resize)
+      return;
+    const t = I(r).find((u) => Math.abs(i.x - u.right) < z);
+    t ? (document.body.style.cursor = "col-resize", e.resizeTh = t) : (e.resizeTh = void 0, document.body.style.cursor = "");
+  }), {
+    mouseDown: c
+  };
+}
+export {
+  I as getColumnPositions,
+  E as useResize
+};
+//# sourceMappingURL=useResize.js.map

package/dist/components/DataTable/composition/useResize.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useResize.js","sources":["../../../../src/components/DataTable/composition/useResize.ts"],"sourcesContent":["import type { Ref } from 'vue';\nimport { watchEffect, unref } from 'vue';\nimport type { ResizeTh } from '../types';\nimport { useColumn } from './useColumn';\nimport { MIN_COLUMN_WIDTH, RESIZE_GAP } from '../constants';\nimport { useMouse } from '../../../composition/useMouse';\nimport { useHover } from '../../../composition/useHover';\nimport { tapIf, clamp } from '@milaboratories/helpers';\nimport { identity } from '@milaboratories/helpers';\nimport type { State } from '../state';\n\ntype MaybeRef<T> = T | Ref<T>;\n\nexport function getColumnPositions(tableRef: MaybeRef<HTMLElement | undefined>) {\n  const ths = tapIf(unref(tableRef)?.querySelectorAll('.th-cell'), (l) => [...l]) ?? [];\n  return ths\n    .map((th) => {\n      const { width, x } = th.getBoundingClientRect();\n      const colId = th.getAttribute('data-col-id')!;\n      return identity<ResizeTh>({\n        colId,\n        width,\n        x,\n        right: x + width,\n      });\n    })\n    .slice(0, ths.length - 1);\n}\n\nexport function useResize(state: State, tableRef: Ref<HTMLElement | undefined>) {\n  const mousePos = useMouse();\n  const isHovered = useHover(tableRef, {});\n  const { data } = state;\n\n  const resize = useColumn(\n    (s) => {\n      tapIf(data.resizeTh, (th) => {\n        const col = data.columns.find((col) => col.id === th.colId);\n        if (col) {\n          col.width = clamp(s.width + s.diff, MIN_COLUMN_WIDTH, 10000);\n          state.adjustWidth();\n        }\n      });\n    },\n    () => {\n      data.resize = false;\n      data.resizeTh = undefined;\n      document.body.style.cursor = '';\n    },\n  );\n\n  const mouseDown = (e: MouseEvent) => {\n    if (data.resizeTh) {\n      data.resize = true;\n      resize.start({\n        x: e.x,\n        width: data.resizeTh.width,\n      });\n    }\n  };\n\n  watchEffect(() => {\n    if (!isHovered.value) {\n      document.body.style.cursor = '';\n      return;\n    }\n\n    if (data.resize) {\n      return;\n    }\n\n    const th = getColumnPositions(tableRef).find((it) => {\n      return Math.abs(mousePos.x - it.right) < RESIZE_GAP;\n    });\n\n    if (th) {\n      document.body.style.cursor = 'col-resize';\n      data.resizeTh = th;\n    } else {\n      data.resizeTh = undefined;\n      document.body.style.cursor = '';\n    }\n  });\n\n  return {\n    mouseDown,\n  };\n}\n"],"names":["getColumnPositions","tableRef","ths","tapIf","_a","unref","l","th","width","x","colId","identity","useResize","state","mousePos","useMouse","isHovered","useHover","data","resize","useColumn","s","col","clamp","MIN_COLUMN_WIDTH","mouseDown","e","watchEffect","it","RESIZE_GAP"],"mappings":";;;;;;AAaO,SAASA,EAAmBC,GAA6C;;AAC9E,QAAMC,IAAMC,GAAMC,IAAAC,EAAMJ,CAAQ,MAAd,gBAAAG,EAAiB,iBAAiB,aAAa,CAACE,MAAM,CAAC,GAAGA,CAAC,CAAC,KAAK,CAAC;AAC7E,SAAAJ,EACJ,IAAI,CAACK,MAAO;AACX,UAAM,EAAE,OAAAC,GAAO,GAAAC,MAAMF,EAAG,sBAAsB,GACxCG,IAAQH,EAAG,aAAa,aAAa;AAC3C,WAAOI,EAAmB;AAAA,MACxB,OAAAD;AAAA,MACA,OAAAF;AAAA,MACA,GAAAC;AAAA,MACA,OAAOA,IAAID;AAAA,IAAA,CACZ;AAAA,EACF,CAAA,EACA,MAAM,GAAGN,EAAI,SAAS,CAAC;AAC5B;AAEgB,SAAAU,EAAUC,GAAcZ,GAAwC;AAC9E,QAAMa,IAAWC,EAAS,GACpBC,IAAYC,EAAShB,GAAU,EAAE,GACjC,EAAE,MAAAiB,MAASL,GAEXM,IAASC;AAAA,IACb,CAACC,MAAM;AACClB,MAAAA,EAAAe,EAAK,UAAU,CAACX,MAAO;AACrB,cAAAe,IAAMJ,EAAK,QAAQ,KAAK,CAACI,MAAQA,EAAI,OAAOf,EAAG,KAAK;AAC1D,QAAIe,MACFA,EAAI,QAAQC,EAAMF,EAAE,QAAQA,EAAE,MAAMG,GAAkB,GAAK,GAC3DX,EAAM,YAAY;AAAA,MACpB,CACD;AAAA,IACH;AAAA,IACA,MAAM;AACJ,MAAAK,EAAK,SAAS,IACdA,EAAK,WAAW,QACP,SAAA,KAAK,MAAM,SAAS;AAAA,IAAA;AAAA,EAEjC,GAEMO,IAAY,CAACC,MAAkB;AACnC,IAAIR,EAAK,aACPA,EAAK,SAAS,IACdC,EAAO,MAAM;AAAA,MACX,GAAGO,EAAE;AAAA,MACL,OAAOR,EAAK,SAAS;AAAA,IAAA,CACtB;AAAA,EAEL;AAEA,SAAAS,EAAY,MAAM;AACZ,QAAA,CAACX,EAAU,OAAO;AACX,eAAA,KAAK,MAAM,SAAS;AAC7B;AAAA,IAAA;AAGF,QAAIE,EAAK;AACP;AAGF,UAAMX,IAAKP,EAAmBC,CAAQ,EAAE,KAAK,CAAC2B,MACrC,KAAK,IAAId,EAAS,IAAIc,EAAG,KAAK,IAAIC,CAC1C;AAED,IAAItB,KACO,SAAA,KAAK,MAAM,SAAS,cAC7BW,EAAK,WAAWX,MAEhBW,EAAK,WAAW,QACP,SAAA,KAAK,MAAM,SAAS;AAAA,EAC/B,CACD,GAEM;AAAA,IACL,WAAAO;AAAA,EACF;AACF;"}

package/dist/components/DataTable/composition/useTableColumns.d.ts

@@ -0,0 +1,7 @@
+import { TableSettings, TableColumn, TableData } from '../types';
+import { ComputedRef } from 'vue';
+export declare function useTableColumns(state: {
+    data: TableData;
+    settings: ComputedRef<TableSettings>;
+}): ComputedRef<TableColumn[]>;
+//# sourceMappingURL=useTableColumns.d.ts.map

package/dist/components/DataTable/composition/useTableColumns.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTableColumns.d.ts","sourceRoot":"","sources":["../../../../src/components/DataTable/composition/useTableColumns.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAsB,aAAa,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AAC1F,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,KAAK,CAAC;AAOvC,wBAAgB,eAAe,CAAC,KAAK,EAAE;IAAE,IAAI,EAAE,SAAS,CAAC;IAAC,QAAQ,EAAE,WAAW,CAAC,aAAa,CAAC,CAAA;CAAE,8BA+C/F"}

package/dist/components/DataTable/composition/useTableColumns.js

@@ -0,0 +1,33 @@
+import { computed as d } from "vue";
+import { sliceBy as c, uniqueId as p, asConst as h } from "../../../lib/util/helpers/dist/index.js";
+import { GAP as b } from "../constants.js";
+function v(i) {
+  return d(() => {
+    const { data: o, settings: u } = i, { bodyWidth: l, scrollLeft: e } = o, n = [...o.columns], s = p();
+    u.value.controlColumn && n.unshift(
+      h({
+        id: s,
+        label: "#",
+        width: 60,
+        frozen: !0
+      })
+    );
+    let r = 0;
+    const f = n.map((t) => {
+      const a = { ...t, offset: r };
+      return r += t.width + b, a;
+    }), m = f.filter((t) => t.frozen);
+    return c(f, (t) => t.frozen ? !1 : e < t.offset + t.width && t.offset < l + e).concat(m).map((t) => ({
+      ...t,
+      style: {
+        left: t.frozen ? `${t.offset}px` : `${t.offset - o.scrollLeft}px`,
+        width: `${t.width}px`
+      },
+      control: t.id === s
+    }));
+  });
+}
+export {
+  v as useTableColumns
+};
+//# sourceMappingURL=useTableColumns.js.map

package/dist/components/DataTable/composition/useTableColumns.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTableColumns.js","sources":["../../../../src/components/DataTable/composition/useTableColumns.ts"],"sourcesContent":["import type { ColumnSpecSettings, TableSettings, TableColumn, TableData } from '../types';\nimport type { ComputedRef } from 'vue';\nimport { computed } from 'vue';\nimport { sliceBy } from '@milaboratories/helpers';\nimport { asConst } from '@milaboratories/helpers';\nimport { uniqueId } from '@milaboratories/helpers';\nimport { GAP } from '../constants';\n\nexport function useTableColumns(state: { data: TableData; settings: ComputedRef<TableSettings> }) {\n  return computed<TableColumn[]>(() => {\n    const { data, settings } = state;\n\n    const { bodyWidth, scrollLeft } = data;\n\n    const columns = [...data.columns];\n\n    const controlId = uniqueId();\n\n    if (settings.value.controlColumn) {\n      columns.unshift(\n        asConst<ColumnSpecSettings>({\n          id: controlId,\n          label: '#',\n          width: 60,\n          frozen: true,\n        }),\n      );\n    }\n\n    let offset = 0;\n\n    const tableColumns = columns.map((col) => {\n      const it = { ...col, offset };\n      offset += col.width + GAP;\n      return it;\n    });\n\n    const frozen = tableColumns.filter((col) => col.frozen);\n\n    const visibleColumns = sliceBy(tableColumns, (col) => {\n      if (col.frozen) {\n        return false;\n      }\n      return scrollLeft < col.offset + col.width && col.offset < bodyWidth + scrollLeft;\n    }).concat(frozen);\n\n    return visibleColumns.map<TableColumn>((col) => ({\n      ...col,\n      style: {\n        left: col.frozen ? `${col.offset}px` : `${col.offset - data.scrollLeft}px`,\n        width: `${col.width}px`,\n      },\n      control: col.id === controlId,\n    }));\n  });\n}\n"],"names":["useTableColumns","state","computed","data","settings","bodyWidth","scrollLeft","columns","controlId","uniqueId","asConst","offset","tableColumns","col","it","GAP","frozen","sliceBy"],"mappings":";;;AAQO,SAASA,EAAgBC,GAAkE;AAChG,SAAOC,EAAwB,MAAM;AAC7B,UAAA,EAAE,MAAAC,GAAM,UAAAC,EAAA,IAAaH,GAErB,EAAE,WAAAI,GAAW,YAAAC,EAAA,IAAeH,GAE5BI,IAAU,CAAC,GAAGJ,EAAK,OAAO,GAE1BK,IAAYC,EAAS;AAEvB,IAAAL,EAAS,MAAM,iBACTG,EAAA;AAAA,MACNG,EAA4B;AAAA,QAC1B,IAAIF;AAAA,QACJ,OAAO;AAAA,QACP,OAAO;AAAA,QACP,QAAQ;AAAA,MACT,CAAA;AAAA,IACH;AAGF,QAAIG,IAAS;AAEb,UAAMC,IAAeL,EAAQ,IAAI,CAACM,MAAQ;AACxC,YAAMC,IAAK,EAAE,GAAGD,GAAK,QAAAF,EAAO;AAC5B,aAAAA,KAAUE,EAAI,QAAQE,GACfD;AAAA,IAAA,CACR,GAEKE,IAASJ,EAAa,OAAO,CAACC,MAAQA,EAAI,MAAM;AAS/C,WAPgBI,EAAQL,GAAc,CAACC,MACxCA,EAAI,SACC,KAEFP,IAAaO,EAAI,SAASA,EAAI,SAASA,EAAI,SAASR,IAAYC,CACxE,EAAE,OAAOU,CAAM,EAEM,IAAiB,CAACH,OAAS;AAAA,MAC/C,GAAGA;AAAA,MACH,OAAO;AAAA,QACL,MAAMA,EAAI,SAAS,GAAGA,EAAI,MAAM,OAAO,GAAGA,EAAI,SAASV,EAAK,UAAU;AAAA,QACtE,OAAO,GAAGU,EAAI,KAAK;AAAA,MACrB;AAAA,MACA,SAASA,EAAI,OAAOL;AAAA,IAAA,EACpB;AAAA,EAAA,CACH;AACH;"}

package/dist/components/DataTable/composition/useTableRows.d.ts

@@ -0,0 +1,4 @@
+import { ComputedRef } from 'vue';
+import { TableColumn, TableData, TableRow } from '../types';
+export declare function useTableRows(data: TableData, tableColumns: ComputedRef<TableColumn[]>): ComputedRef<TableRow[]>;
+//# sourceMappingURL=useTableRows.d.ts.map

package/dist/components/DataTable/composition/useTableRows.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTableRows.d.ts","sourceRoot":"","sources":["../../../../src/components/DataTable/composition/useTableRows.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,KAAK,CAAC;AAEvC,OAAO,KAAK,EAAa,WAAW,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AAG5E,wBAAgB,YAAY,CAAC,IAAI,EAAE,SAAS,EAAE,YAAY,EAAE,WAAW,CAAC,WAAW,EAAE,CAAC,2BA4CrF"}

package/dist/components/DataTable/composition/useTableRows.js

@@ -0,0 +1,38 @@
+import { computed as o } from "vue";
+import { identity as y } from "../../../lib/util/helpers/dist/index.js";
+function n(i, r) {
+  const p = o(
+    () => r.value.reduce(
+      (t, s) => (t[s.id] = s.justify ? "justify-" + s.justify : "", t),
+      {}
+    )
+  );
+  return o(() => i.rows.map((t) => {
+    const s = p.value, { primaryKey: a, offset: d, dataRow: l, height: f } = t, h = r.value.map((e) => ({
+      id: e.id,
+      column: e,
+      row: t,
+      value: l[e.id],
+      class: s[e.id],
+      editable: e.editable,
+      width: e.width,
+      style: e.style,
+      control: e.control
+    }));
+    return y({
+      style: {
+        top: `${d - i.scrollTop}px`,
+        height: `${t.height}px`
+      },
+      primaryKey: a,
+      offset: d,
+      height: f,
+      cells: h,
+      selected: i.selectedRows.has(a)
+    });
+  }));
+}
+export {
+  n as useTableRows
+};
+//# sourceMappingURL=useTableRows.js.map

package/dist/components/DataTable/composition/useTableRows.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTableRows.js","sources":["../../../../src/components/DataTable/composition/useTableRows.ts"],"sourcesContent":["import type { ComputedRef } from 'vue';\nimport { computed } from 'vue';\nimport type { TableCell, TableColumn, TableData, TableRow } from '../types';\nimport { identity } from '@milaboratories/helpers';\n\nexport function useTableRows(data: TableData, tableColumns: ComputedRef<TableColumn[]>) {\n  const classesRef = computed(() =>\n    tableColumns.value.reduce(\n      (r, col) => {\n        r[col.id] = col.justify ? 'justify-' + col.justify : '';\n        return r;\n      },\n      {} as Record<string | symbol, string>,\n    ),\n  );\n\n  return computed<TableRow[]>(() => {\n    return data.rows.map<TableRow>((row) => {\n      const classes = classesRef.value;\n\n      const { primaryKey, offset, dataRow, height } = row;\n\n      const cells = tableColumns.value.map<TableCell>((column) => {\n        return {\n          id: column.id,\n          column,\n          row,\n          value: dataRow[column.id],\n          class: classes[column.id],\n          editable: column.editable,\n          width: column.width,\n          style: column.style,\n          control: column.control,\n        };\n      });\n\n      return identity<TableRow>({\n        style: {\n          top: `${offset - data.scrollTop}px`,\n          height: `${row.height}px`,\n        },\n        primaryKey,\n        offset,\n        height,\n        cells,\n        selected: data.selectedRows.has(primaryKey),\n      });\n    });\n  });\n}\n"],"names":["useTableRows","data","tableColumns","classesRef","computed","r","col","row","classes","primaryKey","offset","dataRow","height","cells","column","identity"],"mappings":";;AAKgB,SAAAA,EAAaC,GAAiBC,GAA0C;AACtF,QAAMC,IAAaC;AAAA,IAAS,MAC1BF,EAAa,MAAM;AAAA,MACjB,CAACG,GAAGC,OACFD,EAAEC,EAAI,EAAE,IAAIA,EAAI,UAAU,aAAaA,EAAI,UAAU,IAC9CD;AAAA,MAET,CAAA;AAAA,IAAC;AAAA,EAEL;AAEA,SAAOD,EAAqB,MACnBH,EAAK,KAAK,IAAc,CAACM,MAAQ;AACtC,UAAMC,IAAUL,EAAW,OAErB,EAAE,YAAAM,GAAY,QAAAC,GAAQ,SAAAC,GAAS,QAAAC,EAAW,IAAAL,GAE1CM,IAAQX,EAAa,MAAM,IAAe,CAACY,OACxC;AAAA,MACL,IAAIA,EAAO;AAAA,MACX,QAAAA;AAAA,MACA,KAAAP;AAAA,MACA,OAAOI,EAAQG,EAAO,EAAE;AAAA,MACxB,OAAON,EAAQM,EAAO,EAAE;AAAA,MACxB,UAAUA,EAAO;AAAA,MACjB,OAAOA,EAAO;AAAA,MACd,OAAOA,EAAO;AAAA,MACd,SAASA,EAAO;AAAA,IAClB,EACD;AAED,WAAOC,EAAmB;AAAA,MACxB,OAAO;AAAA,QACL,KAAK,GAAGL,IAAST,EAAK,SAAS;AAAA,QAC/B,QAAQ,GAAGM,EAAI,MAAM;AAAA,MACvB;AAAA,MACA,YAAAE;AAAA,MACA,QAAAC;AAAA,MACA,QAAAE;AAAA,MACA,OAAAC;AAAA,MACA,UAAUZ,EAAK,aAAa,IAAIQ,CAAU;AAAA,IAAA,CAC3C;AAAA,EAAA,CACF,CACF;AACH;"}

package/dist/components/DataTable/constants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../src/components/DataTable/constants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,GAAG,IAAI,CAAC;AAErB,eAAO,MAAM,UAAU,KAAK,CAAC;AAE7B,eAAO,MAAM,gBAAgB,KAAK,CAAC;AAEnC,eAAO,MAAM,kBAAkB,KAAK,CAAC;AAErC,eAAO,MAAM,YAAY,KAAK,CAAC"}

package/dist/components/DataTable/constants.js

@@ -0,0 +1,8 @@
+const o = 1, t = 10, c = 30, n = 60;
+export {
+  o as GAP,
+  c as MIN_COLUMN_WIDTH,
+  t as RESIZE_GAP,
+  n as WINDOW_DELTA
+};
+//# sourceMappingURL=constants.js.map

package/dist/components/DataTable/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sources":["../../../src/components/DataTable/constants.ts"],"sourcesContent":["export const GAP = 1;\n\nexport const RESIZE_GAP = 10;\n\nexport const MIN_COLUMN_WIDTH = 30;\n\nexport const DEFAULT_ROW_HEIGHT = 40;\n\nexport const WINDOW_DELTA = 60;\n"],"names":["GAP","RESIZE_GAP","MIN_COLUMN_WIDTH","WINDOW_DELTA"],"mappings":"AAAO,MAAMA,IAAM,GAENC,IAAa,IAEbC,IAAmB,IAInBC,IAAe;"}

package/dist/components/DataTable/domain.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"domain.d.ts","sourceRoot":"","sources":["../../../src/components/DataTable/domain.ts"],"names":[],"mappings":"AAAA,wBAAgB,YAAY,CAAC,CAAC,EAAE,OAAO,mBAQtC;AAED,wBAAgB,cAAc,CAAC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,KAAK,GAAG,MAAM,CAAC,EAAE,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,UAe3H;AAED,eAAO,MAAM,QAAQ,GAAI,CAAC,KAAK,CAAC,KAAG,CAAM,CAAC;AAE1C,wBAAgB,MAAM,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,KAGvC;AAED;;;;;GAKG;AACH,wBAAgB,OAAO,CAAC,CAAC,EAAE,GAAG,EAAE,SAAS,CAAC,EAAE,EAAE,SAAS,EAAE,CAAC,EAAE,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,KAAK,OAAO,GAAG,CAAC,EAAE,CAoB/F"}

package/dist/components/DataTable/domain.js

@@ -0,0 +1,21 @@
+function f(n, t) {
+  const e = t.indexOf(n) + 1;
+  return t[e >= t.length ? 0 : e];
+}
+function u(n, t) {
+  const e = n.findIndex(t);
+  if (e < 0)
+    return [];
+  const o = (() => {
+    for (let i = e; i < n.length; i++)
+      if (!t(n[i], i))
+        return i;
+    return n.length;
+  })();
+  return n.slice(e, o);
+}
+export {
+  f as rotate,
+  u as sliceBy
+};
+//# sourceMappingURL=domain.js.map

package/dist/components/DataTable/domain.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"domain.js","sources":["../../../src/components/DataTable/domain.ts"],"sourcesContent":["export function toComparable(v: unknown) {\n  if (typeof v === 'number') {\n    return v;\n  } else if (typeof v === 'string') {\n    return v;\n  } else {\n    return String(v);\n  }\n}\n\nexport function compareRecords(sorts: Record<string, 'ASC' | 'DESC'>, a: Record<string, unknown>, b: Record<string, unknown>) {\n  for (const [name, direction] of Object.entries(sorts)) {\n    const v1 = toComparable(a[name]);\n    const v2 = toComparable(b[name]);\n\n    const rev = direction === 'DESC' ? -1 : 1;\n\n    if (v1 === v2) {\n      continue;\n    }\n\n    return (v1 > v2 ? 1 : -1) * rev;\n  }\n\n  return 0;\n}\n\nexport const identity = <T>(v: T): T => v;\n\nexport function rotate<T>(v: T, lst: T[]) {\n  const next = lst.indexOf(v) + 1;\n  return lst[next >= lst.length ? 0 : next];\n}\n\n/**\n * Returns a first contiguous copy of a section of an array where predicate is true\n * @param arr\n * @param predicate\n * @returns\n */\nexport function sliceBy<T>(arr: readonly T[], predicate: (el: T, index: number) => boolean): T[] {\n  const left = arr.findIndex(predicate);\n\n  if (left < 0) {\n    return [];\n  }\n\n  const right = (() => {\n    for (let i = left; i < arr.length; i++) {\n      if (predicate(arr[i], i)) {\n        continue;\n      }\n\n      return i;\n    }\n\n    return arr.length;\n  })();\n\n  return arr.slice(left, right);\n}\n"],"names":["rotate","v","lst","next","sliceBy","arr","predicate","left","right"],"mappings":"AA6BgB,SAAAA,EAAUC,GAAMC,GAAU;AACxC,QAAMC,IAAOD,EAAI,QAAQD,CAAC,IAAI;AAC9B,SAAOC,EAAIC,KAAQD,EAAI,SAAS,IAAIC,CAAI;AAC1C;AAQgB,SAAAC,EAAWC,GAAmBC,GAAmD;AACzF,QAAAC,IAAOF,EAAI,UAAUC,CAAS;AAEpC,MAAIC,IAAO;AACT,WAAO,CAAC;AAGV,QAAMC,KAAS,MAAM;AACnB,aAAS,IAAID,GAAM,IAAIF,EAAI,QAAQ;AACjC,UAAI,CAAAC,EAAUD,EAAI,CAAC,GAAG,CAAC;AAIhB,eAAA;AAGT,WAAOA,EAAI;AAAA,EAAA,GACV;AAEI,SAAAA,EAAI,MAAME,GAAMC,CAAK;AAC9B;"}

package/dist/components/DataTable/index.d.ts

@@ -0,0 +1,36 @@
+import { TableSettings, RawTableSettings } from './types';
+import { default as Component } from './TableComponent.vue';
+import { ComputedRef } from 'vue';
+import { MaybeRef } from '../../types';
+import type * as Types from './types';
+export { AsyncData } from './adapters/AsyncData';
+type AnyRef<T> = MaybeRef<T> | ComputedRef<T>;
+export declare function settings<D extends Types.DataRow>(tableSettings: TableSettings<D>): TableSettings;
+export declare function factory<const S extends TableSettings>(tableSettings: S): import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+    [key: string]: any;
+}>;
+export { Component };
+export { Types };
+/** * Adapters ***/
+export declare function rawDataSettings<D extends Types.DataRow>(rows: D[], rawSettings: Types.RawTableSettings<D>): TableSettings;
+export declare function useRawData<D extends Types.DataRow>(rowsRef: AnyRef<D[]>, raw: MaybeRef<RawTableSettings<D>>): ComputedRef<Readonly<{
+    columns: Types.ColumnSpecSettings<string, unknown>[];
+    dataSource: Types.DataSource<Types.DataRow>;
+    gap?: number;
+    height: number;
+    addColumn?: () => Promise<void>;
+    controlColumn?: boolean;
+    onSelectedRows?: Types.SelectedRowsOperation<Types.DataRow>[] | undefined;
+    onSelectedColumns?: Types.SelectedColumnsOperation<Types.DataRow>[] | undefined;
+    onUpdatedRow?: ((row: Types.Row<Types.DataRow>) => void) | undefined;
+}>>;
+/**
+ * @deprecated
+ * @param rows
+ * @param raw
+ * @returns
+ */
+export declare function useRawDataComponent<D extends Types.DataRow>(rowsRef: AnyRef<D[]>, raw: MaybeRef<RawTableSettings<D>>): ComputedRef<import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+    [key: string]: any;
+}>>;
+//# sourceMappingURL=index.d.ts.map

package/dist/components/DataTable/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/DataTable/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAC7C,OAAO,SAAS,MAAM,sBAAsB,CAAC;AAC7C,OAAO,KAAK,KAAK,KAAK,MAAM,SAAS,CAAC;AACtC,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAChD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,KAAK,CAAC;AAGvC,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAC5C,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAEjD,KAAK,MAAM,CAAC,CAAC,IAAI,QAAQ,CAAC,CAAC,CAAC,GAAG,WAAW,CAAC,CAAC,CAAC,CAAC;AAE9C,wBAAgB,QAAQ,CAAC,CAAC,SAAS,KAAK,CAAC,OAAO,EAAE,aAAa,EAAE,aAAa,CAAC,CAAC,CAAC,GAAG,aAAa,CAEhG;AAED,wBAAgB,OAAO,CAAC,KAAK,CAAC,CAAC,SAAS,aAAa,EAAE,aAAa,EAAE,CAAC;;GAEtE;AAED,OAAO,EAAE,SAAS,EAAE,CAAC;AAErB,OAAO,EAAE,KAAK,EAAE,CAAC;AAEjB,mBAAmB;AAEnB,wBAAgB,eAAe,CAAC,CAAC,SAAS,KAAK,CAAC,OAAO,EAAE,IAAI,EAAE,CAAC,EAAE,EAAE,WAAW,EAAE,KAAK,CAAC,gBAAgB,CAAC,CAAC,CAAC,GAAG,aAAa,CAGzH;AAED,wBAAgB,UAAU,CAAC,CAAC,SAAS,KAAK,CAAC,OAAO,EAAE,OAAO,EAAE,MAAM,CAAC,CAAC,EAAE,CAAC,EAAE,GAAG,EAAE,QAAQ,CAAC,gBAAgB,CAAC,CAAC,CAAC,CAAC;;;;;;;;;;IAK3G;AAED;;;;;GAKG;AACH,wBAAgB,mBAAmB,CAAC,CAAC,SAAS,KAAK,CAAC,OAAO,EAAE,OAAO,EAAE,MAAM,CAAC,CAAC,EAAE,CAAC,EAAE,GAAG,EAAE,QAAQ,CAAC,gBAAgB,CAAC,CAAC,CAAC,CAAC;;IAWpH"}

package/dist/components/DataTable/index.js

@@ -0,0 +1,39 @@
+import s from "./TableComponent.vue.js";
+import { h as a, computed as o, unref as n, reactive as f } from "vue";
+import { RawData as m } from "./adapters/RawData.js";
+import { AsyncData as h } from "./adapters/AsyncData.js";
+function g(t) {
+  return Object.freeze(t);
+}
+function y(t) {
+  return a(s, { settings: Object.freeze(t) });
+}
+function c(t, e) {
+  const r = new m(t, e.resolveRowHeight, e.resolvePrimaryKey);
+  return { ...e, dataSource: r };
+}
+function R(t, e) {
+  return o(() => {
+    const r = n(t);
+    return c(r, n(e));
+  });
+}
+function v(t, e) {
+  const r = o(() => {
+    const i = n(t);
+    return c(i, n(e));
+  }), u = f({
+    settings: r
+  });
+  return o(() => a(s, u));
+}
+export {
+  h as AsyncData,
+  s as Component,
+  y as factory,
+  c as rawDataSettings,
+  g as settings,
+  R as useRawData,
+  v as useRawDataComponent
+};
+//# sourceMappingURL=index.js.map

package/dist/components/DataTable/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/components/DataTable/index.ts"],"sourcesContent":["import type { TableSettings } from './types';\nimport Component from './TableComponent.vue';\nimport type * as Types from './types';\nimport type { RawTableSettings } from './types';\nimport type { ComputedRef } from 'vue';\nimport { computed, h, reactive, unref } from 'vue';\nimport { RawData } from './adapters/RawData';\nimport type { MaybeRef } from '../../types';\nexport { AsyncData } from './adapters/AsyncData';\n\ntype AnyRef<T> = MaybeRef<T> | ComputedRef<T>;\n\nexport function settings<D extends Types.DataRow>(tableSettings: TableSettings<D>): TableSettings {\n  return Object.freeze(tableSettings) as TableSettings;\n}\n\nexport function factory<const S extends TableSettings>(tableSettings: S) {\n  return h(Component, { settings: Object.freeze(tableSettings) });\n}\n\nexport { Component };\n\nexport { Types };\n\n/** * Adapters ***/\n\nexport function rawDataSettings<D extends Types.DataRow>(rows: D[], rawSettings: Types.RawTableSettings<D>): TableSettings {\n  const dataSource = new RawData<D>(rows, rawSettings.resolveRowHeight, rawSettings.resolvePrimaryKey);\n  return { ...rawSettings, dataSource } as TableSettings;\n}\n\nexport function useRawData<D extends Types.DataRow>(rowsRef: AnyRef<D[]>, raw: MaybeRef<RawTableSettings<D>>) {\n  return computed(() => {\n    const rows = unref(rowsRef);\n    return rawDataSettings(rows, unref(raw));\n  });\n}\n\n/**\n * @deprecated\n * @param rows\n * @param raw\n * @returns\n */\nexport function useRawDataComponent<D extends Types.DataRow>(rowsRef: AnyRef<D[]>, raw: MaybeRef<RawTableSettings<D>>) {\n  const settings = computed(() => {\n    const rows = unref(rowsRef);\n    return rawDataSettings(rows, unref(raw));\n  });\n\n  const props = reactive({\n    settings,\n  });\n\n  return computed(() => h(Component, props));\n}\n"],"names":["settings","tableSettings","factory","h","Component","rawDataSettings","rows","rawSettings","dataSource","RawData","useRawData","rowsRef","raw","computed","unref","useRawDataComponent","props","reactive"],"mappings":";;;;AAYO,SAASA,EAAkCC,GAAgD;AACzF,SAAA,OAAO,OAAOA,CAAa;AACpC;AAEO,SAASC,EAAuCD,GAAkB;AAChE,SAAAE,EAAEC,GAAW,EAAE,UAAU,OAAO,OAAOH,CAAa,GAAG;AAChE;AAQgB,SAAAI,EAAyCC,GAAWC,GAAuD;AACzH,QAAMC,IAAa,IAAIC,EAAWH,GAAMC,EAAY,kBAAkBA,EAAY,iBAAiB;AAC5F,SAAA,EAAE,GAAGA,GAAa,YAAAC,EAAW;AACtC;AAEgB,SAAAE,EAAoCC,GAAsBC,GAAoC;AAC5G,SAAOC,EAAS,MAAM;AACd,UAAAP,IAAOQ,EAAMH,CAAO;AAC1B,WAAON,EAAgBC,GAAMQ,EAAMF,CAAG,CAAC;AAAA,EAAA,CACxC;AACH;AAQgB,SAAAG,EAA6CJ,GAAsBC,GAAoC;AAC/GZ,QAAAA,IAAWa,EAAS,MAAM;AACxB,UAAAP,IAAOQ,EAAMH,CAAO;AAC1B,WAAON,EAAgBC,GAAMQ,EAAMF,CAAG,CAAC;AAAA,EAAA,CACxC,GAEKI,IAAQC,EAAS;AAAA,IACrB,UAAAjB;AAAAA,EAAA,CACD;AAED,SAAOa,EAAS,MAAMV,EAAEC,GAAWY,CAAK,CAAC;AAC3C;"}

package/dist/components/DataTable/keys.d.ts

@@ -0,0 +1,82 @@
+import { InjectionKey, ComputedRef } from 'vue';
+import { TableSettings } from './types';
+import { State } from './state';
+export declare const settingsKey: InjectionKey<ComputedRef<TableSettings>>;
+export declare const stateKey: InjectionKey<State>;
+export declare const injectState: () => {
+    data: {
+        rowIndex: number;
+        pendingLoads: number;
+        columns: readonly {
+            label: string;
+            id: string;
+            width: number;
+            justify?: ("center" | "start") | undefined;
+            sort?: {
+                direction: "DESC" | "ASC" | undefined;
+            } | undefined;
+            component?: (() => import('vue').Component) | undefined;
+            editable?: boolean | undefined;
+            valueType?: import('./types').ValueType | undefined;
+            frozen?: boolean | undefined;
+        }[];
+        rows: readonly {
+            dataRow: import('./types').DataRow;
+            index: number;
+            primaryKey: import('./types').PrimaryKey;
+            offset: number;
+            height: number;
+        }[];
+        currentWindow?: {
+            bodyHeight: number;
+            scrollTop: number;
+        } | undefined;
+        resize: boolean;
+        resizeTh?: {
+            colId: string;
+            width: number;
+            x: number;
+            right: number;
+        } | undefined;
+        dataHeight: number;
+        bodyHeight: number;
+        bodyWidth: number;
+        scrollTop: number;
+        scrollLeft: number;
+        selectedRows: Set<import('./types').PrimaryKey> & Omit<Set<import('./types').PrimaryKey>, keyof Set<any>>;
+        selectedColumns: Set<string> & Omit<Set<string>, keyof Set<any>>;
+        error?: unknown;
+    };
+    settings: ComputedRef<Readonly<{
+        columns: import('./types').ColumnSpecSettings<string, unknown>[];
+        dataSource: import('./types').DataSource<import('./types').DataRow>;
+        gap?: number;
+        height: number;
+        addColumn?: () => Promise<void>;
+        controlColumn?: boolean;
+        onSelectedRows?: import('./types').SelectedRowsOperation<import('./types').DataRow>[] | undefined;
+        onSelectedColumns?: import('./types').SelectedColumnsOperation<import('./types').DataRow>[] | undefined;
+        onUpdatedRow?: ((row: import('./types').Row<import('./types').DataRow>) => void) | undefined;
+    }>>;
+    tableColumns: ComputedRef<import('./types').TableColumn[]>;
+    tableRows: ComputedRef<import('./types').TableRow[]>;
+    adjustWidth: () => void;
+    updateOffsets(ev: {
+        deltaY: number;
+        deltaX: number;
+    }): void;
+    getSelectedRows(): import('./types').Row[];
+    getSelectedColumns(): import('./types').ColumnSpecSettings[];
+    selectRow(rowId: import('./types').PrimaryKey): void;
+    unselectRow(rowId: import('./types').PrimaryKey): void;
+    selectColumn(columnId: string): void;
+    unselectColumn(columnId: string): void;
+    updateScrollTop(scrollTop: number): void;
+    updateScrollLeft(scrollLeft: number): void;
+    updateBodyHeight(): void;
+    updateDimensions(rect: {
+        height: number;
+        width: number;
+    }): void;
+};
+//# sourceMappingURL=keys.d.ts.map

package/dist/components/DataTable/keys.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"keys.d.ts","sourceRoot":"","sources":["../../../src/components/DataTable/keys.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,YAAY,EAAE,KAAK,WAAW,EAAU,MAAM,KAAK,CAAC;AAClE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAC7C,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAErC,eAAO,MAAM,WAAW,EAAe,YAAY,CAAC,WAAW,CAAC,aAAa,CAAC,CAAC,CAAC;AAEhF,eAAO,MAAM,QAAQ,EAAe,YAAY,CAAC,KAAK,CAAC,CAAC;AAExD,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAA0B,CAAC"}

package/dist/components/DataTable/keys.js

@@ -0,0 +1,7 @@
+import { inject as t } from "vue";
+const e = Symbol(), c = () => t(e);
+export {
+  c as injectState,
+  e as stateKey
+};
+//# sourceMappingURL=keys.js.map

package/dist/components/DataTable/keys.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"keys.js","sources":["../../../src/components/DataTable/keys.ts"],"sourcesContent":["import { type InjectionKey, type ComputedRef, inject } from 'vue';\nimport type { TableSettings } from './types';\nimport type { State } from './state';\n\nexport const settingsKey = Symbol() as InjectionKey<ComputedRef<TableSettings>>;\n\nexport const stateKey = Symbol() as InjectionKey<State>;\n\nexport const injectState = () => inject(stateKey)!;\n"],"names":["stateKey","injectState","inject"],"mappings":";AAMO,MAAMA,IAAW,OAAO,GAElBC,IAAc,MAAMC,EAAOF,CAAQ;"}

package/dist/components/DataTable/state.d.ts

@@ -0,0 +1,79 @@
+import { TableProps, PrimaryKey, Row, ColumnSpecSettings, DataSource } from './types';
+export declare function createState(props: TableProps): {
+    data: {
+        rowIndex: number;
+        pendingLoads: number;
+        columns: readonly {
+            label: string;
+            id: string;
+            width: number;
+            justify?: ("center" | "start") | undefined;
+            sort?: {
+                direction: "DESC" | "ASC" | undefined;
+            } | undefined;
+            component?: (() => import('vue').Component) | undefined;
+            editable?: boolean | undefined;
+            valueType?: import('./types').ValueType | undefined;
+            frozen?: boolean | undefined;
+        }[];
+        rows: readonly {
+            dataRow: import('./types').DataRow;
+            index: number;
+            primaryKey: PrimaryKey;
+            offset: number;
+            height: number;
+        }[];
+        currentWindow?: {
+            bodyHeight: number;
+            scrollTop: number;
+        } | undefined;
+        resize: boolean;
+        resizeTh?: {
+            colId: string;
+            width: number;
+            x: number;
+            right: number;
+        } | undefined;
+        dataHeight: number;
+        bodyHeight: number;
+        bodyWidth: number;
+        scrollTop: number;
+        scrollLeft: number;
+        selectedRows: Set<PrimaryKey> & Omit<Set<PrimaryKey>, keyof Set<any>>;
+        selectedColumns: Set<string> & Omit<Set<string>, keyof Set<any>>;
+        error?: unknown;
+    };
+    settings: import('vue').ComputedRef<Readonly<{
+        columns: ColumnSpecSettings<string, unknown>[];
+        dataSource: DataSource<import('./types').DataRow>;
+        gap?: number;
+        height: number;
+        addColumn?: () => Promise<void>;
+        controlColumn?: boolean;
+        onSelectedRows?: import('./types').SelectedRowsOperation<import('./types').DataRow>[] | undefined;
+        onSelectedColumns?: import('./types').SelectedColumnsOperation<import('./types').DataRow>[] | undefined;
+        onUpdatedRow?: ((row: Row<import('./types').DataRow>) => void) | undefined;
+    }>>;
+    tableColumns: import('vue').ComputedRef<import('./types').TableColumn[]>;
+    tableRows: import('vue').ComputedRef<import('./types').TableRow[]>;
+    adjustWidth: () => void;
+    updateOffsets(ev: {
+        deltaY: number;
+        deltaX: number;
+    }): void;
+    getSelectedRows(): Row[];
+    getSelectedColumns(): ColumnSpecSettings[];
+    selectRow(rowId: PrimaryKey): void;
+    unselectRow(rowId: PrimaryKey): void;
+    selectColumn(columnId: string): void;
+    unselectColumn(columnId: string): void;
+    updateScrollTop(scrollTop: number): void;
+    updateScrollLeft(scrollLeft: number): void;
+    updateBodyHeight(): void;
+    updateDimensions(rect: {
+        height: number;
+        width: number;
+    }): void;
+};
+export type State = ReturnType<typeof createState>;
+//# sourceMappingURL=state.d.ts.map

package/dist/components/DataTable/state.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"state.d.ts","sourceRoot":"","sources":["../../../src/components/DataTable/state.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAyB,UAAU,EAAE,GAAG,EAAE,kBAAkB,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAmBlH,wBAAgB,WAAW,CAAC,KAAK,EAAE,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;sBA6EvB;QAAE,MAAM,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE;uBAIjC,GAAG,EAAE;0BAGF,kBAAkB,EAAE;qBAGzB,UAAU;uBAGR,UAAU;2BAGN,MAAM;6BAGJ,MAAM;+BAGJ,MAAM;iCAGJ,MAAM;;2BASZ;QAAE,MAAM,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE;EAkC3D;AAED,MAAM,MAAM,KAAK,GAAG,UAAU,CAAC,OAAO,WAAW,CAAC,CAAC"}

package/dist/components/DataTable/state.js

@@ -0,0 +1,111 @@
+import { reactive as S, watch as u, computed as c, provide as L } from "vue";
+import { deepClone as h, tap as m, clamp as p, deepEqual as R, delay as C, resolveAwaited as v } from "../../lib/util/helpers/dist/index.js";
+import { stateKey as x } from "./keys.js";
+import { useTableColumns as A } from "./composition/useTableColumns.js";
+import { useTableRows as D } from "./composition/useTableRows.js";
+import { GAP as g, WINDOW_DELTA as w } from "./constants.js";
+const j = async (l, t) => {
+  const { scrollTop: r, bodyHeight: i } = l;
+  return await C(0), v({
+    rows: t.getRows(r, i),
+    dataWindow: l
+  });
+};
+function _(l) {
+  const t = S({
+    rowIndex: -1,
+    columns: [],
+    pendingLoads: 0,
+    currentWindow: void 0,
+    rows: [],
+    resize: !1,
+    resizeTh: void 0,
+    dataHeight: 0,
+    bodyHeight: l.settings.height,
+    bodyWidth: 0,
+    scrollTop: 0,
+    scrollLeft: 0,
+    selectedRows: /* @__PURE__ */ new Set(),
+    selectedColumns: /* @__PURE__ */ new Set()
+  });
+  u(
+    () => l.settings,
+    (e) => {
+      t.columns = h(e.columns), t.currentWindow = void 0, e.dataSource.getHeight().then((o) => {
+        t.dataHeight = o, d.updateBodyHeight();
+      }).catch((o) => t.error = o);
+    },
+    { immediate: !0 }
+  );
+  const r = c(() => l.settings), i = c(() => t.columns.reduce((e, o) => e + o.width + g, 0)), f = c(() => m(d.data.dataHeight - d.data.bodyHeight, (e) => e > 0 ? e : 0)), y = c(() => m(i.value - d.data.bodyWidth, (e) => e > 0 ? e : 0)), T = c(() => ({
+    bodyHeight: t.bodyHeight,
+    scrollTop: t.scrollTop,
+    current: t.currentWindow
+  })), a = A({
+    data: t,
+    settings: r
+  }), b = D(t, a), d = {
+    data: t,
+    settings: r,
+    tableColumns: a,
+    tableRows: b,
+    adjustWidth: () => {
+      const e = t.columns.reduce((s, n) => s + n.width + g, 0), o = t.bodyWidth + t.scrollLeft;
+      if (e < o) {
+        const s = t.columns[t.columns.length - 1];
+        s.width = s.width + (o - e);
+      }
+    },
+    updateOffsets(e) {
+      this.updateScrollTop(t.scrollTop + e.deltaY), this.updateScrollLeft(t.scrollLeft + e.deltaX);
+    },
+    getSelectedRows() {
+      return t.rows.filter((e) => t.selectedRows.has(e.primaryKey));
+    },
+    getSelectedColumns() {
+      return t.columns.filter((e) => t.selectedColumns.has(e.id));
+    },
+    selectRow(e) {
+      t.selectedRows.add(e);
+    },
+    unselectRow(e) {
+      t.selectedRows.delete(e);
+    },
+    selectColumn(e) {
+      t.selectedColumns.add(e);
+    },
+    unselectColumn(e) {
+      t.selectedColumns.delete(e);
+    },
+    updateScrollTop(e) {
+      t.scrollTop = p(e, 0, f.value);
+    },
+    updateScrollLeft(e) {
+      t.scrollLeft = p(e, 0, y.value);
+    },
+    updateBodyHeight() {
+      const { height: e } = l.settings, { dataHeight: o } = t, s = e > o ? o : e;
+      t.bodyHeight = s;
+    },
+    updateDimensions(e) {
+      this.updateBodyHeight(), d.data.bodyWidth = e.width, d.adjustWidth(), t.rows = [], t.currentWindow = void 0;
+    }
+  };
+  return u(
+    T,
+    (e, o) => {
+      const s = e.current;
+      (!s || e.scrollTop < s.scrollTop || e.scrollTop + e.bodyHeight > s.bodyHeight + s.scrollTop) && (t.currentWindow = {
+        scrollTop: e.scrollTop - w,
+        bodyHeight: e.bodyHeight + w * 2
+      }, j(h(t.currentWindow), r.value.dataSource).then(({ rows: H, dataWindow: W }) => {
+        R(t.currentWindow, W) && (t.rows = H);
+      }));
+    },
+    { deep: !0, immediate: !0 }
+  ), L(x, d), d;
+}
+export {
+  _ as createState
+};
+//# sourceMappingURL=state.js.map

package/dist/components/DataTable/state.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"state.js","sources":["../../../src/components/DataTable/state.ts"],"sourcesContent":["import { computed, provide, reactive, watch } from 'vue';\nimport type { TableProps, TableData, DataWindow, PrimaryKey, Row, ColumnSpecSettings, DataSource } from './types';\nimport { deepClone, deepEqual } from '@milaboratories/helpers';\nimport { stateKey } from './keys';\nimport { clamp, delay, resolveAwaited, tap } from '@milaboratories/helpers';\nimport { useTableColumns } from './composition/useTableColumns';\nimport { useTableRows } from './composition/useTableRows';\nimport { GAP, WINDOW_DELTA } from './constants';\n\nconst loadRows = async (dataWindow: { scrollTop: number; bodyHeight: number }, dataSource: DataSource) => {\n  const { scrollTop, bodyHeight } = dataWindow;\n\n  await delay(0);\n\n  return resolveAwaited({\n    rows: dataSource.getRows(scrollTop, bodyHeight),\n    dataWindow,\n  });\n};\n\nexport function createState(props: TableProps) {\n  const data = reactive<TableData>({\n    rowIndex: -1,\n    columns: [],\n    pendingLoads: 0,\n    currentWindow: undefined,\n    rows: [],\n    resize: false,\n    resizeTh: undefined,\n    dataHeight: 0,\n    bodyHeight: props.settings.height,\n    bodyWidth: 0,\n    scrollTop: 0,\n    scrollLeft: 0,\n    selectedRows: new Set<PrimaryKey>(),\n    selectedColumns: new Set<string>(),\n  });\n\n  watch(\n    () => props.settings,\n    (newSettings) => {\n      data.columns = deepClone(newSettings.columns);\n      data.currentWindow = undefined;\n      newSettings.dataSource\n        .getHeight()\n        .then((dataHeight) => {\n          data.dataHeight = dataHeight;\n          state.updateBodyHeight();\n        })\n        .catch((err) => (data.error = err));\n    },\n    { immediate: true },\n  );\n\n  const settings = computed(() => {\n    return props.settings;\n  });\n\n  const columnsWidth = computed(() => {\n    return data.columns.reduce((acc, col) => acc + col.width + GAP, 0);\n  });\n\n  const maxScrollTop = computed(() => tap(state.data.dataHeight - state.data.bodyHeight, (v) => (v > 0 ? v : 0)));\n  const maxScrollLeft = computed(() => tap(columnsWidth.value - state.data.bodyWidth, (v) => (v > 0 ? v : 0)));\n\n  const dataDimensions = computed<DataWindow & { current?: DataWindow }>(() => {\n    return {\n      bodyHeight: data.bodyHeight,\n      scrollTop: data.scrollTop,\n      current: data.currentWindow,\n    };\n  });\n\n  const tableColumns = useTableColumns({\n    data,\n    settings,\n  });\n\n  const tableRows = useTableRows(data, tableColumns);\n\n  const adjustWidth = () => {\n    const newWidth = data.columns.reduce((acc, col) => acc + col.width + GAP, 0);\n\n    const rightOffset = data.bodyWidth + data.scrollLeft;\n\n    if (newWidth < rightOffset) {\n      const last = data.columns[data.columns.length - 1];\n      last.width = last.width + (rightOffset - newWidth);\n    }\n  };\n\n  const state = {\n    data,\n    settings,\n    tableColumns,\n    tableRows,\n    adjustWidth,\n    updateOffsets(ev: { deltaY: number; deltaX: number }) {\n      this.updateScrollTop(data.scrollTop + ev.deltaY);\n      this.updateScrollLeft(data.scrollLeft + ev.deltaX);\n    },\n    getSelectedRows(): Row[] {\n      return data.rows.filter((row) => data.selectedRows.has(row.primaryKey));\n    },\n    getSelectedColumns(): ColumnSpecSettings[] {\n      return data.columns.filter((col) => data.selectedColumns.has(col.id));\n    },\n    selectRow(rowId: PrimaryKey) {\n      data.selectedRows.add(rowId);\n    },\n    unselectRow(rowId: PrimaryKey) {\n      data.selectedRows.delete(rowId);\n    },\n    selectColumn(columnId: string) {\n      data.selectedColumns.add(columnId);\n    },\n    unselectColumn(columnId: string) {\n      data.selectedColumns.delete(columnId);\n    },\n    updateScrollTop(scrollTop: number) {\n      data.scrollTop = clamp(scrollTop, 0, maxScrollTop.value);\n    },\n    updateScrollLeft(scrollLeft: number) {\n      data.scrollLeft = clamp(scrollLeft, 0, maxScrollLeft.value);\n    },\n    updateBodyHeight() {\n      const { height } = props.settings;\n      const { dataHeight } = data;\n      const bodyHeight = height > dataHeight ? dataHeight : height;\n      data.bodyHeight = bodyHeight;\n    },\n    updateDimensions(rect: { height: number; width: number }) {\n      this.updateBodyHeight();\n      state.data.bodyWidth = rect.width;\n      state.adjustWidth();\n      data.rows = [];\n      data.currentWindow = undefined;\n    },\n  };\n\n  watch(\n    dataDimensions,\n    (n, _o) => {\n      const current = n.current;\n\n      const needToLoad = !current || n.scrollTop < current.scrollTop || n.scrollTop + n.bodyHeight > current.bodyHeight + current.scrollTop;\n\n      if (needToLoad) {\n        data.currentWindow = {\n          scrollTop: n.scrollTop - WINDOW_DELTA,\n          bodyHeight: n.bodyHeight + WINDOW_DELTA * 2,\n        };\n        loadRows(deepClone(data.currentWindow), settings.value.dataSource).then(({ rows, dataWindow }) => {\n          if (deepEqual(data.currentWindow, dataWindow)) {\n            data.rows = rows;\n          }\n        });\n      }\n    },\n    { deep: true, immediate: true },\n  );\n\n  provide(stateKey, state);\n\n  return state;\n}\n\nexport type State = ReturnType<typeof createState>;\n"],"names":["loadRows","dataWindow","dataSource","scrollTop","bodyHeight","delay","resolveAwaited","createState","props","data","reactive","watch","newSettings","deepClone","dataHeight","state","err","settings","computed","columnsWidth","acc","col","GAP","maxScrollTop","tap","v","maxScrollLeft","dataDimensions","tableColumns","useTableColumns","tableRows","useTableRows","newWidth","rightOffset","last","ev","row","rowId","columnId","clamp","scrollLeft","height","rect","n","_o","current","WINDOW_DELTA","rows","deepEqual","provide","stateKey"],"mappings":";;;;;;AASA,MAAMA,IAAW,OAAOC,GAAuDC,MAA2B;AAClG,QAAA,EAAE,WAAAC,GAAW,YAAAC,EAAA,IAAeH;AAElC,eAAMI,EAAM,CAAC,GAENC,EAAe;AAAA,IACpB,MAAMJ,EAAW,QAAQC,GAAWC,CAAU;AAAA,IAC9C,YAAAH;AAAA,EAAA,CACD;AACH;AAEO,SAASM,EAAYC,GAAmB;AAC7C,QAAMC,IAAOC,EAAoB;AAAA,IAC/B,UAAU;AAAA,IACV,SAAS,CAAC;AAAA,IACV,cAAc;AAAA,IACd,eAAe;AAAA,IACf,MAAM,CAAC;AAAA,IACP,QAAQ;AAAA,IACR,UAAU;AAAA,IACV,YAAY;AAAA,IACZ,YAAYF,EAAM,SAAS;AAAA,IAC3B,WAAW;AAAA,IACX,WAAW;AAAA,IACX,YAAY;AAAA,IACZ,kCAAkB,IAAgB;AAAA,IAClC,qCAAqB,IAAY;AAAA,EAAA,CAClC;AAED,EAAAG;AAAA,IACE,MAAMH,EAAM;AAAA,IACZ,CAACI,MAAgB;AACV,MAAAH,EAAA,UAAUI,EAAUD,EAAY,OAAO,GAC5CH,EAAK,gBAAgB,QACrBG,EAAY,WACT,UACA,EAAA,KAAK,CAACE,MAAe;AACpB,QAAAL,EAAK,aAAaK,GAClBC,EAAM,iBAAiB;AAAA,MAAA,CACxB,EACA,MAAM,CAACC,MAASP,EAAK,QAAQO,CAAI;AAAA,IACtC;AAAA,IACA,EAAE,WAAW,GAAK;AAAA,EACpB;AAEM,QAAAC,IAAWC,EAAS,MACjBV,EAAM,QACd,GAEKW,IAAeD,EAAS,MACrBT,EAAK,QAAQ,OAAO,CAACW,GAAKC,MAAQD,IAAMC,EAAI,QAAQC,GAAK,CAAC,CAClE,GAEKC,IAAeL,EAAS,MAAMM,EAAIT,EAAM,KAAK,aAAaA,EAAM,KAAK,YAAY,CAACU,MAAOA,IAAI,IAAIA,IAAI,CAAE,CAAC,GACxGC,IAAgBR,EAAS,MAAMM,EAAIL,EAAa,QAAQJ,EAAM,KAAK,WAAW,CAACU,MAAOA,IAAI,IAAIA,IAAI,CAAE,CAAC,GAErGE,IAAiBT,EAAgD,OAC9D;AAAA,IACL,YAAYT,EAAK;AAAA,IACjB,WAAWA,EAAK;AAAA,IAChB,SAASA,EAAK;AAAA,EAChB,EACD,GAEKmB,IAAeC,EAAgB;AAAA,IACnC,MAAApB;AAAA,IACA,UAAAQ;AAAA,EAAA,CACD,GAEKa,IAAYC,EAAatB,GAAMmB,CAAY,GAa3Cb,IAAQ;AAAA,IACZ,MAAAN;AAAA,IACA,UAAAQ;AAAA,IACA,cAAAW;AAAA,IACA,WAAAE;AAAA,IACA,aAhBkB,MAAM;AAClB,YAAAE,IAAWvB,EAAK,QAAQ,OAAO,CAACW,GAAKC,MAAQD,IAAMC,EAAI,QAAQC,GAAK,CAAC,GAErEW,IAAcxB,EAAK,YAAYA,EAAK;AAE1C,UAAIuB,IAAWC,GAAa;AAC1B,cAAMC,IAAOzB,EAAK,QAAQA,EAAK,QAAQ,SAAS,CAAC;AAC5C,QAAAyB,EAAA,QAAQA,EAAK,SAASD,IAAcD;AAAA,MAAA;AAAA,IAE7C;AAAA,IAQE,cAAcG,GAAwC;AACpD,WAAK,gBAAgB1B,EAAK,YAAY0B,EAAG,MAAM,GAC/C,KAAK,iBAAiB1B,EAAK,aAAa0B,EAAG,MAAM;AAAA,IACnD;AAAA,IACA,kBAAyB;AAChB,aAAA1B,EAAK,KAAK,OAAO,CAAC2B,MAAQ3B,EAAK,aAAa,IAAI2B,EAAI,UAAU,CAAC;AAAA,IACxE;AAAA,IACA,qBAA2C;AAClC,aAAA3B,EAAK,QAAQ,OAAO,CAACY,MAAQZ,EAAK,gBAAgB,IAAIY,EAAI,EAAE,CAAC;AAAA,IACtE;AAAA,IACA,UAAUgB,GAAmB;AACtB,MAAA5B,EAAA,aAAa,IAAI4B,CAAK;AAAA,IAC7B;AAAA,IACA,YAAYA,GAAmB;AACxB,MAAA5B,EAAA,aAAa,OAAO4B,CAAK;AAAA,IAChC;AAAA,IACA,aAAaC,GAAkB;AACxB,MAAA7B,EAAA,gBAAgB,IAAI6B,CAAQ;AAAA,IACnC;AAAA,IACA,eAAeA,GAAkB;AAC1B,MAAA7B,EAAA,gBAAgB,OAAO6B,CAAQ;AAAA,IACtC;AAAA,IACA,gBAAgBnC,GAAmB;AACjC,MAAAM,EAAK,YAAY8B,EAAMpC,GAAW,GAAGoB,EAAa,KAAK;AAAA,IACzD;AAAA,IACA,iBAAiBiB,GAAoB;AACnC,MAAA/B,EAAK,aAAa8B,EAAMC,GAAY,GAAGd,EAAc,KAAK;AAAA,IAC5D;AAAA,IACA,mBAAmB;AACX,YAAA,EAAE,QAAAe,MAAWjC,EAAM,UACnB,EAAE,YAAAM,MAAeL,GACjBL,IAAaqC,IAAS3B,IAAaA,IAAa2B;AACtD,MAAAhC,EAAK,aAAaL;AAAA,IACpB;AAAA,IACA,iBAAiBsC,GAAyC;AACxD,WAAK,iBAAiB,GAChB3B,EAAA,KAAK,YAAY2B,EAAK,OAC5B3B,EAAM,YAAY,GAClBN,EAAK,OAAO,CAAC,GACbA,EAAK,gBAAgB;AAAA,IAAA;AAAA,EAEzB;AAEA,SAAAE;AAAA,IACEgB;AAAA,IACA,CAACgB,GAAGC,MAAO;AACT,YAAMC,IAAUF,EAAE;AAIlB,OAFmB,CAACE,KAAWF,EAAE,YAAYE,EAAQ,aAAaF,EAAE,YAAYA,EAAE,aAAaE,EAAQ,aAAaA,EAAQ,eAG1HpC,EAAK,gBAAgB;AAAA,QACnB,WAAWkC,EAAE,YAAYG;AAAA,QACzB,YAAYH,EAAE,aAAaG,IAAe;AAAA,MAC5C,GACA9C,EAASa,EAAUJ,EAAK,aAAa,GAAGQ,EAAS,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,MAAA8B,GAAM,YAAA9C,QAAiB;AAChG,QAAI+C,EAAUvC,EAAK,eAAeR,CAAU,MAC1CQ,EAAK,OAAOsC;AAAA,MACd,CACD;AAAA,IAEL;AAAA,IACA,EAAE,MAAM,IAAM,WAAW,GAAK;AAAA,EAChC,GAEAE,EAAQC,GAAUnC,CAAK,GAEhBA;AACT;"}