@platforma-sdk/ui-vue 1.37.0 → 1.37.1

package/dist/lib/ui/uikit/dist/components/DataTable/TableComponent.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableComponent.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/lib/ui/uikit/dist/components/DataTable/TdCell.vue.js

@@ -0,0 +1,75 @@
+import { defineComponent as R, computed as d, ref as h, createElementBlock as p, openBlock as a, normalizeClass as k, createBlock as i, toDisplayString as b, resolveDynamicComponent as g } from "vue";
+import { tapIf as S } from "../../lib/util/helpers/dist/index.js";
+import { showContextMenu as K } from "../contextMenu/index.js";
+import { injectState as B } from "./keys.js";
+import D from "./BaseCellComponent.vue.js";
+const U = ["^data-row-index"], T = {
+  key: 0,
+  class: "control-cell"
+}, j = /* @__PURE__ */ R({
+  __name: "TdCell",
+  props: {
+    cell: {}
+  },
+  setup(w) {
+    const l = w, t = B(), v = d(() => l.cell.column.valueType), r = (e) => {
+      S(t.settings.value.onUpdatedRow, (c) => {
+        const n = l.cell.row, o = { ...n.dataRow, [l.cell.id]: e };
+        c({ ...n, dataRow: o });
+      });
+    }, y = (e) => {
+      e.metaKey && t.selectRow(l.cell.row.primaryKey);
+    }, f = (e, c) => {
+      if (e.type === "contextmenu")
+        e.preventDefault();
+      else
+        return;
+      const n = t.settings ?? {}, o = [], { onSelectedRows: u, onSelectedColumns: s } = n.value, C = t.data.selectedRows.has(c.primaryKey);
+      u && u.length && (C ? o.push({
+        text: "Deselect row",
+        cb() {
+          t.data.selectedRows.delete(l.cell.row.primaryKey);
+        }
+      }) : o.push({
+        text: "Select row",
+        cb() {
+          t.selectRow(l.cell.row.primaryKey);
+        }
+      })), s && s.length && (o.push({
+        text: "Select column",
+        cb() {
+          t.selectColumn(l.cell.column.id);
+        }
+      }), o.push({
+        text: "Unselect column",
+        cb() {
+          t.unselectColumn(l.cell.column.id);
+        }
+      })), o.length && K(e, o);
+    }, x = h(), m = d(() => l.cell.column.component ? l.cell.column.component() : void 0);
+    return (e, c) => (a(), p("div", {
+      ref_key: "cellRef",
+      ref: x,
+      class: k(["td-cell", { [e.cell.class]: !0 }]),
+      "^data-row-index": e.cell.row.index,
+      onClick: y,
+      onContextmenu: c[0] || (c[0] = (n) => f(n, e.cell.row))
+    }, [
+      e.cell.control ? (a(), p("div", T, b(e.cell.row.index), 1)) : m.value ? (a(), i(g(m.value), {
+        key: 1,
+        "model-value": e.cell.value,
+        "onUpdate:modelValue": r
+      }, null, 8, ["model-value"])) : (a(), i(D, {
+        key: 2,
+        "model-value": e.cell.value,
+        "value-type": v.value,
+        editable: e.cell.column.editable,
+        "onUpdate:modelValue": r
+      }, null, 8, ["model-value", "value-type", "editable"]))
+    ], 42, U));
+  }
+});
+export {
+  j as default
+};
+//# sourceMappingURL=TdCell.vue.js.map

