@milaboratories/uikit 2.10.37 → 2.10.39

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

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

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":";;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;"}
+{"version":3,"file":"useTableRows.js","names":[],"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"],"mappings":";;AAKA,SAAgB,EAAa,GAAiB,GAA0C;CACtF,IAAM,IAAa,QACjB,EAAa,MAAM,QAChB,GAAG,OACF,EAAE,EAAI,MAAM,EAAI,UAAU,aAAa,EAAI,UAAU,IAC9C,IAET,EAAE,CACH,CACF;AAED,QAAO,QACE,EAAK,KAAK,KAAe,MAAQ;EACtC,IAAM,IAAU,EAAW,OAErB,EAAE,eAAY,WAAQ,YAAS,cAAW,GAE1C,IAAQ,EAAa,MAAM,KAAgB,OACxC;GACL,IAAI,EAAO;GACX;GACA;GACA,OAAO,EAAQ,EAAO;GACtB,OAAO,EAAQ,EAAO;GACtB,UAAU,EAAO;GACjB,OAAO,EAAO;GACd,OAAO,EAAO;GACd,SAAS,EAAO;GACjB,EACD;AAEF,SAAO,EAAmB;GACxB,OAAO;IACL,KAAK,GAAG,IAAS,EAAK,UAAU;IAChC,QAAQ,GAAG,EAAI,OAAO;IACvB;GACD;GACA;GACA;GACA;GACA,UAAU,EAAK,aAAa,IAAI,EAAW;GAC5C,CAAC;GACF,CACF"}

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

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

package/dist/components/DataTable/domain.js

