@milaboratories/uikit 2.16.0 → 2.16.2

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

@@ -1 +1 @@
-{"version":3,"file":"TScroll.js","names":[],"sources":["../../../src/components/DataTable/TScroll.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { computed, ref } from \"vue\";\nimport { useMouseCapture } from \"../../composition/useMouseCapture\";\n\nconst emit = defineEmits<{\n  (e: \"change:offset\", value: number): void;\n}>();\n\nconst props = defineProps<{\n  offset: number;\n  windowSize: number;\n  dataSize: number;\n}>();\n\nconst handleRef = ref<HTMLElement>();\n\nconst scrollSize = computed(() => props.windowSize - 12);\n\nconst isVisible = computed(() => props.windowSize < props.dataSize);\n\nconst handleOffset = computed(() => Math.ceil(props.offset * (scrollSize.value / props.dataSize)));\n\nconst handleLength = computed(() =>\n  Math.ceil((scrollSize.value * scrollSize.value) / props.dataSize),\n);\n\nconst handleStyle = computed(() => ({\n  top: `${handleOffset.value}px`,\n  height: `${handleLength.value}px`,\n}));\n\nuseMouseCapture(handleRef, (ev, state) => {\n  const newOffset = ((handleOffset.value + ev.dy) * props.dataSize) / scrollSize.value;\n  emit(\"change:offset\", newOffset);\n  state.x = ev.x;\n  state.y = ev.y;\n});\n</script>\n\n<template>\n  <div class=\"t-scroll\" :style=\"{ height: `${windowSize}px` }\">\n    <div>\n      <div v-if=\"isVisible\" ref=\"handleRef\" class=\"t-scroll__handle\" :style=\"handleStyle\" />\n    </div>\n  </div>\n</template>\n"],"mappings":""}
+{"version":3,"file":"TScroll.js","names":["_sfc_main","TScroll_vue_vue_type_script_setup_true_lang_default","TScroll_default"],"sources":["../../../src/components/DataTable/TScroll.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { computed, ref } from \"vue\";\nimport { useMouseCapture } from \"../../composition/useMouseCapture\";\n\nconst emit = defineEmits<{\n  (e: \"change:offset\", value: number): void;\n}>();\n\nconst props = defineProps<{\n  offset: number;\n  windowSize: number;\n  dataSize: number;\n}>();\n\nconst handleRef = ref<HTMLElement>();\n\nconst scrollSize = computed(() => props.windowSize - 12);\n\nconst isVisible = computed(() => props.windowSize < props.dataSize);\n\nconst handleOffset = computed(() => Math.ceil(props.offset * (scrollSize.value / props.dataSize)));\n\nconst handleLength = computed(() =>\n  Math.ceil((scrollSize.value * scrollSize.value) / props.dataSize),\n);\n\nconst handleStyle = computed(() => ({\n  top: `${handleOffset.value}px`,\n  height: `${handleLength.value}px`,\n}));\n\nuseMouseCapture(handleRef, (ev, state) => {\n  const newOffset = ((handleOffset.value + ev.dy) * props.dataSize) / scrollSize.value;\n  emit(\"change:offset\", newOffset);\n  state.x = ev.x;\n  state.y = ev.y;\n});\n</script>\n\n<template>\n  <div class=\"t-scroll\" :style=\"{ height: `${windowSize}px` }\">\n    <div>\n      <div v-if=\"isVisible\" ref=\"handleRef\" class=\"t-scroll__handle\" :style=\"handleStyle\" />\n    </div>\n  </div>\n</template>\n"],"mappings":""}

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

@@ -1,7 +1,7 @@
 import { useMouseCapture as e } from "../../composition/useMouseCapture.js";
 import { computed as t, createCommentVNode as n, createElementBlock as r, createElementVNode as i, defineComponent as a, normalizeStyle as o, openBlock as s, ref as c } from "vue";
-//#region src/components/DataTable/TScroll.vue?vue&type=script&setup=true&lang.ts
-var l = /* @__PURE__ */ a({
+// src/components/DataTable/TScroll.vue?vue&type=script&setup=true&lang.ts
+var l = /*@__PURE__*/ a({
 	__name: "TScroll",
 	props: {
 		offset: {},
@@ -15,7 +15,8 @@ var l = /* @__PURE__ */ a({
 			height: `${g.value}px`
 		}));
 		return e(f, (e, t) => {
-			u("change:offset", (h.value + e.dy) * d.dataSize / p.value), t.x = e.x, t.y = e.y;
+			let n = (h.value + e.dy) * d.dataSize / p.value;
+			u("change:offset", n), t.x = e.x, t.y = e.y;
 		}), (e, t) => (s(), r("div", {
 			class: "t-scroll",
 			style: o({ height: `${a.windowSize}px` })
@@ -28,7 +29,6 @@ var l = /* @__PURE__ */ a({
 		}, null, 4)) : n("", !0)])], 4));
 	}
 });
-//#endregion
 export { l as default };
 
 //# sourceMappingURL=TScroll.vue2.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"TScroll.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/DataTable/TScroll.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { computed, ref } from \"vue\";\nimport { useMouseCapture } from \"../../composition/useMouseCapture\";\n\nconst emit = defineEmits<{\n  (e: \"change:offset\", value: number): void;\n}>();\n\nconst props = defineProps<{\n  offset: number;\n  windowSize: number;\n  dataSize: number;\n}>();\n\nconst handleRef = ref<HTMLElement>();\n\nconst scrollSize = computed(() => props.windowSize - 12);\n\nconst isVisible = computed(() => props.windowSize < props.dataSize);\n\nconst handleOffset = computed(() => Math.ceil(props.offset * (scrollSize.value / props.dataSize)));\n\nconst handleLength = computed(() =>\n  Math.ceil((scrollSize.value * scrollSize.value) / props.dataSize),\n);\n\nconst handleStyle = computed(() => ({\n  top: `${handleOffset.value}px`,\n  height: `${handleLength.value}px`,\n}));\n\nuseMouseCapture(handleRef, (ev, state) => {\n  const newOffset = ((handleOffset.value + ev.dy) * props.dataSize) / scrollSize.value;\n  emit(\"change:offset\", newOffset);\n  state.x = ev.x;\n  state.y = ev.y;\n});\n</script>\n\n<template>\n  <div class=\"t-scroll\" :style=\"{ height: `${windowSize}px` }\">\n    <div>\n      <div v-if=\"isVisible\" ref=\"handleRef\" class=\"t-scroll__handle\" :style=\"handleStyle\" />\n    </div>\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;EAIA,IAAM,IAAO,GAIP,IAAQ,GAMR,IAAY,GAAkB,EAE9B,IAAa,QAAe,EAAM,aAAa,GAAG,EAElD,IAAY,QAAe,EAAM,aAAa,EAAM,SAAS,EAE7D,IAAe,QAAe,KAAK,KAAK,EAAM,UAAU,EAAW,QAAQ,EAAM,UAAU,CAAC,EAE5F,IAAe,QACnB,KAAK,KAAM,EAAW,QAAQ,EAAW,QAAS,EAAM,SAAS,CAClE,EAEK,IAAc,SAAgB;GAClC,KAAK,GAAG,EAAa,MAAM;GAC3B,QAAQ,GAAG,EAAa,MAAM;GAC/B,EAAE;SAEH,EAAgB,IAAY,GAAI,MAAU;AAIxC,GAFA,EAAK,kBADe,EAAa,QAAQ,EAAG,MAAM,EAAM,WAAY,EAAW,MAC/C,EAChC,EAAM,IAAI,EAAG,GACb,EAAM,IAAI,EAAG;IACb,kBAIA,EAIM,OAAA;GAJD,OAAM;GAAY,OAAK,EAAA,EAAA,QAAA,GAAe,EAAA,WAAU,KAAA,CAAA;MACnD,EAEM,OAAA,MAAA,CADO,EAAA,SAAA,GAAA,EAAX,EAAsF,OAAA;;YAA5D;GAAJ,KAAI;GAAY,OAAM;GAAoB,OAAK,EAAE,EAAA,MAAW"}
