npm - @milaboratories/uikit - Versions diffs - 2.11.6 → 2.11.8 - Mend

@milaboratories/uikit 2.11.6 → 2.11.8

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1119) hide show

package/dist/components/DataTable/ColumnCaret.vue2.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ColumnCaret.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/DataTable/ColumnCaret.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { computed } from \"vue\";\nimport type { ColumnSpecSettings } from \"./types\";\nimport { injectState } from \"./keys\";\n\nconst state = injectState();\n\nconst props = defineProps<{\n column: ColumnSpecSettings;\n}>();\n\nconst selected = computed(() => state.data.selectedColumns.has(props.column.id));\n</script>\n\n<template>\n <div class=\"column-caret\" :class=\"{ selected, frozen: column.frozen }\" />\n</template>\n"],"mappings":"~~;;;;;;~~EAKA,IAAM,IAAQ,GAAa,EAErB,IAAQ,GAIR,IAAW,QAAe,EAAM,KAAK,gBAAgB,IAAI,EAAM,OAAO,GAAG,CAAC;yBAI9E,EAAyE,OAAA,EAApE,OAAK,EAAA,CAAC,gBAAc;GAAA,UAAW,EAAA;GAAQ,QAAU,EAAA,OAAO;GAAM,CAAA,CAAA,EAAA,EAAA,MAAA,EAAA"}
1	+ {"version":3,"file":"ColumnCaret.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/DataTable/ColumnCaret.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { computed } from \"vue\";\nimport type { ColumnSpecSettings } from \"./types\";\nimport { injectState } from \"./keys\";\n\nconst state = injectState();\n\nconst props = defineProps<{\n column: ColumnSpecSettings;\n}>();\n\nconst selected = computed(() => state.data.selectedColumns.has(props.column.id));\n</script>\n\n<template>\n <div class=\"column-caret\" :class=\"{ selected, frozen: column.frozen }\" />\n</template>\n"],"mappings":";;;;;;;EAKA,IAAM,IAAQ,GAAa,EAErB,IAAQ,GAIR,IAAW,QAAe,EAAM,KAAK,gBAAgB,IAAI,EAAM,OAAO,GAAG,CAAC;yBAI9E,EAAyE,OAAA,EAApE,OAAK,EAAA,CAAC,gBAAc;GAAA,UAAW,EAAA;GAAQ,QAAU,EAAA,OAAO;GAAM,CAAA,CAAA,EAAA,EAAA,MAAA,EAAA"}

package/dist/components/DataTable/ColumnsCommandMenu.js CHANGED Viewed

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

package/dist/components/DataTable/ColumnsCommandMenu.vue2.js CHANGED Viewed

@@ -1,5 +1,6 @@
 import { injectState as e } from "./keys.js";
 import { Fragment as t, computed as n, createCommentVNode as r, createElementBlock as i, createElementVNode as a, defineComponent as o, openBlock as s, renderList as c, toDisplayString as l, withModifiers as u } from "vue";
+//#region src/components/DataTable/ColumnsCommandMenu.vue?vue&type=script&setup=true&lang.ts
 var d = {
 	key: 0,
 	class: "command-menu"
@@ -23,6 +24,7 @@ var d = {
 		])) : r("", !0);
 	}
 });
+//#endregion
 export { m as default };
 //# sourceMappingURL=ColumnsCommandMenu.vue2.js.map

package/dist/components/DataTable/ColumnsCommandMenu.vue2.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ColumnsCommandMenu.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/DataTable/ColumnsCommandMenu.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { computed } from \"vue\";\nimport { injectState } from \"./keys\";\n\nconst state = injectState();\n\nconst selectedColumns = computed(() => state.getSelectedColumns());\n\nconst isVisible = computed(() => selectedColumns.value.length > 0);\n\nconst ops = computed(() => state.settings?.value.onSelectedColumns ?? []);\n\nconst actions = computed(() =>\n ops.value.map((op) => ({\n label: op.label,\n cb: () => {\n op.cb(selectedColumns.value);\n state.data.selectedColumns.clear();\n },\n })),\n);\n</script>\n\n<template>\n <div v-if=\"isVisible\" class=\"command-menu\">\n <span v-if=\"selectedColumns.length\">selected columns {{ selectedColumns.length }}</span>\n <hr />\n <span v-for=\"(action, i) in actions\" :key=\"i\" class=\"command\" @click.stop=\"action.cb\">{{\n action.label\n }}</span>\n </div>\n</template>\n"],"mappings":"~~;;;;;;;;~~EAIA,IAAM,IAAQ,GAAa,EAErB,IAAkB,QAAe,EAAM,oBAAoB,CAAC,EAE5D,IAAY,QAAe,EAAgB,MAAM,SAAS,EAAE,EAE5D,IAAM,QAAe,EAAM,UAAU,MAAM,qBAAqB,EAAE,CAAC,EAEnE,IAAU,QACd,EAAI,MAAM,KAAK,OAAQ;GACrB,OAAO,EAAG;GACV,UAAU;AAER,IADA,EAAG,GAAG,EAAgB,MAAM,EAC5B,EAAM,KAAK,gBAAgB,OAAO;;GAErC,EAAE,CACJ;mBAIY,EAAA,SAAA,GAAA,EAAX,EAMM,OANN,GAMM;GALQ,EAAA,MAAgB,UAAA,GAAA,EAA5B,EAAwF,QAAA,GAApD,sBAAiB,EAAG,EAAA,MAAgB,OAAM,EAAA,EAAA,IAAA,EAAA,IAAA,GAAA;YAC9E,EAAM,MAAA,MAAA,MAAA,GAAA;WACN,EAES,GAAA,MAAA,EAFmB,EAAA,QAAd,GAAQ,YAAtB,EAES,QAAA;IAF6B,KAAK;IAAG,OAAM;IAAW,SAAK,EAAO,EAAO,IAAE,CAAA,OAAA,CAAA;QAClF,EAAO,MAAK,EAAA,GAAA,EAAA"}
1	+ {"version":3,"file":"ColumnsCommandMenu.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/DataTable/ColumnsCommandMenu.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { computed } from \"vue\";\nimport { injectState } from \"./keys\";\n\nconst state = injectState();\n\nconst selectedColumns = computed(() => state.getSelectedColumns());\n\nconst isVisible = computed(() => selectedColumns.value.length > 0);\n\nconst ops = computed(() => state.settings?.value.onSelectedColumns ?? []);\n\nconst actions = computed(() =>\n ops.value.map((op) => ({\n label: op.label,\n cb: () => {\n op.cb(selectedColumns.value);\n state.data.selectedColumns.clear();\n },\n })),\n);\n</script>\n\n<template>\n <div v-if=\"isVisible\" class=\"command-menu\">\n <span v-if=\"selectedColumns.length\">selected columns {{ selectedColumns.length }}</span>\n <hr />\n <span v-for=\"(action, i) in actions\" :key=\"i\" class=\"command\" @click.stop=\"action.cb\">{{\n action.label\n }}</span>\n </div>\n</template>\n"],"mappings":";;;;;;;;;EAIA,IAAM,IAAQ,GAAa,EAErB,IAAkB,QAAe,EAAM,oBAAoB,CAAC,EAE5D,IAAY,QAAe,EAAgB,MAAM,SAAS,EAAE,EAE5D,IAAM,QAAe,EAAM,UAAU,MAAM,qBAAqB,EAAE,CAAC,EAEnE,IAAU,QACd,EAAI,MAAM,KAAK,OAAQ;GACrB,OAAO,EAAG;GACV,UAAU;AAER,IADA,EAAG,GAAG,EAAgB,MAAM,EAC5B,EAAM,KAAK,gBAAgB,OAAO;;GAErC,EAAE,CACJ;mBAIY,EAAA,SAAA,GAAA,EAAX,EAMM,OANN,GAMM;GALQ,EAAA,MAAgB,UAAA,GAAA,EAA5B,EAAwF,QAAA,GAApD,sBAAiB,EAAG,EAAA,MAAgB,OAAM,EAAA,EAAA,IAAA,EAAA,IAAA,GAAA;YAC9E,EAAM,MAAA,MAAA,MAAA,GAAA;WACN,EAES,GAAA,MAAA,EAFmB,EAAA,QAAd,GAAQ,YAAtB,EAES,QAAA;IAF6B,KAAK;IAAG,OAAM;IAAW,SAAK,EAAO,EAAO,IAAE,CAAA,OAAA,CAAA;QAClF,EAAO,MAAK,EAAA,GAAA,EAAA"}