package/dist/lib/ui/uikit/dist/components/DataTable/TdCell.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TdCell.vue.js","sources":["../../../../../../../../../lib/ui/uikit/src/components/DataTable/TdCell.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { tapIf } from '@milaboratories/helpers';\nimport { showContextMenu } from '../contextMenu';\nimport type { ContextOption } from '../contextMenu/types';\nimport { injectState } from './keys';\nimport type { Row, TableCell } from './types';\nimport { computed, ref } from 'vue';\nimport BaseCellComponent from './BaseCellComponent.vue';\n\nconst props = defineProps<{\n  cell: TableCell;\n}>();\n\nconst state = injectState();\n\nconst valueTypeRef = computed(() => props.cell.column.valueType);\n\nconst onInput = (value: unknown) => {\n  tapIf(state.settings.value.onUpdatedRow, (f) => {\n    const row = props.cell.row;\n\n    const dataRow = { ...row.dataRow, [props.cell.id]: value };\n\n    f({ ...row, dataRow });\n  });\n};\n\nconst onClick = (ev: MouseEvent) => {\n  if (ev.metaKey) {\n    state.selectRow(props.cell.row.primaryKey);\n  }\n};\n\nconst onContextMenu = (ev: MouseEvent, row: Row) => {\n  if (ev.type === 'contextmenu') {\n    ev.preventDefault();\n  } else {\n    return;\n  }\n\n  const settings = state.settings ?? {};\n\n  const options = [] as ContextOption[];\n\n  const { onSelectedRows, onSelectedColumns } = settings.value;\n\n  const isSelected = state.data.selectedRows.has(row.primaryKey);\n\n  if (onSelectedRows && onSelectedRows.length) {\n    if (isSelected) {\n      options.push({\n        text: 'Deselect row',\n        cb() {\n          state.data.selectedRows.delete(props.cell.row.primaryKey);\n        },\n      });\n    } else {\n      options.push({\n        text: 'Select row',\n        cb() {\n          state.selectRow(props.cell.row.primaryKey);\n        },\n      });\n    }\n  }\n\n  if (onSelectedColumns && onSelectedColumns.length) {\n    options.push({\n      text: 'Select column',\n      cb() {\n        state.selectColumn(props.cell.column.id);\n      },\n    });\n\n    options.push({\n      text: 'Unselect column',\n      cb() {\n        state.unselectColumn(props.cell.column.id);\n      },\n    });\n  }\n\n  if (!options.length) {\n    return;\n  }\n\n  showContextMenu(ev, options);\n};\n\nconst cellRef = ref<HTMLElement>();\n\nconst CustomComponent = computed(() => (props.cell.column.component ? props.cell.column.component() : undefined));\n</script>\n\n<template>\n  <div\n    ref=\"cellRef\"\n    class=\"td-cell\"\n    :class=\"{ [cell.class]: true }\"\n    :data-row-index.attr=\"cell.row.index\"\n    @click=\"onClick\"\n    @contextmenu=\"(ev) => onContextMenu(ev, cell.row)\"\n  >\n    <div v-if=\"cell.control\" class=\"control-cell\">{{ cell.row.index }}</div>\n    <component :is=\"CustomComponent\" v-else-if=\"CustomComponent\" :model-value=\"cell.value\" @update:model-value=\"onInput\" />\n    <BaseCellComponent v-else :model-value=\"cell.value\" :value-type=\"valueTypeRef\" :editable=\"cell.column.editable\" @update:model-value=\"onInput\" />\n  </div>\n</template>\n"],"names":["props","__props","state","injectState","valueTypeRef","computed","onInput","value","tapIf","f","row","dataRow","onClick","ev","onContextMenu","settings","options","onSelectedRows","onSelectedColumns","isSelected","showContextMenu","cellRef","ref","CustomComponent"],"mappings":";;;;;;;;;;;;;;AASA,UAAMA,IAAQC,GAIRC,IAAQC,KAERC,IAAeC,EAAS,MAAML,EAAM,KAAK,OAAO,SAAS,GAEzDM,IAAU,CAACC,MAAmB;AAClCC,MAAAA,EAAMN,EAAM,SAAS,MAAM,cAAc,CAACO,MAAM;AACxC,cAAAC,IAAMV,EAAM,KAAK,KAEjBW,IAAU,EAAE,GAAGD,EAAI,SAAS,CAACV,EAAM,KAAK,EAAE,GAAGO,EAAM;AAEzDE,QAAAA,EAAE,EAAE,GAAGC,GAAK,SAAAC,EAAS,CAAA;AAAA,MAAA,CACtB;AAAA,IAAA,GAGGC,IAAU,CAACC,MAAmB;AAC9BA,QAAG,WACLX,EAAM,UAAUF,EAAM,KAAK,IAAI,UAAU;AAAA,IAAA,GAIvCc,IAAgB,CAACD,GAAgBH,MAAa;AAC9C,UAAAG,EAAG,SAAS;AACdA,UAAG,eAAe;AAAA;AAElB;AAGIE,YAAAA,IAAWb,EAAM,YAAY,IAE7Bc,IAAU,IAEV,EAAE,gBAAAC,GAAgB,mBAAAC,EAAkB,IAAIH,EAAS,OAEjDI,IAAajB,EAAM,KAAK,aAAa,IAAIQ,EAAI,UAAU;AAEzDO,WAAkBA,EAAe,WAC/BE,IACFH,EAAQ,KAAK;AAAA,QACX,MAAM;AAAA,QACN,KAAK;AACHd,UAAAA,EAAM,KAAK,aAAa,OAAOF,EAAM,KAAK,IAAI,UAAU;AAAA,QAAA;AAAA,MAAA,CAE3D,IAEDgB,EAAQ,KAAK;AAAA,QACX,MAAM;AAAA,QACN,KAAK;AACHd,UAAAA,EAAM,UAAUF,EAAM,KAAK,IAAI,UAAU;AAAA,QAAA;AAAA,MAAA,CAE5C,IAIDkB,KAAqBA,EAAkB,WACzCF,EAAQ,KAAK;AAAA,QACX,MAAM;AAAA,QACN,KAAK;AACHd,UAAAA,EAAM,aAAaF,EAAM,KAAK,OAAO,EAAE;AAAA,QAAA;AAAA,MAAA,CAE1C,GAEDgB,EAAQ,KAAK;AAAA,QACX,MAAM;AAAA,QACN,KAAK;AACHd,UAAAA,EAAM,eAAeF,EAAM,KAAK,OAAO,EAAE;AAAA,QAAA;AAAA,MAAA,CAE5C,IAGEgB,EAAQ,UAIbI,EAAgBP,GAAIG,CAAO;AAAA,IAAA,GAGvBK,IAAUC,EAEVC,GAAAA,IAAkBlB,EAAS,MAAOL,EAAM,KAAK,OAAO,YAAYA,EAAM,KAAK,OAAO,cAAc,MAAU;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/lib/ui/uikit/dist/components/DataTable/ThCell.vue.js