+{"version":3,"file":"TScroll.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createElementBlock","_normalizeStyle","_createElementVNode","_createCommentVNode","TScroll_vue_vue_type_script_setup_true_lang_default","__emit","emit","props","__props","handleRef","ref","scrollSize","computed","isVisible","handleOffset","handleLength","handleStyle","useMouseCapture","newOffset","ev","openBlock","createElementBlock","normalizeStyle","createElementVNode","createCommentVNode"],"sources":["../../../src/components/DataTable/TScroll.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { computed, ref } from \"vue\";\nimport { useMouseCapture } from \"../../composition/useMouseCapture\";\n\nconst emit = defineEmits<{\n  (e: \"change:offset\", value: number): void;\n}>();\n\nconst props = defineProps<{\n  offset: number;\n  windowSize: number;\n  dataSize: number;\n}>();\n\nconst handleRef = ref<HTMLElement>();\n\nconst scrollSize = computed(() => props.windowSize - 12);\n\nconst isVisible = computed(() => props.windowSize < props.dataSize);\n\nconst handleOffset = computed(() => Math.ceil(props.offset * (scrollSize.value / props.dataSize)));\n\nconst handleLength = computed(() =>\n  Math.ceil((scrollSize.value * scrollSize.value) / props.dataSize),\n);\n\nconst handleStyle = computed(() => ({\n  top: `${handleOffset.value}px`,\n  height: `${handleLength.value}px`,\n}));\n\nuseMouseCapture(handleRef, (ev, state) => {\n  const newOffset = ((handleOffset.value + ev.dy) * props.dataSize) / scrollSize.value;\n  emit(\"change:offset\", newOffset);\n  state.x = ev.x;\n  state.y = ev.y;\n});\n</script>\n\n<template>\n  <div class=\"t-scroll\" :style=\"{ height: `${windowSize}px` }\">\n    <div>\n      <div v-if=\"isVisible\" ref=\"handleRef\" class=\"t-scroll__handle\" :style=\"handleStyle\" />\n    </div>\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;EAIA,IAAMO,IAAOD,GAIPE,IAAQC,GAMRC,IAAYC,EAAiB,GAE7BC,IAAaC,QAAeL,EAAM,aAAa,EAAE,GAEjDM,IAAYD,QAAeL,EAAM,aAAaA,EAAM,QAAQ,GAE5DO,IAAeF,QAAe,KAAK,KAAKL,EAAM,UAAUI,EAAW,QAAQJ,EAAM,SAAS,CAAC,GAE3FQ,IAAeH,QACnB,KAAK,KAAMD,EAAW,QAAQA,EAAW,QAASJ,EAAM,QAAQ,CAClE,GAEMS,IAAcJ,SAAgB;GAClC,KAAK,GAAGE,EAAa,MAAM;GAC3B,QAAQ,GAAGC,EAAa,MAAM;EAChC,EAAE;E,OAEFE,EAAgBR,IAAY,GAAI,MAAU;GACxC,IAAMS,KAAcJ,EAAa,QAAQK,EAAG,MAAMZ,EAAM,WAAYI,EAAW;GAG/E,AAFAL,EAAK,iBAAiBY,CAAS,GAC/B,EAAM,IAAIC,EAAG,GACb,EAAM,IAAIA,EAAG;EACf,CAAC,I,UAICpB,EAAA,GAAAC,EAIM,OAAA;GAJD,OAAM;GAAY,OAAKC,EAAA,EAAA,QAAA,GAAeO,EAAA,WAAU,IAAA,CAAA;E,IACnDN,EAEM,OAAA,MAAA,CADOW,EAAA,SAAXd,EAAA,GAAAC,EAAsF,OAAA;;GAA5D,SAAA;GAAJ,KAAIS;GAAY,OAAM;GAAoB,OAAKR,EAAEe,EAAA,KAAW"}

package/dist/components/DataTable/TableComponent.js

@@ -1,7 +1,6 @@
 import e from "./TableComponent.vue2.js";
-//#region src/components/DataTable/TableComponent.vue
+// src/components/DataTable/TableComponent.vue
 var t = e;
-//#endregion
 export { t as default };
 
 //# sourceMappingURL=TableComponent.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"TableComponent.js","names":[],"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\n          v-for=\"(col, i) in tableColumns\"\n          :key=\"i\"\n          :col=\"col\"\n          :style=\"col.style\"\n          @change:sort=\"$emit('change:sort', $event)\"\n        />\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\n          v-for=\"cell in row.cells\"\n          :key=\"cell.column.id + ':' + i\"\n          :cell=\"cell\"\n          :style=\"cell.style\"\n        />\n      </TrBody>\n    </div>\n    <div class=\"carets\">\n      <ColumnCaret\n        v-for=\"(col, i) in tableColumns\"\n        :key=\"i\"\n        :column=\"col\"\n        :style=\"col.style\"\n        @change:sort=\"$emit('change:sort', $event)\"\n      />\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"],"mappings":""}
+{"version":3,"file":"TableComponent.js","names":["_sfc_main","TableComponent_vue_vue_type_script_setup_true_lang_default","TableComponent_default"],"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\n          v-for=\"(col, i) in tableColumns\"\n          :key=\"i\"\n          :col=\"col\"\n          :style=\"col.style\"\n          @change:sort=\"$emit('change:sort', $event)\"\n        />\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\n          v-for=\"cell in row.cells\"\n          :key=\"cell.column.id + ':' + i\"\n          :cell=\"cell\"\n          :style=\"cell.style\"\n        />\n      </TrBody>\n    </div>\n    <div class=\"carets\">\n      <ColumnCaret\n        v-for=\"(col, i) in tableColumns\"\n        :key=\"i\"\n        :column=\"col\"\n        :style=\"col.style\"\n        @change:sort=\"$emit('change:sort', $event)\"\n      />\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"],"mappings":""}

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

@@ -14,11 +14,11 @@ import { createState as d } from "./state.js";
 import "../../index.js";
 import { Fragment as f, computed as p, createBlock as m, createCommentVNode as h, createElementBlock as g, createElementVNode as _, createVNode as v, defineComponent as y, nextTick as b, normalizeStyle as x, onMounted as S, openBlock as C, ref as w, renderList as T, unref as E, watch as D, watchPostEffect as O, withCtx as k } from "vue";
 import { tapIf as A } from "@milaboratories/helpers";
-//#region src/components/DataTable/TableComponent.vue?vue&type=script&setup=true&lang.ts
+// src/components/DataTable/TableComponent.vue?vue&type=script&setup=true&lang.ts
 var j = { class: "command-menu__container" }, M = {
 	key: 0,
 	class: "table-body__no-data"
-}, N = { class: "carets" }, P = /* @__PURE__ */ y({
+}, N = { class: "carets" }, P = /*@__PURE__*/ y({
 	__name: "TableComponent",
 	props: { settings: {} },
 	emits: ["update:data", "change:sort"],
@@ -95,7 +95,6 @@ var j = { class: "command-menu__container" }, M = {
 		], 544));
 	}
 });
-//#endregion
 export { P as default };
 
 //# sourceMappingURL=TableComponent.vue2.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"TableComponent.vue_vue_type_script_setup_true_lang.js","names":["$emit"],"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\n          v-for=\"(col, i) in tableColumns\"\n          :key=\"i\"\n          :col=\"col\"\n          :style=\"col.style\"\n          @change:sort=\"$emit('change:sort', $event)\"\n        />\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\n          v-for=\"cell in row.cells\"\n          :key=\"cell.column.id + ':' + i\"\n          :cell=\"cell\"\n          :style=\"cell.style\"\n        />\n      </TrBody>\n    </div>\n    <div class=\"carets\">\n      <ColumnCaret\n        v-for=\"(col, i) in tableColumns\"\n        :key=\"i\"\n        :column=\"col\"\n        :style=\"col.style\"\n        @change:sort=\"$emit('change:sort', $event)\"\n      />\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"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;EAkBA,IAAM,IAAO,GAKP,IAAQ,GAIR,IAAQ,EAAY,EAAM,EAE1B,IAAY,QAAe,EAAM,KAAK,KAAK,WAAW,EAAE,EAExD,IAAiB,SAAgB,EACrC,QAAQ,EAAU,QAAQ,UAA0B,EAAM,KAAK,aAAa,MAC7E,EAAE;AAIH,EAFA,EAAM,EAAM,OAAO,MAAM,EAAK,eAAe,EAAE,EAAE,EAAE,MAAM,IAAM,CAAC,EAEhE,EAAM,SAAa,EAAiB;EAEpC,IAAM,IAAW,GAAkB,EAC7B,IAAU,GAAkB,EAC5B,IAAU,GAAkB,EAE5B,UAAyB;AAC7B,KAAM,EAAQ,QAAQ,MAAO;AAC3B,MAAM,iBAAiB,EAAG,uBAAuB,CAAC;KAClD;KAGE,IAAe,EAAM,cAErB,IAAY,EAAM,WAElB,EAAE,iBAAc,EAAU,GAAO,EAAS;AAWhD,EATA,QAAgB;AACd,KAAS,EAAiB;IAC1B,EAEF,QAAsB;AAEpB,GADA,EAAM,EAAM,SAAS,EACrB,EAAS,EAAiB;IAC1B,EAEF,EAAiB,QAAQ,gBAAgB,EAAS,EAAiB,CAAC;EAEpE,IAAM,KAAW,MAAmB;AAElC,GADA,EAAG,gBAAgB,EACnB,EAAM,cAAc,EAAG;;yBAKvB,EA+CM,OAAA;YA/CG;GAAJ,KAAI;GAAW,OAAM;GAAc,aAAS,AAAA,EAAA,QAAA,GAAA,MAAE,EAAA,EAAA,IAAA,EAAA,EAAA,CAAA,GAAA,EAAS;;GAC1D,EAGM,OAHN,GAGM,CAFJ,EAAmB,EAAA,EACnB,EAAsB,EAAA,CAAA,CAAA;GAExB,EAUM,OAAA;aAVG;IAAJ,KAAI;IAAU,OAAM;OACvB,EAQS,GAAA,MAAA;qBAN2B,EAAA,EAAA,GAAA,EADlC,EAME,GAAA,MAAA,EALmB,EAAA,EAAY,GAAvB,GAAK,YADf,EAME,GAAA;KAJC,KAAK;KACA;KACL,OAAK,EAAE,EAAI,MAAK;KAChB,iBAAW,AAAA,EAAA,QAAA,MAAEA,EAAAA,MAAK,eAAgB,EAAM;;;;GAI/C,EAeM,OAAA;aAfG;IAAJ,KAAI;IAAU,OAAM;IAAc,OAAK,EAAE,EAAA,MAAc;IAAU;OACzD,EAAA,SAAA,GAAA,EAAX,EAKM,OALN,GAKM,CAJJ,EAGM,OAAA,MAAA,CAFJ,EAAa,EAAA,EAAA,AAAA,EAAA,OACb,EAA0B,OAAA,MAArB,mBAAe,GAAA,CAAA,CAAA,CAAA,CAAA,IAAA,EAAA,IAAA,GAAA,GAAA,EAAA,GAAA,EAGxB,EAOS,GAAA,MAAA,EAPkB,EAAA,EAAS,GAApB,GAAK,YAArB,EAOS,GAAA;IAP8B,KAAK;IAAS;;qBAExB,EAAA,EAAA,GAAA,EAD3B,EAKE,GAAA,MAAA,EAJe,EAAI,QAAZ,YADT,EAKE,GAAA;KAHC,KAAK,EAAK,OAAO,KAAE,MAAS;KACtB;KACN,OAAK,EAAE,EAAK,MAAK;;;;GAIxB,EAQM,OARN,GAQM,EAAA,EAAA,GAAA,EAPJ,EAME,GAAA,MAAA,EALmB,EAAA,EAAY,GAAvB,GAAK,YADf,EAME,GAAA;IAJC,KAAK;IACL,QAAQ;IACR,OAAK,EAAE,EAAI,MAAK;IAChB,iBAAW,AAAA,EAAA,QAAA,MAAEA,EAAAA,MAAK,eAAgB,EAAM;;GAG7C,EAKE,GAAA;IAJC,QAAQ,EAAA,EAAK,CAAC,KAAK;IACnB,eAAa,EAAA,EAAK,CAAC,KAAK;IACxB,aAAW,EAAA,EAAK,CAAC,KAAK;IACtB,mBAAe,EAAA,EAAK,CAAC"}