package/dist/components/DataTable/RowsCommandMenu.js CHANGED Viewed

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

package/dist/components/DataTable/RowsCommandMenu.vue2.js CHANGED Viewed

@@ -1,5 +1,6 @@
 import { injectState as e } from "./keys.js";
 import { Fragment as t, computed as n, createCommentVNode as r, createElementBlock as i, createElementVNode as a, defineComponent as o, openBlock as s, renderList as c, toDisplayString as l, withModifiers as u } from "vue";
+//#region src/components/DataTable/RowsCommandMenu.vue?vue&type=script&setup=true&lang.ts
 var d = {
 	key: 0,
 	class: "command-menu"
@@ -23,6 +24,7 @@ var d = {
 		])) : r("", !0);
 	}
 });
+//#endregion
 export { m as default };
 //# sourceMappingURL=RowsCommandMenu.vue2.js.map

package/dist/components/DataTable/RowsCommandMenu.vue2.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"RowsCommandMenu.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/DataTable/RowsCommandMenu.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { computed } from \"vue\";\nimport { injectState } from \"./keys\";\n\nconst state = injectState();\n\nconst selectedRows = computed(() => state.getSelectedRows());\n\nconst isVisible = computed(() => selectedRows.value.length > 0);\n\nconst ops = computed(() => state.settings?.value.onSelectedRows ?? []);\n\nconst actions = computed(() =>\n ops.value.map((op) => ({\n label: op.label,\n cb: () => {\n op.cb(selectedRows.value);\n state.data.selectedRows.clear();\n state.data.rows = [];\n },\n })),\n);\n</script>\n\n<template>\n <div v-if=\"isVisible\" class=\"command-menu\">\n <span v-if=\"selectedRows.length\">{{ selectedRows.length }} rows selected</span>\n <hr />\n <span v-for=\"(action, i) in actions\" :key=\"i\" class=\"command\" @click.stop=\"action.cb\">{{\n action.label\n }}</span>\n </div>\n</template>\n"],"mappings":"~~;;;;;;;;~~EAIA,IAAM,IAAQ,GAAa,EAErB,IAAe,QAAe,EAAM,iBAAiB,CAAC,EAEtD,IAAY,QAAe,EAAa,MAAM,SAAS,EAAE,EAEzD,IAAM,QAAe,EAAM,UAAU,MAAM,kBAAkB,EAAE,CAAC,EAEhE,IAAU,QACd,EAAI,MAAM,KAAK,OAAQ;GACrB,OAAO,EAAG;GACV,UAAU;AAGR,IAFA,EAAG,GAAG,EAAa,MAAM,EACzB,EAAM,KAAK,aAAa,OAAO,EAC/B,EAAM,KAAK,OAAO,EAAE;;GAEvB,EAAE,CACJ;mBAIY,EAAA,SAAA,GAAA,EAAX,EAMM,OANN,GAMM;GALQ,EAAA,MAAa,UAAA,GAAA,EAAzB,EAA+E,QAAA,GAAA,EAA3C,EAAA,MAAa,OAAM,GAAG,kBAAc,EAAA,IAAA,EAAA,IAAA,GAAA;YACxE,EAAM,MAAA,MAAA,MAAA,GAAA;WACN,EAES,GAAA,MAAA,EAFmB,EAAA,QAAd,GAAQ,YAAtB,EAES,QAAA;IAF6B,KAAK;IAAG,OAAM;IAAW,SAAK,EAAO,EAAO,IAAE,CAAA,OAAA,CAAA;QAClF,EAAO,MAAK,EAAA,GAAA,EAAA"}
1	+ {"version":3,"file":"RowsCommandMenu.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/DataTable/RowsCommandMenu.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { computed } from \"vue\";\nimport { injectState } from \"./keys\";\n\nconst state = injectState();\n\nconst selectedRows = computed(() => state.getSelectedRows());\n\nconst isVisible = computed(() => selectedRows.value.length > 0);\n\nconst ops = computed(() => state.settings?.value.onSelectedRows ?? []);\n\nconst actions = computed(() =>\n ops.value.map((op) => ({\n label: op.label,\n cb: () => {\n op.cb(selectedRows.value);\n state.data.selectedRows.clear();\n state.data.rows = [];\n },\n })),\n);\n</script>\n\n<template>\n <div v-if=\"isVisible\" class=\"command-menu\">\n <span v-if=\"selectedRows.length\">{{ selectedRows.length }} rows selected</span>\n <hr />\n <span v-for=\"(action, i) in actions\" :key=\"i\" class=\"command\" @click.stop=\"action.cb\">{{\n action.label\n }}</span>\n </div>\n</template>\n"],"mappings":";;;;;;;;;EAIA,IAAM,IAAQ,GAAa,EAErB,IAAe,QAAe,EAAM,iBAAiB,CAAC,EAEtD,IAAY,QAAe,EAAa,MAAM,SAAS,EAAE,EAEzD,IAAM,QAAe,EAAM,UAAU,MAAM,kBAAkB,EAAE,CAAC,EAEhE,IAAU,QACd,EAAI,MAAM,KAAK,OAAQ;GACrB,OAAO,EAAG;GACV,UAAU;AAGR,IAFA,EAAG,GAAG,EAAa,MAAM,EACzB,EAAM,KAAK,aAAa,OAAO,EAC/B,EAAM,KAAK,OAAO,EAAE;;GAEvB,EAAE,CACJ;mBAIY,EAAA,SAAA,GAAA,EAAX,EAMM,OANN,GAMM;GALQ,EAAA,MAAa,UAAA,GAAA,EAAzB,EAA+E,QAAA,GAAA,EAA3C,EAAA,MAAa,OAAM,GAAG,kBAAc,EAAA,IAAA,EAAA,IAAA,GAAA;YACxE,EAAM,MAAA,MAAA,MAAA,GAAA;WACN,EAES,GAAA,MAAA,EAFmB,EAAA,QAAd,GAAQ,YAAtB,EAES,QAAA;IAF6B,KAAK;IAAG,OAAM;IAAW,SAAK,EAAO,EAAO,IAAE,CAAA,OAAA,CAAA;QAClF,EAAO,MAAK,EAAA,GAAA,EAAA"}

