@milaboratories/uikit 2.10.37 → 2.10.39

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

@@ -1,27 +1,28 @@
-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 + 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((e, h) => ({
-      dataRow: e,
-      index: t + h,
-      primaryKey: this.resolvePrimaryKey(e, t + h),
-      offset: (t + h) * (this.rowHeight + s),
-      height: this.rowHeight
-    }));
-  }
-}
-export {
-  y as AsyncData
+import { clamp as e } from "@milaboratories/helpers";
+var t = class {
+	constructor(e, t, n) {
+		this.api = e, this.rowHeight = t, this.resolvePrimaryKey = n;
+	}
+	get height() {
+		return this.rowHeight + 1;
+	}
+	async getHeight() {
+		return await this.api.count() * this.height;
+	}
+	async getRows(t, n) {
+		let r = e(Math.floor(t / this.height), 0, Infinity), i = Math.ceil(n + 40 / this.height);
+		return (await this.api.query({
+			offset: r,
+			limit: i
+		})).map((e, t) => ({
+			dataRow: e,
+			index: r + t,
+			primaryKey: this.resolvePrimaryKey(e, r + t),
+			offset: (r + t) * (this.rowHeight + 1),
+			height: this.rowHeight
+		}));
+	}
 };
-//# sourceMappingURL=AsyncData.js.map
+export { t as AsyncData };
+
+//# sourceMappingURL=AsyncData.js.map

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,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;"}
+{"version":3,"file":"AsyncData.js","names":[],"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"],"mappings":";AAKA,IAAa,IAAb,MAAsE;CACpE,YACE,GACA,GACA,GACA;AADgB,EAFA,KAAA,MAAA,GACA,KAAA,YAAA,GACA,KAAA,oBAAA;;CAGlB,IAAI,SAAS;AACX,SAAO,KAAK,YAAA;;CAGd,MAAM,YAA6B;AACjC,SAAQ,MAAM,KAAK,IAAI,OAAO,GAAI,KAAK;;CAGzC,MAAM,QAAQ,GAAmB,GAAoC;EACnE,IAAM,IAAS,EAAM,KAAK,MAAM,IAAY,KAAK,OAAO,EAAE,GAAG,SAAyB,EAChF,IAAQ,KAAK,KAAK,IAAa,KAAK,KAAK,OAAO;AAEtD,UADa,MAAM,KAAK,IAAI,MAAM;GAAE;GAAQ;GAAO,CAAC,EACxC,KAAgB,GAAS,OAAW;GAC9C;GACA,OAAO,IAAS;GAChB,YAAY,KAAK,kBAAkB,GAAS,IAAS,EAAM;GAC3D,SAAS,IAAS,MAAU,KAAK,YAAA;GACjC,QAAQ,KAAK;GACd,EAAE"}

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