+{"version":3,"file":"TableComponent.vue_vue_type_script_setup_true_lang.js","names":["$emit","_openBlock","_createElementBlock","_unref","_createElementVNode","_createVNode","RowsCommandMenu","ColumnsCommandMenu","TrHead","_withCtx","_Fragment","_renderList","_createBlock","ThCell","_normalizeStyle","TableIcon","_createCommentVNode","TrBody","TdCell","ColumnCaret","TScroll","TdCell_default","TableIcon_default","TrHead_default","ThCell_default","TrBody_default","ColumnCaret_default","RowsCommandMenu_default","ColumnsCommandMenu_default","TScroll_default","_hoisted_1","_hoisted_2","_hoisted_3","TableComponent_vue_vue_type_script_setup_true_lang_default","__emit","emit","props","__props","state","createState","hasNoData","computed","tableBodyStyle","watch","v","updateDimensions","tableRef","ref","headRef","bodyRef","el","tableColumns","tableRows","useResize","onMounted","watchPostEffect","unref","nextTick","useEventListener","onWheel","ev","openBlock","createElementBlock","_cache","args","mouseDown","createElementVNode","createVNode","withCtx","Fragment","renderList","createBlock","i","normalizeStyle","col","_ctx","$event","createCommentVNode","row","cell"],"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\n          v-for=\"(col, i) in tableColumns\"\n          :key=\"i\"\n          :col=\"col\"\n          :style=\"col.style\"\n          @change:sort=\"$emit('change:sort', $event)\"\n        />\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\n          v-for=\"cell in row.cells\"\n          :key=\"cell.column.id + ':' + i\"\n          :cell=\"cell\"\n          :style=\"cell.style\"\n        />\n      </TrBody>\n    </div>\n    <div class=\"carets\">\n      <ColumnCaret\n        v-for=\"(col, i) in tableColumns\"\n        :key=\"i\"\n        :column=\"col\"\n        :style=\"col.style\"\n        @change:sort=\"$emit('change:sort', $event)\"\n      />\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"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;EAkBA,IAAMmC,IAAOD,GAKPE,IAAQC,GAIRC,IAAQC,EAAYH,CAAK,GAEzBI,IAAYC,QAAeH,EAAM,KAAK,KAAK,WAAW,CAAC,GAEvDI,IAAiBD,SAAgB,EACrC,QAAQD,EAAU,QAAQ,UAA0BF,EAAM,KAAK,aAAa,KAC9E,EAAE;EAIF,AAFAK,EAAML,EAAM,OAAO,MAAMH,EAAK,eAAeS,CAAC,GAAG,EAAE,MAAM,GAAK,CAAC,GAE/DD,EAAMP,SAAaS,CAAgB;EAEnC,IAAMC,IAAWC,EAAiB,GAC5BC,IAAUD,EAAiB,GAC3BE,IAAUF,EAAiB,GAE3BF,UAAyB;GAC7B,EAAMI,EAAQ,QAAQ,MAAO;IAC3B,EAAM,iBAAiBC,EAAG,sBAAsB,CAAC;GACnD,CAAC;EACH,GAEMC,IAAeb,EAAM,cAErBc,IAAYd,EAAM,WAElB,EAAE,iBAAce,EAAUf,GAAOQ,CAAQ;EAW/C,AATAQ,QAAgB;GACd,EAAST,CAAgB;EAC3B,CAAC,GAEDU,QAAsB;GAEpB,AADAC,EAAMpB,EAAM,QAAQ,GACpBqB,EAASZ,CAAgB;EAC3B,CAAC,GAEDa,EAAiB,QAAQ,gBAAgBD,EAASZ,CAAgB,CAAC;EAEnE,IAAMc,KAAW,MAAmB;GAElC,AADAC,EAAG,eAAe,GAClBtB,EAAM,cAAcsB,CAAE;EACxB;E,kBAIE3D,EAAA,GAAAC,EA+CM,OAAA;GA/CG,SAAA;GAAJ,KAAI4C;GAAW,OAAM;GAAc,aAAS,AAAAiB,EAAA,QAAE,GAAAC,MAAA7D,EAAA8D,CAAA,KAAA9D,EAAA8D,CAAA,CAAA,CAAA,GAAAD,CAAA;;GACjD5D,EAGM,OAHN0B,GAGM,CAFJzB,EAAmBC,CAAA,GACnBD,EAAsBE,CAAA,C;GAExBH,EAUM,OAAA;IAVG,SAAA;IAAJ,KAAI4C;IAAU,OAAM;G,IACvB3C,EAQSG,GAAA,MAAA;IANL,SAAAC,QAAgC,EADlCR,EAAA,EAAA,GAAAC,EAMEQ,GAAA,MAAAC,EALmBR,EAAAgD,CAAA,IAAX,GAAK,OADflD,EAAA,GAAAW,EAMEC,GAAA;KAJC,KAAK2D;KACA;KACL,OAAK1D,EAAE4D,EAAI,KAAK;KAChB,iBAAW,AAAAX,EAAA,QAAA,MAAE/D,EAAAA,MAAK,eAAgB4E,CAAM;;;;GAI/CxE,EAeM,OAAA;IAfG,SAAA;IAAJ,KAAI6C;IAAU,OAAM;IAAc,OAAKnC,EAAE4B,EAAA,KAAc;IAAU;G,IACzDF,EAAA,SAAXvC,EAAA,GAAAC,EAKM,OALN6B,GAKM,CAJJ3B,EAGM,OAAA,MAAA,CAFJC,EAAaU,CAAA,GACb,AAAAgD,EAAA,OAAA3D,EAA0B,OAAA,MAArB,mBAAe,EAAA,C,oBAGxBH,EAAA,EAAA,GAAAC,EAOSQ,GAAA,MAAAC,EAPkBR,EAAAiD,CAAA,IAAX,GAAK,OAArBnD,EAAA,GAAAW,EAOSK,GAAA;IAP8B,KAAKuD;IAAS;;IAEjD,SAAA/D,QAAyB,EAD3BR,EAAA,EAAA,GAAAC,EAKEQ,GAAA,MAAAC,EAJemE,EAAI,QAAZ,OADT7E,EAAA,GAAAW,EAKEM,GAAA;KAHC,KAAK6D,EAAK,OAAO,KAAE,MAASP;KACtB;KACN,OAAK1D,EAAEiE,EAAK,KAAK;;;;GAIxB3E,EAQM,OARN4B,GAQM,EAPJ/B,EAAA,EAAA,GAAAC,EAMEQ,GAAA,MAAAC,EALmBR,EAAAgD,CAAA,IAAX,GAAK,OADflD,EAAA,GAAAW,EAMEO,GAAA;IAJC,KAAKqD;IACL,QAAQE;IACR,OAAK5D,EAAE4D,EAAI,KAAK;IAChB,iBAAW,AAAAX,EAAA,QAAA,MAAE/D,EAAAA,MAAK,eAAgB4E,CAAM;;GAG7CvE,EAKEe,GAAA;IAJC,QAAQjB,EAAAmC,CAAA,CAAK,CAAC,KAAK;IACnB,eAAanC,EAAAmC,CAAA,CAAK,CAAC,KAAK;IACxB,aAAWnC,EAAAmC,CAAA,CAAK,CAAC,KAAK;IACtB,mBAAenC,EAAAmC,CAAA,CAAK,CAAC"}

package/dist/components/DataTable/TdCell.js

@@ -1,7 +1,6 @@
 import e from "./TdCell.vue2.js";
-//#region src/components/DataTable/TdCell.vue
+// src/components/DataTable/TdCell.vue
 var t = e;
-//#endregion
 export { t as default };
 
 //# sourceMappingURL=TdCell.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"TdCell.js","names":[],"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(() =>\n  props.cell.column.component ? props.cell.column.component() : undefined,\n);\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\n      :is=\"CustomComponent\"\n      v-else-if=\"CustomComponent\"\n      :model-value=\"cell.value\"\n      @update:model-value=\"onInput\"\n    />\n    <BaseCellComponent\n      v-else\n      :model-value=\"cell.value\"\n      :value-type=\"valueTypeRef\"\n      :editable=\"cell.column.editable\"\n      @update:model-value=\"onInput\"\n    />\n  </div>\n</template>\n"],"mappings":""}
+{"version":3,"file":"TdCell.js","names":["_sfc_main","TdCell_vue_vue_type_script_setup_true_lang_default","TdCell_default"],"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(() =>\n  props.cell.column.component ? props.cell.column.component() : undefined,\n);\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\n      :is=\"CustomComponent\"\n      v-else-if=\"CustomComponent\"\n      :model-value=\"cell.value\"\n      @update:model-value=\"onInput\"\n    />\n    <BaseCellComponent\n      v-else\n      :model-value=\"cell.value\"\n      :value-type=\"valueTypeRef\"\n      :editable=\"cell.column.editable\"\n      @update:model-value=\"onInput\"\n    />\n  </div>\n</template>\n"],"mappings":""}

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