package/dist/components/DataTable/TScroll.js CHANGED Viewed

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

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

@@ -1,5 +1,6 @@
 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({
 	__name: "TScroll",
 	props: {
@@ -27,6 +28,7 @@ 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 CHANGED Viewed

	@@ -1 +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"}
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"}

package/dist/components/DataTable/TableComponent.js CHANGED Viewed

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

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

@@ -14,6 +14,7 @@ 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
 var j = { class: "command-menu__container" }, M = {
 	key: 0,
 	class: "table-body__no-data"
@@ -94,6 +95,7 @@ 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 CHANGED Viewed

	@@ -1 +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"}
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"}

package/dist/components/DataTable/TdCell.js CHANGED Viewed

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

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

@@ -3,6 +3,7 @@ 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
 var p = ["^data-row-index"], m = {
 	key: 0,
 	class: "control-cell"
@@ -73,6 +74,7 @@ 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 CHANGED Viewed

	@@ -1 +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"}
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"}

package/dist/components/DataTable/ThCell.js CHANGED Viewed

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

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

@@ -1,6 +1,7 @@
 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({
 	__name: "ThCell",
 	props: { col: {} },
@@ -44,6 +45,7 @@ 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 CHANGED Viewed

	@@ -1 +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"}
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"}

package/dist/components/DataTable/TrBody.js CHANGED Viewed

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

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

@@ -1,5 +1,6 @@
 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({
 	__name: "TrBody",
 	props: { row: {} },
@@ -19,6 +20,7 @@ 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 CHANGED Viewed

	@@ -1 +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"}
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"}

package/dist/components/DataTable/TrHead.js CHANGED Viewed

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

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

@@ -1,10 +1,12 @@
 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({
 	__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 CHANGED Viewed

	@@ -1 +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"}
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"}

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

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

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

	@@ -1 +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"}
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"}

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

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

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

	@@ -1 +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"}
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"}

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

@@ -1,5 +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
 var i = {}, a = {
 	width: "48",
 	height: "48",
@@ -21,6 +22,7 @@ function o(e, i) {
 	}, null, -1)]]);
 }
 var s = /* @__PURE__ */ e(i, [["render", o]]);
+//#endregion
 export { s as default };
 //# sourceMappingURL=TableIcon.js.map

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

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

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

@@ -1,6 +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
 function r(r, i) {
 	let a;
 	function o(e) {
@@ -18,6 +19,7 @@ function r(r, i) {
 		});
 	}), { start: o };
 }
+//#endregion
 export { r as useColumn };
 //# sourceMappingURL=useColumn.js.map

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

	@@ -1 +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"}
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"}

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

@@ -1,7 +1,9 @@
 import { onMounted as e, onUnmounted as t } from "vue";
+//#region 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 CHANGED Viewed

	@@ -1 +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"}
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"}

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

@@ -3,6 +3,7 @@ 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
 function c(e) {
 	let t = s(r(e)?.querySelectorAll(".th-cell"), (e) => [...e]) ?? [];
 	return t.map((e) => {
@@ -39,6 +40,7 @@ function l(r, o) {
 		}));
 	} };
 }
+//#endregion
 export { l as useResize };
 //# sourceMappingURL=useResize.js.map

package/dist/components/DataTable/composition/useResize.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useResize.js","names":[],"sources":["../../../../src/components/DataTable/composition/useResize.ts"],"sourcesContent":["import type { Ref } from \"vue\";\nimport { watchEffect, unref } from \"vue\";\nimport type { ResizeTh } from \"../types\";\nimport { useColumn } from \"./useColumn\";\nimport { MIN_COLUMN_WIDTH, RESIZE_GAP } from \"../constants\";\nimport { useMouse } from \"../../../composition/useMouse\";\nimport { useHover } from \"../../../composition/useHover\";\nimport { tapIf, clamp } from \"@milaboratories/helpers\";\nimport { identity } from \"@milaboratories/helpers\";\nimport type { State } from \"../state\";\n\ntype MaybeRef<T> = T \| Ref<T>;\n\nexport function getColumnPositions(tableRef: MaybeRef<HTMLElement \| undefined>) {\n const ths = tapIf(unref(tableRef)?.querySelectorAll(\".th-cell\"), (l) => [...l]) ?? [];\n return ths\n .map((th) => {\n const { width, x } = th.getBoundingClientRect();\n const colId = th.getAttribute(\"data-col-id\")!;\n return identity<ResizeTh>({\n colId,\n width,\n x,\n right: x + width,\n });\n })\n .slice(0, ths.length - 1);\n}\n\nexport function useResize(state: State, tableRef: Ref<HTMLElement \| undefined>) {\n const mousePos = useMouse();\n const isHovered = useHover(tableRef, {});\n const { data } = state;\n\n const resize = useColumn(\n (s) => {\n tapIf(data.resizeTh, (th) => {\n const col = data.columns.find((col) => col.id === th.colId);\n if (col) {\n col.width = clamp(s.width + s.diff, MIN_COLUMN_WIDTH, 10000);\n state.adjustWidth();\n }\n });\n },\n () => {\n data.resize = false;\n data.resizeTh = undefined;\n document.body.style.cursor = \"\";\n },\n );\n\n const mouseDown = (e: MouseEvent) => {\n if (data.resizeTh) {\n data.resize = true;\n resize.start({\n x: e.x,\n width: data.resizeTh.width,\n });\n }\n };\n\n watchEffect(() => {\n if (!isHovered.value) {\n document.body.style.cursor = \"\";\n return;\n }\n\n if (data.resize) {\n return;\n }\n\n const th = getColumnPositions(tableRef).find((it) => {\n return Math.abs(mousePos.x - it.right) < RESIZE_GAP;\n });\n\n if (th) {\n document.body.style.cursor = \"col-resize\";\n data.resizeTh = th;\n } else {\n data.resizeTh = undefined;\n document.body.style.cursor = \"\";\n }\n });\n\n return {\n mouseDown,\n };\n}\n"],"mappings":"~~;;;;;~~AAaA,SAAgB,EAAmB,GAA6C;CAC9E,IAAM,IAAM,EAAM,EAAM,EAAS,EAAE,iBAAiB,WAAW,GAAG,MAAM,CAAC,GAAG,EAAE,CAAC,IAAI,EAAE;AACrF,QAAO,EACJ,KAAK,MAAO;EACX,IAAM,EAAE,UAAO,SAAM,EAAG,uBAAuB;AAE/C,SAAO,EAAmB;GACxB,OAFY,EAAG,aAAa,cAAc;GAG1C;GACA;GACA,OAAO,IAAI;GACZ,CAAC;GACF,CACD,MAAM,GAAG,EAAI,SAAS,EAAE;;AAG7B,SAAgB,EAAU,GAAc,GAAwC;CAC9E,IAAM,IAAW,GAAU,EACrB,IAAY,EAAS,GAAU,EAAE,CAAC,EAClC,EAAE,YAAS,GAEX,IAAS,GACZ,MAAM;AACL,IAAM,EAAK,WAAW,MAAO;GAC3B,IAAM,IAAM,EAAK,QAAQ,MAAM,MAAQ,EAAI,OAAO,EAAG,MAAM;AAC3D,GAAI,MACF,EAAI,QAAQ,EAAM,EAAE,QAAQ,EAAE,MAAA,IAAwB,IAAM,EAC5D,EAAM,aAAa;IAErB;UAEE;AAGJ,EAFA,EAAK,SAAS,IACd,EAAK,WAAW,KAAA,GAChB,SAAS,KAAK,MAAM,SAAS;GAEhC;AAmCD,QAvBA,QAAkB;AAChB,MAAI,CAAC,EAAU,OAAO;AACpB,YAAS,KAAK,MAAM,SAAS;AAC7B;;AAGF,MAAI,EAAK,OACP;EAGF,IAAM,IAAK,EAAmB,EAAS,CAAC,MAAM,MACrC,KAAK,IAAI,EAAS,IAAI,EAAG,MAAM,GAAA,GACtC;AAEF,EAAI,KACF,SAAS,KAAK,MAAM,SAAS,cAC7B,EAAK,WAAW,MAEhB,EAAK,WAAW,KAAA,GAChB,SAAS,KAAK,MAAM,SAAS;GAE/B,EAEK,EACL,YAlCiB,MAAkB;AACnC,EAAI,EAAK,aACP,EAAK,SAAS,IACd,EAAO,MAAM;GACX,GAAG,EAAE;GACL,OAAO,EAAK,SAAS;GACtB,CAAC;IA6BL"}
1	+ {"version":3,"file":"useResize.js","names":[],"sources":["../../../../src/components/DataTable/composition/useResize.ts"],"sourcesContent":["import type { Ref } from \"vue\";\nimport { watchEffect, unref } from \"vue\";\nimport type { ResizeTh } from \"../types\";\nimport { useColumn } from \"./useColumn\";\nimport { MIN_COLUMN_WIDTH, RESIZE_GAP } from \"../constants\";\nimport { useMouse } from \"../../../composition/useMouse\";\nimport { useHover } from \"../../../composition/useHover\";\nimport { tapIf, clamp } from \"@milaboratories/helpers\";\nimport { identity } from \"@milaboratories/helpers\";\nimport type { State } from \"../state\";\n\ntype MaybeRef<T> = T \| Ref<T>;\n\nexport function getColumnPositions(tableRef: MaybeRef<HTMLElement \| undefined>) {\n const ths = tapIf(unref(tableRef)?.querySelectorAll(\".th-cell\"), (l) => [...l]) ?? [];\n return ths\n .map((th) => {\n const { width, x } = th.getBoundingClientRect();\n const colId = th.getAttribute(\"data-col-id\")!;\n return identity<ResizeTh>({\n colId,\n width,\n x,\n right: x + width,\n });\n })\n .slice(0, ths.length - 1);\n}\n\nexport function useResize(state: State, tableRef: Ref<HTMLElement \| undefined>) {\n const mousePos = useMouse();\n const isHovered = useHover(tableRef, {});\n const { data } = state;\n\n const resize = useColumn(\n (s) => {\n tapIf(data.resizeTh, (th) => {\n const col = data.columns.find((col) => col.id === th.colId);\n if (col) {\n col.width = clamp(s.width + s.diff, MIN_COLUMN_WIDTH, 10000);\n state.adjustWidth();\n }\n });\n },\n () => {\n data.resize = false;\n data.resizeTh = undefined;\n document.body.style.cursor = \"\";\n },\n );\n\n const mouseDown = (e: MouseEvent) => {\n if (data.resizeTh) {\n data.resize = true;\n resize.start({\n x: e.x,\n width: data.resizeTh.width,\n });\n }\n };\n\n watchEffect(() => {\n if (!isHovered.value) {\n document.body.style.cursor = \"\";\n return;\n }\n\n if (data.resize) {\n return;\n }\n\n const th = getColumnPositions(tableRef).find((it) => {\n return Math.abs(mousePos.x - it.right) < RESIZE_GAP;\n });\n\n if (th) {\n document.body.style.cursor = \"col-resize\";\n data.resizeTh = th;\n } else {\n data.resizeTh = undefined;\n document.body.style.cursor = \"\";\n }\n });\n\n return {\n mouseDown,\n };\n}\n"],"mappings":";;;;;;AAaA,SAAgB,EAAmB,GAA6C;CAC9E,IAAM,IAAM,EAAM,EAAM,EAAS,EAAE,iBAAiB,WAAW,GAAG,MAAM,CAAC,GAAG,EAAE,CAAC,IAAI,EAAE;AACrF,QAAO,EACJ,KAAK,MAAO;EACX,IAAM,EAAE,UAAO,SAAM,EAAG,uBAAuB;AAE/C,SAAO,EAAmB;GACxB,OAFY,EAAG,aAAa,cAAc;GAG1C;GACA;GACA,OAAO,IAAI;GACZ,CAAC;GACF,CACD,MAAM,GAAG,EAAI,SAAS,EAAE;;AAG7B,SAAgB,EAAU,GAAc,GAAwC;CAC9E,IAAM,IAAW,GAAU,EACrB,IAAY,EAAS,GAAU,EAAE,CAAC,EAClC,EAAE,YAAS,GAEX,IAAS,GACZ,MAAM;AACL,IAAM,EAAK,WAAW,MAAO;GAC3B,IAAM,IAAM,EAAK,QAAQ,MAAM,MAAQ,EAAI,OAAO,EAAG,MAAM;AAC3D,GAAI,MACF,EAAI,QAAQ,EAAM,EAAE,QAAQ,EAAE,MAAA,IAAwB,IAAM,EAC5D,EAAM,aAAa;IAErB;UAEE;AAGJ,EAFA,EAAK,SAAS,IACd,EAAK,WAAW,KAAA,GAChB,SAAS,KAAK,MAAM,SAAS;GAEhC;AAmCD,QAvBA,QAAkB;AAChB,MAAI,CAAC,EAAU,OAAO;AACpB,YAAS,KAAK,MAAM,SAAS;AAC7B;;AAGF,MAAI,EAAK,OACP;EAGF,IAAM,IAAK,EAAmB,EAAS,CAAC,MAAM,MACrC,KAAK,IAAI,EAAS,IAAI,EAAG,MAAM,GAAA,GACtC;AAEF,EAAI,KACF,SAAS,KAAK,MAAM,SAAS,cAC7B,EAAK,WAAW,MAEhB,EAAK,WAAW,KAAA,GAChB,SAAS,KAAK,MAAM,SAAS;GAE/B,EAEK,EACL,YAlCiB,MAAkB;AACnC,EAAI,EAAK,aACP,EAAK,SAAS,IACd,EAAO,MAAM;GACX,GAAG,EAAE;GACL,OAAO,EAAK,SAAS;GACtB,CAAC;IA6BL"}

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

@@ -1,5 +1,6 @@
 import { computed as e } from "vue";
 import { asConst as t, sliceBy as n, uniqueId as r } from "@milaboratories/helpers";
+//#region src/components/DataTable/composition/useTableColumns.ts
 function i(i) {
 	return e(() => {
 		let { data: e, settings: a } = i, { bodyWidth: o, scrollLeft: s } = e, c = [...e.columns], l = r();
@@ -26,6 +27,7 @@ function i(i) {
 		}));
 	});
 }