@@ -1,45 +1,36 @@
-var c = Object.defineProperty;
-var m = (r, t, e) => t in r ? c(r, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : r[t] = e;
-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 "@milaboratories/helpers";
-const n = /* @__PURE__ */ new WeakMap();
-class K {
-  constructor(t, e, h) {
-    g(this, "dataHeight");
-    this.datum = t, this.resolveHeight = e, this.resolvePrimaryKey = h;
-    const i = t.reduce(
-      (s, o, a) => (s.indices.set(a, s.total), s.total += this.resolveHeight(o, a) + y, s),
-      {
-        total: 0,
-        indices: /* @__PURE__ */ new Map()
-      }
-    );
-    this.dataHeight = i.total;
-    const f = t.map((s, o) => ({
-      dataRow: s,
-      index: o,
-      primaryKey: this.resolvePrimaryKey(s, o),
-      offset: p(i.indices.get(o)),
-      height: this.resolveHeight(s, o)
-    }));
-    n.set(this, f);
-  }
-  get rows() {
-    return n.get(this);
-  }
-  async getHeight() {
-    return this.dataHeight;
-  }
-  async getRows(t, e) {
-    return l(this.rows, (h) => {
-      const i = h.offset;
-      return t < i + h.height && i < e + t;
-    });
-  }
-}
-export {
-  K as RawData
+import { sliceBy as e } from "../domain.js";
+import { notEmpty as t } from "@milaboratories/helpers";
+var n = /* @__PURE__ */ new WeakMap(), r = class {
+	dataHeight;
+	constructor(e, r, i) {
+		this.datum = e, this.resolveHeight = r, this.resolvePrimaryKey = i;
+		let a = e.reduce((e, t, n) => (e.indices.set(n, e.total), e.total += this.resolveHeight(t, n) + 1, e), {
+			total: 0,
+			indices: /* @__PURE__ */ new Map()
+		});
+		this.dataHeight = a.total;
+		let o = e.map((e, n) => ({
+			dataRow: e,
+			index: n,
+			primaryKey: this.resolvePrimaryKey(e, n),
+			offset: t(a.indices.get(n)),
+			height: this.resolveHeight(e, n)
+		}));
+		n.set(this, o);
+	}
+	get rows() {
+		return n.get(this);
+	}
+	async getHeight() {
+		return this.dataHeight;
+	}
+	async getRows(t, n) {
+		return e(this.rows, (e) => {
+			let r = e.offset;
+			return t < r + e.height && r < n + t;
+		});
+	}
 };
-//# sourceMappingURL=RawData.js.map
+export { r as RawData };
+
+//# sourceMappingURL=RawData.js.map

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,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;"}
+{"version":3,"file":"RawData.js","names":[],"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"],"mappings":";;AAMA,IAAM,oBAAY,IAAI,SAAyB,EAElC,IAAb,MAA8E;CAC5E;CAEA,YACE,GACA,GACA,GACA;AADgB,EAFA,KAAA,QAAA,GACA,KAAA,gBAAA,GACA,KAAA,oBAAA;EAEhB,IAAM,IAAU,EAAM,QACnB,GAAM,GAAI,OACT,EAAK,QAAQ,IAAI,GAAO,EAAK,MAAM,EACnC,EAAK,SAAS,KAAK,cAAc,GAAI,EAAM,GAAA,GACpC,IAET;GACE,OAAO;GACP,yBAAS,IAAI,KAAqB;GACnC,CACF;AAED,OAAK,aAAa,EAAQ;EAE1B,IAAM,IAAO,EAAM,KAAK,GAAS,OAAW;GAC1C;GACA;GACA,YAAY,KAAK,kBAAkB,GAAS,EAAM;GAClD,QAAQ,EAAS,EAAQ,QAAQ,IAAI,EAAM,CAAC;GAC5C,QAAQ,KAAK,cAAc,GAAS,EAAM;GAC3C,EAAE;AAEH,IAAU,IAAI,MAAM,EAAK;;CAG3B,IAAI,OAAiB;AACnB,SAAO,EAAU,IAAI,KAAK;;CAG5B,MAAM,YAAY;AAChB,SAAO,KAAK;;CAGd,MAAM,QAAQ,GAAmB,GAAuC;AACtE,SAAO,EAAQ,KAAK,OAAO,MAAO;GAChC,IAAM,IAAS,EAAG;AAClB,UAAO,IAAY,IAAS,EAAG,UAAU,IAAS,IAAa;IAC/D"}

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

@@ -0,0 +1,26 @@
+import e from "../../../_virtual/_plugin-vue_export-helper.js";
+import { createElementBlock as t, createElementVNode as n, openBlock as r } from "vue";
+var i = {}, a = {
+	width: "48",
+	height: "48",
+	viewBox: "0 0 48 48",
+	fill: "none",
+	xmlns: "http://www.w3.org/2000/svg"
+};
+function o(e, i) {
+	return r(), t("svg", a, [...i[0] ||= [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"
+	}, null, -1), n("path", {
+		"fill-rule": "evenodd",
+		"clip-rule": "evenodd",
+		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",
+		fill: "#CFD1DB"
+	}, null, -1)]]);
+}
+var s = /* @__PURE__ */ e(i, [["render", o]]);
+export { s as default };
+
+//# sourceMappingURL=TableIcon.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TableIcon.js","names":[],"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\n      fill-rule=\"evenodd\"\n      clip-rule=\"evenodd\"\n      d=\"M24 41.5H9C7.61929 41.5 6.5 40.3807 6.5 39V24H9.5V38.5H24V41.5Z\"\n      fill=\"#CFD1DB\"\n    />\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"],"mappings":";;;CACO,OAAM;CAAK,QAAO;CAAK,SAAQ;CAAY,MAAK;CAAO,OAAM;;;aAAlE,EAaM,OAbN,GAaM,CAAA,GAAA,AAAA,EAAA,OAAA,CAZJ,EAKE,QAAA;EAJA,aAAU;EACV,aAAU;EACV,GAAE;EACF,MAAK;eAEP,EAKE,QAAA;EAJA,aAAU;EACV,aAAU;EACV,GAAE;EACF,MAAK"}

package/dist/components/DataTable/assets/data-table-style.css