@@ -3,11 +3,11 @@ import { injectState as t } from "./keys.js";
 import n from "./BaseCellComponent.js";
 import { computed as r, createBlock as i, createElementBlock as a, defineComponent as o, normalizeClass as s, openBlock as c, ref as l, resolveDynamicComponent as u, toDisplayString as d } from "vue";
 import { tapIf as f } from "@milaboratories/helpers";
-//#region src/components/DataTable/TdCell.vue?vue&type=script&setup=true&lang.ts
+// src/components/DataTable/TdCell.vue?vue&type=script&setup=true&lang.ts
 var p = ["^data-row-index"], m = {
 	key: 0,
 	class: "control-cell"
-}, h = /* @__PURE__ */ o({
+}, h = /*@__PURE__*/ o({
 	__name: "TdCell",
 	props: { cell: {} },
 	setup(o) {
@@ -74,7 +74,6 @@ var p = ["^data-row-index"], m = {
 		]))], 42, p));
 	}
 });
-//#endregion
 export { h as default };
 
 //# sourceMappingURL=TdCell.vue2.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"TdCell.vue_vue_type_script_setup_true_lang.js","names":[],"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(() =>\n  props.cell.column.component ? props.cell.column.component() : undefined,\n);\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\n      :is=\"CustomComponent\"\n      v-else-if=\"CustomComponent\"\n      :model-value=\"cell.value\"\n      @update:model-value=\"onInput\"\n    />\n    <BaseCellComponent\n      v-else\n      :model-value=\"cell.value\"\n      :value-type=\"valueTypeRef\"\n      :editable=\"cell.column.editable\"\n      @update:model-value=\"onInput\"\n    />\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;EASA,IAAM,IAAQ,GAIR,IAAQ,GAAa,EAErB,IAAe,QAAe,EAAM,KAAK,OAAO,UAAU,EAE1D,KAAW,MAAmB;AAClC,KAAM,EAAM,SAAS,MAAM,eAAe,MAAM;IAC9C,IAAM,IAAM,EAAM,KAAK,KAEjB,IAAU;KAAE,GAAG,EAAI;MAAU,EAAM,KAAK,KAAK;KAAO;AAE1D,MAAE;KAAE,GAAG;KAAK;KAAS,CAAC;KACtB;KAGE,KAAW,MAAmB;AAClC,GAAI,EAAG,WACL,EAAM,UAAU,EAAM,KAAK,IAAI,WAAW;KAIxC,KAAiB,GAAgB,MAAa;AAClD,OAAI,EAAG,SAAS,cACd,GAAG,gBAAgB;OAEnB;GAGF,IAAM,IAAW,EAAM,YAAY,EAAE,EAE/B,IAAU,EAAE,EAEZ,EAAE,mBAAgB,yBAAsB,EAAS,OAEjD,IAAa,EAAM,KAAK,aAAa,IAAI,EAAI,WAAW;AAE9D,GAAI,KAAkB,EAAe,WAC/B,IACF,EAAQ,KAAK;IACX,MAAM;IACN,KAAK;AACH,OAAM,KAAK,aAAa,OAAO,EAAM,KAAK,IAAI,WAAW;;IAE5D,CAAC,GAEF,EAAQ,KAAK;IACX,MAAM;IACN,KAAK;AACH,OAAM,UAAU,EAAM,KAAK,IAAI,WAAW;;IAE7C,CAAC,GAIF,KAAqB,EAAkB,WACzC,EAAQ,KAAK;IACX,MAAM;IACN,KAAK;AACH,OAAM,aAAa,EAAM,KAAK,OAAO,GAAG;;IAE3C,CAAC,EAEF,EAAQ,KAAK;IACX,MAAM;IACN,KAAK;AACH,OAAM,eAAe,EAAM,KAAK,OAAO,GAAG;;IAE7C,CAAC,GAGC,EAAQ,UAIb,EAAgB,GAAI,EAAQ;KAGxB,IAAU,GAAkB,EAE5B,IAAkB,QACtB,EAAM,KAAK,OAAO,YAAY,EAAM,KAAK,OAAO,WAAW,GAAG,KAAA,EAC/D;yBAIC,EAsBM,OAAA;YArBA;GAAJ,KAAI;GACJ,OAAK,EAAA,CAAC,WAAS,GACJ,EAAA,KAAK,QAAK,IAAA,CAAA,CAAA;GACpB,mBAAqB,EAAA,KAAK,IAAI;GACvB;GACP,eAAW,AAAA,EAAA,QAAG,MAAO,EAAc,GAAI,EAAA,KAAK,IAAG;MAErC,EAAA,KAAK,WAAA,GAAA,EAAhB,EAAwE,OAAxE,GAAwE,EAAvB,EAAA,KAAK,IAAI,MAAK,EAAA,EAAA,IAGlD,EAAA,SAAA,GAAA,EAFb,EAKE,EAJK,EAAA,MAAe,EAAA;;GAEnB,eAAa,EAAA,KAAK;GAClB,uBAAoB;wCAEvB,EAME,GAAA;;GAJC,eAAa,EAAA,KAAK;GAClB,cAAY,EAAA;GACZ,UAAU,EAAA,KAAK,OAAO;GACtB,uBAAoB"}
+{"version":3,"file":"TdCell.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createElementBlock","_normalizeClass","_toDisplayString","_createBlock","_resolveDynamicComponent","BaseCellComponent","BaseCellComponent_default","_hoisted_1","_hoisted_2","TdCell_vue_vue_type_script_setup_true_lang_default","props","__props","state","injectState","valueTypeRef","computed","onInput","row","dataRow","value","onClick","ev","onContextMenu","settings","options","isSelected","onSelectedRows","onSelectedColumns","showContextMenu","cellRef","ref","CustomComponent","openBlock","createElementBlock","normalizeClass","_cache","toDisplayString","createBlock","resolveDynamicComponent"],"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(() =>\n  props.cell.column.component ? props.cell.column.component() : undefined,\n);\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\n      :is=\"CustomComponent\"\n      v-else-if=\"CustomComponent\"\n      :model-value=\"cell.value\"\n      @update:model-value=\"onInput\"\n    />\n    <BaseCellComponent\n      v-else\n      :model-value=\"cell.value\"\n      :value-type=\"valueTypeRef\"\n      :editable=\"cell.column.editable\"\n      @update:model-value=\"onInput\"\n    />\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;EASA,IAAMW,IAAQC,GAIRC,IAAQC,EAAY,GAEpBC,IAAeC,QAAeL,EAAM,KAAK,OAAO,SAAS,GAEzDM,KAAW,MAAmB;GAClC,EAAMJ,EAAM,SAAS,MAAM,eAAe,MAAM;IAC9C,IAAMK,IAAMP,EAAM,KAAK,KAEjBQ,IAAU;KAAE,GAAGD,EAAI;MAAUP,EAAM,KAAK,KAAKS;IAAM;IAEzD,EAAE;KAAE,GAAGF;KAAK;IAAQ,CAAC;GACvB,CAAC;EACH,GAEMG,KAAW,MAAmB;GAClC,AAAIC,EAAG,WACLT,EAAM,UAAUF,EAAM,KAAK,IAAI,UAAU;EAE7C,GAEMY,KAAiB,GAAgB,MAAa;GAClD,IAAID,EAAG,SAAS,eACd,EAAG,eAAe;QAElB;GAGF,IAAME,IAAWX,EAAM,YAAY,CAAC,GAE9BY,IAAU,CAAC,GAEX,EAAE,mBAAgB,yBAAsBD,EAAS,OAEjDE,IAAab,EAAM,KAAK,aAAa,IAAIK,EAAI,UAAU;GAoC7D,AAlCIS,KAAkBA,EAAe,WAC/BD,IACFD,EAAQ,KAAK;IACX,MAAM;IACN,KAAK;KACH,EAAM,KAAK,aAAa,OAAOd,EAAM,KAAK,IAAI,UAAU;IAC1D;GACF,CAAC,IAEDc,EAAQ,KAAK;IACX,MAAM;IACN,KAAK;KACH,EAAM,UAAUd,EAAM,KAAK,IAAI,UAAU;IAC3C;GACF,CAAC,IAIDiB,KAAqBA,EAAkB,WACzCH,EAAQ,KAAK;IACX,MAAM;IACN,KAAK;KACH,EAAM,aAAad,EAAM,KAAK,OAAO,EAAE;IACzC;GACF,CAAC,GAEDc,EAAQ,KAAK;IACX,MAAM;IACN,KAAK;KACH,EAAM,eAAed,EAAM,KAAK,OAAO,EAAE;IAC3C;GACF,CAAC,IAGEc,EAAQ,UAIbI,EAAgBP,GAAIG,CAAO;EAC7B,GAEMK,IAAUC,EAAiB,GAE3BC,IAAkBhB,QACtBL,EAAM,KAAK,OAAO,YAAYA,EAAM,KAAK,OAAO,UAAU,IAAI,KAAA,CAChE;E,kBAIEX,EAAA,GAAAC,EAsBM,OAAA;GArBA,SAAA;GAAJ,KAAI6B;GACJ,OAAK5B,EAAA,CAAC,WAAS,GACJU,EAAA,KAAK,QAAK,GAAA,CAAA,CAAA;GACpB,mBAAqBA,EAAA,KAAK,IAAI;GACvB;GACP,eAAW,AAAAwB,EAAA,QAAG,MAAOb,EAAcD,GAAIV,EAAA,KAAK,GAAG;E,IAErCA,EAAA,KAAK,WAAhBZ,EAAA,GAAAC,EAAwE,OAAxEQ,GAAwEN,EAAvBS,EAAA,KAAK,IAAI,KAAK,GAAA,CAAA,KAGlDoB,EAAA,SAFbhC,EAAA,GAAAI,EAKEC,EAJK2B,EAAA,KAAe,GAAA;;GAEnB,eAAapB,EAAA,KAAK;GAClB,uBAAoBK;E,iCAEvBjB,EAAA,GAAAI,EAMEE,GAAA;;GAJC,eAAaM,EAAA,KAAK;GAClB,cAAYG,EAAA;GACZ,UAAUH,EAAA,KAAK,OAAO;GACtB,uBAAoBK"}