+//#endregion
 export { i as useTableColumns };
 //# sourceMappingURL=useTableColumns.js.map

package/dist/components/DataTable/composition/useTableColumns.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useTableColumns.js","names":[],"sources":["../../../../src/components/DataTable/composition/useTableColumns.ts"],"sourcesContent":["import type { ColumnSpecSettings, TableSettings, TableColumn, TableData } from \"../types\";\nimport type { ComputedRef } from \"vue\";\nimport { computed } from \"vue\";\nimport { sliceBy } from \"@milaboratories/helpers\";\nimport { asConst } from \"@milaboratories/helpers\";\nimport { uniqueId } from \"@milaboratories/helpers\";\nimport { GAP } from \"../constants\";\n\nexport function useTableColumns(state: { data: TableData; settings: ComputedRef<TableSettings> }) {\n return computed<TableColumn[]>(() => {\n const { data, settings } = state;\n\n const { bodyWidth, scrollLeft } = data;\n\n const columns = [...data.columns];\n\n const controlId = uniqueId();\n\n if (settings.value.controlColumn) {\n columns.unshift(\n asConst<ColumnSpecSettings>({\n id: controlId,\n label: \"#\",\n width: 60,\n frozen: true,\n }),\n );\n }\n\n let offset = 0;\n\n const tableColumns = columns.map((col) => {\n const it = { ...col, offset };\n offset += col.width + GAP;\n return it;\n });\n\n const frozen = tableColumns.filter((col) => col.frozen);\n\n const visibleColumns = sliceBy(tableColumns, (col) => {\n if (col.frozen) {\n return false;\n }\n return scrollLeft < col.offset + col.width && col.offset < bodyWidth + scrollLeft;\n }).concat(frozen);\n\n return visibleColumns.map<TableColumn>((col) => ({\n ...col,\n style: {\n left: col.frozen ? `${col.offset}px` : `${col.offset - data.scrollLeft}px`,\n width: `${col.width}px`,\n },\n control: col.id === controlId,\n }));\n });\n}\n"],"mappings":";;AAQA,SAAgB,EAAgB,GAAkE;AAChG,QAAO,QAA8B;EACnC,IAAM,EAAE,SAAM,gBAAa,GAErB,EAAE,cAAW,kBAAe,GAE5B,IAAU,CAAC,GAAG,EAAK,QAAQ,EAE3B,IAAY,GAAU;AAE5B,EAAI,EAAS,MAAM,iBACjB,EAAQ,QACN,EAA4B;GAC1B,IAAI;GACJ,OAAO;GACP,OAAO;GACP,QAAQ;GACT,CAAC,CACH;EAGH,IAAI,IAAS,GAEP,IAAe,EAAQ,KAAK,MAAQ;GACxC,IAAM,IAAK;IAAE,GAAG;IAAK;IAAQ;AAE7B,UADA,KAAU,EAAI,QAAA,GACP;IACP,EAEI,IAAS,EAAa,QAAQ,MAAQ,EAAI,OAAO;AASvD,SAPuB,EAAQ,IAAe,MACxC,EAAI,SACC,KAEF,IAAa,EAAI,SAAS,EAAI,SAAS,EAAI,SAAS,IAAY,EACvE,CAAC,OAAO,EAAO,CAEK,KAAkB,OAAS;GAC/C,GAAG;GACH,OAAO;IACL,MAAM,EAAI,SAAS,GAAG,EAAI,OAAO,MAAM,GAAG,EAAI,SAAS,EAAK,WAAW;IACvE,OAAO,GAAG,EAAI,MAAM;IACrB;GACD,SAAS,EAAI,OAAO;GACrB,EAAE;GACH"}
1	+ {"version":3,"file":"useTableColumns.js","names":[],"sources":["../../../../src/components/DataTable/composition/useTableColumns.ts"],"sourcesContent":["import type { ColumnSpecSettings, TableSettings, TableColumn, TableData } from \"../types\";\nimport type { ComputedRef } from \"vue\";\nimport { computed } from \"vue\";\nimport { sliceBy } from \"@milaboratories/helpers\";\nimport { asConst } from \"@milaboratories/helpers\";\nimport { uniqueId } from \"@milaboratories/helpers\";\nimport { GAP } from \"../constants\";\n\nexport function useTableColumns(state: { data: TableData; settings: ComputedRef<TableSettings> }) {\n return computed<TableColumn[]>(() => {\n const { data, settings } = state;\n\n const { bodyWidth, scrollLeft } = data;\n\n const columns = [...data.columns];\n\n const controlId = uniqueId();\n\n if (settings.value.controlColumn) {\n columns.unshift(\n asConst<ColumnSpecSettings>({\n id: controlId,\n label: \"#\",\n width: 60,\n frozen: true,\n }),\n );\n }\n\n let offset = 0;\n\n const tableColumns = columns.map((col) => {\n const it = { ...col, offset };\n offset += col.width + GAP;\n return it;\n });\n\n const frozen = tableColumns.filter((col) => col.frozen);\n\n const visibleColumns = sliceBy(tableColumns, (col) => {\n if (col.frozen) {\n return false;\n }\n return scrollLeft < col.offset + col.width && col.offset < bodyWidth + scrollLeft;\n }).concat(frozen);\n\n return visibleColumns.map<TableColumn>((col) => ({\n ...col,\n style: {\n left: col.frozen ? `${col.offset}px` : `${col.offset - data.scrollLeft}px`,\n width: `${col.width}px`,\n },\n control: col.id === controlId,\n }));\n });\n}\n"],"mappings":";;;AAQA,SAAgB,EAAgB,GAAkE;AAChG,QAAO,QAA8B;EACnC,IAAM,EAAE,SAAM,gBAAa,GAErB,EAAE,cAAW,kBAAe,GAE5B,IAAU,CAAC,GAAG,EAAK,QAAQ,EAE3B,IAAY,GAAU;AAE5B,EAAI,EAAS,MAAM,iBACjB,EAAQ,QACN,EAA4B;GAC1B,IAAI;GACJ,OAAO;GACP,OAAO;GACP,QAAQ;GACT,CAAC,CACH;EAGH,IAAI,IAAS,GAEP,IAAe,EAAQ,KAAK,MAAQ;GACxC,IAAM,IAAK;IAAE,GAAG;IAAK;IAAQ;AAE7B,UADA,KAAU,EAAI,QAAA,GACP;IACP,EAEI,IAAS,EAAa,QAAQ,MAAQ,EAAI,OAAO;AASvD,SAPuB,EAAQ,IAAe,MACxC,EAAI,SACC,KAEF,IAAa,EAAI,SAAS,EAAI,SAAS,EAAI,SAAS,IAAY,EACvE,CAAC,OAAO,EAAO,CAEK,KAAkB,OAAS;GAC/C,GAAG;GACH,OAAO;IACL,MAAM,EAAI,SAAS,GAAG,EAAI,OAAO,MAAM,GAAG,EAAI,SAAS,EAAK,WAAW;IACvE,OAAO,GAAG,EAAI,MAAM;IACrB;GACD,SAAS,EAAI,OAAO;GACrB,EAAE;GACH"}

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