@@ -0,0 +1,46 @@
+import { defineComponent as u, createElementBlock as o, openBlock as l, normalizeClass as n, createCommentVNode as c, createTextVNode as m, toDisplayString as p, withModifiers as f } from "vue";
+import { showContextMenu as C } from "../contextMenu/index.js";
+import { rotate as v } from "./domain.js";
+const y = ["^data-col-id"], g = /* @__PURE__ */ u({
+  __name: "ThCell",
+  props: {
+    col: {}
+  },
+  emits: ["delete:column", "expand:column", "change:sort"],
+  setup(h, { emit: r }) {
+    const i = r;
+    function s(e) {
+      e.preventDefault();
+      const t = [];
+      t.length && C(e, t);
+    }
+    function a(e) {
+      var t;
+      const d = ((t = e.sort) == null ? void 0 : t.direction) ?? "DESC";
+      i("change:sort", {
+        colId: e.id,
+        direction: v(d, ["DESC", "ASC"])
+      });
+    }
+    return (e, t) => (l(), o("div", {
+      class: n(["cell th-cell", { "justify-center": e.col.justify, frozen: e.col.frozen }]),
+      "^data-col-id": e.col.id,
+      onContextmenu: s
+    }, [
+      e.col.valueType ? (l(), o("div", {
+        key: 0,
+        class: n(e.col.valueType)
+      }, null, 2)) : c("", !0),
+      m(" " + p(e.col.label) + " ", 1),
+      e.col.sort ? (l(), o("div", {
+        key: 1,
+        class: n(["sort", e.col.sort.direction]),
+        onClick: t[0] || (t[0] = f(() => a(e.col), ["stop"]))
+      }, null, 2)) : c("", !0)
+    ], 42, y));
+  }
+});
+export {
+  g as default
+};
+//# sourceMappingURL=ThCell.vue.js.map

package/dist/lib/ui/uikit/dist/components/DataTable/ThCell.vue.js.map

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

package/dist/lib/ui/uikit/dist/components/DataTable/TrBody.vue.js

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

package/dist/lib/ui/uikit/dist/components/DataTable/TrBody.vue.js.map

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

package/dist/lib/ui/uikit/dist/components/DataTable/TrHead.vue.js