package/dist/components/DataTable/ThCell.js

@@ -1,7 +1,6 @@
 import e from "./ThCell.vue2.js";
-//#region src/components/DataTable/ThCell.vue
+// src/components/DataTable/ThCell.vue
 var t = e;
-//#endregion
 export { t as default };
 
 //# sourceMappingURL=ThCell.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ThCell.js","names":[],"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\n    class=\"cell th-cell\"\n    :data-col-id.attr=\"col.id\"\n    :class=\"{ 'justify-center': col.justify, frozen: col.frozen }\"\n    @contextmenu=\"onContextMenu\"\n  >\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"],"mappings":""}
+{"version":3,"file":"ThCell.js","names":["_sfc_main","ThCell_vue_vue_type_script_setup_true_lang_default","ThCell_default"],"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\n    class=\"cell th-cell\"\n    :data-col-id.attr=\"col.id\"\n    :class=\"{ 'justify-center': col.justify, frozen: col.frozen }\"\n    @contextmenu=\"onContextMenu\"\n  >\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"],"mappings":""}

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

@@ -1,8 +1,8 @@
 import { showContextMenu as e } from "../contextMenu/index.js";
 import { rotate as t } from "./domain.js";
 import { createCommentVNode as n, createElementBlock as r, createTextVNode as i, defineComponent as a, normalizeClass as o, openBlock as s, toDisplayString as c, withModifiers as l } from "vue";
-//#region src/components/DataTable/ThCell.vue?vue&type=script&setup=true&lang.ts
-var u = ["^data-col-id"], d = /* @__PURE__ */ a({
+// src/components/DataTable/ThCell.vue?vue&type=script&setup=true&lang.ts
+var u = ["^data-col-id"], d = /*@__PURE__*/ a({
 	__name: "ThCell",
 	props: { col: {} },
 	emits: [
@@ -45,7 +45,6 @@ var u = ["^data-col-id"], d = /* @__PURE__ */ a({
 		], 42, u));
 	}
 });
-//#endregion
 export { d as default };
 
 //# sourceMappingURL=ThCell.vue2.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ThCell.vue_vue_type_script_setup_true_lang.js","names":[],"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\n    class=\"cell th-cell\"\n    :data-col-id.attr=\"col.id\"\n    :class=\"{ 'justify-center': col.justify, frozen: col.frozen }\"\n    @contextmenu=\"onContextMenu\"\n  >\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"],"mappings":";;;;;;;;;;;;;EAMA,IAAM,IAAO;EAMb,SAAS,EAAc,GAAgB;AACrC,KAAG,gBAAgB;GAEnB,IAAM,IAAU,EAAE;AAEb,KAAQ,UAIb,EAAgB,GAAI,EAAQ;;EAG9B,SAAS,EAAO,GAAyB;GACvC,IAAM,IAAI,EAAI,MAAM,aAAa;AACjC,KAAK,eAAe;IAClB,OAAO,EAAI;IACX,WAAW,EAAO,GAAG,CAAC,QAAQ,MAAM,CAAC;IACtC,CAAC;;yBAKF,EASM,OAAA;GARJ,OAAK,EAAA,CAAC,gBAAc;IAAA,kBAEQ,EAAA,IAAI;IAAO,QAAU,EAAA,IAAI;IAAM,CAAA,CAAA;GAD1D,gBAAkB,EAAA,IAAI;GAEtB,eAAa;;GAEH,EAAA,IAAI,aAAA,GAAA,EAAf,EAAmD,OAAA;;IAAxB,OAAK,EAAE,EAAA,IAAI,UAAS;;KAAI,MACnD,EAAG,EAAA,IAAI,MAAK,GAAG,KACf,EAAA;GAAW,EAAA,IAAI,QAAA,GAAA,EAAf,EAAgG,OAAA;;IAA3E,OAAK,EAAA,CAAC,QAAe,EAAA,IAAI,KAAK,UAAS,CAAA;IAAG,SAAK,AAAA,EAAA,OAAA,QAAa,EAAO,EAAA,IAAG,EAAA,CAAA,OAAA,CAAA"}
+{"version":3,"file":"ThCell.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createElementBlock","_normalizeClass","_createCommentVNode","_createTextVNode","_toDisplayString","_withModifiers","_hoisted_1","ThCell_vue_vue_type_script_setup_true_lang_default","__emit","emit","onContextMenu","options","showContextMenu","ev","onSort","v","col","rotate","openBlock","createElementBlock","normalizeClass","__props","createCommentVNode","createTextVNode","toDisplayString","_cache","withModifiers"],"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\n    class=\"cell th-cell\"\n    :data-col-id.attr=\"col.id\"\n    :class=\"{ 'justify-center': col.justify, frozen: col.frozen }\"\n    @contextmenu=\"onContextMenu\"\n  >\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"],"mappings":";;;;;;;;;;;;;EAMA,IAAMU,IAAOD;EAMb,SAASE,EAAc,GAAgB;GACrC,EAAG,eAAe;GAElB,IAAMC,IAAU,CAAC;GAEjB,AAAKA,EAAQ,UAIbC,EAAgBC,GAAIF,CAAO;EAC7B;EAEA,SAASG,EAAO,GAAyB;GACvC,IAAMC,IAAIC,EAAI,MAAM,aAAa;GACjC,EAAK,eAAe;IAClB,OAAOA,EAAI;IACX,WAAWC,EAAOF,GAAG,CAAC,QAAQ,KAAK,CAAC;GACtC,CAAC;EACH;E,kBAIEhB,EAAA,GAAAC,EASM,OAAA;GARJ,OAAKC,EAAA,CAAC,gBAAc;IAAA,kBAEQoB,EAAA,IAAI;IAAO,QAAUA,EAAA,IAAI;GAAM,CAAA,CAAA;GAD1D,gBAAkBA,EAAA,IAAI;GAEtB,eAAaX;;GAEHW,EAAA,IAAI,aAAftB,EAAA,GAAAC,EAAmD,OAAA;;IAAxB,OAAKC,EAAEoB,EAAA,IAAI,SAAS;;GAAIlB,EAAA,MACnDC,EAAGiB,EAAA,IAAI,KAAK,IAAG,KACf,CAAA;GAAWA,EAAA,IAAI,QAAftB,EAAA,GAAAC,EAAgG,OAAA;;IAA3E,OAAKC,EAAA,CAAC,QAAeoB,EAAA,IAAI,KAAK,SAAS,CAAA;IAAG,SAAK,AAAAI,EAAA,OAAApB,QAAaS,EAAOO,EAAA,GAAG,GAAA,CAAA,MAAA,CAAA"}

package/dist/components/DataTable/TrBody.js

@@ -1,7 +1,6 @@
 import e from "./TrBody.vue2.js";
-//#region src/components/DataTable/TrBody.vue
+// src/components/DataTable/TrBody.vue
 var t = e;
-//#endregion
 export { t as default };
 
 //# sourceMappingURL=TrBody.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"TrBody.js","names":[],"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\n    ref=\"trRef\"\n    class=\"tr-body\"\n    scroll=\"no\"\n    :style=\"row.style\"\n    :class=\"{ selected: row.selected }\"\n    @scroll=\"onScroll\"\n  >\n    <slot />\n  </div>\n</template>\n"],"mappings":""}
+{"version":3,"file":"TrBody.js","names":["_sfc_main","TrBody_vue_vue_type_script_setup_true_lang_default","TrBody_default"],"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\n    ref=\"trRef\"\n    class=\"tr-body\"\n    scroll=\"no\"\n    :style=\"row.style\"\n    :class=\"{ selected: row.selected }\"\n    @scroll=\"onScroll\"\n  >\n    <slot />\n  </div>\n</template>\n"],"mappings":""}

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

@@ -1,7 +1,7 @@
 import { createElementBlock as e, defineComponent as t, nextTick as n, normalizeClass as r, normalizeStyle as i, openBlock as a, ref as o, renderSlot as s } from "vue";
 import { tapIf as c } from "@milaboratories/helpers";