@@ -1,21 +1,22 @@
-function f(n, t) {
-  const e = t.indexOf(n) + 1;
-  return t[e >= t.length ? 0 : e];
+function e(e, t) {
+	let n = t.indexOf(e) + 1;
+	return t[n >= t.length ? 0 : n];
 }
-function u(n, t) {
-  const e = n.findIndex(t);
-  if (e < 0)
-    return [];
-  const o = (() => {
-    for (let i = e; i < n.length; i++)
-      if (!t(n[i], i))
-        return i;
-    return n.length;
-  })();
-  return n.slice(e, o);
+/**
+* Returns a first contiguous copy of a section of an array where predicate is true
+* @param arr
+* @param predicate
+* @returns
+*/
+function t(e, t) {
+	let n = e.findIndex(t);
+	if (n < 0) return [];
+	let r = (() => {
+		for (let r = n; r < e.length; r++) if (!t(e[r], r)) return r;
+		return e.length;
+	})();
+	return e.slice(n, r);
 }
-export {
-  f as rotate,
-  u as sliceBy
-};
-//# sourceMappingURL=domain.js.map
+export { e as rotate, t as sliceBy };
+
+//# sourceMappingURL=domain.js.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(\n  sorts: Record<string, \"ASC\" | \"DESC\">,\n  a: Record<string, unknown>,\n  b: Record<string, unknown>,\n) {\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":"AAiCO,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;"}
+{"version":3,"file":"domain.js","names":[],"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(\n  sorts: Record<string, \"ASC\" | \"DESC\">,\n  a: Record<string, unknown>,\n  b: Record<string, unknown>,\n) {\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"],"mappings":"AAiCA,SAAgB,EAAU,GAAM,GAAU;CACxC,IAAM,IAAO,EAAI,QAAQ,EAAE,GAAG;AAC9B,QAAO,EAAI,KAAQ,EAAI,SAAS,IAAI;;;;;;;;AAStC,SAAgB,EAAW,GAAmB,GAAmD;CAC/F,IAAM,IAAO,EAAI,UAAU,EAAU;AAErC,KAAI,IAAO,EACT,QAAO,EAAE;CAGX,IAAM,WAAe;AACnB,OAAK,IAAI,IAAI,GAAM,IAAI,EAAI,QAAQ,IAC7B,QAAU,EAAI,IAAI,EAAE,CAIxB,QAAO;AAGT,SAAO,EAAI;KACT;AAEJ,QAAO,EAAI,MAAM,GAAM,EAAM"}

package/dist/components/DataTable/index.js

@@ -1,43 +1,44 @@
-import s from "./TableComponent.vue.js";
-import { h as a, computed as o, unref as n, reactive as f } from "vue";
-import { RawData as m } from "./adapters/RawData.js";
-import { AsyncData as h } from "./adapters/AsyncData.js";
-function g(t) {
-  return Object.freeze(t);
+import { __exportAll as e } from "../../_virtual/_rolldown/runtime.js";
+import t from "./TableComponent.js";
+import { RawData as n } from "./adapters/RawData.js";
+import { AsyncData as r } from "./adapters/AsyncData.js";
+import { computed as i, h as a, reactive as o, unref as s } from "vue";
+var c = /* @__PURE__ */ e({
+	AsyncData: () => r,
+	Component: () => t,
+	factory: () => u,
+	rawDataSettings: () => d,
+	settings: () => l,
+	useRawData: () => f,
+	useRawDataComponent: () => p
+});
+function l(e) {
+	return Object.freeze(e);
 }
-function y(t) {
-  return a(s, { settings: Object.freeze(t) });
+function u(e) {
+	return a(t, { settings: Object.freeze(e) });
 }
-function c(t, e) {
-  const r = new m(
-    t,
-    e.resolveRowHeight,
-    e.resolvePrimaryKey
-  );
-  return { ...e, dataSource: r };
+/** * Adapters ***/
+function d(e, t) {
+	let r = new n(e, t.resolveRowHeight, t.resolvePrimaryKey);
+	return {
+		...t,
+		dataSource: r
+	};
 }
-function R(t, e) {
-  return o(() => {
-    const r = n(t);
-    return c(r, n(e));
-  });
+function f(e, t) {
+	return i(() => d(s(e), s(t)));
 }
-function v(t, e) {
-  const r = o(() => {
-    const i = n(t);
-    return c(i, n(e));
-  }), u = f({
-    settings: r
-  });
-  return o(() => a(s, u));
+/**
+* @deprecated
+* @param rows
+* @param raw
+* @returns
+*/
+function p(e, n) {
+	let r = o({ settings: i(() => d(s(e), s(n))) });
+	return i(() => a(t, r));
 }
-export {
-  h as AsyncData,
-  s as Component,
-  y as factory,
-  c as rawDataSettings,
-  g as settings,
-  R as useRawData,
-  v as useRawDataComponent
-};
-//# sourceMappingURL=index.js.map
+export { c as DataTable_exports };
+
+//# sourceMappingURL=index.js.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>(\n  rows: D[],\n  rawSettings: Types.RawTableSettings<D>,\n): TableSettings {\n  const dataSource = new RawData<D>(\n    rows,\n    rawSettings.resolveRowHeight,\n    rawSettings.resolvePrimaryKey,\n  );\n  return { ...rawSettings, dataSource } as TableSettings;\n}\n\nexport function useRawData<D extends Types.DataRow>(\n  rowsRef: AnyRef<D[]>,\n  raw: MaybeRef<RawTableSettings<D>>,\n) {\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>(\n  rowsRef: AnyRef<D[]>,\n  raw: MaybeRef<RawTableSettings<D>>,\n) {\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,EACdC,GACAC,GACe;AACf,QAAMC,IAAa,IAAIC;AAAA,IACrBH;AAAA,IACAC,EAAY;AAAA,IACZA,EAAY;AAAA,EAAA;AAEd,SAAO,EAAE,GAAGA,GAAa,YAAAC,EAAA;AAC3B;AAEO,SAASE,EACdC,GACAC,GACA;AACA,SAAOC,EAAS,MAAM;AACpB,UAAMP,IAAOQ,EAAMH,CAAO;AAC1B,WAAON,EAAgBC,GAAMQ,EAAMF,CAAG,CAAC;AAAA,EACzC,CAAC;AACH;AAQO,SAASG,EACdJ,GACAC,GACA;AACA,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;"}
+{"version":3,"file":"index.js","names":[],"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>(\n  rows: D[],\n  rawSettings: Types.RawTableSettings<D>,\n): TableSettings {\n  const dataSource = new RawData<D>(\n    rows,\n    rawSettings.resolveRowHeight,\n    rawSettings.resolvePrimaryKey,\n  );\n  return { ...rawSettings, dataSource } as TableSettings;\n}\n\nexport function useRawData<D extends Types.DataRow>(\n  rowsRef: AnyRef<D[]>,\n  raw: MaybeRef<RawTableSettings<D>>,\n) {\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>(\n  rowsRef: AnyRef<D[]>,\n  raw: MaybeRef<RawTableSettings<D>>,\n) {\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"],"mappings":";;;;;;;;;;;;;;AAYA,SAAgB,EAAkC,GAAgD;AAChG,QAAO,OAAO,OAAO,EAAc;;AAGrC,SAAgB,EAAuC,GAAkB;AACvE,QAAO,EAAE,GAAW,EAAE,UAAU,OAAO,OAAO,EAAc,EAAE,CAAC;;;AASjE,SAAgB,EACd,GACA,GACe;CACf,IAAM,IAAa,IAAI,EACrB,GACA,EAAY,kBACZ,EAAY,kBACb;AACD,QAAO;EAAE,GAAG;EAAa;EAAY;;AAGvC,SAAgB,EACd,GACA,GACA;AACA,QAAO,QAEE,EADM,EAAM,EAAQ,EACE,EAAM,EAAI,CAAC,CACxC;;;;;;;;AASJ,SAAgB,EACd,GACA,GACA;CAMA,IAAM,IAAQ,EAAS,EACrB,UANe,QAER,EADM,EAAM,EAAQ,EACE,EAAM,EAAI,CAAC,CACxC,EAID,CAAC;AAEF,QAAO,QAAe,EAAE,GAAW,EAAM,CAAC"}

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

@@ -11,7 +11,7 @@ export declare const injectState: () => {
             label: string;
             id: string;
             width: number;
-            justify?: ("center" | "start") | undefined;
+            justify?: "center" | "start" | undefined;
             sort?: {
                 direction: "DESC" | "ASC" | undefined;
             } | undefined;

package/dist/components/DataTable/keys.js

@@ -1,7 +1,5 @@
-import { inject as t } from "vue";
-const e = Symbol(), c = () => t(e);
-export {
-  c as injectState,
-  e as stateKey
-};
-//# sourceMappingURL=keys.js.map
+import { inject as e } from "vue";
+const t = Symbol(), n = () => e(t);
+export { n as injectState, t as stateKey };
+
+//# sourceMappingURL=keys.js.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,OAAA,GAEXC,IAAc,MAAMC,EAAOF,CAAQ;"}
+{"version":3,"file":"keys.js","names":[],"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"],"mappings":";AAMA,MAAa,IAAW,QAAQ,EAEnB,UAAoB,EAAO,EAAS"}

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

@@ -7,7 +7,7 @@ export declare function createState(props: TableProps): {
             label: string;
             id: string;
             width: number;
-            justify?: ("center" | "start") | undefined;
+            justify?: "center" | "start" | undefined;
             sort?: {
                 direction: "DESC" | "ASC" | undefined;
             } | undefined;

package/dist/components/DataTable/state.js

@@ -1,117 +1,104 @@
-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 "@milaboratories/helpers";
-import { stateKey as x } from "./keys.js";
-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
-  });
+import { stateKey as e } from "./keys.js";
+import { useTableColumns as t } from "./composition/useTableColumns.js";
+import { useTableRows as n } from "./composition/useTableRows.js";
+import { computed as r, provide as i, reactive as a, watch as o } from "vue";
+import { clamp as s, deepClone as c, deepEqual as l, delay as u, resolveAwaited as d, tap as f } from "@milaboratories/helpers";
+var p = async (e, t) => {
+	let { scrollTop: n, bodyHeight: r } = e;
+	return await u(0), d({
+		rows: t.getRows(n, r),
+		dataWindow: e
+	});
 };
-function q(l) {
-  const t = S({
-    rowIndex: -1,
-    columns: [],
-    pendingLoads: 0,
-    currentWindow: void 0,
-    rows: [],
-    resize: !1,
-    resizeTh: void 0,
-    dataHeight: 0,
-    bodyHeight: l.settings.height,
-    bodyWidth: 0,
-    scrollTop: 0,
-    scrollLeft: 0,
-    selectedRows: /* @__PURE__ */ new Set(),
-    selectedColumns: /* @__PURE__ */ new Set()
-  });
-  u(
-    () => l.settings,
-    (e) => {
-      t.columns = h(e.columns), t.currentWindow = void 0, e.dataSource.getHeight().then((o) => {
-        t.dataHeight = o, d.updateBodyHeight();
-      }).catch((o) => t.error = o);
-    },
-    { immediate: !0 }
-  );
-  const r = c(() => l.settings), i = c(() => t.columns.reduce((e, o) => e + o.width + 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
-  })), n = D({
-    data: t,
-    settings: r
-  }), b = j(t, n), d = {
-    data: t,
-    settings: r,
-    tableColumns: n,
-    tableRows: b,
-    adjustWidth: () => {
-      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);
-      }
-    },
-    updateOffsets(e) {
-      this.updateScrollTop(t.scrollTop + e.deltaY), this.updateScrollLeft(t.scrollLeft + e.deltaX);
-    },
-    getSelectedRows() {
-      return t.rows.filter((e) => t.selectedRows.has(e.primaryKey));
-    },
-    getSelectedColumns() {
-      return t.columns.filter((e) => t.selectedColumns.has(e.id));
-    },
-    selectRow(e) {
-      t.selectedRows.add(e);
-    },
-    unselectRow(e) {
-      t.selectedRows.delete(e);
-    },
-    selectColumn(e) {
-      t.selectedColumns.add(e);
-    },
-    unselectColumn(e) {
-      t.selectedColumns.delete(e);
-    },
-    updateScrollTop(e) {
-      t.scrollTop = p(e, 0, f.value);
-    },
-    updateScrollLeft(e) {
-      t.scrollLeft = p(e, 0, y.value);
-    },
-    updateBodyHeight() {
-      const { height: e } = l.settings, { dataHeight: o } = t, s = e > o ? o : e;
-      t.bodyHeight = s;
-    },
-    updateDimensions(e) {
-      this.updateBodyHeight(), d.data.bodyWidth = e.width, d.adjustWidth(), t.rows = [], t.currentWindow = void 0;
-    }
-  };
-  return u(
-    T,
-    (e, o) => {
-      const s = e.current;
-      (!s || e.scrollTop < s.scrollTop || e.scrollTop + e.bodyHeight > s.bodyHeight + s.scrollTop) && (t.currentWindow = {
-        scrollTop: e.scrollTop - 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);
-        }
-      ));
-    },
-    { deep: !0, immediate: !0 }
-  ), L(x, d), d;
+function m(u) {
+	let d = a({
+		rowIndex: -1,
+		columns: [],
+		pendingLoads: 0,
+		currentWindow: void 0,
+		rows: [],
+		resize: !1,
+		resizeTh: void 0,
+		dataHeight: 0,
+		bodyHeight: u.settings.height,
+		bodyWidth: 0,
+		scrollTop: 0,
+		scrollLeft: 0,
+		selectedRows: /* @__PURE__ */ new Set(),
+		selectedColumns: /* @__PURE__ */ new Set()
+	});
+	o(() => u.settings, (e) => {
+		d.columns = c(e.columns), d.currentWindow = void 0, e.dataSource.getHeight().then((e) => {
+			d.dataHeight = e, b.updateBodyHeight();
+		}).catch((e) => d.error = e);
+	}, { immediate: !0 });
+	let m = r(() => u.settings), h = r(() => d.columns.reduce((e, t) => e + t.width + 1, 0)), g = r(() => f(b.data.dataHeight - b.data.bodyHeight, (e) => e > 0 ? e : 0)), _ = r(() => f(h.value - b.data.bodyWidth, (e) => e > 0 ? e : 0)), v = r(() => ({
+		bodyHeight: d.bodyHeight,
+		scrollTop: d.scrollTop,
+		current: d.currentWindow
+	})), y = t({
+		data: d,
+		settings: m
+	}), b = {
+		data: d,
+		settings: m,
+		tableColumns: y,
+		tableRows: n(d, y),
+		adjustWidth: () => {
+			let e = d.columns.reduce((e, t) => e + t.width + 1, 0), t = d.bodyWidth + d.scrollLeft;
+			if (e < t) {
+				let n = d.columns[d.columns.length - 1];
+				n.width += t - e;
+			}
+		},
+		updateOffsets(e) {
+			this.updateScrollTop(d.scrollTop + e.deltaY), this.updateScrollLeft(d.scrollLeft + e.deltaX);
+		},
+		getSelectedRows() {
+			return d.rows.filter((e) => d.selectedRows.has(e.primaryKey));
+		},
+		getSelectedColumns() {
+			return d.columns.filter((e) => d.selectedColumns.has(e.id));
+		},
+		selectRow(e) {
+			d.selectedRows.add(e);
+		},
+		unselectRow(e) {
+			d.selectedRows.delete(e);
+		},
+		selectColumn(e) {
+			d.selectedColumns.add(e);
+		},
+		unselectColumn(e) {
+			d.selectedColumns.delete(e);
+		},
+		updateScrollTop(e) {
+			d.scrollTop = s(e, 0, g.value);
+		},
+		updateScrollLeft(e) {
+			d.scrollLeft = s(e, 0, _.value);
+		},
+		updateBodyHeight() {
+			let { height: e } = u.settings, { dataHeight: t } = d;
+			d.bodyHeight = e > t ? t : e;
+		},
+		updateDimensions(e) {
+			this.updateBodyHeight(), b.data.bodyWidth = e.width, b.adjustWidth(), d.rows = [], d.currentWindow = void 0;
+		}
+	};
+	return o(v, (e, t) => {
+		let n = e.current;
+		(!n || e.scrollTop < n.scrollTop || e.scrollTop + e.bodyHeight > n.bodyHeight + n.scrollTop) && (d.currentWindow = {
+			scrollTop: e.scrollTop - 60,
+			bodyHeight: e.bodyHeight + 120
+		}, p(c(d.currentWindow), m.value.dataSource).then(({ rows: e, dataWindow: t }) => {
+			l(d.currentWindow, t) && (d.rows = e);
+		}));
+	}, {
+		deep: !0,
+		immediate: !0
+	}), i(e, b), b;
 }