@@ -0,0 +1,13 @@
+import { defineComponent as t, createElementBlock as o, openBlock as r, renderSlot as a } from "vue";
+const n = { class: "tr-head" }, c = /* @__PURE__ */ t({
+  __name: "TrHead",
+  setup(d) {
+    return (e, l) => (r(), o("div", n, [
+      a(e.$slots, "default")
+    ]));
+  }
+});
+export {
+  c as default
+};
+//# sourceMappingURL=TrHead.vue.js.map

package/dist/lib/ui/uikit/dist/components/DataTable/TrHead.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TrHead.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;"}

package/dist/lib/ui/uikit/dist/components/DataTable/adapters/AsyncData.js

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

package/dist/lib/ui/uikit/dist/components/DataTable/adapters/AsyncData.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AsyncData.js","sources":["../../../../../../../../../../lib/ui/uikit/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;AAAAA,EAAA;AAAA,EAGlB,IAAI,SAAS;AACX,WAAO,KAAK,YAAYC;AAAAA,EAAA;AAAA,EAG1B,MAAM,YAA6B;AACjC,WAAQ,MAAM,KAAK,IAAI,MAAA,IAAW,KAAK;AAAA,EAAA;AAAA,EAGzC,MAAM,QAAQC,GAAmBC,GAAoC;AAC7D,UAAAC,IAASC,EAAM,KAAK,MAAMH,IAAY,KAAK,MAAM,GAAG,GAAG,OAAO,iBAAiB,GAC/EI,IAAQ,KAAK,KAAKH,IAAa,KAAK,KAAK,MAAM;AAErD,YADa,MAAM,KAAK,IAAI,MAAM,EAAE,QAAAC,GAAQ,OAAAE,EAAO,CAAA,GACvC,IAAe,CAACC,GAASC,OAAW;AAAA,MAC9C,SAAAD;AAAAA,MACA,OAAOH,IAASI;AAAAA,MAChB,YAAY,KAAK,kBAAkBD,GAASH,IAASI,CAAK;AAAA,MAC1D,SAASJ,IAASI,MAAU,KAAK,YAAYP;AAAAA,MAC7C,QAAQ,KAAK;AAAA,IAAA,EACb;AAAA,EAAA;AAEN;"}

package/dist/lib/ui/uikit/dist/components/DataTable/adapters/RawData.js

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

package/dist/lib/ui/uikit/dist/components/DataTable/adapters/RawData.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RawData.js","sources":["../../../../../../../../../../lib/ui/uikit/src/components/DataTable/adapters/RawData.ts"],"sourcesContent":["import type * as Types from '../types';\nimport type { DataRow, ResolvePrimaryKey, Row, ResolveRowHeight } from '../types';\nimport { GAP } from '../constants';\nimport { sliceBy } from '../domain';\nimport { notEmpty } from '@milaboratories/helpers';\n\nconst rowsStore = new WeakMap<WeakKey, Row[]>();\n\nexport class RawData<D extends DataRow = DataRow> implements Types.DataSource {\n  private dataHeight: number;\n\n  constructor(\n    public readonly datum: D[],\n    public readonly resolveHeight: ResolveRowHeight<D>,\n    public readonly resolvePrimaryKey: ResolvePrimaryKey<D>,\n  ) {\n    const offsets = datum.reduce(\n      (dict, it, index) => {\n        dict.indices.set(index, dict.total);\n        dict.total += this.resolveHeight(it, index) + GAP;\n        return dict;\n      },\n      {\n        total: 0,\n        indices: new Map<number, number>(),\n      },\n    );\n\n    this.dataHeight = offsets.total;\n\n    const rows = datum.map((dataRow, index) => ({\n      dataRow,\n      index,\n      primaryKey: this.resolvePrimaryKey(dataRow, index) as Types.PrimaryKey,\n      offset: notEmpty(offsets.indices.get(index)),\n      height: this.resolveHeight(dataRow, index),\n    }));\n\n    rowsStore.set(this, rows);\n  }\n\n  get rows(): Row<D>[] {\n    return rowsStore.get(this)! as Row<D>[];\n  }\n\n  async getHeight() {\n    return this.dataHeight;\n  }\n\n  async getRows(scrollTop: number, bodyHeight: number): Promise<Row<D>[]> {\n    return sliceBy(this.rows, (it) => {\n      const offset = it.offset;\n      return scrollTop < offset + it.height && offset < bodyHeight + scrollTop;\n    });\n  }\n}\n"],"names":["rowsStore","RawData","datum","resolveHeight","resolvePrimaryKey","__publicField","offsets","dict","it","index","GAP","rows","dataRow","notEmpty","scrollTop","bodyHeight","sliceBy","offset"],"mappings":";;;;AAMA,MAAMA,wBAAgB,QAAwB;AAEvC,MAAMC,EAAiE;AAAA,EAG5E,YACkBC,GACAC,GACAC,GAChB;AANMC,IAAAA,EAAA,MAAA,YAAA,GAGU,KAAA,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;AAAAA,MAET;AAAA,QACE,OAAO;AAAA,QACP,6BAAa,IAAoB;AAAA,MAAA;AAAA,IAErC;AAEA,SAAK,aAAaD,EAAQ;AAE1B,UAAMK,IAAOT,EAAM,IAAI,CAACU,GAASH,OAAW;AAAA,MAC1C,SAAAG;AAAAA,MACA,OAAAH;AAAAA,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;AAEQT,IAAAA,EAAA,IAAI,MAAMW,CAAI;AAAA,EAAA;AAAA,EAG1B,IAAI,OAAiB;AACZX,WAAAA,EAAU,IAAI,IAAI;AAAA,EAAA;AAAA,EAG3B,MAAM,YAAY;AAChB,WAAO,KAAK;AAAA,EAAA;AAAA,EAGd,MAAM,QAAQc,GAAmBC,GAAuC;AACtE,WAAOC,EAAQ,KAAK,MAAM,CAACR,MAAO;AAChC,YAAMS,IAAST,EAAG;AAClB,aAAOM,IAAYG,IAAST,EAAG,UAAUS,IAASF,IAAaD;AAAAA,IAAA,CAChE;AAAA,EAAA;AAEL;"}

