@milaboratories/uikit 2.2.90 → 2.2.91

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

@@ -0,0 +1 @@
+{"version":3,"file":"TableComponent.vue.js","sources":["../../../src/components/DataTable/TableComponent.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport './assets/data-table-style.scss';\nimport { ref, unref, onMounted, nextTick, watchPostEffect, watch, computed } from 'vue';\nimport TdCell from './TdCell.vue';\nimport type { TableSettings, TableData } from './types';\nimport TableIcon from './assets/TableIcon.vue';\nimport TrHead from './TrHead.vue';\nimport ThCell from './ThCell.vue';\nimport TrBody from './TrBody.vue';\nimport ColumnCaret from './ColumnCaret.vue';\nimport { useEventListener } from '../../index';\nimport { tapIf } from '@milaboratories/helpers';\nimport { useResize } from './composition/useResize';\nimport RowsCommandMenu from './RowsCommandMenu.vue';\nimport ColumnsCommandMenu from './ColumnsCommandMenu.vue';\nimport TScroll from './TScroll.vue';\nimport { createState } from './state';\n\nconst emit = defineEmits<{\n  (e: 'update:data', value: TableData): void;\n  (e: 'change:sort', value: unknown): void;\n}>();\n\nconst props = defineProps<{\n  settings: Readonly<TableSettings>;\n}>();\n\nconst state = createState(props);\n\nconst hasNoData = computed(() => state.data.rows.length === 0);\n\nconst tableBodyStyle = computed(() => ({\n  height: hasNoData.value ? '212px' /* css value */ : state.data.bodyHeight + 'px',\n}));\n\nwatch(state.data, (v) => emit('update:data', v), { deep: true });\n\nwatch(props, () => updateDimensions);\n\nconst tableRef = ref<HTMLElement>();\nconst headRef = ref<HTMLElement>();\nconst bodyRef = ref<HTMLElement>();\n\nconst updateDimensions = () => {\n  tapIf(bodyRef.value, (el) => {\n    state.updateDimensions(el.getBoundingClientRect());\n  });\n};\n\nconst tableColumns = state.tableColumns;\n\nconst tableRows = state.tableRows;\n\nconst { mouseDown } = useResize(state, tableRef);\n\nonMounted(() => {\n  nextTick(updateDimensions);\n});\n\nwatchPostEffect(() => {\n  unref(props.settings);\n  nextTick(updateDimensions);\n});\n\nuseEventListener(window, 'resize', () => nextTick(updateDimensions));\n\nconst onWheel = (ev: WheelEvent) => {\n  ev.preventDefault();\n  state.updateOffsets(ev);\n};\n</script>\n\n<template>\n  <div ref=\"tableRef\" class=\"data-table\" @mousedown=\"mouseDown\">\n    <div class=\"command-menu__container\">\n      <RowsCommandMenu />\n      <ColumnsCommandMenu />\n    </div>\n    <div ref=\"headRef\" class=\"table-head\">\n      <TrHead>\n        <ThCell v-for=\"(col, i) in tableColumns\" :key=\"i\" :col=\"col\" :style=\"col.style\" @change:sort=\"$emit('change:sort', $event)\" />\n      </TrHead>\n    </div>\n    <div ref=\"bodyRef\" class=\"table-body\" :style=\"tableBodyStyle\" @wheel=\"onWheel\">\n      <div v-if=\"hasNoData\" class=\"table-body__no-data\">\n        <div>\n          <TableIcon />\n          <div>No Data To Show</div>\n        </div>\n      </div>\n      <TrBody v-for=\"(row, i) in tableRows\" :key=\"i\" :row=\"row\">\n        <TdCell v-for=\"cell in row.cells\" :key=\"cell.column.id + ':' + i\" :cell=\"cell\" :style=\"cell.style\" />\n      </TrBody>\n    </div>\n    <div class=\"carets\">\n      <ColumnCaret v-for=\"(col, i) in tableColumns\" :key=\"i\" :column=\"col\" :style=\"col.style\" @change:sort=\"$emit('change:sort', $event)\" />\n    </div>\n    <TScroll\n      :offset=\"state.data.scrollTop\"\n      :window-size=\"state.data.bodyHeight\"\n      :data-size=\"state.data.dataHeight\"\n      @change:offset=\"state.updateScrollTop\"\n    />\n  </div>\n</template>\n"],"names":["emit","__emit","props","__props","state","createState","hasNoData","computed","tableBodyStyle","watch","v","updateDimensions","tableRef","ref","headRef","bodyRef","tapIf","el","tableColumns","tableRows","mouseDown","useResize","onMounted","nextTick","watchPostEffect","unref","useEventListener","onWheel","ev"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkBA,UAAMA,IAAOC,GAKPC,IAAQC,GAIRC,IAAQC,EAAYH,CAAK,GAEzBI,IAAYC,EAAS,MAAMH,EAAM,KAAK,KAAK,WAAW,CAAC,GAEvDI,IAAiBD,EAAS,OAAO;AAAA,MACrC,QAAQD,EAAU,QAAQ,UAA0BF,EAAM,KAAK,aAAa;AAAA,IAAA,EAC5E;AAEI,IAAAK,EAAAL,EAAM,MAAM,CAACM,MAAMV,EAAK,eAAeU,CAAC,GAAG,EAAE,MAAM,GAAA,CAAM,GAEzDD,EAAAP,GAAO,MAAMS,CAAgB;AAEnC,UAAMC,IAAWC,EAAiB,GAC5BC,IAAUD,EAAiB,GAC3BE,IAAUF,EAAiB,GAE3BF,IAAmB,MAAM;AACvBK,MAAAA,EAAAD,EAAQ,OAAO,CAACE,MAAO;AACrB,QAAAb,EAAA,iBAAiBa,EAAG,uBAAuB;AAAA,MAAA,CAClD;AAAA,IACH,GAEMC,IAAed,EAAM,cAErBe,IAAYf,EAAM,WAElB,EAAE,WAAAgB,EAAc,IAAAC,EAAUjB,GAAOQ,CAAQ;AAE/C,IAAAU,EAAU,MAAM;AACd,MAAAC,EAASZ,CAAgB;AAAA,IAAA,CAC1B,GAEDa,EAAgB,MAAM;AACpB,MAAAC,EAAMvB,EAAM,QAAQ,GACpBqB,EAASZ,CAAgB;AAAA,IAAA,CAC1B,GAEDe,EAAiB,QAAQ,UAAU,MAAMH,EAASZ,CAAgB,CAAC;AAE7D,UAAAgB,IAAU,CAACC,MAAmB;AAClC,MAAAA,EAAG,eAAe,GAClBxB,EAAM,cAAcwB,CAAE;AAAA,IACxB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/components/DataTable/TableComponent.vue2.js

@@ -0,0 +1,5 @@
+import f from "./TableComponent.vue.js";
+export {
+  f as default
+};
+//# sourceMappingURL=TableComponent.vue2.js.map

package/dist/components/DataTable/TableComponent.vue2.js.map

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

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

@@ -0,0 +1,9 @@
+import { TableCell } from './types';
+type __VLS_Props = {
+    cell: TableCell;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    cellRef: HTMLDivElement;
+}, HTMLDivElement>;
+export default _default;
+//# sourceMappingURL=TdCell.vue.d.ts.map

package/dist/components/DataTable/TdCell.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TdCell.vue.d.ts","sourceRoot":"","sources":["../../../src/components/DataTable/TdCell.vue"],"names":[],"mappings":"AAkHA,OAAO,KAAK,EAAO,SAAS,EAAE,MAAM,SAAS,CAAC;AAI9C,KAAK,WAAW,GAAG;IACjB,IAAI,EAAE,SAAS,CAAC;CACjB,CAAC;;;;AAsLF,wBAQG"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"TdCell.vue.js","sources":["../../../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,EAAY,GAEpBC,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;AAEzD,QAAAE,EAAE,EAAE,GAAGC,GAAK,SAAAC,GAAS;AAAA,MAAA,CACtB;AAAA,IACH,GAEMC,IAAU,CAACC,MAAmB;AAClC,MAAIA,EAAG,WACLX,EAAM,UAAUF,EAAM,KAAK,IAAI,UAAU;AAAA,IAE7C,GAEMc,IAAgB,CAACD,GAAgBH,MAAa;AAC9C,UAAAG,EAAG,SAAS;AACd,QAAAA,EAAG,eAAe;AAAA;AAElB;AAGI,YAAAE,IAAWb,EAAM,YAAY,CAAC,GAE9Bc,IAAU,CAAC,GAEX,EAAE,gBAAAC,GAAgB,mBAAAC,EAAkB,IAAIH,EAAS,OAEjDI,IAAajB,EAAM,KAAK,aAAa,IAAIQ,EAAI,UAAU;AAoCzD,MAlCAO,KAAkBA,EAAe,WAC/BE,IACFH,EAAQ,KAAK;AAAA,QACX,MAAM;AAAA,QACN,KAAK;AACH,UAAAd,EAAM,KAAK,aAAa,OAAOF,EAAM,KAAK,IAAI,UAAU;AAAA,QAAA;AAAA,MAC1D,CACD,IAEDgB,EAAQ,KAAK;AAAA,QACX,MAAM;AAAA,QACN,KAAK;AACH,UAAAd,EAAM,UAAUF,EAAM,KAAK,IAAI,UAAU;AAAA,QAAA;AAAA,MAC3C,CACD,IAIDkB,KAAqBA,EAAkB,WACzCF,EAAQ,KAAK;AAAA,QACX,MAAM;AAAA,QACN,KAAK;AACH,UAAAd,EAAM,aAAaF,EAAM,KAAK,OAAO,EAAE;AAAA,QAAA;AAAA,MACzC,CACD,GAEDgB,EAAQ,KAAK;AAAA,QACX,MAAM;AAAA,QACN,KAAK;AACH,UAAAd,EAAM,eAAeF,EAAM,KAAK,OAAO,EAAE;AAAA,QAAA;AAAA,MAC3C,CACD,IAGEgB,EAAQ,UAIbI,EAAgBP,GAAIG,CAAO;AAAA,IAC7B,GAEMK,IAAUC,EAAiB,GAE3BC,IAAkBlB,EAAS,MAAOL,EAAM,KAAK,OAAO,YAAYA,EAAM,KAAK,OAAO,UAAU,IAAI,MAAU;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/components/DataTable/TdCell.vue2.js

@@ -0,0 +1,5 @@
+import f from "./TdCell.vue.js";
+export {
+  f as default
+};
+//# sourceMappingURL=TdCell.vue2.js.map

package/dist/components/DataTable/TdCell.vue2.js.map

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

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

@@ -0,0 +1,15 @@
+import { ColumnSpecSettings } from './types';
+type __VLS_Props = {
+    col: ColumnSpecSettings;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "delete:column": (...args: any[]) => void;
+    "expand:column": (...args: any[]) => void;
+    "change:sort": (...args: any[]) => void;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onDelete:column"?: ((...args: any[]) => any) | undefined;
+    "onExpand:column"?: ((...args: any[]) => any) | undefined;
+    "onChange:sort"?: ((...args: any[]) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;
+//# sourceMappingURL=ThCell.vue.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ThCell.vue.d.ts","sourceRoot":"","sources":["../../../src/components/DataTable/ThCell.vue"],"names":[],"mappings":"AA6CA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAIlD,KAAK,WAAW,GAAG;IACjB,GAAG,EAAE,kBAAkB,CAAC;CACzB,CAAC;;;;;;;;;;AA+EF,wBAQG"}

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

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

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

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

package/dist/components/DataTable/ThCell.vue2.js

@@ -0,0 +1,5 @@
+import f from "./ThCell.vue.js";
+export {
+  f as default
+};
+//# sourceMappingURL=ThCell.vue2.js.map

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

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

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

@@ -0,0 +1,26 @@
+import { TableRow } from './types';
+type __VLS_Props = {
+    row: TableRow;
+};
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {
+        trRef: HTMLDivElement;
+    };
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    trRef: HTMLDivElement;
+}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+//# sourceMappingURL=TrBody.vue.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TrBody.vue.d.ts","sourceRoot":"","sources":["../../../src/components/DataTable/TrBody.vue"],"names":[],"mappings":"AA2BA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAGxC,KAAK,WAAW,GAAG;IACjB,GAAG,EAAE,QAAQ,CAAC;CACf,CAAC;AAcF,iBAAS,cAAc;WAgCT,OAAO,IAA6B;;yBAXrB,GAAG;;;;;;EAgB/B;AAUD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;kBAQnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAQpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/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 p } from "vue";
+import { tapIf as m } from "../../lib/util/helpers/dist/index.js";
+const _ = /* @__PURE__ */ t({
+  __name: "TrBody",
+  props: {
+    row: {}
+  },
+  setup(d) {
+    const o = l(), r = () => {
+      p().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 {
+  _ as default
+};
+//# sourceMappingURL=TrBody.vue.js.map

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

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

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

@@ -0,0 +1,5 @@
+import f from "./TrBody.vue.js";
+export {
+  f as default
+};
+//# sourceMappingURL=TrBody.vue2.js.map

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

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

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

@@ -0,0 +1,18 @@
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+//# sourceMappingURL=TrHead.vue.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TrHead.vue.d.ts","sourceRoot":"","sources":["../../../src/components/DataTable/TrHead.vue"],"names":[],"mappings":"AAeA,iBAAS,cAAc;WAwBT,OAAO,IAA6B;;yBAVrB,GAAG;;;;EAe/B;AAOD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe,0RAMnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAEpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

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

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

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

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

package/dist/components/DataTable/TrHead.vue2.js

@@ -0,0 +1,5 @@
+import f from "./TrHead.vue.js";
+export {
+  f as default
+};
+//# sourceMappingURL=TrHead.vue2.js.map

package/dist/components/DataTable/TrHead.vue2.js.map

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

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

@@ -0,0 +1,12 @@
+import { DataRow, Row } from '../types';
+import type * as Types from '../types';
+export declare class AsyncData<D extends DataRow> implements Types.DataSource {
+    readonly api: Types.ExternalApi<D>;
+    readonly rowHeight: number;
+    readonly resolvePrimaryKey: Types.ResolvePrimaryKey;
+    constructor(api: Types.ExternalApi<D>, rowHeight: number, resolvePrimaryKey: Types.ResolvePrimaryKey);
+    get height(): number;
+    getHeight(): Promise<number>;
+    getRows(scrollTop: number, bodyHeight: number): Promise<Row[]>;
+}
+//# sourceMappingURL=AsyncData.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AsyncData.d.ts","sourceRoot":"","sources":["../../../../src/components/DataTable/adapters/AsyncData.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,UAAU,CAAC;AACvC,OAAO,KAAK,EAAE,OAAO,EAAE,GAAG,EAAE,MAAM,UAAU,CAAC;AAI7C,qBAAa,SAAS,CAAC,CAAC,SAAS,OAAO,CAAE,YAAW,KAAK,CAAC,UAAU;aAEjD,GAAG,EAAE,KAAK,CAAC,WAAW,CAAC,CAAC,CAAC;aACzB,SAAS,EAAE,MAAM;aACjB,iBAAiB,EAAE,KAAK,CAAC,iBAAiB;gBAF1C,GAAG,EAAE,KAAK,CAAC,WAAW,CAAC,CAAC,CAAC,EACzB,SAAS,EAAE,MAAM,EACjB,iBAAiB,EAAE,KAAK,CAAC,iBAAiB;IAG5D,IAAI,MAAM,WAET;IAEK,SAAS,IAAI,OAAO,CAAC,MAAM,CAAC;IAI5B,OAAO,CAAC,SAAS,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC;CAYrE"}

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

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

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

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

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

@@ -0,0 +1,13 @@
+import { DataRow, ResolvePrimaryKey, Row, ResolveRowHeight } from '../types';
+import type * as Types from '../types';
+export declare class RawData<D extends DataRow = DataRow> implements Types.DataSource {
+    readonly datum: D[];
+    readonly resolveHeight: ResolveRowHeight<D>;
+    readonly resolvePrimaryKey: ResolvePrimaryKey<D>;
+    private dataHeight;
+    constructor(datum: D[], resolveHeight: ResolveRowHeight<D>, resolvePrimaryKey: ResolvePrimaryKey<D>);
+    get rows(): Row<D>[];
+    getHeight(): Promise<number>;
+    getRows(scrollTop: number, bodyHeight: number): Promise<Row<D>[]>;
+}
+//# sourceMappingURL=RawData.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RawData.d.ts","sourceRoot":"","sources":["../../../../src/components/DataTable/adapters/RawData.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,UAAU,CAAC;AACvC,OAAO,KAAK,EAAE,OAAO,EAAE,iBAAiB,EAAE,GAAG,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAC;AAOlF,qBAAa,OAAO,CAAC,CAAC,SAAS,OAAO,GAAG,OAAO,CAAE,YAAW,KAAK,CAAC,UAAU;aAIzD,KAAK,EAAE,CAAC,EAAE;aACV,aAAa,EAAE,gBAAgB,CAAC,CAAC,CAAC;aAClC,iBAAiB,EAAE,iBAAiB,CAAC,CAAC,CAAC;IALzD,OAAO,CAAC,UAAU,CAAS;gBAGT,KAAK,EAAE,CAAC,EAAE,EACV,aAAa,EAAE,gBAAgB,CAAC,CAAC,CAAC,EAClC,iBAAiB,EAAE,iBAAiB,CAAC,CAAC,CAAC;IA2BzD,IAAI,IAAI,IAAI,GAAG,CAAC,CAAC,CAAC,EAAE,CAEnB;IAEK,SAAS;IAIT,OAAO,CAAC,SAAS,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,GAAG,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC;CAMxE"}

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

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

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"TableIcon.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/DataTable/assets/TableIcon.vue"],"names":[],"mappings":";AAgEA,wBAMG"}

package/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 i(V, 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 f = /* @__PURE__ */ t(r, [["render", i]]);
+export {
+  f as default
+};
+//# sourceMappingURL=TableIcon.vue.js.map

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"useColumn.d.ts","sourceRoot":"","sources":["../../../../src/components/DataTable/composition/useColumn.ts"],"names":[],"mappings":"AAIA,wBAAgB,SAAS,CAAC,EAAE,EAAE,CAAC,KAAK,EAAE;IAAE,CAAC,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,MAAM,CAAA;CAAE,KAAK,IAAI,EAAE,KAAK,EAAE,MAAM,IAAI;eAGxF;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE;EAwB/C"}

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"useMouseUp.d.ts","sourceRoot":"","sources":["../../../../src/components/DataTable/composition/useMouseUp.ts"],"names":[],"mappings":"AAEA,wBAAgB,UAAU,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,UAAU,CAAC,UAAU,KAAK,IAAI,QAGrE"}

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

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

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

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

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

@@ -0,0 +1,10 @@
+import { Ref } from 'vue';
+import { ResizeTh } from '../types';
+import { State } from '../state';
+type MaybeRef<T> = T | Ref<T>;
+export declare function getColumnPositions(tableRef: MaybeRef<HTMLElement | undefined>): ResizeTh[];
+export declare function useResize(state: State, tableRef: Ref<HTMLElement | undefined>): {
+    mouseDown: (e: MouseEvent) => void;
+};
+export {};
+//# sourceMappingURL=useResize.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useResize.d.ts","sourceRoot":"","sources":["../../../../src/components/DataTable/composition/useResize.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE/B,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AAOzC,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AAEtC,KAAK,QAAQ,CAAC,CAAC,IAAI,CAAC,GAAG,GAAG,CAAC,CAAC,CAAC,CAAC;AAE9B,wBAAgB,kBAAkB,CAAC,QAAQ,EAAE,QAAQ,CAAC,WAAW,GAAG,SAAS,CAAC,cAc7E;AAED,wBAAgB,SAAS,CAAC,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,CAAC,WAAW,GAAG,SAAS,CAAC;mBAsBtD,UAAU;EAoCjC"}