-//#region src/components/DataTable/TrBody.vue?vue&type=script&setup=true&lang.ts
-var l = /* @__PURE__ */ t({
+// src/components/DataTable/TrBody.vue?vue&type=script&setup=true&lang.ts
+var l = /*@__PURE__*/ t({
 	__name: "TrBody",
 	props: { row: {} },
 	setup(t) {
@@ -20,7 +20,6 @@ var l = /* @__PURE__ */ t({
 		}, [s(n.$slots, "default")], 38));
 	}
 });
-//#endregion
 export { l as default };
 
 //# sourceMappingURL=TrBody.vue2.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"TrBody.vue_vue_type_script_setup_true_lang.js","names":[],"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\n    ref=\"trRef\"\n    class=\"tr-body\"\n    scroll=\"no\"\n    :style=\"row.style\"\n    :class=\"{ selected: row.selected }\"\n    @scroll=\"onScroll\"\n  >\n    <slot />\n  </div>\n</template>\n"],"mappings":";;;;;;;EASA,IAAM,IAAQ,GAAkB,EAG1B,UAAiB;AACrB,MAAU,CAAC,WAAW;AACpB,MAAM,EAAM,QAAQ,MAAQ,EAAG,aAAa,EAAG;KAC/C;;yBAKF,EASM,OAAA;YARA;GAAJ,KAAI;GACJ,OAAK,EAAA,CAAC,WAAS,EAAA,UAGK,EAAA,IAAI,UAAQ,CAAA,CAAA;GAFhC,QAAO;GACN,OAAK,EAAE,EAAA,IAAI,MAAK;GAER;MAET,EAAQ,EAAA,QAAA,UAAA,CAAA,EAAA,GAAA"}
+{"version":3,"file":"TrBody.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createElementBlock","_normalizeClass","_normalizeStyle","_renderSlot","TrBody_vue_vue_type_script_setup_true_lang_default","trRef","ref","onScroll","openBlock","createElementBlock","normalizeClass","__props","normalizeStyle","renderSlot","_ctx"],"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\n    ref=\"trRef\"\n    class=\"tr-body\"\n    scroll=\"no\"\n    :style=\"row.style\"\n    :class=\"{ selected: row.selected }\"\n    @scroll=\"onScroll\"\n  >\n    <slot />\n  </div>\n</template>\n"],"mappings":";;;;;;;EASA,IAAMM,IAAQC,EAAiB,GAGzBC,UAAiB;GACrB,EAAS,CAAC,CAAC,WAAW;IACpB,EAAMF,EAAM,QAAQ,MAAQ,EAAG,aAAa,CAAE;GAChD,CAAC;EACH;E,kBAIEN,EAAA,GAAAC,EASM,OAAA;GARA,SAAA;GAAJ,KAAIK;GACJ,OAAKJ,EAAA,CAAC,WAAS,EAAA,UAGKU,EAAA,IAAI,SAAQ,CAAA,CAAA;GAFhC,QAAO;GACN,OAAKT,EAAES,EAAA,IAAI,KAAK;GAER;E,IAETR,EAAQW,EAAA,QAAA,SAAA,C"}

package/dist/components/DataTable/TrHead.js

@@ -1,7 +1,6 @@
 import e from "./TrHead.vue2.js";
-//#region src/components/DataTable/TrHead.vue
+// src/components/DataTable/TrHead.vue
 var t = e;
-//#endregion
 export { t as default };
 
 //# sourceMappingURL=TrHead.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"TrHead.js","names":[],"sources":["../../../src/components/DataTable/TrHead.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n//\n</script>\n\n<template>\n  <div class=\"tr-head\">\n    <slot />\n  </div>\n</template>\n"],"mappings":""}
+{"version":3,"file":"TrHead.js","names":["_sfc_main","TrHead_vue_vue_type_script_setup_true_lang_default","TrHead_default"],"sources":["../../../src/components/DataTable/TrHead.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n//\n</script>\n\n<template>\n  <div class=\"tr-head\">\n    <slot />\n  </div>\n</template>\n"],"mappings":""}

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

@@ -1,12 +1,11 @@
 import { createElementBlock as e, defineComponent as t, openBlock as n, renderSlot as r } from "vue";
-//#region src/components/DataTable/TrHead.vue?vue&type=script&setup=true&lang.ts
-var i = { class: "tr-head" }, a = /* @__PURE__ */ t({
+// src/components/DataTable/TrHead.vue?vue&type=script&setup=true&lang.ts
+var i = { class: "tr-head" }, a = /*@__PURE__*/ t({
 	__name: "TrHead",
 	setup(t) {
 		return (t, a) => (n(), e("div", i, [r(t.$slots, "default")]));
 	}
 });
-//#endregion
 export { a as default };
 
 //# sourceMappingURL=TrHead.vue2.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"TrHead.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/DataTable/TrHead.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n//\n</script>\n\n<template>\n  <div class=\"tr-head\">\n    <slot />\n  </div>\n</template>\n"],"mappings":";;;;;yBAKE,EAEM,OAFN,GAEM,CADJ,EAAQ,EAAA,QAAA,UAAA,CAAA,CAAA"}
+{"version":3,"file":"TrHead.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createElementBlock","_renderSlot","_hoisted_1","TrHead_vue_vue_type_script_setup_true_lang_default","openBlock","createElementBlock","renderSlot","_ctx"],"sources":["../../../src/components/DataTable/TrHead.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n//\n</script>\n\n<template>\n  <div class=\"tr-head\">\n    <slot />\n  </div>\n</template>\n"],"mappings":";;;;;E,kBAKEA,EAAA,GAAAC,EAEM,OAFNE,GAEM,CADJD,EAAQM,EAAA,QAAA,SAAA,C"}

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

@@ -1,6 +1,9 @@
 import { clamp as e } from "@milaboratories/helpers";
-//#region src/components/DataTable/adapters/AsyncData.ts
+// src/components/DataTable/adapters/AsyncData.ts
 var t = class {
+	api;
+	rowHeight;
+	resolvePrimaryKey;
 	constructor(e, t, n) {
 		this.api = e, this.rowHeight = t, this.resolvePrimaryKey = n;
 	}
@@ -24,7 +27,6 @@ var t = class {
 		}));
 	}
 };
-//#endregion
 export { t as AsyncData };
 
 //# sourceMappingURL=AsyncData.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"AsyncData.js","names":[],"sources":["../../../../src/components/DataTable/adapters/AsyncData.ts"],"sourcesContent":["import type * as Types from \"../types\";\nimport type { DataRow, Row } from \"../types\";\nimport { GAP } from \"../constants\";\nimport { clamp } from \"@milaboratories/helpers\";\n\nexport class AsyncData<D extends DataRow> implements Types.DataSource {\n  constructor(\n    public readonly api: Types.ExternalApi<D>,\n    public readonly rowHeight: number,\n    public readonly resolvePrimaryKey: Types.ResolvePrimaryKey,\n  ) {}\n\n  get height() {\n    return this.rowHeight + GAP;\n  }\n\n  async getHeight(): Promise<number> {\n    return (await this.api.count()) * this.height;\n  }\n\n  async getRows(scrollTop: number, bodyHeight: number): Promise<Row[]> {\n    const offset = clamp(Math.floor(scrollTop / this.height), 0, Number.POSITIVE_INFINITY);\n    const limit = Math.ceil(bodyHeight + 40 / this.height); // @TODO safe window\n    const rows = await this.api.query({ offset, limit });\n    return rows.map<Types.Row>((dataRow, index) => ({\n      dataRow,\n      index: offset + index,\n      primaryKey: this.resolvePrimaryKey(dataRow, offset + index) as Types.PrimaryKey,\n      offset: (offset + index) * (this.rowHeight + GAP),\n      height: this.rowHeight,\n    }));\n  }\n}\n"],"mappings":";;AAKA,IAAa,IAAb,MAAsE;CACpE,YACE,GACA,GACA,GACA;AADgB,EAFA,KAAA,MAAA,GACA,KAAA,YAAA,GACA,KAAA,oBAAA;;CAGlB,IAAI,SAAS;AACX,SAAO,KAAK,YAAA;;CAGd,MAAM,YAA6B;AACjC,SAAQ,MAAM,KAAK,IAAI,OAAO,GAAI,KAAK;;CAGzC,MAAM,QAAQ,GAAmB,GAAoC;EACnE,IAAM,IAAS,EAAM,KAAK,MAAM,IAAY,KAAK,OAAO,EAAE,GAAG,SAAyB,EAChF,IAAQ,KAAK,KAAK,IAAa,KAAK,KAAK,OAAO;AAEtD,UADa,MAAM,KAAK,IAAI,MAAM;GAAE;GAAQ;GAAO,CAAC,EACxC,KAAgB,GAAS,OAAW;GAC9C;GACA,OAAO,IAAS;GAChB,YAAY,KAAK,kBAAkB,GAAS,IAAS,EAAM;GAC3D,SAAS,IAAS,MAAU,KAAK,YAAA;GACjC,QAAQ,KAAK;GACd,EAAE"}
+{"version":3,"file":"AsyncData.js","names":["AsyncData","api","rowHeight","resolvePrimaryKey","offset","clamp","scrollTop","limit","bodyHeight","index","dataRow"],"sources":["../../../../src/components/DataTable/adapters/AsyncData.ts"],"sourcesContent":["import type * as Types from \"../types\";\nimport type { DataRow, Row } from \"../types\";\nimport { GAP } from \"../constants\";\nimport { clamp } from \"@milaboratories/helpers\";\n\nexport class AsyncData<D extends DataRow> implements Types.DataSource {\n  constructor(\n    public readonly api: Types.ExternalApi<D>,\n    public readonly rowHeight: number,\n    public readonly resolvePrimaryKey: Types.ResolvePrimaryKey,\n  ) {}\n\n  get height() {\n    return this.rowHeight + GAP;\n  }\n\n  async getHeight(): Promise<number> {\n    return (await this.api.count()) * this.height;\n  }\n\n  async getRows(scrollTop: number, bodyHeight: number): Promise<Row[]> {\n    const offset = clamp(Math.floor(scrollTop / this.height), 0, Number.POSITIVE_INFINITY);\n    const limit = Math.ceil(bodyHeight + 40 / this.height); // @TODO safe window\n    const rows = await this.api.query({ offset, limit });\n    return rows.map<Types.Row>((dataRow, index) => ({\n      dataRow,\n      index: offset + index,\n      primaryKey: this.resolvePrimaryKey(dataRow, offset + index) as Types.PrimaryKey,\n      offset: (offset + index) * (this.rowHeight + GAP),\n      height: this.rowHeight,\n    }));\n  }\n}\n"],"mappings":";;AAKA,IAAaA,IAAb,MAAsE;CAElD;CACA;CACA;CAHlB,YACE,GACA,GACA,GACA;EADgB,AAFA,KAAA,MAAAC,GACA,KAAA,YAAAC,GACA,KAAA,oBAAAC;CACf;CAEH,IAAI,SAAS;EACX,OAAO,KAAK,YAAA;CACd;CAEA,MAAM,YAA6B;EACjC,OAAQ,MAAM,KAAK,IAAI,MAAM,IAAK,KAAK;CACzC;CAEA,MAAM,QAAQ,GAAmB,GAAoC;EACnE,IAAMC,IAASC,EAAM,KAAK,MAAMC,IAAY,KAAK,MAAM,GAAG,GAAG,QAAwB,GAC/EC,IAAQ,KAAK,KAAKC,IAAa,KAAK,KAAK,MAAM;EAErD,QAAO,MADY,KAAK,IAAI,MAAM;GAAE;GAAQ;EAAM,CAAC,EAAA,CACvC,KAAgB,GAAS,OAAW;GAC9C;GACA,OAAOJ,IAASK;GAChB,YAAY,KAAK,kBAAkBC,GAASN,IAASK,CAAK;GAC1D,SAASL,IAASK,MAAU,KAAK,YAAA;GACjC,QAAQ,KAAK;EACf,EAAE;CACJ;AACF"}

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