-export {
-  q as createState
-};
-//# sourceMappingURL=state.js.map
+export { m 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 {\n  TableProps,\n  TableData,\n  DataWindow,\n  PrimaryKey,\n  Row,\n  ColumnSpecSettings,\n  DataSource,\n} 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 (\n  dataWindow: { scrollTop: number; bodyHeight: number },\n  dataSource: DataSource,\n) => {\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(() =>\n    tap(state.data.dataHeight - state.data.bodyHeight, (v) => (v > 0 ? v : 0)),\n  );\n  const maxScrollLeft = computed(() =>\n    tap(columnsWidth.value - state.data.bodyWidth, (v) => (v > 0 ? v : 0)),\n  );\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 =\n        !current ||\n        n.scrollTop < current.scrollTop ||\n        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(\n          ({ rows, dataWindow }) => {\n            if (deepEqual(data.currentWindow, dataWindow)) {\n              data.rows = rows;\n            }\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","names":[],"sources":["../../../src/components/DataTable/state.ts"],"sourcesContent":["import { computed, provide, reactive, watch } from \"vue\";\nimport type {\n  TableProps,\n  TableData,\n  DataWindow,\n  PrimaryKey,\n  Row,\n  ColumnSpecSettings,\n  DataSource,\n} 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 (\n  dataWindow: { scrollTop: number; bodyHeight: number },\n  dataSource: DataSource,\n) => {\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(() =>\n    tap(state.data.dataHeight - state.data.bodyHeight, (v) => (v > 0 ? v : 0)),\n  );\n  const maxScrollLeft = computed(() =>\n    tap(columnsWidth.value - state.data.bodyWidth, (v) => (v > 0 ? v : 0)),\n  );\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 =\n        !current ||\n        n.scrollTop < current.scrollTop ||\n        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(\n          ({ rows, dataWindow }) => {\n            if (deepEqual(data.currentWindow, dataWindow)) {\n              data.rows = rows;\n            }\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"],"mappings":"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"}

package/dist/components/DropdownListItem.js

@@ -0,0 +1,5 @@
+import e from "./DropdownListItem.vue2.js";
+var t = e;
+export { t as default };
+
+//# sourceMappingURL=DropdownListItem.js.map

package/dist/components/DropdownListItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DropdownListItem.js","names":[],"sources":["../../src/components/DropdownListItem.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from \"vue\";\nimport CheckboxUncheckedSvg from \"../assets/images/24_checkbox-light-enabled-unchecked.svg?raw\";\nimport CheckboxCheckedSvg from \"../assets/images/24_checkbox-light-enabled-checked.svg?raw\";\nimport type { ListOptionNormalized } from \"../types\";\n\nconst props = withDefaults(\n  defineProps<{\n    option: ListOptionNormalized;\n    isSelected: boolean;\n    size: \"small\" | \"medium\";\n    isHovered: boolean;\n    useCheckbox?: boolean;\n  }>(),\n  {\n    size: \"small\",\n    isSelected: false,\n    isHovered: false,\n    useCheckbox: false,\n  },\n);\n\nconst classes = computed<string>(() => {\n  const classItems: string[] = [];\n  if (props.size === \"small\") {\n    classItems.push(\"dropdown-list-item__small\");\n  }\n  if (props.isSelected) {\n    classItems.push(\"dropdown-list-item__selected\");\n  }\n  if (props.isHovered) {\n    classItems.push(\"hovered-item\");\n  }\n  return classItems.join(\" \");\n});\n\nconst checkboxClasses = computed(() => {\n  const classes: string[] = [\"dropdown-list-item__checkbox\", \"flex-self-start\"];\n  if (props.isSelected) {\n    classes.push(\"checked\");\n  }\n  return classes.join(\" \");\n});\n\n// Why??\nconst checkboxSvg = computed(() => (props.isSelected ? CheckboxCheckedSvg : CheckboxUncheckedSvg));\n</script>\n\n<template>\n  <div :class=\"classes\" class=\"dropdown-list-item\">\n    <!-- eslint-disable vue/no-v-html -->\n    <div v-if=\"props.useCheckbox\" :class=\"checkboxClasses\" v-html=\"checkboxSvg\" />\n    <!--eslint-enable-->\n    <div class=\"dropdown-list-item__title-container\">\n      <div class=\"dropdown-list-item__title text-s\">\n        {{ option.label }}\n      </div>\n      <div v-if=\"option.description\" class=\"dropdown-list-item__description text-description\">\n        {{ option.description }}\n      </div>\n    </div>\n    <div\n      v-if=\"!props.useCheckbox && props.isSelected\"\n      class=\"dropdown-list-item__icon flex-self-start\"\n    />\n  </div>\n</template>\n"],"mappings":""}