@@ -1 +1 @@
-.data-table{--cell-font-family: var(--font-family-base);--cell-font-weight: 500;--selected-bg: rgba(99, 224, 36, .12);width:100%;max-height:100%;flex-direction:column;border:1px solid var(--bg-elevated-02);border-radius:6px;position:relative;font-weight:500}.data-table.monospace{--cell-font-family: var(--font-family-monospace);--cell-font-weight: 400}.data-table .t-scroll{--handle-bg: #ccc;position:absolute;right:0;bottom:0;width:0;z-index:1}.data-table .t-scroll>div{position:absolute;top:6px;bottom:6px;width:0px}.data-table .t-scroll__handle{position:absolute;width:12px;background-color:var(--handle-bg);transform:translate(-50%);cursor:pointer}.data-table .t-scroll__handle:before{background-color:var(--handle-bg);border-radius:6px 6px 0 0;position:absolute;width:100%;height:6px;top:-6px;content:""}.data-table .t-scroll__handle:after{background-color:var(--handle-bg);border-radius:0 0 6px 6px;position:absolute;width:100%;height:6px;bottom:-6px;content:""}.data-table .carets{position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden;pointer-events:none}.data-table .column-caret{position:absolute;top:0;height:100%;pointer-events:none}.data-table .column-caret.selected{outline:1px solid var(--border-color-focus);background:var(--selected-bg)}.data-table .column-caret.frozen{z-index:1;box-shadow:10px 0 5px -2px #888}.data-table .command-menu{display:inline-flex;height:40px;align-items:center;flex-shrink:0;gap:12px;border-radius:6px;background:#110529;color:#fff;padding:0 12px;box-shadow:0 4px 12px -2px #0f244d14,0 6px 24px -2px #0f244d14}.data-table .command-menu hr{width:1px;height:100%;margin:12px 0;background-color:#9babcc;opacity:.24}.data-table .command-menu span.command{font-weight:600;color:#fff;cursor:pointer}.data-table .command-menu__container{position:absolute;top:-45px;left:0;width:100%;z-index:1000;display:flex;gap:12px}.data-table .table-head{position:relative;max-width:100%;overflow:hidden;padding-bottom:1px;background-color:var(--bg-elevated-02);border-bottom:1px solid var(--txt-01)}.data-table .table-head .tr-head{max-width:100%;position:relative;display:flex;flex-direction:row;gap:1px;min-height:40px;background-color:transparent;overflow:hidden}.data-table .table-head .th-cell{position:absolute;background-color:#f7f8fa;font-weight:600;font-size:14px;-webkit-user-select:none;user-select:none;white-space:nowrap;padding:8px 12px;overflow:hidden;display:flex;align-items:center;height:100%}.data-table .table-head .th-cell .integer{background:url("data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M4.22886%2012.993H5.65686L6.41286%2010.158H8.33786L7.58886%2012.993H9.01686L9.77286%2010.158H12.4189L12.7829%208.76501H10.1439L10.6409%206.92401H13.2869L13.6509%205.54501H11.0119L11.7189%202.92001H10.2839L9.57686%205.54501H7.65186L8.35886%202.92001H6.92386L6.21686%205.54501H3.58486L3.20686%206.92401H5.84586L5.36286%208.76501H2.71686L2.34586%2010.158H4.98486L4.22886%2012.993ZM6.79086%208.76501L7.28086%206.92401H9.20586L8.70886%208.76501H6.79086Z'%20fill='%2307AD3E'/%3e%3c/svg%3e") no-repeat center;width:16px;height:16px;margin-right:4px}.data-table .table-head .th-cell .float{background:url("data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M4.22886%2012.993H5.65686L6.41286%2010.158H8.33786L7.58886%2012.993H9.01686L9.77286%2010.158H12.4189L12.7829%208.76501H10.1439L10.6409%206.92401H13.2869L13.6509%205.54501H11.0119L11.7189%202.92001H10.2839L9.57686%205.54501H7.65186L8.35886%202.92001H6.92386L6.21686%205.54501H3.58486L3.20686%206.92401H5.84586L5.36286%208.76501H2.71686L2.34586%2010.158H4.98486L4.22886%2012.993ZM6.79086%208.76501L7.28086%206.92401H9.20586L8.70886%208.76501H6.79086Z'%20fill='%2307AD3E'/%3e%3c/svg%3e") no-repeat center;width:16px;height:16px;margin-right:4px}.data-table .table-head .th-cell .string{background:url("data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M0.0372314%2013H1.55623L2.29123%2010.725H6.42823L7.17723%2013H8.69623L5.42023%202.92001H3.31323L0.0372314%2013ZM2.73923%209.35301L4.34923%204.38301L5.98023%209.35301H2.73923Z'%20fill='%2307AD3E'/%3e%3cpath%20d='M11.3871%2013.21C12.6121%2013.21%2013.4871%2012.79%2014.1101%2011.901V13H15.4051V8.34501C15.4051%207.71501%2015.3771%207.16901%2015.1391%206.67201C14.6701%205.67801%2013.6201%205.23001%2012.2691%205.23001C10.5191%205.23001%209.46908%206.05601%209.10508%207.35101L10.4701%207.77101C10.7291%206.93101%2011.4571%206.58101%2012.2551%206.58101C13.4381%206.58101%2013.9141%207.07101%2013.9631%208.11401C12.7381%208.28201%2011.4921%208.44301%2010.6171%208.70201C9.44808%209.07301%208.83208%209.80101%208.83208%2010.942C8.83208%2012.174%209.71408%2013.21%2011.3871%2013.21ZM10.2811%2010.928C10.2811%2010.333%2010.7221%2010.011%2011.3241%209.80801C11.9611%209.61901%2012.8081%209.50001%2013.9491%209.33201C13.9421%209.68201%2013.9141%2010.165%2013.7951%2010.515C13.6271%2011.25%2012.8921%2012.013%2011.6461%2012.013C10.7081%2012.013%2010.2811%2011.516%2010.2811%2010.928Z'%20fill='%2307AD3E'/%3e%3c/svg%3e") no-repeat center;width:16px;height:16px;margin-right:4px}.data-table .table-head .th-cell .unknown{background:url("data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M0.0372314%2013H1.55623L2.29123%2010.725H6.42823L7.17723%2013H8.69623L5.42023%202.92001H3.31323L0.0372314%2013ZM2.73923%209.35301L4.34923%204.38301L5.98023%209.35301H2.73923Z'%20fill='%2307AD3E'/%3e%3cpath%20d='M11.3871%2013.21C12.6121%2013.21%2013.4871%2012.79%2014.1101%2011.901V13H15.4051V8.34501C15.4051%207.71501%2015.3771%207.16901%2015.1391%206.67201C14.6701%205.67801%2013.6201%205.23001%2012.2691%205.23001C10.5191%205.23001%209.46908%206.05601%209.10508%207.35101L10.4701%207.77101C10.7291%206.93101%2011.4571%206.58101%2012.2551%206.58101C13.4381%206.58101%2013.9141%207.07101%2013.9631%208.11401C12.7381%208.28201%2011.4921%208.44301%2010.6171%208.70201C9.44808%209.07301%208.83208%209.80101%208.83208%2010.942C8.83208%2012.174%209.71408%2013.21%2011.3871%2013.21ZM10.2811%2010.928C10.2811%2010.333%2010.7221%2010.011%2011.3241%209.80801C11.9611%209.61901%2012.8081%209.50001%2013.9491%209.33201C13.9421%209.68201%2013.9141%2010.165%2013.7951%2010.515C13.6271%2011.25%2012.8921%2012.013%2011.6461%2012.013C10.7081%2012.013%2010.2811%2011.516%2010.2811%2010.928Z'%20fill='%2307AD3E'/%3e%3c/svg%3e") no-repeat center;width:16px;height:16px;margin-right:4px;opacity:.5}.data-table .table-head .th-cell .sort{margin-left:auto;background:url("data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M8%2014.0607L13.5303%208.53034L12.4697%207.46968L8.75%2011.1893V2.00001H7.25V11.1893L3.53033%207.46968L2.46967%208.53034L8%2014.0607Z'%20fill='%23110529'/%3e%3c/svg%3e") no-repeat center;width:16px;height:16px;opacity:.1;cursor:pointer}.data-table .table-head .th-cell .sort:hover{opacity:.5}.data-table .table-head .th-cell .sort.DESC{display:block;opacity:1}.data-table .table-head .th-cell .sort.ASC{display:block;transform:rotate(180deg);opacity:1}.data-table .table-body{position:relative;max-height:100%;max-width:100%;overflow:hidden;background-color:var(--bg-elevated-02)}.data-table .table-body .tr-body{position:absolute;left:0;max-width:100%;overflow:hidden;display:flex;flex-direction:row;gap:1px;background-color:transparent;width:100%}.data-table .table-body .tr-body.selected{background-color:#fff;outline:1px solid var(--border-color-focus)}.data-table .table-body .tr-body.selected .td-cell:after{position:absolute;top:0;bottom:0;left:0;right:0;content:"";background:var(--selected-bg);pointer-events:none}.data-table .table-body__no-data{height:212px;background-color:#f7f8fa;display:flex;align-items:center;justify-content:center;color:var(--txt-mask);font-size:28px;font-style:normal;font-weight:500;line-height:32px;letter-spacing:-.56px}.data-table .table-body__no-data>div{display:flex;flex-direction:column;gap:4px;align-items:center}.data-table .td-cell{position:absolute;background-color:#fff;overflow:hidden;display:flex;align-items:center;height:100%;padding:1px}.data-table .td-cell.justify-center{justify-content:center}.data-table .td-cell .control-cell{padding:8px 12px}.data-table .td-cell .base-cell{font-family:var(--cell-font-family);font-weight:var(--cell-font-weight);padding:8px 12px;width:100%;height:100%;display:flex;align-items:center;-webkit-user-select:text;user-select:text;overflow:hidden}.data-table .td-cell .base-cell input{border:none;outline:none;font-size:inherit;font-family:inherit;font-weight:inherit;width:100%;padding:0}.data-table .td-cell .base-cell__edit{outline:1px solid var(--border-color-focus)}
+.data-table{--cell-font-family:var(--font-family-base);--cell-font-weight:500;--selected-bg:#63e0241f;border:1px solid var(--bg-elevated-02);border-radius:6px;flex-direction:column;width:100%;max-height:100%;font-weight:500;position:relative}.data-table.monospace{--cell-font-family:var(--font-family-monospace);--cell-font-weight:400}.data-table .t-scroll{--handle-bg:#ccc;z-index:1;width:0;position:absolute;bottom:0;right:0}.data-table .t-scroll>div{width:0;position:absolute;top:6px;bottom:6px}.data-table .t-scroll__handle{background-color:var(--handle-bg);cursor:pointer;width:12px;position:absolute;transform:translate(-50%)}.data-table .t-scroll__handle:before{background-color:var(--handle-bg);content:"";border-radius:6px 6px 0 0;width:100%;height:6px;position:absolute;top:-6px}.data-table .t-scroll__handle:after{background-color:var(--handle-bg);content:"";border-radius:0 0 6px 6px;width:100%;height:6px;position:absolute;bottom:-6px}.data-table .carets{pointer-events:none;position:absolute;inset:0;overflow:hidden}.data-table .column-caret{pointer-events:none;height:100%;position:absolute;top:0}.data-table .column-caret.selected{outline:1px solid var(--border-color-focus);background:var(--selected-bg)}.data-table .column-caret.frozen{z-index:1;box-shadow:10px 0 5px -2px #888}.data-table .command-menu{color:#fff;background:#110529;border-radius:6px;flex-shrink:0;align-items:center;gap:12px;height:40px;padding:0 12px;display:inline-flex;box-shadow:0 4px 12px -2px #0f244d14,0 6px 24px -2px #0f244d14}.data-table .command-menu hr{opacity:.24;background-color:#9babcc;width:1px;height:100%;margin:12px 0}.data-table .command-menu span.command{color:#fff;cursor:pointer;font-weight:600}.data-table .command-menu__container{z-index:1000;gap:12px;width:100%;display:flex;position:absolute;top:-45px;left:0}.data-table .table-head{background-color:var(--bg-elevated-02);border-bottom:1px solid var(--txt-01);max-width:100%;padding-bottom:1px;position:relative;overflow:hidden}.data-table .table-head .tr-head{background-color:#0000;flex-direction:row;gap:1px;max-width:100%;min-height:40px;display:flex;position:relative;overflow:hidden}.data-table .table-head .th-cell{-webkit-user-select:none;user-select:none;white-space:nowrap;background-color:#f7f8fa;align-items:center;height:100%;padding:8px 12px;font-size:14px;font-weight:600;display:flex;position:absolute;overflow:hidden}.data-table .table-head .th-cell .integer,.data-table .table-head .th-cell .float{background:url("data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M4.22886%2012.993H5.65686L6.41286%2010.158H8.33786L7.58886%2012.993H9.01686L9.77286%2010.158H12.4189L12.7829%208.76501H10.1439L10.6409%206.92401H13.2869L13.6509%205.54501H11.0119L11.7189%202.92001H10.2839L9.57686%205.54501H7.65186L8.35886%202.92001H6.92386L6.21686%205.54501H3.58486L3.20686%206.92401H5.84586L5.36286%208.76501H2.71686L2.34586%2010.158H4.98486L4.22886%2012.993ZM6.79086%208.76501L7.28086%206.92401H9.20586L8.70886%208.76501H6.79086Z'%20fill='%2307AD3E'/%3e%3c/svg%3e") 50% no-repeat;width:16px;height:16px;margin-right:4px}.data-table .table-head .th-cell .string{background:url("data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M0.0372314%2013H1.55623L2.29123%2010.725H6.42823L7.17723%2013H8.69623L5.42023%202.92001H3.31323L0.0372314%2013ZM2.73923%209.35301L4.34923%204.38301L5.98023%209.35301H2.73923Z'%20fill='%2307AD3E'/%3e%3cpath%20d='M11.3871%2013.21C12.6121%2013.21%2013.4871%2012.79%2014.1101%2011.901V13H15.4051V8.34501C15.4051%207.71501%2015.3771%207.16901%2015.1391%206.67201C14.6701%205.67801%2013.6201%205.23001%2012.2691%205.23001C10.5191%205.23001%209.46908%206.05601%209.10508%207.35101L10.4701%207.77101C10.7291%206.93101%2011.4571%206.58101%2012.2551%206.58101C13.4381%206.58101%2013.9141%207.07101%2013.9631%208.11401C12.7381%208.28201%2011.4921%208.44301%2010.6171%208.70201C9.44808%209.07301%208.83208%209.80101%208.83208%2010.942C8.83208%2012.174%209.71408%2013.21%2011.3871%2013.21ZM10.2811%2010.928C10.2811%2010.333%2010.7221%2010.011%2011.3241%209.80801C11.9611%209.61901%2012.8081%209.50001%2013.9491%209.33201C13.9421%209.68201%2013.9141%2010.165%2013.7951%2010.515C13.6271%2011.25%2012.8921%2012.013%2011.6461%2012.013C10.7081%2012.013%2010.2811%2011.516%2010.2811%2010.928Z'%20fill='%2307AD3E'/%3e%3c/svg%3e") 50% no-repeat;width:16px;height:16px;margin-right:4px}.data-table .table-head .th-cell .unknown{opacity:.5;background:url("data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M0.0372314%2013H1.55623L2.29123%2010.725H6.42823L7.17723%2013H8.69623L5.42023%202.92001H3.31323L0.0372314%2013ZM2.73923%209.35301L4.34923%204.38301L5.98023%209.35301H2.73923Z'%20fill='%2307AD3E'/%3e%3cpath%20d='M11.3871%2013.21C12.6121%2013.21%2013.4871%2012.79%2014.1101%2011.901V13H15.4051V8.34501C15.4051%207.71501%2015.3771%207.16901%2015.1391%206.67201C14.6701%205.67801%2013.6201%205.23001%2012.2691%205.23001C10.5191%205.23001%209.46908%206.05601%209.10508%207.35101L10.4701%207.77101C10.7291%206.93101%2011.4571%206.58101%2012.2551%206.58101C13.4381%206.58101%2013.9141%207.07101%2013.9631%208.11401C12.7381%208.28201%2011.4921%208.44301%2010.6171%208.70201C9.44808%209.07301%208.83208%209.80101%208.83208%2010.942C8.83208%2012.174%209.71408%2013.21%2011.3871%2013.21ZM10.2811%2010.928C10.2811%2010.333%2010.7221%2010.011%2011.3241%209.80801C11.9611%209.61901%2012.8081%209.50001%2013.9491%209.33201C13.9421%209.68201%2013.9141%2010.165%2013.7951%2010.515C13.6271%2011.25%2012.8921%2012.013%2011.6461%2012.013C10.7081%2012.013%2010.2811%2011.516%2010.2811%2010.928Z'%20fill='%2307AD3E'/%3e%3c/svg%3e") 50% no-repeat;width:16px;height:16px;margin-right:4px}.data-table .table-head .th-cell .sort{opacity:.1;cursor:pointer;background:url("data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M8%2014.0607L13.5303%208.53034L12.4697%207.46968L8.75%2011.1893V2.00001H7.25V11.1893L3.53033%207.46968L2.46967%208.53034L8%2014.0607Z'%20fill='%23110529'/%3e%3c/svg%3e") 50% no-repeat;width:16px;height:16px;margin-left:auto}.data-table .table-head .th-cell .sort:hover{opacity:.5}.data-table .table-head .th-cell .sort.DESC{opacity:1;display:block}.data-table .table-head .th-cell .sort.ASC{opacity:1;display:block;transform:rotate(180deg)}.data-table .table-body{background-color:var(--bg-elevated-02);max-width:100%;max-height:100%;position:relative;overflow:hidden}.data-table .table-body .tr-body{background-color:#0000;flex-direction:row;gap:1px;width:100%;max-width:100%;display:flex;position:absolute;left:0;overflow:hidden}.data-table .table-body .tr-body.selected{outline:1px solid var(--border-color-focus);background-color:#fff}.data-table .table-body .tr-body.selected .td-cell:after{content:"";background:var(--selected-bg);pointer-events:none;position:absolute;inset:0}.data-table .table-body__no-data{height:212px;color:var(--txt-mask);letter-spacing:-.56px;background-color:#f7f8fa;justify-content:center;align-items:center;font-size:28px;font-style:normal;font-weight:500;line-height:32px;display:flex}.data-table .table-body__no-data>div{flex-direction:column;align-items:center;gap:4px;display:flex}.data-table .td-cell{background-color:#fff;align-items:center;height:100%;padding:1px;display:flex;position:absolute;overflow:hidden}.data-table .td-cell.justify-center{justify-content:center}.data-table .td-cell .control-cell{padding:8px 12px}.data-table .td-cell .base-cell{font-family:var(--cell-font-family);font-weight:var(--cell-font-weight);-webkit-user-select:text;user-select:text;align-items:center;width:100%;height:100%;padding:8px 12px;display:flex;overflow:hidden}.data-table .td-cell .base-cell input{font-size:inherit;font-family:inherit;font-weight:inherit;border:none;outline:none;width:100%;padding:0}.data-table .td-cell .base-cell__edit{outline:1px solid var(--border-color-focus)}

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

@@ -1,26 +1,23 @@
-import { useEventListener as s } from "../../../composition/useEventListener.js";
-import { useMouseUp as u } from "./useMouseUp.js";
-import { requestTick as m } from "../../../helpers/index.js";
-function x(e, i) {
-  let t;
-  function r(o) {
-    t = { ...o };
-  }
-  u(() => {
-    t = void 0, i();
-  });
-  const n = m(e);
-  return s(window, "mousemove", (o) => {
-    t && n({
-      x: t.x,
-      width: t.width,
-      diff: o.x - t.x
-    });
-  }), {
-    start: r
-  };
+import { useEventListener as e } from "../../../composition/useEventListener.js";
+import { useMouseUp as t } from "./useMouseUp.js";
+import { requestTick as n } from "../../../helpers/index.js";
+function r(r, i) {
+	let a;
+	function o(e) {
+		a = { ...e };
+	}
+	t(() => {
+		a = void 0, i();
+	});
+	let s = n(r);
+	return e(window, "mousemove", (e) => {
+		a && s({
+			x: a.x,
+			width: a.width,
+			diff: e.x - a.x
+		});
+	}), { start: o };
 }
-export {
-  x as useColumn
-};
-//# sourceMappingURL=useColumn.js.map
+export { r as useColumn };
+
+//# sourceMappingURL=useColumn.js.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(\n  cb: (state: { x: number; width: number; diff: number }) => void,\n  clear: () => void,\n) {\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,EACdC,GACAC,GACA;AACA,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;"}
+{"version":3,"file":"useColumn.js","names":[],"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(\n  cb: (state: { x: number; width: number; diff: number }) => void,\n  clear: () => void,\n) {\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"],"mappings":";;;AAIA,SAAgB,EACd,GACA,GACA;CACA,IAAI;CAEJ,SAAS,EAAM,GAAiC;AAC9C,MAAQ,EAAE,GAAG,GAAG;;AAGlB,SAAiB;AAEf,EADA,IAAQ,KAAA,GACR,GAAO;GACP;CAEF,IAAM,IAAS,EAAY,EAAG;AAY9B,QAVA,EAAiB,QAAQ,cAAc,MAAqB;AAC1D,EAAI,KACF,EAAO;GACL,GAAG,EAAM;GACT,OAAO,EAAM;GACb,MAAM,EAAE,IAAI,EAAM;GACnB,CAAC;GAEJ,EAEK,EACL,UACD"}

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

@@ -1,8 +1,7 @@
-import { onMounted as o, onUnmounted as n } from "vue";
-function u(e) {
-  o(() => window.addEventListener("mouseup", e)), n(() => window.removeEventListener("mouseup", e));
+import { onMounted as e, onUnmounted as t } from "vue";
+function n(n) {
+	e(() => window.addEventListener("mouseup", n)), t(() => window.removeEventListener("mouseup", n));
 }
-export {
-  u as useMouseUp
-};
-//# sourceMappingURL=useMouseUp.js.map
+export { n as useMouseUp };
+
+//# sourceMappingURL=useMouseUp.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"useMouseUp.js","sources":["../../../../src/components/DataTable/composition/useMouseUp.ts"],"sourcesContent":["import { onMounted, onUnmounted } from \"vue\";\n\nexport function useMouseUp(update: (ev: globalThis.MouseEvent) => void) {\n  onMounted(() => window.addEventListener(\"mouseup\", update));\n  onUnmounted(() => window.removeEventListener(\"mouseup\", update));\n}\n"],"names":["useMouseUp","update","onMounted","onUnmounted"],"mappings":";AAEO,SAASA,EAAWC,GAA6C;AACtE,EAAAC,EAAU,MAAM,OAAO,iBAAiB,WAAWD,CAAM,CAAC,GAC1DE,EAAY,MAAM,OAAO,oBAAoB,WAAWF,CAAM,CAAC;AACjE;"}
+{"version":3,"file":"useMouseUp.js","names":[],"sources":["../../../../src/components/DataTable/composition/useMouseUp.ts"],"sourcesContent":["import { onMounted, onUnmounted } from \"vue\";\n\nexport function useMouseUp(update: (ev: globalThis.MouseEvent) => void) {\n  onMounted(() => window.addEventListener(\"mouseup\", update));\n  onUnmounted(() => window.removeEventListener(\"mouseup\", update));\n}\n"],"mappings":";AAEA,SAAgB,EAAW,GAA6C;AAEtE,CADA,QAAgB,OAAO,iBAAiB,WAAW,EAAO,CAAC,EAC3D,QAAkB,OAAO,oBAAoB,WAAW,EAAO,CAAC"}

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

@@ -1,54 +1,44 @@
-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 "@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({
-      colId: c,
-      width: e,
-      x: n,
-      right: n + e
-    });
-  }).slice(0, r.length - 1);
+import { useColumn as e } from "./useColumn.js";
+import { useMouse as t } from "../../../composition/useMouse.js";
+import { useHover as n } from "../../../composition/useHover.js";
+import { unref as r, watchEffect as i } from "vue";
+import { clamp as a, identity as o, tapIf as s } from "@milaboratories/helpers";
+function c(e) {
+	let t = s(r(e)?.querySelectorAll(".th-cell"), (e) => [...e]) ?? [];
+	return t.map((e) => {
+		let { width: t, x: n } = e.getBoundingClientRect();
+		return o({
+			colId: e.getAttribute("data-col-id"),
+			width: t,
+			x: n,
+			right: n + t
+		});
+	}).slice(0, t.length - 1);
 }
