@milaboratories/uikit 2.4.1 → 2.4.3

package/dist/components/DataTable/ThCell.vue.d.ts

@@ -12,4 +12,3 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {
     "onChange:sort"?: ((...args: any[]) => any) | undefined;
 }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
 export default _default;
-//# sourceMappingURL=ThCell.vue.d.ts.map

package/dist/components/DataTable/ThCell.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"ThCell.vue.js","sources":["../../../src/components/DataTable/ThCell.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { showContextMenu } from '../contextMenu';\nimport type { ContextOption } from '../contextMenu/types';\nimport { rotate } from './domain';\nimport type { ColumnSpecSettings } from './types';\n\nconst emit = defineEmits(['delete:column', 'expand:column', 'change:sort']);\n\ndefineProps<{\n  col: ColumnSpecSettings;\n}>();\n\nfunction onContextMenu(ev: MouseEvent) {\n  ev.preventDefault();\n\n  const options = [] as ContextOption[]; // @TODO\n\n  if (!options.length) {\n    return;\n  }\n\n  showContextMenu(ev, options);\n}\n\nfunction onSort(col: ColumnSpecSettings) {\n  const v = col.sort?.direction ?? 'DESC';\n  emit('change:sort', {\n    colId: col.id,\n    direction: rotate(v, ['DESC', 'ASC']),\n  });\n}\n</script>\n\n<template>\n  <div class=\"cell th-cell\" :data-col-id.attr=\"col.id\" :class=\"{ 'justify-center': col.justify, frozen: col.frozen }\" @contextmenu=\"onContextMenu\">\n    <div v-if=\"col.valueType\" :class=\"col.valueType\" />\n    {{ col.label }}\n    <div v-if=\"col.sort\" class=\"sort\" :class=\"col.sort.direction\" @click.stop=\"() => onSort(col)\" />\n  </div>\n</template>\n"],"names":["emit","__emit","onContextMenu","ev","options","showContextMenu","onSort","col","v","_a","rotate"],"mappings":";;;;;;;;;;AAMA,UAAMA,IAAOC;AAMb,aAASC,EAAcC,GAAgB;AACrC,MAAAA,EAAG,eAAe;AAElB,YAAMC,IAAU,CAAC;AAEb,MAACA,EAAQ,UAIbC,EAAgBF,GAAIC,CAAO;AAAA,IAAA;AAG7B,aAASE,EAAOC,GAAyB;;AACjC,YAAAC,MAAIC,IAAAF,EAAI,SAAJ,gBAAAE,EAAU,cAAa;AACjC,MAAAT,EAAK,eAAe;AAAA,QAClB,OAAOO,EAAI;AAAA,QACX,WAAWG,EAAOF,GAAG,CAAC,QAAQ,KAAK,CAAC;AAAA,MAAA,CACrC;AAAA,IAAA;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"ThCell.vue.js","sources":["../../../src/components/DataTable/ThCell.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { showContextMenu } from '../contextMenu';\nimport type { ContextOption } from '../contextMenu/types';\nimport { rotate } from './domain';\nimport type { ColumnSpecSettings } from './types';\n\nconst emit = defineEmits(['delete:column', 'expand:column', 'change:sort']);\n\ndefineProps<{\n  col: ColumnSpecSettings;\n}>();\n\nfunction onContextMenu(ev: MouseEvent) {\n  ev.preventDefault();\n\n  const options = [] as ContextOption[]; // @TODO\n\n  if (!options.length) {\n    return;\n  }\n\n  showContextMenu(ev, options);\n}\n\nfunction onSort(col: ColumnSpecSettings) {\n  const v = col.sort?.direction ?? 'DESC';\n  emit('change:sort', {\n    colId: col.id,\n    direction: rotate(v, ['DESC', 'ASC']),\n  });\n}\n</script>\n\n<template>\n  <div class=\"cell th-cell\" :data-col-id.attr=\"col.id\" :class=\"{ 'justify-center': col.justify, frozen: col.frozen }\" @contextmenu=\"onContextMenu\">\n    <div v-if=\"col.valueType\" :class=\"col.valueType\" />\n    {{ col.label }}\n    <div v-if=\"col.sort\" class=\"sort\" :class=\"col.sort.direction\" @click.stop=\"() => onSort(col)\" />\n  </div>\n</template>\n"],"names":["emit","__emit","onContextMenu","ev","options","showContextMenu","onSort","col","v","_a","rotate"],"mappings":";;;;;;;;;;AAMA,UAAMA,IAAOC;AAMb,aAASC,EAAcC,GAAgB;AACrC,MAAAA,EAAG,eAAA;AAEH,YAAMC,IAAU,CAAA;AAEhB,MAAKA,EAAQ,UAIbC,EAAgBF,GAAIC,CAAO;AAAA,IAC7B;AAEA,aAASE,EAAOC,GAAyB;;AACvC,YAAMC,MAAIC,IAAAF,EAAI,SAAJ,gBAAAE,EAAU,cAAa;AACjC,MAAAT,EAAK,eAAe;AAAA,QAClB,OAAOO,EAAI;AAAA,QACX,WAAWG,EAAOF,GAAG,CAAC,QAAQ,KAAK,CAAC;AAAA,MAAA,CACrC;AAAA,IACH;;;;;;;;;;;;;;;;;;;"}

package/dist/components/DataTable/TrBody.vue.d.ts

@@ -23,4 +23,3 @@ type __VLS_WithTemplateSlots<T, S> = T & {
         $slots: S;
     };
 };
-//# sourceMappingURL=TrBody.vue.d.ts.map

package/dist/components/DataTable/TrBody.vue.js