@@ -1,7 +1,10 @@
 import { sliceBy as e } from "../domain.js";
 import { notEmpty as t } from "@milaboratories/helpers";
-//#region src/components/DataTable/adapters/RawData.ts
+// src/components/DataTable/adapters/RawData.ts
 var n = /* @__PURE__ */ new WeakMap(), r = class {
+	datum;
+	resolveHeight;
+	resolvePrimaryKey;
 	dataHeight;
 	constructor(e, r, i) {
 		this.datum = e, this.resolveHeight = r, this.resolvePrimaryKey = i;
@@ -32,7 +35,6 @@ var n = /* @__PURE__ */ new WeakMap(), r = class {
 		});
 	}
 };
-//#endregion
 export { r as RawData };
 
 //# sourceMappingURL=RawData.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"RawData.js","names":[],"sources":["../../../../src/components/DataTable/adapters/RawData.ts"],"sourcesContent":["import type * as Types from \"../types\";\nimport type { DataRow, ResolvePrimaryKey, Row, ResolveRowHeight } from \"../types\";\nimport { GAP } from \"../constants\";\nimport { sliceBy } from \"../domain\";\nimport { notEmpty } from \"@milaboratories/helpers\";\n\nconst rowsStore = new WeakMap<WeakKey, Row[]>();\n\nexport class RawData<D extends DataRow = DataRow> implements Types.DataSource {\n  private dataHeight: number;\n\n  constructor(\n    public readonly datum: D[],\n    public readonly resolveHeight: ResolveRowHeight<D>,\n    public readonly resolvePrimaryKey: ResolvePrimaryKey<D>,\n  ) {\n    const offsets = datum.reduce(\n      (dict, it, index) => {\n        dict.indices.set(index, dict.total);\n        dict.total += this.resolveHeight(it, index) + GAP;\n        return dict;\n      },\n      {\n        total: 0,\n        indices: new Map<number, number>(),\n      },\n    );\n\n    this.dataHeight = offsets.total;\n\n    const rows = datum.map((dataRow, index) => ({\n      dataRow,\n      index,\n      primaryKey: this.resolvePrimaryKey(dataRow, index) as Types.PrimaryKey,\n      offset: notEmpty(offsets.indices.get(index)),\n      height: this.resolveHeight(dataRow, index),\n    }));\n\n    rowsStore.set(this, rows);\n  }\n\n  get rows(): Row<D>[] {\n    return rowsStore.get(this)! as Row<D>[];\n  }\n\n  async getHeight() {\n    return this.dataHeight;\n  }\n\n  async getRows(scrollTop: number, bodyHeight: number): Promise<Row<D>[]> {\n    return sliceBy(this.rows, (it) => {\n      const offset = it.offset;\n      return scrollTop < offset + it.height && offset < bodyHeight + scrollTop;\n    });\n  }\n}\n"],"mappings":";;;AAMA,IAAM,oBAAY,IAAI,SAAyB,EAElC,IAAb,MAA8E;CAC5E;CAEA,YACE,GACA,GACA,GACA;AADgB,EAFA,KAAA,QAAA,GACA,KAAA,gBAAA,GACA,KAAA,oBAAA;EAEhB,IAAM,IAAU,EAAM,QACnB,GAAM,GAAI,OACT,EAAK,QAAQ,IAAI,GAAO,EAAK,MAAM,EACnC,EAAK,SAAS,KAAK,cAAc,GAAI,EAAM,GAAA,GACpC,IAET;GACE,OAAO;GACP,yBAAS,IAAI,KAAqB;GACnC,CACF;AAED,OAAK,aAAa,EAAQ;EAE1B,IAAM,IAAO,EAAM,KAAK,GAAS,OAAW;GAC1C;GACA;GACA,YAAY,KAAK,kBAAkB,GAAS,EAAM;GAClD,QAAQ,EAAS,EAAQ,QAAQ,IAAI,EAAM,CAAC;GAC5C,QAAQ,KAAK,cAAc,GAAS,EAAM;GAC3C,EAAE;AAEH,IAAU,IAAI,MAAM,EAAK;;CAG3B,IAAI,OAAiB;AACnB,SAAO,EAAU,IAAI,KAAK;;CAG5B,MAAM,YAAY;AAChB,SAAO,KAAK;;CAGd,MAAM,QAAQ,GAAmB,GAAuC;AACtE,SAAO,EAAQ,KAAK,OAAO,MAAO;GAChC,IAAM,IAAS,EAAG;AAClB,UAAO,IAAY,IAAS,EAAG,UAAU,IAAS,IAAa;IAC/D"}
+{"version":3,"file":"RawData.js","names":["sliceBy","sliceBy$1","rowsStore","RawData","datum","resolveHeight","resolvePrimaryKey","offsets","dict","index","it","rows","dataRow","notEmpty","offset","scrollTop","bodyHeight"],"sources":["../../../../src/components/DataTable/adapters/RawData.ts"],"sourcesContent":["import type * as Types from \"../types\";\nimport type { DataRow, ResolvePrimaryKey, Row, ResolveRowHeight } from \"../types\";\nimport { GAP } from \"../constants\";\nimport { sliceBy } from \"../domain\";\nimport { notEmpty } from \"@milaboratories/helpers\";\n\nconst rowsStore = new WeakMap<WeakKey, Row[]>();\n\nexport class RawData<D extends DataRow = DataRow> implements Types.DataSource {\n  private dataHeight: number;\n\n  constructor(\n    public readonly datum: D[],\n    public readonly resolveHeight: ResolveRowHeight<D>,\n    public readonly resolvePrimaryKey: ResolvePrimaryKey<D>,\n  ) {\n    const offsets = datum.reduce(\n      (dict, it, index) => {\n        dict.indices.set(index, dict.total);\n        dict.total += this.resolveHeight(it, index) + GAP;\n        return dict;\n      },\n      {\n        total: 0,\n        indices: new Map<number, number>(),\n      },\n    );\n\n    this.dataHeight = offsets.total;\n\n    const rows = datum.map((dataRow, index) => ({\n      dataRow,\n      index,\n      primaryKey: this.resolvePrimaryKey(dataRow, index) as Types.PrimaryKey,\n      offset: notEmpty(offsets.indices.get(index)),\n      height: this.resolveHeight(dataRow, index),\n    }));\n\n    rowsStore.set(this, rows);\n  }\n\n  get rows(): Row<D>[] {\n    return rowsStore.get(this)! as Row<D>[];\n  }\n\n  async getHeight() {\n    return this.dataHeight;\n  }\n\n  async getRows(scrollTop: number, bodyHeight: number): Promise<Row<D>[]> {\n    return sliceBy(this.rows, (it) => {\n      const offset = it.offset;\n      return scrollTop < offset + it.height && offset < bodyHeight + scrollTop;\n    });\n  }\n}\n"],"mappings":";;;AAMA,IAAME,oBAAY,IAAI,QAAwB,GAEjCC,IAAb,MAA8E;CAI1D;CACA;CACA;CALlB;CAEA,YACE,GACA,GACA,GACA;EADgB,AAFA,KAAA,QAAAC,GACA,KAAA,gBAAAC,GACA,KAAA,oBAAAC;EAEhB,IAAMC,IAAUH,EAAM,QACnB,GAAM,GAAI,OACTI,EAAK,QAAQ,IAAIC,GAAOD,EAAK,KAAK,GAClC,EAAK,SAAS,KAAK,cAAcE,GAAID,CAAK,IAAA,GACnCD,IAET;GACE,OAAO;GACP,yBAAS,IAAI,IAAoB;EACnC,CACF;EAEA,KAAK,aAAaD,EAAQ;EAE1B,IAAMI,IAAOP,EAAM,KAAK,GAAS,OAAW;GAC1C;GACA;GACA,YAAY,KAAK,kBAAkBQ,GAASH,CAAK;GACjD,QAAQI,EAASN,EAAQ,QAAQ,IAAIE,CAAK,CAAC;GAC3C,QAAQ,KAAK,cAAcG,GAASH,CAAK;EAC3C,EAAE;EAEF,EAAU,IAAI,MAAME,CAAI;CAC1B;CAEA,IAAI,OAAiB;EACnB,OAAOT,EAAU,IAAI,IAAI;CAC3B;CAEA,MAAM,YAAY;EAChB,OAAO,KAAK;CACd;CAEA,MAAM,QAAQ,GAAmB,GAAuC;EACtE,OAAOF,EAAQ,KAAK,OAAO,MAAO;GAChC,IAAMc,IAASJ,EAAG;GAClB,OAAOK,IAAYD,IAASJ,EAAG,UAAUI,IAASE,IAAaD;EACjE,CAAC;CACH;AACF"}

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

@@ -1,6 +1,6 @@
 import e from "../../../_virtual/_plugin-vue_export-helper.js";
 import { createElementBlock as t, createElementVNode as n, openBlock as r } from "vue";
-//#region src/components/DataTable/assets/TableIcon.vue
+// src/components/DataTable/assets/TableIcon.vue
 var i = {}, a = {
 	width: "48",
 	height: "48",
@@ -21,8 +21,7 @@ function o(e, i) {
 		fill: "#CFD1DB"
 	}, null, -1)]]);
 }