package/dist/lib/ui/uikit/dist/components/DataTable/assets/TableIcon.vue.js

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

package/dist/lib/ui/uikit/dist/components/DataTable/assets/TableIcon.vue.js.map

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

package/dist/lib/ui/uikit/dist/components/DataTable/composition/useColumn.js

@@ -0,0 +1,26 @@
+import { useEventListener as n } from "../../../composition/useEventListener.js";
+import { useMouseUp as u } from "./useMouseUp.js";
+import { requestTick as m } from "../../../helpers/index.js";
+function d(e, r) {
+  let t;
+  function s(o) {
+    t = { ...o };
+  }
+  u(() => {
+    t = void 0, r();
+  });
+  const i = m(e);
+  return n(window, "mousemove", (o) => {
+    t && i({
+      x: t.x,
+      width: t.width,
+      diff: o.x - t.x
+    });
+  }), {
+    start: s
+  };
+}
+export {
+  d as useColumn
+};
+//# sourceMappingURL=useColumn.js.map

package/dist/lib/ui/uikit/dist/components/DataTable/composition/useColumn.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useColumn.js","sources":["../../../../../../../../../../lib/ui/uikit/src/components/DataTable/composition/useColumn.ts"],"sourcesContent":["import { useEventListener } from '../../../composition/useEventListener.ts';\nimport { useMouseUp } from './useMouseUp';\nimport { requestTick } from '../../../helpers';\n\nexport function useColumn(cb: (state: { x: number; width: number; diff: number }) => void, clear: () => void) {\n  let state = undefined as { x: number; width: number } | undefined;\n\n  function start(e: { x: number; width: number }) {\n    state = { ...e };\n  }\n\n  useMouseUp(() => {\n    state = undefined;\n    clear();\n  });\n\n  const handle = requestTick(cb);\n\n  useEventListener(window, 'mousemove', (e: { x: number }) => {\n    if (state) {\n      handle({\n        x: state.x,\n        width: state.width,\n        diff: e.x - state.x,\n      });\n    }\n  });\n\n  return {\n    start,\n  };\n}\n"],"names":["useColumn","cb","clear","state","start","e","useMouseUp","handle","requestTick","useEventListener"],"mappings":";;;AAIgB,SAAAA,EAAUC,GAAiEC,GAAmB;AACxGC,MAAAA;AAEJ,WAASC,EAAMC,GAAiC;AACtCF,QAAA,EAAE,GAAGE,EAAE;AAAA,EAAA;AAGjBC,IAAW,MAAM;AACPH,QAAA,QACFD,EAAA;AAAA,EAAA,CACP;AAEKK,QAAAA,IAASC,EAAYP,CAAE;AAEZ,SAAAQ,EAAA,QAAQ,aAAa,CAACJ,MAAqB;AACtDF,SACKI,EAAA;AAAA,MACL,GAAGJ,EAAM;AAAA,MACT,OAAOA,EAAM;AAAA,MACb,MAAME,EAAE,IAAIF,EAAM;AAAA,IAAA,CACnB;AAAA,EAAA,CAEJ,GAEM;AAAA,IACL,OAAAC;AAAAA,EACF;AACF;"}