@@ -1,5 +1,5 @@
-import { defineComponent as t, ref as l, createElementBlock as s, openBlock as n, normalizeStyle as a, normalizeClass as c, renderSlot as f, nextTick as p } from "vue";
-import { tapIf as m } from "../../lib/util/helpers/dist/index.js";
+import { defineComponent as t, ref as l, createElementBlock as s, openBlock as n, normalizeStyle as c, normalizeClass as a, renderSlot as f, nextTick as p } from "vue";
+import { tapIf as m } from "@milaboratories/helpers";
 const _ = /* @__PURE__ */ t({
   __name: "TrBody",
   props: {
@@ -14,9 +14,9 @@ const _ = /* @__PURE__ */ t({
     return (e, i) => (n(), s("div", {
       ref_key: "trRef",
       ref: o,
-      class: c(["tr-body", { selected: e.row.selected }]),
+      class: a(["tr-body", { selected: e.row.selected }]),
       scroll: "no",
-      style: a(e.row.style),
+      style: c(e.row.style),
       onScroll: r
     }, [
       f(e.$slots, "default")

package/dist/components/DataTable/TrBody.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"TrBody.vue.js","sources":["../../../src/components/DataTable/TrBody.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { ref, nextTick } from 'vue';\nimport type { TableRow } from './types';\nimport { tapIf } from '@milaboratories/helpers';\n\ndefineProps<{\n  row: TableRow;\n}>();\n\nconst trRef = ref<HTMLElement>();\n\n// hook to prevent weird left scroll after child repaint (@TODO)\nconst onScroll = () => {\n  nextTick().then(() => {\n    tapIf(trRef.value, (el) => (el.scrollLeft = 0));\n  });\n};\n</script>\n\n<template>\n  <div ref=\"trRef\" class=\"tr-body\" scroll=\"no\" :style=\"row.style\" :class=\"{ selected: row.selected }\" @scroll=\"onScroll\">\n    <slot />\n  </div>\n</template>\n"],"names":["trRef","ref","onScroll","nextTick","tapIf","el"],"mappings":";;;;;;;;AASA,UAAMA,IAAQC,EAAiB,GAGzBC,IAAW,MAAM;AACZ,MAAAC,EAAA,EAAE,KAAK,MAAM;AACpBC,QAAAA,EAAMJ,EAAM,OAAO,CAACK,MAAQA,EAAG,aAAa,CAAE;AAAA,MAAA,CAC/C;AAAA,IACH;;;;;;;;;;;;;"}
+{"version":3,"file":"TrBody.vue.js","sources":["../../../src/components/DataTable/TrBody.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { ref, nextTick } from 'vue';\nimport type { TableRow } from './types';\nimport { tapIf } from '@milaboratories/helpers';\n\ndefineProps<{\n  row: TableRow;\n}>();\n\nconst trRef = ref<HTMLElement>();\n\n// hook to prevent weird left scroll after child repaint (@TODO)\nconst onScroll = () => {\n  nextTick().then(() => {\n    tapIf(trRef.value, (el) => (el.scrollLeft = 0));\n  });\n};\n</script>\n\n<template>\n  <div ref=\"trRef\" class=\"tr-body\" scroll=\"no\" :style=\"row.style\" :class=\"{ selected: row.selected }\" @scroll=\"onScroll\">\n    <slot />\n  </div>\n</template>\n"],"names":["trRef","ref","onScroll","nextTick","tapIf","el"],"mappings":";;;;;;;;AASA,UAAMA,IAAQC,EAAA,GAGRC,IAAW,MAAM;AACrB,MAAAC,EAAA,EAAW,KAAK,MAAM;AACpB,QAAAC,EAAMJ,EAAM,OAAO,CAACK,MAAQA,EAAG,aAAa,CAAE;AAAA,MAChD,CAAC;AAAA,IACH;;;;;;;;;;;;;"}

package/dist/components/DataTable/TrHead.vue.d.ts

@@ -15,4 +15,3 @@ type __VLS_WithTemplateSlots<T, S> = T & {
         $slots: S;
     };
 };
-//# sourceMappingURL=TrHead.vue.d.ts.map

package/dist/components/DataTable/adapters/AsyncData.d.ts

@@ -9,4 +9,3 @@ export declare class AsyncData<D extends DataRow> implements Types.DataSource {
     getHeight(): Promise<number>;
     getRows(scrollTop: number, bodyHeight: number): Promise<Row[]>;
 }
-//# sourceMappingURL=AsyncData.d.ts.map

package/dist/components/DataTable/adapters/AsyncData.js

@@ -1,22 +1,22 @@
-import { GAP as e } from "../constants.js";
-import { clamp as a } from "../../../lib/util/helpers/dist/index.js";
+import { GAP as s } from "../constants.js";
+import { clamp as a } from "@milaboratories/helpers";
 class y {
   constructor(i, r, t) {
     this.api = i, this.rowHeight = r, this.resolvePrimaryKey = t;
   }
   get height() {
-    return this.rowHeight + e;
+    return this.rowHeight + s;
   }
   async getHeight() {
     return await this.api.count() * this.height;
   }
   async getRows(i, r) {
     const t = a(Math.floor(i / this.height), 0, Number.POSITIVE_INFINITY), o = Math.ceil(r + 40 / this.height);
-    return (await this.api.query({ offset: t, limit: o })).map((s, h) => ({
-      dataRow: s,
+    return (await this.api.query({ offset: t, limit: o })).map((e, h) => ({
+      dataRow: e,
       index: t + h,
-      primaryKey: this.resolvePrimaryKey(s, t + h),
-      offset: (t + h) * (this.rowHeight + e),
+      primaryKey: this.resolvePrimaryKey(e, t + h),
+      offset: (t + h) * (this.rowHeight + s),
       height: this.rowHeight
     }));
   }

package/dist/components/DataTable/adapters/AsyncData.js.map

@@ -1 +1 @@
-{"version":3,"file":"AsyncData.js","sources":["../../../../src/components/DataTable/adapters/AsyncData.ts"],"sourcesContent":["import type * as Types from '../types';\nimport type { DataRow, Row } from '../types';\nimport { GAP } from '../constants';\nimport { clamp } from '@milaboratories/helpers';\n\nexport class AsyncData<D extends DataRow> implements Types.DataSource {\n  constructor(\n    public readonly api: Types.ExternalApi<D>,\n    public readonly rowHeight: number,\n    public readonly resolvePrimaryKey: Types.ResolvePrimaryKey,\n  ) {}\n\n  get height() {\n    return this.rowHeight + GAP;\n  }\n\n  async getHeight(): Promise<number> {\n    return (await this.api.count()) * this.height;\n  }\n\n  async getRows(scrollTop: number, bodyHeight: number): Promise<Row[]> {\n    const offset = clamp(Math.floor(scrollTop / this.height), 0, Number.POSITIVE_INFINITY);\n    const limit = Math.ceil(bodyHeight + 40 / this.height); // @TODO safe window\n    const rows = await this.api.query({ offset, limit });\n    return rows.map<Types.Row>((dataRow, index) => ({\n      dataRow,\n      index: offset + index,\n      primaryKey: this.resolvePrimaryKey(dataRow, offset + index) as Types.PrimaryKey,\n      offset: (offset + index) * (this.rowHeight + GAP),\n      height: this.rowHeight,\n    }));\n  }\n}\n"],"names":["AsyncData","api","rowHeight","resolvePrimaryKey","GAP","scrollTop","bodyHeight","offset","clamp","limit","dataRow","index"],"mappings":";;AAKO,MAAMA,EAAyD;AAAA,EACpE,YACkBC,GACAC,GACAC,GAChB;AAHgB,SAAA,MAAAF,GACA,KAAA,YAAAC,GACA,KAAA,oBAAAC;AAAA,EAAA;AAAA,EAGlB,IAAI,SAAS;AACX,WAAO,KAAK,YAAYC;AAAA,EAAA;AAAA,EAG1B,MAAM,YAA6B;AACjC,WAAQ,MAAM,KAAK,IAAI,UAAW,KAAK;AAAA,EAAA;AAAA,EAGzC,MAAM,QAAQC,GAAmBC,GAAoC;AAC7D,UAAAC,IAASC,EAAM,KAAK,MAAMH,IAAY,KAAK,MAAM,GAAG,GAAG,OAAO,iBAAiB,GAC/EI,IAAQ,KAAK,KAAKH,IAAa,KAAK,KAAK,MAAM;AAErD,YADa,MAAM,KAAK,IAAI,MAAM,EAAE,QAAAC,GAAQ,OAAAE,GAAO,GACvC,IAAe,CAACC,GAASC,OAAW;AAAA,MAC9C,SAAAD;AAAA,MACA,OAAOH,IAASI;AAAA,MAChB,YAAY,KAAK,kBAAkBD,GAASH,IAASI,CAAK;AAAA,MAC1D,SAASJ,IAASI,MAAU,KAAK,YAAYP;AAAA,MAC7C,QAAQ,KAAK;AAAA,IAAA,EACb;AAAA,EAAA;AAEN;"}
+{"version":3,"file":"AsyncData.js","sources":["../../../../src/components/DataTable/adapters/AsyncData.ts"],"sourcesContent":["import type * as Types from '../types';\nimport type { DataRow, Row } from '../types';\nimport { GAP } from '../constants';\nimport { clamp } from '@milaboratories/helpers';\n\nexport class AsyncData<D extends DataRow> implements Types.DataSource {\n  constructor(\n    public readonly api: Types.ExternalApi<D>,\n    public readonly rowHeight: number,\n    public readonly resolvePrimaryKey: Types.ResolvePrimaryKey,\n  ) {}\n\n  get height() {\n    return this.rowHeight + GAP;\n  }\n\n  async getHeight(): Promise<number> {\n    return (await this.api.count()) * this.height;\n  }\n\n  async getRows(scrollTop: number, bodyHeight: number): Promise<Row[]> {\n    const offset = clamp(Math.floor(scrollTop / this.height), 0, Number.POSITIVE_INFINITY);\n    const limit = Math.ceil(bodyHeight + 40 / this.height); // @TODO safe window\n    const rows = await this.api.query({ offset, limit });\n    return rows.map<Types.Row>((dataRow, index) => ({\n      dataRow,\n      index: offset + index,\n      primaryKey: this.resolvePrimaryKey(dataRow, offset + index) as Types.PrimaryKey,\n      offset: (offset + index) * (this.rowHeight + GAP),\n      height: this.rowHeight,\n    }));\n  }\n}\n"],"names":["AsyncData","api","rowHeight","resolvePrimaryKey","GAP","scrollTop","bodyHeight","offset","clamp","limit","dataRow","index"],"mappings":";;AAKO,MAAMA,EAAyD;AAAA,EACpE,YACkBC,GACAC,GACAC,GAChB;AAHgB,SAAA,MAAAF,GACA,KAAA,YAAAC,GACA,KAAA,oBAAAC;AAAA,EACf;AAAA,EAEH,IAAI,SAAS;AACX,WAAO,KAAK,YAAYC;AAAA,EAC1B;AAAA,EAEA,MAAM,YAA6B;AACjC,WAAQ,MAAM,KAAK,IAAI,MAAA,IAAW,KAAK;AAAA,EACzC;AAAA,EAEA,MAAM,QAAQC,GAAmBC,GAAoC;AACnE,UAAMC,IAASC,EAAM,KAAK,MAAMH,IAAY,KAAK,MAAM,GAAG,GAAG,OAAO,iBAAiB,GAC/EI,IAAQ,KAAK,KAAKH,IAAa,KAAK,KAAK,MAAM;AAErD,YADa,MAAM,KAAK,IAAI,MAAM,EAAE,QAAAC,GAAQ,OAAAE,GAAO,GACvC,IAAe,CAACC,GAASC,OAAW;AAAA,MAC9C,SAAAD;AAAA,MACA,OAAOH,IAASI;AAAA,MAChB,YAAY,KAAK,kBAAkBD,GAASH,IAASI,CAAK;AAAA,MAC1D,SAASJ,IAASI,MAAU,KAAK,YAAYP;AAAA,MAC7C,QAAQ,KAAK;AAAA,IAAA,EACb;AAAA,EACJ;AACF;"}

package/dist/components/DataTable/adapters/RawData.d.ts

@@ -10,4 +10,3 @@ export declare class RawData<D extends DataRow = DataRow> implements Types.DataS
     getHeight(): Promise<number>;
     getRows(scrollTop: number, bodyHeight: number): Promise<Row<D>[]>;
 }
-//# sourceMappingURL=RawData.d.ts.map

package/dist/components/DataTable/adapters/RawData.js

@@ -3,7 +3,7 @@ var m = (r, t, e) => t in r ? c(r, t, { enumerable: !0, configurable: !0, writab
 var g = (r, t, e) => m(r, typeof t != "symbol" ? t + "" : t, e);
 import { GAP as y } from "../constants.js";
 import { sliceBy as l } from "../domain.js";
-import { notEmpty as p } from "../../../lib/util/helpers/dist/index.js";
+import { notEmpty as p } from "@milaboratories/helpers";
 const n = /* @__PURE__ */ new WeakMap();
 class K {
   constructor(t, e, h) {

package/dist/components/DataTable/adapters/RawData.js.map

@@ -1 +1 @@
-{"version":3,"file":"RawData.js","sources":["../../../../src/components/DataTable/adapters/RawData.ts"],"sourcesContent":["import type * as Types from '../types';\nimport type { DataRow, ResolvePrimaryKey, Row, ResolveRowHeight } from '../types';\nimport { GAP } from '../constants';\nimport { sliceBy } from '../domain';\nimport { notEmpty } from '@milaboratories/helpers';\n\nconst rowsStore = new WeakMap<WeakKey, Row[]>();\n\nexport class RawData<D extends DataRow = DataRow> implements Types.DataSource {\n  private dataHeight: number;\n\n  constructor(\n    public readonly datum: D[],\n    public readonly resolveHeight: ResolveRowHeight<D>,\n    public readonly resolvePrimaryKey: ResolvePrimaryKey<D>,\n  ) {\n    const offsets = datum.reduce(\n      (dict, it, index) => {\n        dict.indices.set(index, dict.total);\n        dict.total += this.resolveHeight(it, index) + GAP;\n        return dict;\n      },\n      {\n        total: 0,\n        indices: new Map<number, number>(),\n      },\n    );\n\n    this.dataHeight = offsets.total;\n\n    const rows = datum.map((dataRow, index) => ({\n      dataRow,\n      index,\n      primaryKey: this.resolvePrimaryKey(dataRow, index) as Types.PrimaryKey,\n      offset: notEmpty(offsets.indices.get(index)),\n      height: this.resolveHeight(dataRow, index),\n    }));\n\n    rowsStore.set(this, rows);\n  }\n\n  get rows(): Row<D>[] {\n    return rowsStore.get(this)! as Row<D>[];\n  }\n\n  async getHeight() {\n    return this.dataHeight;\n  }\n\n  async getRows(scrollTop: number, bodyHeight: number): Promise<Row<D>[]> {\n    return sliceBy(this.rows, (it) => {\n      const offset = it.offset;\n      return scrollTop < offset + it.height && offset < bodyHeight + scrollTop;\n    });\n  }\n}\n"],"names":["rowsStore","RawData","datum","resolveHeight","resolvePrimaryKey","__publicField","offsets","dict","it","index","GAP","rows","dataRow","notEmpty","scrollTop","bodyHeight","sliceBy","offset"],"mappings":";;;;;;AAMA,MAAMA,wBAAgB,QAAwB;AAEvC,MAAMC,EAAiE;AAAA,EAG5E,YACkBC,GACAC,GACAC,GAChB;AANM,IAAAC,EAAA;AAGU,SAAA,QAAAH,GACA,KAAA,gBAAAC,GACA,KAAA,oBAAAC;AAEhB,UAAME,IAAUJ,EAAM;AAAA,MACpB,CAACK,GAAMC,GAAIC,OACTF,EAAK,QAAQ,IAAIE,GAAOF,EAAK,KAAK,GAClCA,EAAK,SAAS,KAAK,cAAcC,GAAIC,CAAK,IAAIC,GACvCH;AAAA,MAET;AAAA,QACE,OAAO;AAAA,QACP,6BAAa,IAAoB;AAAA,MAAA;AAAA,IAErC;AAEA,SAAK,aAAaD,EAAQ;AAE1B,UAAMK,IAAOT,EAAM,IAAI,CAACU,GAASH,OAAW;AAAA,MAC1C,SAAAG;AAAA,MACA,OAAAH;AAAA,MACA,YAAY,KAAK,kBAAkBG,GAASH,CAAK;AAAA,MACjD,QAAQI,EAASP,EAAQ,QAAQ,IAAIG,CAAK,CAAC;AAAA,MAC3C,QAAQ,KAAK,cAAcG,GAASH,CAAK;AAAA,IAAA,EACzC;AAEQ,IAAAT,EAAA,IAAI,MAAMW,CAAI;AAAA,EAAA;AAAA,EAG1B,IAAI,OAAiB;AACZ,WAAAX,EAAU,IAAI,IAAI;AAAA,EAAA;AAAA,EAG3B,MAAM,YAAY;AAChB,WAAO,KAAK;AAAA,EAAA;AAAA,EAGd,MAAM,QAAQc,GAAmBC,GAAuC;AACtE,WAAOC,EAAQ,KAAK,MAAM,CAACR,MAAO;AAChC,YAAMS,IAAST,EAAG;AAClB,aAAOM,IAAYG,IAAST,EAAG,UAAUS,IAASF,IAAaD;AAAA,IAAA,CAChE;AAAA,EAAA;AAEL;"}
+{"version":3,"file":"RawData.js","sources":["../../../../src/components/DataTable/adapters/RawData.ts"],"sourcesContent":["import type * as Types from '../types';\nimport type { DataRow, ResolvePrimaryKey, Row, ResolveRowHeight } from '../types';\nimport { GAP } from '../constants';\nimport { sliceBy } from '../domain';\nimport { notEmpty } from '@milaboratories/helpers';\n\nconst rowsStore = new WeakMap<WeakKey, Row[]>();\n\nexport class RawData<D extends DataRow = DataRow> implements Types.DataSource {\n  private dataHeight: number;\n\n  constructor(\n    public readonly datum: D[],\n    public readonly resolveHeight: ResolveRowHeight<D>,\n    public readonly resolvePrimaryKey: ResolvePrimaryKey<D>,\n  ) {\n    const offsets = datum.reduce(\n      (dict, it, index) => {\n        dict.indices.set(index, dict.total);\n        dict.total += this.resolveHeight(it, index) + GAP;\n        return dict;\n      },\n      {\n        total: 0,\n        indices: new Map<number, number>(),\n      },\n    );\n\n    this.dataHeight = offsets.total;\n\n    const rows = datum.map((dataRow, index) => ({\n      dataRow,\n      index,\n      primaryKey: this.resolvePrimaryKey(dataRow, index) as Types.PrimaryKey,\n      offset: notEmpty(offsets.indices.get(index)),\n      height: this.resolveHeight(dataRow, index),\n    }));\n\n    rowsStore.set(this, rows);\n  }\n\n  get rows(): Row<D>[] {\n    return rowsStore.get(this)! as Row<D>[];\n  }\n\n  async getHeight() {\n    return this.dataHeight;\n  }\n\n  async getRows(scrollTop: number, bodyHeight: number): Promise<Row<D>[]> {\n    return sliceBy(this.rows, (it) => {\n      const offset = it.offset;\n      return scrollTop < offset + it.height && offset < bodyHeight + scrollTop;\n    });\n  }\n}\n"],"names":["rowsStore","RawData","datum","resolveHeight","resolvePrimaryKey","__publicField","offsets","dict","it","index","GAP","rows","dataRow","notEmpty","scrollTop","bodyHeight","sliceBy","offset"],"mappings":";;;;;;AAMA,MAAMA,wBAAgB,QAAA;AAEf,MAAMC,EAAiE;AAAA,EAG5E,YACkBC,GACAC,GACAC,GAChB;AANM,IAAAC,EAAA;AAGU,SAAA,QAAAH,GACA,KAAA,gBAAAC,GACA,KAAA,oBAAAC;AAEhB,UAAME,IAAUJ,EAAM;AAAA,MACpB,CAACK,GAAMC,GAAIC,OACTF,EAAK,QAAQ,IAAIE,GAAOF,EAAK,KAAK,GAClCA,EAAK,SAAS,KAAK,cAAcC,GAAIC,CAAK,IAAIC,GACvCH;AAAA,MAET;AAAA,QACE,OAAO;AAAA,QACP,6BAAa,IAAA;AAAA,MAAoB;AAAA,IACnC;AAGF,SAAK,aAAaD,EAAQ;AAE1B,UAAMK,IAAOT,EAAM,IAAI,CAACU,GAASH,OAAW;AAAA,MAC1C,SAAAG;AAAA,MACA,OAAAH;AAAA,MACA,YAAY,KAAK,kBAAkBG,GAASH,CAAK;AAAA,MACjD,QAAQI,EAASP,EAAQ,QAAQ,IAAIG,CAAK,CAAC;AAAA,MAC3C,QAAQ,KAAK,cAAcG,GAASH,CAAK;AAAA,IAAA,EACzC;AAEF,IAAAT,EAAU,IAAI,MAAMW,CAAI;AAAA,EAC1B;AAAA,EAEA,IAAI,OAAiB;AACnB,WAAOX,EAAU,IAAI,IAAI;AAAA,EAC3B;AAAA,EAEA,MAAM,YAAY;AAChB,WAAO,KAAK;AAAA,EACd;AAAA,EAEA,MAAM,QAAQc,GAAmBC,GAAuC;AACtE,WAAOC,EAAQ,KAAK,MAAM,CAACR,MAAO;AAChC,YAAMS,IAAST,EAAG;AAClB,aAAOM,IAAYG,IAAST,EAAG,UAAUS,IAASF,IAAaD;AAAA,IACjE,CAAC;AAAA,EACH;AACF;"}

package/dist/components/DataTable/assets/TableIcon.vue.d.ts

@@ -1,3 +1,2 @@
 declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, SVGSVGElement>;
 export default _default;
-//# sourceMappingURL=TableIcon.vue.d.ts.map

package/dist/components/DataTable/assets/TableIcon.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableIcon.vue.js","sources":["../../../../src/components/DataTable/assets/TableIcon.vue"],"sourcesContent":["<template>\n  <svg width=\"48\" height=\"48\" viewBox=\"0 0 48 48\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n    <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M24 41.5H9C7.61929 41.5 6.5 40.3807 6.5 39V24H9.5V38.5H24V41.5Z\" fill=\"#CFD1DB\" />\n    <path\n      fill-rule=\"evenodd\"\n      clip-rule=\"evenodd\"\n      d=\"M41.5 9C41.5 7.61929 40.3807 6.5 39 6.5H9C7.61929 6.5 6.5 7.61929 6.5 9V19.5H9.5H28.5V38.5V41.5H39C40.3807 41.5 41.5 40.3807 41.5 39V9ZM38.5 9.5V16.5H31.5V9.5H38.5ZM38.5 38.5V19.5H31.5V38.5H38.5ZM9.5 9.5V16.5H28.5V9.5H9.5Z\"\n      fill=\"#CFD1DB\"\n    />\n  </svg>\n</template>\n"],"names":["_hoisted_1","_sfc_render","_ctx","_cache","_openBlock","_createElementBlock","_createElementVNode"],"mappings":";;cACOA,IAAU;AAAA,EAAC;EAAY;EAAoB,SAAW;AAAA,EAAC;;;AAA5D,SAAAC,EAAAC,GAAAC,GAAA;SACqIC,EAAA,GAAAC,EAAA,OAAAL,GAAAG,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA;AAAA,IAA7HG,EAAmB,QAAA;AAAA,MAAC,aAAU;AAAA,MAAU,aAAmE;AAAA,MAAC,GAAA;AAAA;OAMhH,MAAA,EAAA;AAAA,IAJAA,EAAmB,QAAA;AAAA,MACnB,aAAU;AAAA,MACV,aAAkO;AAAA,MAClO,GAAA;AAAA;;;;;"}
+{"version":3,"file":"TableIcon.vue.js","sources":["../../../../src/components/DataTable/assets/TableIcon.vue"],"sourcesContent":["<template>\n  <svg width=\"48\" height=\"48\" viewBox=\"0 0 48 48\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n    <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M24 41.5H9C7.61929 41.5 6.5 40.3807 6.5 39V24H9.5V38.5H24V41.5Z\" fill=\"#CFD1DB\" />\n    <path\n      fill-rule=\"evenodd\"\n      clip-rule=\"evenodd\"\n      d=\"M41.5 9C41.5 7.61929 40.3807 6.5 39 6.5H9C7.61929 6.5 6.5 7.61929 6.5 9V19.5H9.5H28.5V38.5V41.5H39C40.3807 41.5 41.5 40.3807 41.5 39V9ZM38.5 9.5V16.5H31.5V9.5H38.5ZM38.5 38.5V19.5H31.5V38.5H38.5ZM9.5 9.5V16.5H28.5V9.5H9.5Z\"\n      fill=\"#CFD1DB\"\n    />\n  </svg>\n</template>\n"],"names":["_hoisted_1","_sfc_render","_ctx","_cache","_openBlock","_createElementBlock","_createElementVNode"],"mappings":";;cACOA,IAAU;AAAA,EAAC;EAAY;EAAoB,SAAK;AAAA,EAAO;;;AAA5D,SAAAC,EAAAC,GAAAC,GAAA;SACEC,EAAA,GAAmIC,EAAA,OAAAL,GAAAG,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA;AAAA,IAA7HG,EAAU,QAAS;AAAA,MAAC,aAAU;AAAA,MAAU,aAAE;AAAA,MAAkE,GAAA;AAAA;OAClH,MAAA,EAAA;AAAA,IACEA,EAAU,QAAS;AAAA,MACnB,aAAU;AAAA,MACV,aAAE;AAAA,MACF,GAAA;AAAA;;;;;"}

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

@@ -8,4 +8,3 @@ export declare function useColumn(cb: (state: {
         width: number;
     }) => void;
 };
-//# sourceMappingURL=useColumn.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"useColumn.js","sources":["../../../../src/components/DataTable/composition/useColumn.ts"],"sourcesContent":["import { useEventListener } from '../../../composition/useEventListener.ts';\nimport { useMouseUp } from './useMouseUp';\nimport { requestTick } from '../../../helpers';\n\nexport function useColumn(cb: (state: { x: number; width: number; diff: number }) => void, clear: () => void) {\n  let state = undefined as { x: number; width: number } | undefined;\n\n  function start(e: { x: number; width: number }) {\n    state = { ...e };\n  }\n\n  useMouseUp(() => {\n    state = undefined;\n    clear();\n  });\n\n  const handle = requestTick(cb);\n\n  useEventListener(window, 'mousemove', (e: { x: number }) => {\n    if (state) {\n      handle({\n        x: state.x,\n        width: state.width,\n        diff: e.x - state.x,\n      });\n    }\n  });\n\n  return {\n    start,\n  };\n}\n"],"names":["useColumn","cb","clear","state","start","e","useMouseUp","handle","requestTick","useEventListener"],"mappings":";;;AAIgB,SAAAA,EAAUC,GAAiEC,GAAmB;AAC5G,MAAIC;AAEJ,WAASC,EAAMC,GAAiC;AACtC,IAAAF,IAAA,EAAE,GAAGE,EAAE;AAAA,EAAA;AAGjB,EAAAC,EAAW,MAAM;AACP,IAAAH,IAAA,QACFD,EAAA;AAAA,EAAA,CACP;AAEK,QAAAK,IAASC,EAAYP,CAAE;AAEZ,SAAAQ,EAAA,QAAQ,aAAa,CAACJ,MAAqB;AAC1D,IAAIF,KACKI,EAAA;AAAA,MACL,GAAGJ,EAAM;AAAA,MACT,OAAOA,EAAM;AAAA,MACb,MAAME,EAAE,IAAIF,EAAM;AAAA,IAAA,CACnB;AAAA,EACH,CACD,GAEM;AAAA,IACL,OAAAC;AAAA,EACF;AACF;"}
+{"version":3,"file":"useColumn.js","sources":["../../../../src/components/DataTable/composition/useColumn.ts"],"sourcesContent":["import { useEventListener } from '../../../composition/useEventListener.ts';\nimport { useMouseUp } from './useMouseUp';\nimport { requestTick } from '../../../helpers';\n\nexport function useColumn(cb: (state: { x: number; width: number; diff: number }) => void, clear: () => void) {\n  let state = undefined as { x: number; width: number } | undefined;\n\n  function start(e: { x: number; width: number }) {\n    state = { ...e };\n  }\n\n  useMouseUp(() => {\n    state = undefined;\n    clear();\n  });\n\n  const handle = requestTick(cb);\n\n  useEventListener(window, 'mousemove', (e: { x: number }) => {\n    if (state) {\n      handle({\n        x: state.x,\n        width: state.width,\n        diff: e.x - state.x,\n      });\n    }\n  });\n\n  return {\n    start,\n  };\n}\n"],"names":["useColumn","cb","clear","state","start","e","useMouseUp","handle","requestTick","useEventListener"],"mappings":";;;AAIO,SAASA,EAAUC,GAAiEC,GAAmB;AAC5G,MAAIC;AAEJ,WAASC,EAAMC,GAAiC;AAC9C,IAAAF,IAAQ,EAAE,GAAGE,EAAA;AAAA,EACf;AAEA,EAAAC,EAAW,MAAM;AACf,IAAAH,IAAQ,QACRD,EAAA;AAAA,EACF,CAAC;AAED,QAAMK,IAASC,EAAYP,CAAE;AAE7B,SAAAQ,EAAiB,QAAQ,aAAa,CAACJ,MAAqB;AAC1D,IAAIF,KACFI,EAAO;AAAA,MACL,GAAGJ,EAAM;AAAA,MACT,OAAOA,EAAM;AAAA,MACb,MAAME,EAAE,IAAIF,EAAM;AAAA,IAAA,CACnB;AAAA,EAEL,CAAC,GAEM;AAAA,IACL,OAAAC;AAAA,EAAA;AAEJ;"}

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

@@ -1,2 +1 @@
 export declare function useMouseUp(update: (ev: globalThis.MouseEvent) => void): void;
-//# sourceMappingURL=useMouseUp.d.ts.map

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

@@ -7,4 +7,3 @@ export declare function useResize(state: State, tableRef: Ref<HTMLElement | unde
     mouseDown: (e: MouseEvent) => void;
 };
 export {};
-//# sourceMappingURL=useResize.d.ts.map

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

@@ -3,10 +3,10 @@ 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]) ?? [];
+import { tapIf as l, identity as w, clamp as T } from "@milaboratories/helpers";
+function I(i) {
+  var s;
+  const r = l((s = h(i)) == null ? void 0 : s.querySelectorAll(".th-cell"), (o) => [...o]) ?? [];
   return r.map((o) => {
     const { width: e, x: n } = o.getBoundingClientRect(), c = o.getAttribute("data-col-id");
     return w({
@@ -17,12 +17,12 @@ function I(s) {
     });
   }).slice(0, r.length - 1);
 }
-function E(s, r) {
-  const i = y(), o = g(r, {}), { data: e } = s, n = a(
+function E(i, r) {
+  const s = y(), o = g(r, {}), { data: e } = i, 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());
+        d && (d.width = T(t.width + t.diff, p, 1e4), i.adjustWidth());
       });
     },
     () => {
@@ -41,7 +41,7 @@ function E(s, r) {
     }
     if (e.resize)
       return;
-    const t = I(r).find((u) => Math.abs(i.x - u.right) < z);
+    const t = I(r).find((u) => Math.abs(s.x - u.right) < z);
     t ? (document.body.style.cursor = "col-resize", e.resizeTh = t) : (e.resizeTh = void 0, document.body.style.cursor = "");
   }), {
     mouseDown: c

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

@@ -1 +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;"}
+{"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,CAAA;AACnF,SAAOJ,EACJ,IAAI,CAACK,MAAO;AACX,UAAM,EAAE,OAAAC,GAAO,GAAAC,MAAMF,EAAG,sBAAA,GAClBG,IAAQH,EAAG,aAAa,aAAa;AAC3C,WAAOI,EAAmB;AAAA,MACxB,OAAAD;AAAA,MACA,OAAAF;AAAA,MACA,GAAAC;AAAA,MACA,OAAOA,IAAID;AAAA,IAAA,CACZ;AAAA,EACH,CAAC,EACA,MAAM,GAAGN,EAAI,SAAS,CAAC;AAC5B;AAEO,SAASU,EAAUC,GAAcZ,GAAwC;AAC9E,QAAMa,IAAWC,EAAA,GACXC,IAAYC,EAAShB,GAAU,EAAE,GACjC,EAAE,MAAAiB,MAASL,GAEXM,IAASC;AAAA,IACb,CAACC,MAAM;AACL,MAAAlB,EAAMe,EAAK,UAAU,CAACX,MAAO;AAC3B,cAAMe,IAAMJ,EAAK,QAAQ,KAAK,CAACI,MAAQA,EAAI,OAAOf,EAAG,KAAK;AAC1D,QAAIe,MACFA,EAAI,QAAQC,EAAMF,EAAE,QAAQA,EAAE,MAAMG,GAAkB,GAAK,GAC3DX,EAAM,YAAA;AAAA,MAEV,CAAC;AAAA,IACH;AAAA,IACA,MAAM;AACJ,MAAAK,EAAK,SAAS,IACdA,EAAK,WAAW,QAChB,SAAS,KAAK,MAAM,SAAS;AAAA,IAC/B;AAAA,EAAA,GAGIO,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;AAChB,QAAI,CAACX,EAAU,OAAO;AACpB,eAAS,KAAK,MAAM,SAAS;AAC7B;AAAA,IACF;AAEA,QAAIE,EAAK;AACP;AAGF,UAAMX,IAAKP,EAAmBC,CAAQ,EAAE,KAAK,CAAC2B,MACrC,KAAK,IAAId,EAAS,IAAIc,EAAG,KAAK,IAAIC,CAC1C;AAED,IAAItB,KACF,SAAS,KAAK,MAAM,SAAS,cAC7BW,EAAK,WAAWX,MAEhBW,EAAK,WAAW,QAChB,SAAS,KAAK,MAAM,SAAS;AAAA,EAEjC,CAAC,GAEM;AAAA,IACL,WAAAO;AAAA,EAAA;AAEJ;"}

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

@@ -4,4 +4,3 @@ export declare function useTableColumns(state: {
     data: TableData;
     settings: ComputedRef<TableSettings>;
 }): ComputedRef<TableColumn[]>;
-//# sourceMappingURL=useTableColumns.d.ts.map

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

@@ -1,11 +1,11 @@
-import { computed as d } from "vue";
-import { sliceBy as c, uniqueId as p, asConst as h } from "../../../lib/util/helpers/dist/index.js";
+import { computed as a } from "vue";
+import { uniqueId as c, asConst as p, sliceBy as h } from "@milaboratories/helpers";
 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();
+  return a(() => {
+    const { data: o, settings: u } = i, { bodyWidth: l, scrollLeft: e } = o, n = [...o.columns], s = c();
     u.value.controlColumn && n.unshift(
-      h({
+      p({
         id: s,
         label: "#",
         width: 60,
@@ -14,10 +14,10 @@ function v(i) {
     );
     let r = 0;
     const f = n.map((t) => {
-      const a = { ...t, offset: r };
-      return r += t.width + b, a;
+      const d = { ...t, offset: r };
+      return r += t.width + b, d;
     }), 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) => ({
+    return h(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`,

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

@@ -1 +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;"}
+{"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;AACnC,UAAM,EAAE,MAAAC,GAAM,UAAAC,EAAA,IAAaH,GAErB,EAAE,WAAAI,GAAW,YAAAC,EAAA,IAAeH,GAE5BI,IAAU,CAAC,GAAGJ,EAAK,OAAO,GAE1BK,IAAYC,EAAA;AAElB,IAAIL,EAAS,MAAM,iBACjBG,EAAQ;AAAA,MACNG,EAA4B;AAAA,QAC1B,IAAIF;AAAA,QACJ,OAAO;AAAA,QACP,OAAO;AAAA,QACP,QAAQ;AAAA,MAAA,CACT;AAAA,IAAA;AAIL,QAAIG,IAAS;AAEb,UAAMC,IAAeL,EAAQ,IAAI,CAACM,MAAQ;AACxC,YAAMC,IAAK,EAAE,GAAGD,GAAK,QAAAF,EAAA;AACrB,aAAAA,KAAUE,EAAI,QAAQE,GACfD;AAAA,IACT,CAAC,GAEKE,IAASJ,EAAa,OAAO,CAACC,MAAQA,EAAI,MAAM;AAStD,WAPuBI,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,MAAA;AAAA,MAErB,SAASA,EAAI,OAAOL;AAAA,IAAA,EACpB;AAAA,EACJ,CAAC;AACH;"}

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

@@ -1,4 +1,3 @@
 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.js

@@ -1,5 +1,5 @@
 import { computed as o } from "vue";
-import { identity as y } from "../../../lib/util/helpers/dist/index.js";
+import { identity as y } from "@milaboratories/helpers";
 function n(i, r) {
   const p = o(
     () => r.value.reduce(
@@ -8,7 +8,7 @@ function n(i, r) {
     )
   );
   return o(() => i.rows.map((t) => {
-    const s = p.value, { primaryKey: a, offset: d, dataRow: l, height: f } = t, h = r.value.map((e) => ({
+    const s = p.value, { primaryKey: d, offset: a, dataRow: l, height: f } = t, h = r.value.map((e) => ({
       id: e.id,
       column: e,
       row: t,
@@ -21,14 +21,14 @@ function n(i, r) {
     }));
     return y({
       style: {
-        top: `${d - i.scrollTop}px`,
+        top: `${a - i.scrollTop}px`,
         height: `${t.height}px`
       },
-      primaryKey: a,
-      offset: d,
+      primaryKey: d,
+      offset: a,
       height: f,
       cells: h,
-      selected: i.selectedRows.has(a)
+      selected: i.selectedRows.has(d)
     });
   }));
 }

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

@@ -1 +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;"}
+{"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":";;AAKO,SAASA,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,EACH;AAGF,SAAOD,EAAqB,MACnBH,EAAK,KAAK,IAAc,CAACM,MAAQ;AACtC,UAAMC,IAAUL,EAAW,OAErB,EAAE,YAAAM,GAAY,QAAAC,GAAQ,SAAAC,GAAS,QAAAC,MAAWL,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,IAAA,EAEnB;AAED,WAAOC,EAAmB;AAAA,MACxB,OAAO;AAAA,QACL,KAAK,GAAGL,IAAST,EAAK,SAAS;AAAA,QAC/B,QAAQ,GAAGM,EAAI,MAAM;AAAA,MAAA;AAAA,MAEvB,YAAAE;AAAA,MACA,QAAAC;AAAA,MACA,QAAAE;AAAA,MACA,OAAAC;AAAA,MACA,UAAUZ,EAAK,aAAa,IAAIQ,CAAU;AAAA,IAAA,CAC3C;AAAA,EACH,CAAC,CACF;AACH;"}

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

@@ -3,4 +3,3 @@ export declare const RESIZE_GAP = 10;
 export declare const MIN_COLUMN_WIDTH = 30;
 export declare const DEFAULT_ROW_HEIGHT = 40;
 export declare const WINDOW_DELTA = 60;
-//# sourceMappingURL=constants.d.ts.map

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

@@ -9,4 +9,3 @@ export declare function rotate<T>(v: T, lst: T[]): T;
  * @returns
  */
 export declare function sliceBy<T>(arr: readonly T[], predicate: (el: T, index: number) => boolean): T[];
-//# sourceMappingURL=domain.d.ts.map

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

@@ -1 +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;"}
+{"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":"AA6BO,SAASA,EAAUC,GAAMC,GAAU;AACxC,QAAMC,IAAOD,EAAI,QAAQD,CAAC,IAAI;AAC9B,SAAOC,EAAIC,KAAQD,EAAI,SAAS,IAAIC,CAAI;AAC1C;AAQO,SAASC,EAAWC,GAAmBC,GAAmD;AAC/F,QAAMC,IAAOF,EAAI,UAAUC,CAAS;AAEpC,MAAIC,IAAO;AACT,WAAO,CAAA;AAGT,QAAMC,KAAS,MAAM;AACnB,aAAS,IAAID,GAAM,IAAIF,EAAI,QAAQ;AACjC,UAAI,CAAAC,EAAUD,EAAI,CAAC,GAAG,CAAC;AAIvB,eAAO;AAGT,WAAOA,EAAI;AAAA,EACb,GAAA;AAEA,SAAOA,EAAI,MAAME,GAAMC,CAAK;AAC9B;"}

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

@@ -33,4 +33,3 @@ export declare function useRawData<D extends Types.DataRow>(rowsRef: AnyRef<D[]>
 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.js.map

@@ -1 +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;"}
+{"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;AAChG,SAAO,OAAO,OAAOA,CAAa;AACpC;AAEO,SAASC,EAAuCD,GAAkB;AACvE,SAAOE,EAAEC,GAAW,EAAE,UAAU,OAAO,OAAOH,CAAa,GAAG;AAChE;AAQO,SAASI,EAAyCC,GAAWC,GAAuD;AACzH,QAAMC,IAAa,IAAIC,EAAWH,GAAMC,EAAY,kBAAkBA,EAAY,iBAAiB;AACnG,SAAO,EAAE,GAAGA,GAAa,YAAAC,EAAA;AAC3B;AAEO,SAASE,EAAoCC,GAAsBC,GAAoC;AAC5G,SAAOC,EAAS,MAAM;AACpB,UAAMP,IAAOQ,EAAMH,CAAO;AAC1B,WAAON,EAAgBC,GAAMQ,EAAMF,CAAG,CAAC;AAAA,EACzC,CAAC;AACH;AAQO,SAASG,EAA6CJ,GAAsBC,GAAoC;AACrH,QAAMZ,IAAWa,EAAS,MAAM;AAC9B,UAAMP,IAAOQ,EAAMH,CAAO;AAC1B,WAAON,EAAgBC,GAAMQ,EAAMF,CAAG,CAAC;AAAA,EACzC,CAAC,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

@@ -79,4 +79,3 @@ export declare const injectState: () => {
         width: number;
     }): void;
 };
-//# sourceMappingURL=keys.d.ts.map

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

@@ -1 +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;"}
+{"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,OAAA,GAEXC,IAAc,MAAMC,EAAOF,CAAQ;"}

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

@@ -76,4 +76,3 @@ export declare function createState(props: TableProps): {
     }): void;
 };
 export type State = ReturnType<typeof createState>;
-//# sourceMappingURL=state.d.ts.map

package/dist/components/DataTable/state.js

@@ -1,17 +1,17 @@
 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 { deepClone as h, tap as m, clamp as p, deepEqual as R, delay as C, resolveAwaited as v } from "@milaboratories/helpers";
 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) => {
+import { useTableColumns as D } from "./composition/useTableColumns.js";
+import { useTableRows as j } from "./composition/useTableRows.js";
+import { GAP as w, WINDOW_DELTA as g } from "./constants.js";
+const A = async (l, t) => {
   const { scrollTop: r, bodyHeight: i } = l;
   return await C(0), v({
     rows: t.getRows(r, i),
     dataWindow: l
   });
 };
-function _(l) {
+function q(l) {
   const t = S({
     rowIndex: -1,
     columns: [],
@@ -37,20 +37,20 @@ function _(l) {
     },
     { 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(() => ({
+  const r = c(() => l.settings), i = c(() => t.columns.reduce((e, o) => e + o.width + w, 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({
+  })), n = D({
     data: t,
     settings: r
-  }), b = D(t, a), d = {
+  }), b = j(t, n), d = {
     data: t,
     settings: r,
-    tableColumns: a,
+    tableColumns: n,
     tableRows: b,
     adjustWidth: () => {
-      const e = t.columns.reduce((s, n) => s + n.width + g, 0), o = t.bodyWidth + t.scrollLeft;
+      const e = t.columns.reduce((s, a) => s + a.width + w, 0), o = t.bodyWidth + t.scrollLeft;
       if (e < o) {
         const s = t.columns[t.columns.length - 1];
         s.width = s.width + (o - e);
@@ -96,9 +96,9 @@ function _(l) {
     (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 }) => {
+        scrollTop: e.scrollTop - g,
+        bodyHeight: e.bodyHeight + g * 2
+      }, A(h(t.currentWindow), r.value.dataSource).then(({ rows: H, dataWindow: W }) => {
         R(t.currentWindow, W) && (t.rows = H);
       }));
     },
@@ -106,6 +106,6 @@ function _(l) {
   ), L(x, d), d;
 }
 export {
-  _ as createState
+  q as createState
 };
 //# sourceMappingURL=state.js.map

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

@@ -1 +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":"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"}
+{"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":"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"}

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

@@ -141,4 +141,3 @@ export type RawTableSettings<D extends DataRow = DataRow> = Readonly<{
     onUpdatedRow?: (row: Row<D>) => void;
 }>;
 export {};
-//# sourceMappingURL=types.d.ts.map

package/dist/components/DropdownListItem.vue.d.ts

@@ -13,4 +13,3 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {
     useCheckbox: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
 export default _default;
-//# sourceMappingURL=DropdownListItem.vue.d.ts.map