-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), i.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(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
-  };
+function l(r, o) {
+	let l = t(), u = n(o, {}), { data: d } = r, f = e((e) => {
+		s(d.resizeTh, (t) => {
+			let n = d.columns.find((e) => e.id === t.colId);
+			n && (n.width = a(e.width + e.diff, 30, 1e4), r.adjustWidth());
+		});
+	}, () => {
+		d.resize = !1, d.resizeTh = void 0, document.body.style.cursor = "";
+	});
+	return i(() => {
+		if (!u.value) {
+			document.body.style.cursor = "";
+			return;
+		}
+		if (d.resize) return;
+		let e = c(o).find((e) => Math.abs(l.x - e.right) < 10);
+		e ? (document.body.style.cursor = "col-resize", d.resizeTh = e) : (d.resizeTh = void 0, document.body.style.cursor = "");
+	}), { mouseDown: (e) => {
+		d.resizeTh && (d.resize = !0, f.start({
+			x: e.x,
+			width: d.resizeTh.width
+		}));
+	} };
 }
-export {
-  I as getColumnPositions,
-  E as useResize
-};
-//# sourceMappingURL=useResize.js.map
+export { l as useResize };
+
+//# sourceMappingURL=useResize.js.map

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,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;"}
+{"version":3,"file":"useResize.js","names":[],"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"],"mappings":";;;;;AAaA,SAAgB,EAAmB,GAA6C;CAC9E,IAAM,IAAM,EAAM,EAAM,EAAS,EAAE,iBAAiB,WAAW,GAAG,MAAM,CAAC,GAAG,EAAE,CAAC,IAAI,EAAE;AACrF,QAAO,EACJ,KAAK,MAAO;EACX,IAAM,EAAE,UAAO,SAAM,EAAG,uBAAuB;AAE/C,SAAO,EAAmB;GACxB,OAFY,EAAG,aAAa,cAAc;GAG1C;GACA;GACA,OAAO,IAAI;GACZ,CAAC;GACF,CACD,MAAM,GAAG,EAAI,SAAS,EAAE;;AAG7B,SAAgB,EAAU,GAAc,GAAwC;CAC9E,IAAM,IAAW,GAAU,EACrB,IAAY,EAAS,GAAU,EAAE,CAAC,EAClC,EAAE,YAAS,GAEX,IAAS,GACZ,MAAM;AACL,IAAM,EAAK,WAAW,MAAO;GAC3B,IAAM,IAAM,EAAK,QAAQ,MAAM,MAAQ,EAAI,OAAO,EAAG,MAAM;AAC3D,GAAI,MACF,EAAI,QAAQ,EAAM,EAAE,QAAQ,EAAE,MAAA,IAAwB,IAAM,EAC5D,EAAM,aAAa;IAErB;UAEE;AAGJ,EAFA,EAAK,SAAS,IACd,EAAK,WAAW,KAAA,GAChB,SAAS,KAAK,MAAM,SAAS;GAEhC;AAmCD,QAvBA,QAAkB;AAChB,MAAI,CAAC,EAAU,OAAO;AACpB,YAAS,KAAK,MAAM,SAAS;AAC7B;;AAGF,MAAI,EAAK,OACP;EAGF,IAAM,IAAK,EAAmB,EAAS,CAAC,MAAM,MACrC,KAAK,IAAI,EAAS,IAAI,EAAG,MAAM,GAAA,GACtC;AAEF,EAAI,KACF,SAAS,KAAK,MAAM,SAAS,cAC7B,EAAK,WAAW,MAEhB,EAAK,WAAW,KAAA,GAChB,SAAS,KAAK,MAAM,SAAS;GAE/B,EAEK,EACL,YAlCiB,MAAkB;AACnC,EAAI,EAAK,aACP,EAAK,SAAS,IACd,EAAO,MAAM;GACX,GAAG,EAAE;GACL,OAAO,EAAK,SAAS;GACtB,CAAC;IA6BL"}

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

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

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;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;"}
+{"version":3,"file":"useTableColumns.js","names":[],"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"],"mappings":";;AAQA,SAAgB,EAAgB,GAAkE;AAChG,QAAO,QAA8B;EACnC,IAAM,EAAE,SAAM,gBAAa,GAErB,EAAE,cAAW,kBAAe,GAE5B,IAAU,CAAC,GAAG,EAAK,QAAQ,EAE3B,IAAY,GAAU;AAE5B,EAAI,EAAS,MAAM,iBACjB,EAAQ,QACN,EAA4B;GAC1B,IAAI;GACJ,OAAO;GACP,OAAO;GACP,QAAQ;GACT,CAAC,CACH;EAGH,IAAI,IAAS,GAEP,IAAe,EAAQ,KAAK,MAAQ;GACxC,IAAM,IAAK;IAAE,GAAG;IAAK;IAAQ;AAE7B,UADA,KAAU,EAAI,QAAA,GACP;IACP,EAEI,IAAS,EAAa,QAAQ,MAAQ,EAAI,OAAO;AASvD,SAPuB,EAAQ,IAAe,MACxC,EAAI,SACC,KAEF,IAAa,EAAI,SAAS,EAAI,SAAS,EAAI,SAAS,IAAY,EACvE,CAAC,OAAO,EAAO,CAEK,KAAkB,OAAS;GAC/C,GAAG;GACH,OAAO;IACL,MAAM,EAAI,SAAS,GAAG,EAAI,OAAO,MAAM,GAAG,EAAI,SAAS,EAAK,WAAW;IACvE,OAAO,GAAG,EAAI,MAAM;IACrB;GACD,SAAS,EAAI,OAAO;GACrB,EAAE;GACH"}