@@ -1,5 +1,6 @@
 import { computed as e } from "vue";
 import { identity as t } from "@milaboratories/helpers";
+//#region src/components/DataTable/composition/useTableRows.ts
 function n(n, r) {
 	let i = e(() => r.value.reduce((e, t) => (e[t.id] = t.justify ? "justify-" + t.justify : "", e), {}));
 	return e(() => n.rows.map((e) => {
@@ -27,6 +28,7 @@ function n(n, r) {
 		});
 	}));
 }
+//#endregion
 export { n as useTableRows };
 //# sourceMappingURL=useTableRows.js.map

package/dist/components/DataTable/composition/useTableRows.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useTableRows.js","names":[],"sources":["../../../../src/components/DataTable/composition/useTableRows.ts"],"sourcesContent":["import type { ComputedRef } from \"vue\";\nimport { computed } from \"vue\";\nimport type { TableCell, TableColumn, TableData, TableRow } from \"../types\";\nimport { identity } from \"@milaboratories/helpers\";\n\nexport function useTableRows(data: TableData, tableColumns: ComputedRef<TableColumn[]>) {\n const classesRef = computed(() =>\n tableColumns.value.reduce(\n (r, col) => {\n r[col.id] = col.justify ? \"justify-\" + col.justify : \"\";\n return r;\n },\n {} as Record<string \| symbol, string>,\n ),\n );\n\n return computed<TableRow[]>(() => {\n return data.rows.map<TableRow>((row) => {\n const classes = classesRef.value;\n\n const { primaryKey, offset, dataRow, height } = row;\n\n const cells = tableColumns.value.map<TableCell>((column) => {\n return {\n id: column.id,\n column,\n row,\n value: dataRow[column.id],\n class: classes[column.id],\n editable: column.editable,\n width: column.width,\n style: column.style,\n control: column.control,\n };\n });\n\n return identity<TableRow>({\n style: {\n top: `${offset - data.scrollTop}px`,\n height: `${row.height}px`,\n },\n primaryKey,\n offset,\n height,\n cells,\n selected: data.selectedRows.has(primaryKey),\n });\n });\n });\n}\n"],"mappings":";;AAKA,SAAgB,EAAa,GAAiB,GAA0C;CACtF,IAAM,IAAa,QACjB,EAAa,MAAM,QAChB,GAAG,OACF,EAAE,EAAI,MAAM,EAAI,UAAU,aAAa,EAAI,UAAU,IAC9C,IAET,EAAE,CACH,CACF;AAED,QAAO,QACE,EAAK,KAAK,KAAe,MAAQ;EACtC,IAAM,IAAU,EAAW,OAErB,EAAE,eAAY,WAAQ,YAAS,cAAW,GAE1C,IAAQ,EAAa,MAAM,KAAgB,OACxC;GACL,IAAI,EAAO;GACX;GACA;GACA,OAAO,EAAQ,EAAO;GACtB,OAAO,EAAQ,EAAO;GACtB,UAAU,EAAO;GACjB,OAAO,EAAO;GACd,OAAO,EAAO;GACd,SAAS,EAAO;GACjB,EACD;AAEF,SAAO,EAAmB;GACxB,OAAO;IACL,KAAK,GAAG,IAAS,EAAK,UAAU;IAChC,QAAQ,GAAG,EAAI,OAAO;IACvB;GACD;GACA;GACA;GACA;GACA,UAAU,EAAK,aAAa,IAAI,EAAW;GAC5C,CAAC;GACF,CACF"}
1	+ {"version":3,"file":"useTableRows.js","names":[],"sources":["../../../../src/components/DataTable/composition/useTableRows.ts"],"sourcesContent":["import type { ComputedRef } from \"vue\";\nimport { computed } from \"vue\";\nimport type { TableCell, TableColumn, TableData, TableRow } from \"../types\";\nimport { identity } from \"@milaboratories/helpers\";\n\nexport function useTableRows(data: TableData, tableColumns: ComputedRef<TableColumn[]>) {\n const classesRef = computed(() =>\n tableColumns.value.reduce(\n (r, col) => {\n r[col.id] = col.justify ? \"justify-\" + col.justify : \"\";\n return r;\n },\n {} as Record<string \| symbol, string>,\n ),\n );\n\n return computed<TableRow[]>(() => {\n return data.rows.map<TableRow>((row) => {\n const classes = classesRef.value;\n\n const { primaryKey, offset, dataRow, height } = row;\n\n const cells = tableColumns.value.map<TableCell>((column) => {\n return {\n id: column.id,\n column,\n row,\n value: dataRow[column.id],\n class: classes[column.id],\n editable: column.editable,\n width: column.width,\n style: column.style,\n control: column.control,\n };\n });\n\n return identity<TableRow>({\n style: {\n top: `${offset - data.scrollTop}px`,\n height: `${row.height}px`,\n },\n primaryKey,\n offset,\n height,\n cells,\n selected: data.selectedRows.has(primaryKey),\n });\n });\n });\n}\n"],"mappings":";;;AAKA,SAAgB,EAAa,GAAiB,GAA0C;CACtF,IAAM,IAAa,QACjB,EAAa,MAAM,QAChB,GAAG,OACF,EAAE,EAAI,MAAM,EAAI,UAAU,aAAa,EAAI,UAAU,IAC9C,IAET,EAAE,CACH,CACF;AAED,QAAO,QACE,EAAK,KAAK,KAAe,MAAQ;EACtC,IAAM,IAAU,EAAW,OAErB,EAAE,eAAY,WAAQ,YAAS,cAAW,GAE1C,IAAQ,EAAa,MAAM,KAAgB,OACxC;GACL,IAAI,EAAO;GACX;GACA;GACA,OAAO,EAAQ,EAAO;GACtB,OAAO,EAAQ,EAAO;GACtB,UAAU,EAAO;GACjB,OAAO,EAAO;GACd,OAAO,EAAO;GACd,SAAS,EAAO;GACjB,EACD;AAEF,SAAO,EAAmB;GACxB,OAAO;IACL,KAAK,GAAG,IAAS,EAAK,UAAU;IAChC,QAAQ,GAAG,EAAI,OAAO;IACvB;GACD;GACA;GACA;GACA;GACA,UAAU,EAAK,aAAa,IAAI,EAAW;GAC5C,CAAC;GACF,CACF"}