package/dist/lib/ui/uikit/dist/components/DataTable/composition/useMouseUp.js

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

package/dist/lib/ui/uikit/dist/components/DataTable/composition/useMouseUp.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useMouseUp.js","sources":["../../../../../../../../../../lib/ui/uikit/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;AACtEC,EAAAA,EAAU,MAAM,OAAO,iBAAiB,WAAWD,CAAM,CAAC,GAC1DE,EAAY,MAAM,OAAO,oBAAoB,WAAWF,CAAM,CAAC;AACjE;"}

package/dist/lib/ui/uikit/dist/components/DataTable/composition/useResize.js

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

package/dist/lib/ui/uikit/dist/components/DataTable/composition/useResize.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useResize.js","sources":["../../../../../../../../../../lib/ui/uikit/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,OAAAG,SAAAA,EAAiB,iBAAiB,UAAA,GAAa,CAACE,MAAM,CAAC,GAAGA,CAAC,CAAC,KAAK,CAAC;AAC7EJ,SAAAA,EACJ,IAAI,CAACK,MAAO;AACL,UAAA,EAAE,OAAAC,GAAO,GAAAC,EAAAA,IAAMF,EAAG,sBAClBG,GAAAA,IAAQH,EAAG,aAAa,aAAa;AAC3C,WAAOI,EAAmB;AAAA,MACxB,OAAAD;AAAAA,MACA,OAAAF;AAAAA,MACA,GAAAC;AAAAA,MACA,OAAOA,IAAID;AAAAA,IAAA,CACZ;AAAA,EACF,CAAA,EACA,MAAM,GAAGN,EAAI,SAAS,CAAC;AAC5B;AAEgB,SAAAU,EAAUC,GAAcZ,GAAwC;AAC9E,QAAMa,IAAWC,EAAAA,GACXC,IAAYC,EAAShB,GAAU,EAAE,GACjC,EAAE,MAAAiB,EAASL,IAAAA,GAEXM,IAASC;AAAAA,IACb,CAACC,MAAM;AACClB,MAAAA,EAAAe,EAAK,UAAU,CAACX,MAAO;AACrBe,cAAAA,IAAMJ,EAAK,QAAQ,KAAK,CAACI,MAAQA,EAAI,OAAOf,EAAG,KAAK;AACtDe,cACFA,EAAI,QAAQC,EAAMF,EAAE,QAAQA,EAAE,MAAMG,GAAkB,GAAK,GAC3DX,EAAM,YAAY;AAAA,MAAA,CAErB;AAAA,IACH;AAAA,IACA,MAAM;AACJK,QAAK,SAAS,IACdA,EAAK,WAAW,QACP,SAAA,KAAK,MAAM,SAAS;AAAA,IAAA;AAAA,EAAA,GAI3BO,IAAY,CAACC,MAAkB;AAC/BR,MAAK,aACPA,EAAK,SAAS,IACdC,EAAO,MAAM;AAAA,MACX,GAAGO,EAAE;AAAA,MACL,OAAOR,EAAK,SAAS;AAAA,IAAA,CACtB;AAAA,EAEL;AAEA,SAAAS,EAAY,MAAM;AACZ,QAAA,CAACX,EAAU,OAAO;AACX,eAAA,KAAK,MAAM,SAAS;AAC7B;AAAA,IAAA;AAGF,QAAIE,EAAK;AACP;AAGF,UAAMX,IAAKP,EAAmBC,CAAQ,EAAE,KAAK,CAAC2B,MACrC,KAAK,IAAId,EAAS,IAAIc,EAAG,KAAK,IAAIC,CAC1C;AAEGtB,IAAAA,KACO,SAAA,KAAK,MAAM,SAAS,cAC7BW,EAAK,WAAWX,MAEhBW,EAAK,WAAW,QACP,SAAA,KAAK,MAAM,SAAS;AAAA,EAAA,CAEhC,GAEM;AAAA,IACL,WAAAO;AAAAA,EACF;AACF;"}