-var s = /* @__PURE__ */ e(i, [["render", o]]);
-//#endregion
+var s = /*#__PURE__*/ e(i, [["render", o]]);
 export { s as default };
 
 //# sourceMappingURL=TableIcon.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"TableIcon.js","names":[],"sources":["../../../../src/components/DataTable/assets/TableIcon.vue"],"sourcesContent":["<template>\n  <svg width=\"48\" height=\"48\" viewBox=\"0 0 48 48\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n    <path\n      fill-rule=\"evenodd\"\n      clip-rule=\"evenodd\"\n      d=\"M24 41.5H9C7.61929 41.5 6.5 40.3807 6.5 39V24H9.5V38.5H24V41.5Z\"\n      fill=\"#CFD1DB\"\n    />\n    <path\n      fill-rule=\"evenodd\"\n      clip-rule=\"evenodd\"\n      d=\"M41.5 9C41.5 7.61929 40.3807 6.5 39 6.5H9C7.61929 6.5 6.5 7.61929 6.5 9V19.5H9.5H28.5V38.5V41.5H39C40.3807 41.5 41.5 40.3807 41.5 39V9ZM38.5 9.5V16.5H31.5V9.5H38.5ZM38.5 38.5V19.5H31.5V38.5H38.5ZM9.5 9.5V16.5H28.5V9.5H9.5Z\"\n      fill=\"#CFD1DB\"\n    />\n  </svg>\n</template>\n"],"mappings":";;;;CACO,OAAM;CAAK,QAAO;CAAK,SAAQ;CAAY,MAAK;CAAO,OAAM;;;aAAlE,EAaM,OAbN,GAaM,CAAA,GAAA,AAAA,EAAA,OAAA,CAZJ,EAKE,QAAA;EAJA,aAAU;EACV,aAAU;EACV,GAAE;EACF,MAAK;eAEP,EAKE,QAAA;EAJA,aAAU;EACV,aAAU;EACV,GAAE;EACF,MAAK"}
+{"version":3,"file":"TableIcon.js","names":["_openBlock","_createElementBlock","_createElementVNode","_plugin_vue_export_helper_default","_sfc_main","_hoisted_1","_sfc_render","openBlock","createElementBlock","_cache","createElementVNode","TableIcon_default"],"sources":["../../../../src/components/DataTable/assets/TableIcon.vue"],"sourcesContent":["<template>\n  <svg width=\"48\" height=\"48\" viewBox=\"0 0 48 48\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n    <path\n      fill-rule=\"evenodd\"\n      clip-rule=\"evenodd\"\n      d=\"M24 41.5H9C7.61929 41.5 6.5 40.3807 6.5 39V24H9.5V38.5H24V41.5Z\"\n      fill=\"#CFD1DB\"\n    />\n    <path\n      fill-rule=\"evenodd\"\n      clip-rule=\"evenodd\"\n      d=\"M41.5 9C41.5 7.61929 40.3807 6.5 39 6.5H9C7.61929 6.5 6.5 7.61929 6.5 9V19.5H9.5H28.5V38.5V41.5H39C40.3807 41.5 41.5 40.3807 41.5 39V9ZM38.5 9.5V16.5H31.5V9.5H38.5ZM38.5 38.5V19.5H31.5V38.5H38.5ZM9.5 9.5V16.5H28.5V9.5H9.5Z\"\n      fill=\"#CFD1DB\"\n    />\n  </svg>\n</template>\n"],"mappings":";;;;CACO,OAAM;CAAK,QAAO;CAAK,SAAQ;CAAY,MAAK;CAAO,OAAM;;;CAAlE,OAAAA,EAAA,GAAAC,EAaM,OAbNI,GAaM,CAAA,GAAA,AAAAI,EAAA,OAAA,CAZJP,EAKE,QAAA;EAJA,aAAU;EACV,aAAU;EACV,GAAE;EACF,MAAK;C,cAEPA,EAKE,QAAA;EAJA,aAAU;EACV,aAAU;EACV,GAAE;EACF,MAAK"}

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

@@ -1,7 +1,7 @@
 import { useEventListener as e } from "../../../composition/useEventListener.js";
 import { useMouseUp as t } from "./useMouseUp.js";
 import { requestTick as n } from "../../../helpers/index.js";
-//#region src/components/DataTable/composition/useColumn.ts
+// src/components/DataTable/composition/useColumn.ts
 function r(r, i) {
 	let a;
 	function o(e) {
@@ -19,7 +19,6 @@ function r(r, i) {
 		});
 	}), { start: o };
 }
-//#endregion
 export { r as useColumn };
 
 //# sourceMappingURL=useColumn.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"useColumn.js","names":[],"sources":["../../../../src/components/DataTable/composition/useColumn.ts"],"sourcesContent":["import { useEventListener } from \"../../../composition/useEventListener.ts\";\nimport { useMouseUp } from \"./useMouseUp\";\nimport { requestTick } from \"../../../helpers\";\n\nexport function useColumn(\n  cb: (state: { x: number; width: number; diff: number }) => void,\n  clear: () => void,\n) {\n  let state = undefined as { x: number; width: number } | undefined;\n\n  function start(e: { x: number; width: number }) {\n    state = { ...e };\n  }\n\n  useMouseUp(() => {\n    state = undefined;\n    clear();\n  });\n\n  const handle = requestTick(cb);\n\n  useEventListener(window, \"mousemove\", (e: { x: number }) => {\n    if (state) {\n      handle({\n        x: state.x,\n        width: state.width,\n        diff: e.x - state.x,\n      });\n    }\n  });\n\n  return {\n    start,\n  };\n}\n"],"mappings":";;;;AAIA,SAAgB,EACd,GACA,GACA;CACA,IAAI;CAEJ,SAAS,EAAM,GAAiC;AAC9C,MAAQ,EAAE,GAAG,GAAG;;AAGlB,SAAiB;AAEf,EADA,IAAQ,KAAA,GACR,GAAO;GACP;CAEF,IAAM,IAAS,EAAY,EAAG;AAY9B,QAVA,EAAiB,QAAQ,cAAc,MAAqB;AAC1D,EAAI,KACF,EAAO;GACL,GAAG,EAAM;GACT,OAAO,EAAM;GACb,MAAM,EAAE,IAAI,EAAM;GACnB,CAAC;GAEJ,EAEK,EACL,UACD"}
+{"version":3,"file":"useColumn.js","names":["useColumn","state","start","clear","handle","requestTick","cb","useEventListener"],"sources":["../../../../src/components/DataTable/composition/useColumn.ts"],"sourcesContent":["import { useEventListener } from \"../../../composition/useEventListener.ts\";\nimport { useMouseUp } from \"./useMouseUp\";\nimport { requestTick } from \"../../../helpers\";\n\nexport function useColumn(\n  cb: (state: { x: number; width: number; diff: number }) => void,\n  clear: () => void,\n) {\n  let state = undefined as { x: number; width: number } | undefined;\n\n  function start(e: { x: number; width: number }) {\n    state = { ...e };\n  }\n\n  useMouseUp(() => {\n    state = undefined;\n    clear();\n  });\n\n  const handle = requestTick(cb);\n\n  useEventListener(window, \"mousemove\", (e: { x: number }) => {\n    if (state) {\n      handle({\n        x: state.x,\n        width: state.width,\n        diff: e.x - state.x,\n      });\n    }\n  });\n\n  return {\n    start,\n  };\n}\n"],"mappings":";;;;AAIA,SAAgBA,EACd,GACA,GACA;CACA,IAAIC;CAEJ,SAASC,EAAM,GAAiC;EAC9C,IAAQ,EAAE,GAAG,EAAE;CACjB;CAEA,QAAiB;EAEf,AADA,IAAQ,KAAA,GACRC,EAAM;CACR,CAAC;CAED,IAAMC,IAASC,EAAYC,CAAE;CAY7B,OAVAC,EAAiB,QAAQ,cAAc,MAAqB;EAC1D,AAAIN,KACFG,EAAO;GACL,GAAGH,EAAM;GACT,OAAOA,EAAM;GACb,MAAM,EAAE,IAAIA,EAAM;EACpB,CAAC;CAEL,CAAC,GAEM,EACL,SACF;AACF"}

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

@@ -1,9 +1,8 @@
 import { onMounted as e, onUnmounted as t } from "vue";
-//#region src/components/DataTable/composition/useMouseUp.ts
+// src/components/DataTable/composition/useMouseUp.ts
 function n(n) {
 	e(() => window.addEventListener("mouseup", n)), t(() => window.removeEventListener("mouseup", n));
 }
-//#endregion
 export { n as useMouseUp };
 
 //# sourceMappingURL=useMouseUp.js.map

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

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

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

@@ -3,13 +3,13 @@ import { useMouse as t } from "../../../composition/useMouse.js";
 import { useHover as n } from "../../../composition/useHover.js";
 import { unref as r, watchEffect as i } from "vue";
 import { clamp as a, identity as o, tapIf as s } from "@milaboratories/helpers";
-//#region src/components/DataTable/composition/useResize.ts
+// src/components/DataTable/composition/useResize.ts
 function c(e) {
 	let t = s(r(e)?.querySelectorAll(".th-cell"), (e) => [...e]) ?? [];
 	return t.map((e) => {
-		let { width: t, x: n } = e.getBoundingClientRect();
+		let { width: t, x: n } = e.getBoundingClientRect(), r = e.getAttribute("data-col-id");
 		return o({
-			colId: e.getAttribute("data-col-id"),
+			colId: r,
 			width: t,
 			x: n,
 			right: n + t
@@ -40,7 +40,6 @@ function l(r, o) {
 		}));
 	} };
 }
-//#endregion
-export { l as useResize };
+export { c as getColumnPositions, l as useResize };
 
 //# sourceMappingURL=useResize.js.map