package/dist/components/DataTable/domain.js CHANGED Viewed

@@ -1,13 +1,8 @@
+//#region src/components/DataTable/domain.ts
 function e(e, t) {
 	let n = t.indexOf(e) + 1;
 	return t[n >= t.length ? 0 : n];
 }
-/**
-* Returns a first contiguous copy of a section of an array where predicate is true
-* @param arr
-* @param predicate
-* @returns
-*/
 function t(e, t) {
 	let n = e.findIndex(t);
 	if (n < 0) return [];
@@ -17,6 +12,7 @@ function t(e, t) {
 	})();
 	return e.slice(n, r);
 }
+//#endregion
 export { e as rotate, t as sliceBy };
 //# sourceMappingURL=domain.js.map

package/dist/components/DataTable/domain.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"domain.js","names":[],"sources":["../../../src/components/DataTable/domain.ts"],"sourcesContent":["export function toComparable(v: unknown) {\n if (typeof v === \"number\") {\n return v;\n } else if (typeof v === \"string\") {\n return v;\n } else {\n return String(v);\n }\n}\n\nexport function compareRecords(\n sorts: Record<string, \"ASC\" \| \"DESC\">,\n a: Record<string, unknown>,\n b: Record<string, unknown>,\n) {\n for (const [name, direction] of Object.entries(sorts)) {\n const v1 = toComparable(a[name]);\n const v2 = toComparable(b[name]);\n\n const rev = direction === \"DESC\" ? -1 : 1;\n\n if (v1 === v2) {\n continue;\n }\n\n return (v1 > v2 ? 1 : -1) * rev;\n }\n\n return 0;\n}\n\nexport const identity = <T>(v: T): T => v;\n\nexport function rotate<T>(v: T, lst: T[]) {\n const next = lst.indexOf(v) + 1;\n return lst[next >= lst.length ? 0 : next];\n}\n\n/*\n Returns a first contiguous copy of a section of an array where predicate is true\n * @param arr\n * @param predicate\n * @returns\n */\nexport function sliceBy<T>(arr: readonly T[], predicate: (el: T, index: number) => boolean): T[] {\n const left = arr.findIndex(predicate);\n\n if (left < 0) {\n return [];\n }\n\n const right = (() => {\n for (let i = left; i < arr.length; i++) {\n if (predicate(arr[i], i)) {\n continue;\n }\n\n return i;\n }\n\n return arr.length;\n })();\n\n return arr.slice(left, right);\n}\n"],"mappings":"AAiCA,SAAgB,EAAU,GAAM,GAAU;CACxC,IAAM,IAAO,EAAI,QAAQ,EAAE,GAAG;AAC9B,QAAO,EAAI,KAAQ,EAAI,SAAS,IAAI~~;;;;;;;;~~AAStC,SAAgB,EAAW,GAAmB,GAAmD;CAC/F,IAAM,IAAO,EAAI,UAAU,EAAU;AAErC,KAAI,IAAO,EACT,QAAO,EAAE;CAGX,IAAM,WAAe;AACnB,OAAK,IAAI,IAAI,GAAM,IAAI,EAAI,QAAQ,IAC7B,QAAU,EAAI,IAAI,EAAE,CAIxB,QAAO;AAGT,SAAO,EAAI;KACT;AAEJ,QAAO,EAAI,MAAM,GAAM,EAAM"}
1	+ {"version":3,"file":"domain.js","names":[],"sources":["../../../src/components/DataTable/domain.ts"],"sourcesContent":["export function toComparable(v: unknown) {\n if (typeof v === \"number\") {\n return v;\n } else if (typeof v === \"string\") {\n return v;\n } else {\n return String(v);\n }\n}\n\nexport function compareRecords(\n sorts: Record<string, \"ASC\" \| \"DESC\">,\n a: Record<string, unknown>,\n b: Record<string, unknown>,\n) {\n for (const [name, direction] of Object.entries(sorts)) {\n const v1 = toComparable(a[name]);\n const v2 = toComparable(b[name]);\n\n const rev = direction === \"DESC\" ? -1 : 1;\n\n if (v1 === v2) {\n continue;\n }\n\n return (v1 > v2 ? 1 : -1) * rev;\n }\n\n return 0;\n}\n\nexport const identity = <T>(v: T): T => v;\n\nexport function rotate<T>(v: T, lst: T[]) {\n const next = lst.indexOf(v) + 1;\n return lst[next >= lst.length ? 0 : next];\n}\n\n/*\n Returns a first contiguous copy of a section of an array where predicate is true\n * @param arr\n * @param predicate\n * @returns\n */\nexport function sliceBy<T>(arr: readonly T[], predicate: (el: T, index: number) => boolean): T[] {\n const left = arr.findIndex(predicate);\n\n if (left < 0) {\n return [];\n }\n\n const right = (() => {\n for (let i = left; i < arr.length; i++) {\n if (predicate(arr[i], i)) {\n continue;\n }\n\n return i;\n }\n\n return arr.length;\n })();\n\n return arr.slice(left, right);\n}\n"],"mappings":";AAiCA,SAAgB,EAAU,GAAM,GAAU;CACxC,IAAM,IAAO,EAAI,QAAQ,EAAE,GAAG;AAC9B,QAAO,EAAI,KAAQ,EAAI,SAAS,IAAI;;AAStC,SAAgB,EAAW,GAAmB,GAAmD;CAC/F,IAAM,IAAO,EAAI,UAAU,EAAU;AAErC,KAAI,IAAO,EACT,QAAO,EAAE;CAGX,IAAM,WAAe;AACnB,OAAK,IAAI,IAAI,GAAM,IAAI,EAAI,QAAQ,IAC7B,QAAU,EAAI,IAAI,EAAE,CAIxB,QAAO;AAGT,SAAO,EAAI;KACT;AAEJ,QAAO,EAAI,MAAM,GAAM,EAAM"}