package/dist/lib/ui/uikit/dist/components/DataTable/composition/useTableColumns.js

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

package/dist/lib/ui/uikit/dist/components/DataTable/composition/useTableColumns.js.map

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

package/dist/lib/ui/uikit/dist/components/DataTable/composition/useTableRows.js

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

package/dist/lib/ui/uikit/dist/components/DataTable/composition/useTableRows.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTableRows.js","sources":["../../../../../../../../../../lib/ui/uikit/src/components/DataTable/composition/useTableRows.ts"],"sourcesContent":["import type { ComputedRef } from 'vue';\nimport { computed } from 'vue';\nimport type { TableCell, TableColumn, TableData, TableRow } from '../types';\nimport { identity } from '@milaboratories/helpers';\n\nexport function useTableRows(data: TableData, tableColumns: ComputedRef<TableColumn[]>) {\n  const classesRef = computed(() =>\n    tableColumns.value.reduce(\n      (r, col) => {\n        r[col.id] = col.justify ? 'justify-' + col.justify : '';\n        return r;\n      },\n      {} as Record<string | symbol, string>,\n    ),\n  );\n\n  return computed<TableRow[]>(() => {\n    return data.rows.map<TableRow>((row) => {\n      const classes = classesRef.value;\n\n      const { primaryKey, offset, dataRow, height } = row;\n\n      const cells = tableColumns.value.map<TableCell>((column) => {\n        return {\n          id: column.id,\n          column,\n          row,\n          value: dataRow[column.id],\n          class: classes[column.id],\n          editable: column.editable,\n          width: column.width,\n          style: column.style,\n          control: column.control,\n        };\n      });\n\n      return identity<TableRow>({\n        style: {\n          top: `${offset - data.scrollTop}px`,\n          height: `${row.height}px`,\n        },\n        primaryKey,\n        offset,\n        height,\n        cells,\n        selected: data.selectedRows.has(primaryKey),\n      });\n    });\n  });\n}\n"],"names":["useTableRows","data","tableColumns","classesRef","computed","r","col","row","classes","primaryKey","offset","dataRow","height","cells","column","identity"],"mappings":";;AAKgB,SAAAA,EAAaC,GAAiBC,GAA0C;AACtF,QAAMC,IAAaC;AAAAA,IAAS,MAC1BF,EAAa,MAAM;AAAA,MACjB,CAACG,GAAGC,OACFD,EAAEC,EAAI,EAAE,IAAIA,EAAI,UAAU,aAAaA,EAAI,UAAU,IAC9CD;AAAAA,MAET,CAAA;AAAA,IAAA;AAAA,EAEJ;AAEA,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;AAAAA,MACA,KAAAP;AAAAA,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,MACvB;AAAA,MACA,YAAAE;AAAAA,MACA,QAAAC;AAAAA,MACA,QAAAE;AAAAA,MACA,OAAAC;AAAAA,MACA,UAAUZ,EAAK,aAAa,IAAIQ,CAAU;AAAA,IAAA,CAC3C;AAAA,EAAA,CACF,CACF;AACH;"}

package/dist/lib/ui/uikit/dist/components/DataTable/constants.js

@@ -0,0 +1,8 @@
+const s = 1, a = 10, I = 30, _ = 60;
+export {
+  s as GAP,
+  I as MIN_COLUMN_WIDTH,
+  a as RESIZE_GAP,
+  _ as WINDOW_DELTA
+};
+//# sourceMappingURL=constants.js.map

package/dist/lib/ui/uikit/dist/components/DataTable/constants.js.map

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

package/dist/lib/ui/uikit/dist/components/DataTable/domain.js

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

package/dist/lib/ui/uikit/dist/components/DataTable/domain.js.map

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

package/dist/lib/ui/uikit/dist/components/DataTable/index.js

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

package/dist/lib/ui/uikit/dist/components/DataTable/index.js.map

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

package/dist/lib/ui/uikit/dist/components/DataTable/keys.js

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

package/dist/lib/ui/uikit/dist/components/DataTable/keys.js.map

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