npm - @milaboratories/uikit - Versions diffs - 2.4.2 → 2.4.4 - Mend

@milaboratories/uikit 2.4.2 → 2.4.4

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 (1328) hide show

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

	@@ -1 +1 @@
1	- {"version":3,"file":"TdCell.vue.js","sources":["../../../src/components/DataTable/TdCell.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { tapIf } from '@milaboratories/helpers';\nimport { showContextMenu } from '../contextMenu';\nimport type { ContextOption } from '../contextMenu/types';\nimport { injectState } from './keys';\nimport type { Row, TableCell } from './types';\nimport { computed, ref } from 'vue';\nimport BaseCellComponent from './BaseCellComponent.vue';\n\nconst props = defineProps<{\n cell: TableCell;\n}>();\n\nconst state = injectState();\n\nconst valueTypeRef = computed(() => props.cell.column.valueType);\n\nconst onInput = (value: unknown) => {\n tapIf(state.settings.value.onUpdatedRow, (f) => {\n const row = props.cell.row;\n\n const dataRow = { ...row.dataRow, [props.cell.id]: value };\n\n f({ ...row, dataRow });\n });\n};\n\nconst onClick = (ev: MouseEvent) => {\n if (ev.metaKey) {\n state.selectRow(props.cell.row.primaryKey);\n }\n};\n\nconst onContextMenu = (ev: MouseEvent, row: Row) => {\n if (ev.type === 'contextmenu') {\n ev.preventDefault();\n } else {\n return;\n }\n\n const settings = state.settings ?? {};\n\n const options = [] as ContextOption[];\n\n const { onSelectedRows, onSelectedColumns } = settings.value;\n\n const isSelected = state.data.selectedRows.has(row.primaryKey);\n\n if (onSelectedRows && onSelectedRows.length) {\n if (isSelected) {\n options.push({\n text: 'Deselect row',\n cb() {\n state.data.selectedRows.delete(props.cell.row.primaryKey);\n },\n });\n } else {\n options.push({\n text: 'Select row',\n cb() {\n state.selectRow(props.cell.row.primaryKey);\n },\n });\n }\n }\n\n if (onSelectedColumns && onSelectedColumns.length) {\n options.push({\n text: 'Select column',\n cb() {\n state.selectColumn(props.cell.column.id);\n },\n });\n\n options.push({\n text: 'Unselect column',\n cb() {\n state.unselectColumn(props.cell.column.id);\n },\n });\n }\n\n if (!options.length) {\n return;\n }\n\n showContextMenu(ev, options);\n};\n\nconst cellRef = ref<HTMLElement>();\n\nconst CustomComponent = computed(() => (props.cell.column.component ? props.cell.column.component() : undefined));\n</script>\n\n<template>\n <div\n ref=\"cellRef\"\n class=\"td-cell\"\n :class=\"{ [cell.class]: true }\"\n :data-row-index.attr=\"cell.row.index\"\n @click=\"onClick\"\n @contextmenu=\"(ev) => onContextMenu(ev, cell.row)\"\n >\n <div v-if=\"cell.control\" class=\"control-cell\">{{ cell.row.index }}</div>\n <component :is=\"CustomComponent\" v-else-if=\"CustomComponent\" :model-value=\"cell.value\" @update:model-value=\"onInput\" />\n <BaseCellComponent v-else :model-value=\"cell.value\" :value-type=\"valueTypeRef\" :editable=\"cell.column.editable\" @update:model-value=\"onInput\" />\n </div>\n</template>\n"],"names":["props","__props","state","injectState","valueTypeRef","computed","onInput","value","tapIf","f","row","dataRow","onClick","ev","onContextMenu","settings","options","onSelectedRows","onSelectedColumns","isSelected","showContextMenu","cellRef","ref","CustomComponent"],"mappings":";;;;;;;;;;;;;;AASA,UAAMA,IAAQC,GAIRC,IAAQC,~~EAAY~~,~~GAEpBC~~,IAAeC,EAAS,MAAML,EAAM,KAAK,OAAO,SAAS,GAEzDM,IAAU,CAACC,MAAmB;~~AAClCC~~,~~MAAAA~~,EAAMN,EAAM,SAAS,MAAM,cAAc,CAACO,MAAM;~~AACxC~~,~~cAAAC~~,IAAMV,EAAM,KAAK,KAEjBW,IAAU,EAAE,GAAGD,EAAI,SAAS,CAACV,EAAM,KAAK,EAAE,GAAGO,~~EAAM~~;~~AAEzD~~,QAAAE,EAAE,EAAE,GAAGC,GAAK,SAAAC,GAAS;AAAA,~~MAAA~~,~~CACtB~~;AAAA,IACH,GAEMC,IAAU,CAACC,MAAmB;AAClC,MAAIA,EAAG,WACLX,EAAM,UAAUF,EAAM,KAAK,IAAI,UAAU;AAAA,IAE7C,GAEMc,IAAgB,CAACD,GAAgBH,MAAa;~~AAC9C~~,~~UAAAG~~,EAAG,SAAS;AACd,QAAAA,EAAG,~~eAAe~~;AAAA;~~AAElB~~;~~AAGI~~,~~YAAAE~~,IAAWb,EAAM,YAAY,~~CAAC~~,~~GAE9Bc~~,IAAU,~~CAAC~~,~~GAEX~~,EAAE,gBAAAC,GAAgB,mBAAAC,~~EAAkB~~,~~IAAIH~~,EAAS,OAEjDI,IAAajB,EAAM,KAAK,aAAa,IAAIQ,EAAI,UAAU;~~AAoCzD~~,~~MAlCAO~~,KAAkBA,EAAe,WAC/BE,IACFH,EAAQ,KAAK;AAAA,QACX,MAAM;AAAA,QACN,KAAK;AACH,UAAAd,EAAM,KAAK,aAAa,OAAOF,EAAM,KAAK,IAAI,UAAU;AAAA,~~QAAA~~;AAAA,~~MAC1D~~,CACD,IAEDgB,EAAQ,KAAK;AAAA,QACX,MAAM;AAAA,QACN,KAAK;AACH,UAAAd,EAAM,UAAUF,EAAM,KAAK,IAAI,UAAU;AAAA,~~QAAA~~;AAAA,~~MAC3C~~,CACD,IAIDkB,KAAqBA,EAAkB,WACzCF,EAAQ,KAAK;AAAA,QACX,MAAM;AAAA,QACN,KAAK;AACH,UAAAd,EAAM,aAAaF,EAAM,KAAK,OAAO,EAAE;AAAA,~~QAAA~~;AAAA,~~MACzC~~,CACD,GAEDgB,EAAQ,KAAK;AAAA,QACX,MAAM;AAAA,QACN,KAAK;AACH,UAAAd,EAAM,eAAeF,EAAM,KAAK,OAAO,EAAE;AAAA,~~QAAA~~;AAAA,~~MAC3C~~,CACD,IAGEgB,EAAQ,UAIbI,EAAgBP,GAAIG,CAAO;AAAA,IAC7B,GAEMK,IAAUC,~~EAAiB~~,~~GAE3BC~~,IAAkBlB,EAAS,MAAOL,EAAM,KAAK,OAAO,YAAYA,EAAM,KAAK,OAAO,~~UAAU~~,~~IAAI~~,MAAU;;;;;;;;;;;;;;;;;;;;;;;"}
1	+ {"version":3,"file":"TdCell.vue.js","sources":["../../../src/components/DataTable/TdCell.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { tapIf } from '@milaboratories/helpers';\nimport { showContextMenu } from '../contextMenu';\nimport type { ContextOption } from '../contextMenu/types';\nimport { injectState } from './keys';\nimport type { Row, TableCell } from './types';\nimport { computed, ref } from 'vue';\nimport BaseCellComponent from './BaseCellComponent.vue';\n\nconst props = defineProps<{\n cell: TableCell;\n}>();\n\nconst state = injectState();\n\nconst valueTypeRef = computed(() => props.cell.column.valueType);\n\nconst onInput = (value: unknown) => {\n tapIf(state.settings.value.onUpdatedRow, (f) => {\n const row = props.cell.row;\n\n const dataRow = { ...row.dataRow, [props.cell.id]: value };\n\n f({ ...row, dataRow });\n });\n};\n\nconst onClick = (ev: MouseEvent) => {\n if (ev.metaKey) {\n state.selectRow(props.cell.row.primaryKey);\n }\n};\n\nconst onContextMenu = (ev: MouseEvent, row: Row) => {\n if (ev.type === 'contextmenu') {\n ev.preventDefault();\n } else {\n return;\n }\n\n const settings = state.settings ?? {};\n\n const options = [] as ContextOption[];\n\n const { onSelectedRows, onSelectedColumns } = settings.value;\n\n const isSelected = state.data.selectedRows.has(row.primaryKey);\n\n if (onSelectedRows && onSelectedRows.length) {\n if (isSelected) {\n options.push({\n text: 'Deselect row',\n cb() {\n state.data.selectedRows.delete(props.cell.row.primaryKey);\n },\n });\n } else {\n options.push({\n text: 'Select row',\n cb() {\n state.selectRow(props.cell.row.primaryKey);\n },\n });\n }\n }\n\n if (onSelectedColumns && onSelectedColumns.length) {\n options.push({\n text: 'Select column',\n cb() {\n state.selectColumn(props.cell.column.id);\n },\n });\n\n options.push({\n text: 'Unselect column',\n cb() {\n state.unselectColumn(props.cell.column.id);\n },\n });\n }\n\n if (!options.length) {\n return;\n }\n\n showContextMenu(ev, options);\n};\n\nconst cellRef = ref<HTMLElement>();\n\nconst CustomComponent = computed(() => (props.cell.column.component ? props.cell.column.component() : undefined));\n</script>\n\n<template>\n <div\n ref=\"cellRef\"\n class=\"td-cell\"\n :class=\"{ [cell.class]: true }\"\n :data-row-index.attr=\"cell.row.index\"\n @click=\"onClick\"\n @contextmenu=\"(ev) => onContextMenu(ev, cell.row)\"\n >\n <div v-if=\"cell.control\" class=\"control-cell\">{{ cell.row.index }}</div>\n <component :is=\"CustomComponent\" v-else-if=\"CustomComponent\" :model-value=\"cell.value\" @update:model-value=\"onInput\" />\n <BaseCellComponent v-else :model-value=\"cell.value\" :value-type=\"valueTypeRef\" :editable=\"cell.column.editable\" @update:model-value=\"onInput\" />\n </div>\n</template>\n"],"names":["props","__props","state","injectState","valueTypeRef","computed","onInput","value","tapIf","f","row","dataRow","onClick","ev","onContextMenu","settings","options","onSelectedRows","onSelectedColumns","isSelected","showContextMenu","cellRef","ref","CustomComponent"],"mappings":";;;;;;;;;;;;;;AASA,UAAMA,IAAQC,GAIRC,IAAQC,EAAA,GAERC,IAAeC,EAAS,MAAML,EAAM,KAAK,OAAO,SAAS,GAEzDM,IAAU,CAACC,MAAmB;AAClC,MAAAC,EAAMN,EAAM,SAAS,MAAM,cAAc,CAACO,MAAM;AAC9C,cAAMC,IAAMV,EAAM,KAAK,KAEjBW,IAAU,EAAE,GAAGD,EAAI,SAAS,CAACV,EAAM,KAAK,EAAE,GAAGO,EAAA;AAEnD,QAAAE,EAAE,EAAE,GAAGC,GAAK,SAAAC,GAAS;AAAA,MACvB,CAAC;AAAA,IACH,GAEMC,IAAU,CAACC,MAAmB;AAClC,MAAIA,EAAG,WACLX,EAAM,UAAUF,EAAM,KAAK,IAAI,UAAU;AAAA,IAE7C,GAEMc,IAAgB,CAACD,GAAgBH,MAAa;AAClD,UAAIG,EAAG,SAAS;AACd,QAAAA,EAAG,eAAA;AAAA;AAEH;AAGF,YAAME,IAAWb,EAAM,YAAY,CAAA,GAE7Bc,IAAU,CAAA,GAEV,EAAE,gBAAAC,GAAgB,mBAAAC,EAAA,IAAsBH,EAAS,OAEjDI,IAAajB,EAAM,KAAK,aAAa,IAAIQ,EAAI,UAAU;AAoC7D,MAlCIO,KAAkBA,EAAe,WAC/BE,IACFH,EAAQ,KAAK;AAAA,QACX,MAAM;AAAA,QACN,KAAK;AACH,UAAAd,EAAM,KAAK,aAAa,OAAOF,EAAM,KAAK,IAAI,UAAU;AAAA,QAC1D;AAAA,MAAA,CACD,IAEDgB,EAAQ,KAAK;AAAA,QACX,MAAM;AAAA,QACN,KAAK;AACH,UAAAd,EAAM,UAAUF,EAAM,KAAK,IAAI,UAAU;AAAA,QAC3C;AAAA,MAAA,CACD,IAIDkB,KAAqBA,EAAkB,WACzCF,EAAQ,KAAK;AAAA,QACX,MAAM;AAAA,QACN,KAAK;AACH,UAAAd,EAAM,aAAaF,EAAM,KAAK,OAAO,EAAE;AAAA,QACzC;AAAA,MAAA,CACD,GAEDgB,EAAQ,KAAK;AAAA,QACX,MAAM;AAAA,QACN,KAAK;AACH,UAAAd,EAAM,eAAeF,EAAM,KAAK,OAAO,EAAE;AAAA,QAC3C;AAAA,MAAA,CACD,IAGEgB,EAAQ,UAIbI,EAAgBP,GAAIG,CAAO;AAAA,IAC7B,GAEMK,IAAUC,EAAA,GAEVC,IAAkBlB,EAAS,MAAOL,EAAM,KAAK,OAAO,YAAYA,EAAM,KAAK,OAAO,UAAA,IAAc,MAAU;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -12,4 +12,3 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {
     "onChange:sort"?: ((...args: any[]) => any) | undefined;
 }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
 export default _default;
-//# sourceMappingURL=ThCell.vue.d.ts.map

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

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

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

@@ -23,4 +23,3 @@ type __VLS_WithTemplateSlots<T, S> = T & {
         $slots: S;
     };
 };
-//# sourceMappingURL=TrBody.vue.d.ts.map

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

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

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

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

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

@@ -15,4 +15,3 @@ type __VLS_WithTemplateSlots<T, S> = T & {
         $slots: S;
     };
 };
-//# sourceMappingURL=TrHead.vue.d.ts.map

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

@@ -9,4 +9,3 @@ export declare class AsyncData<D extends DataRow> implements Types.DataSource {
     getHeight(): Promise<number>;
     getRows(scrollTop: number, bodyHeight: number): Promise<Row[]>;
 }
-//# sourceMappingURL=AsyncData.d.ts.map

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

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

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

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

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

@@ -10,4 +10,3 @@ export declare class RawData<D extends DataRow = DataRow> implements Types.DataS
     getHeight(): Promise<number>;
     getRows(scrollTop: number, bodyHeight: number): Promise<Row<D>[]>;
 }
-//# sourceMappingURL=RawData.d.ts.map

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

@@ -3,7 +3,7 @@ var m = (r, t, e) => t in r ? c(r, t, { enumerable: !0, configurable: !0, writab
 var g = (r, t, e) => m(r, typeof t != "symbol" ? t + "" : t, e);
 import { GAP as y } from "../constants.js";
 import { sliceBy as l } from "../domain.js";
-import { notEmpty as p } from "../../../lib/util/helpers/dist/index.js";
+import { notEmpty as p } from "@milaboratories/helpers";
 const n = /* @__PURE__ */ new WeakMap();
 class K {
   constructor(t, e, h) {

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

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

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

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

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

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

package/dist/components/DataTable/composition/useColumn.d.ts CHANGED Viewed

@@ -8,4 +8,3 @@ export declare function useColumn(cb: (state: {
         width: number;
     }) => void;
 };
-//# sourceMappingURL=useColumn.d.ts.map

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

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

package/dist/components/DataTable/composition/useMouseUp.d.ts CHANGED Viewed

	@@ -1,2 +1 @@
1 1	export declare function useMouseUp(update: (ev: globalThis.MouseEvent) => void): void;
2	- //# sourceMappingURL=useMouseUp.d.ts.map

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

@@ -7,4 +7,3 @@ export declare function useResize(state: State, tableRef: Ref<HTMLElement | unde
     mouseDown: (e: MouseEvent) => void;
 };
 export {};
-//# sourceMappingURL=useResize.d.ts.map

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

@@ -3,10 +3,10 @@ import { useColumn as a } from "./useColumn.js";
 import { RESIZE_GAP as z, MIN_COLUMN_WIDTH as p } from "../constants.js";
 import { useMouse as y } from "../../../composition/useMouse.js";
 import { useHover as g } from "../../../composition/useHover.js";
-import { tapIf as l, identity as w, clamp as T } from "../../../lib/util/helpers/dist/index.js";
-function I(s) {
-  var i;
-  const r = l((i = h(s)) == null ? void 0 : i.querySelectorAll(".th-cell"), (o) => [...o]) ?? [];
+import { tapIf as l, identity as w, clamp as T } from "@milaboratories/helpers";
+function I(i) {
+  var s;
+  const r = l((s = h(i)) == null ? void 0 : s.querySelectorAll(".th-cell"), (o) => [...o]) ?? [];
   return r.map((o) => {
     const { width: e, x: n } = o.getBoundingClientRect(), c = o.getAttribute("data-col-id");
     return w({
@@ -17,12 +17,12 @@ function I(s) {
     });
   }).slice(0, r.length - 1);
 }
-function E(s, r) {
-  const i = y(), o = g(r, {}), { data: e } = s, n = a(
+function E(i, r) {
+  const s = y(), o = g(r, {}), { data: e } = i, n = a(
     (t) => {
       l(e.resizeTh, (u) => {
         const d = e.columns.find((m) => m.id === u.colId);
-        d && (d.width = T(t.width + t.diff, p, 1e4), s.adjustWidth());
+        d && (d.width = T(t.width + t.diff, p, 1e4), i.adjustWidth());
       });
     },
     () => {
@@ -41,7 +41,7 @@ function E(s, r) {
     }
     if (e.resize)
       return;
-    const t = I(r).find((u) => Math.abs(i.x - u.right) < z);
+    const t = I(r).find((u) => Math.abs(s.x - u.right) < z);
     t ? (document.body.style.cursor = "col-resize", e.resizeTh = t) : (e.resizeTh = void 0, document.body.style.cursor = "");
   }), {
     mouseDown: c

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

	@@ -1 +1 @@
1	- {"version":3,"file":"useResize.js","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"],"names":["getColumnPositions","tableRef","ths","tapIf","_a","unref","l","th","width","x","colId","identity","useResize","state","mousePos","useMouse","isHovered","useHover","data","resize","useColumn","s","col","clamp","MIN_COLUMN_WIDTH","mouseDown","e","watchEffect","it","RESIZE_GAP"],"mappings":";;;;;;AAaO,SAASA,EAAmBC,GAA6C;;AAC9E,QAAMC,IAAMC,GAAMC,IAAAC,EAAMJ,CAAQ,MAAd,gBAAAG,EAAiB,iBAAiB,aAAa,CAACE,MAAM,CAAC,GAAGA,CAAC,CAAC,KAAK,~~CAAC~~;~~AAC7E~~,~~SAAAJ~~,EACJ,IAAI,CAACK,MAAO;AACX,UAAM,EAAE,OAAAC,GAAO,GAAAC,MAAMF,EAAG,~~sBAAsB~~,~~GACxCG~~,IAAQH,EAAG,aAAa,aAAa;AAC3C,WAAOI,EAAmB;AAAA,MACxB,OAAAD;AAAA,MACA,OAAAF;AAAA,MACA,GAAAC;AAAA,MACA,OAAOA,IAAID;AAAA,IAAA,CACZ;AAAA,~~EACF~~,~~CAAA~~,EACA,MAAM,GAAGN,EAAI,SAAS,CAAC;AAC5B;~~AAEgB~~,~~SAAAU~~,EAAUC,GAAcZ,GAAwC;AAC9E,QAAMa,IAAWC,~~EAAS~~,~~GACpBC~~,IAAYC,EAAShB,GAAU,EAAE,GACjC,EAAE,MAAAiB,MAASL,GAEXM,IAASC;AAAA,IACb,CAACC,MAAM;~~AACClB~~,~~MAAAA~~,~~EAAAe~~,EAAK,UAAU,CAACX,MAAO;~~AACrB~~,~~cAAAe~~,IAAMJ,EAAK,QAAQ,KAAK,CAACI,MAAQA,EAAI,OAAOf,EAAG,KAAK;AAC1D,QAAIe,MACFA,EAAI,QAAQC,EAAMF,EAAE,QAAQA,EAAE,MAAMG,GAAkB,GAAK,GAC3DX,EAAM,~~YAAY~~;AAAA,~~MACpB~~,~~CACD~~;AAAA,IACH;AAAA,IACA,MAAM;AACJ,MAAAK,EAAK,SAAS,IACdA,EAAK,WAAW,~~QACP~~,~~SAAA~~,KAAK,MAAM,SAAS;AAAA,~~IAAA~~;AAAA,~~EAEjC~~,~~GAEMO~~,IAAY,CAACC,MAAkB;AACnC,IAAIR,EAAK,aACPA,EAAK,SAAS,IACdC,EAAO,MAAM;AAAA,MACX,GAAGO,EAAE;AAAA,MACL,OAAOR,EAAK,SAAS;AAAA,IAAA,CACtB;AAAA,EAEL;AAEA,SAAAS,EAAY,MAAM;~~AACZ~~,~~QAAA~~,CAACX,EAAU,OAAO;~~AACX~~,~~eAAA~~,KAAK,MAAM,SAAS;AAC7B;AAAA,~~IAAA~~;~~AAGF~~,QAAIE,EAAK;AACP;AAGF,UAAMX,IAAKP,EAAmBC,CAAQ,EAAE,KAAK,CAAC2B,MACrC,KAAK,IAAId,EAAS,IAAIc,EAAG,KAAK,IAAIC,CAC1C;AAED,IAAItB,~~KACO~~,~~SAAA~~,KAAK,MAAM,SAAS,cAC7BW,EAAK,WAAWX,MAEhBW,EAAK,WAAW,~~QACP~~,~~SAAA~~,KAAK,MAAM,SAAS;AAAA,~~EAC/B~~,~~CACD~~,GAEM;AAAA,IACL,WAAAO;AAAA,~~EACF~~;~~AACF~~;"}
1	+ {"version":3,"file":"useResize.js","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"],"names":["getColumnPositions","tableRef","ths","tapIf","_a","unref","l","th","width","x","colId","identity","useResize","state","mousePos","useMouse","isHovered","useHover","data","resize","useColumn","s","col","clamp","MIN_COLUMN_WIDTH","mouseDown","e","watchEffect","it","RESIZE_GAP"],"mappings":";;;;;;AAaO,SAASA,EAAmBC,GAA6C;;AAC9E,QAAMC,IAAMC,GAAMC,IAAAC,EAAMJ,CAAQ,MAAd,gBAAAG,EAAiB,iBAAiB,aAAa,CAACE,MAAM,CAAC,GAAGA,CAAC,CAAC,KAAK,CAAA;AACnF,SAAOJ,EACJ,IAAI,CAACK,MAAO;AACX,UAAM,EAAE,OAAAC,GAAO,GAAAC,MAAMF,EAAG,sBAAA,GAClBG,IAAQH,EAAG,aAAa,aAAa;AAC3C,WAAOI,EAAmB;AAAA,MACxB,OAAAD;AAAA,MACA,OAAAF;AAAA,MACA,GAAAC;AAAA,MACA,OAAOA,IAAID;AAAA,IAAA,CACZ;AAAA,EACH,CAAC,EACA,MAAM,GAAGN,EAAI,SAAS,CAAC;AAC5B;AAEO,SAASU,EAAUC,GAAcZ,GAAwC;AAC9E,QAAMa,IAAWC,EAAA,GACXC,IAAYC,EAAShB,GAAU,EAAE,GACjC,EAAE,MAAAiB,MAASL,GAEXM,IAASC;AAAA,IACb,CAACC,MAAM;AACL,MAAAlB,EAAMe,EAAK,UAAU,CAACX,MAAO;AAC3B,cAAMe,IAAMJ,EAAK,QAAQ,KAAK,CAACI,MAAQA,EAAI,OAAOf,EAAG,KAAK;AAC1D,QAAIe,MACFA,EAAI,QAAQC,EAAMF,EAAE,QAAQA,EAAE,MAAMG,GAAkB,GAAK,GAC3DX,EAAM,YAAA;AAAA,MAEV,CAAC;AAAA,IACH;AAAA,IACA,MAAM;AACJ,MAAAK,EAAK,SAAS,IACdA,EAAK,WAAW,QAChB,SAAS,KAAK,MAAM,SAAS;AAAA,IAC/B;AAAA,EAAA,GAGIO,IAAY,CAACC,MAAkB;AACnC,IAAIR,EAAK,aACPA,EAAK,SAAS,IACdC,EAAO,MAAM;AAAA,MACX,GAAGO,EAAE;AAAA,MACL,OAAOR,EAAK,SAAS;AAAA,IAAA,CACtB;AAAA,EAEL;AAEA,SAAAS,EAAY,MAAM;AAChB,QAAI,CAACX,EAAU,OAAO;AACpB,eAAS,KAAK,MAAM,SAAS;AAC7B;AAAA,IACF;AAEA,QAAIE,EAAK;AACP;AAGF,UAAMX,IAAKP,EAAmBC,CAAQ,EAAE,KAAK,CAAC2B,MACrC,KAAK,IAAId,EAAS,IAAIc,EAAG,KAAK,IAAIC,CAC1C;AAED,IAAItB,KACF,SAAS,KAAK,MAAM,SAAS,cAC7BW,EAAK,WAAWX,MAEhBW,EAAK,WAAW,QAChB,SAAS,KAAK,MAAM,SAAS;AAAA,EAEjC,CAAC,GAEM;AAAA,IACL,WAAAO;AAAA,EAAA;AAEJ;"}

package/dist/components/DataTable/composition/useTableColumns.d.ts CHANGED Viewed

@@ -4,4 +4,3 @@ export declare function useTableColumns(state: {
     data: TableData;
     settings: ComputedRef<TableSettings>;
 }): ComputedRef<TableColumn[]>;
-//# sourceMappingURL=useTableColumns.d.ts.map

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

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

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

	@@ -1 +1 @@
1	- {"version":3,"file":"useTableColumns.js","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"],"names":["useTableColumns","state","computed","data","settings","bodyWidth","scrollLeft","columns","controlId","uniqueId","asConst","offset","tableColumns","col","it","GAP","frozen","sliceBy"],"mappings":";;;AAQO,SAASA,EAAgBC,GAAkE;AAChG,SAAOC,EAAwB,MAAM;~~AAC7B~~,~~UAAA~~,EAAE,MAAAC,GAAM,UAAAC,EAAA,IAAaH,GAErB,EAAE,WAAAI,GAAW,YAAAC,EAAA,IAAeH,GAE5BI,IAAU,CAAC,GAAGJ,EAAK,OAAO,GAE1BK,IAAYC,~~EAAS~~;~~AAEvB~~,~~IAAAL~~,EAAS,MAAM,~~iBACTG~~,~~EAAA~~;AAAA,MACNG,EAA4B;AAAA,QAC1B,IAAIF;AAAA,QACJ,OAAO;AAAA,QACP,OAAO;AAAA,QACP,QAAQ;AAAA,~~MACT~~,~~CAAA~~;AAAA,~~IACH~~;~~AAGF~~,QAAIG,IAAS;AAEb,UAAMC,IAAeL,EAAQ,IAAI,CAACM,MAAQ;AACxC,YAAMC,IAAK,EAAE,GAAGD,GAAK,QAAAF,~~EAAO~~;~~AAC5B~~,aAAAA,KAAUE,EAAI,QAAQE,GACfD;AAAA,~~IAAA~~,~~CACR~~,GAEKE,IAASJ,EAAa,OAAO,CAACC,MAAQA,EAAI,MAAM;~~AAS/C~~,~~WAPgBI~~,EAAQL,GAAc,CAACC,MACxCA,EAAI,SACC,KAEFP,IAAaO,EAAI,SAASA,EAAI,SAASA,EAAI,SAASR,IAAYC,CACxE,EAAE,OAAOU,CAAM,EAEM,IAAiB,CAACH,OAAS;AAAA,MAC/C,GAAGA;AAAA,MACH,OAAO;AAAA,QACL,MAAMA,EAAI,SAAS,GAAGA,EAAI,MAAM,OAAO,GAAGA,EAAI,SAASV,EAAK,UAAU;AAAA,QACtE,OAAO,GAAGU,EAAI,KAAK;AAAA,~~MACrB~~;AAAA,~~MACA~~,SAASA,EAAI,OAAOL;AAAA,IAAA,EACpB;AAAA,~~EAAA~~,~~CACH~~;AACH;"}
1	+ {"version":3,"file":"useTableColumns.js","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"],"names":["useTableColumns","state","computed","data","settings","bodyWidth","scrollLeft","columns","controlId","uniqueId","asConst","offset","tableColumns","col","it","GAP","frozen","sliceBy"],"mappings":";;;AAQO,SAASA,EAAgBC,GAAkE;AAChG,SAAOC,EAAwB,MAAM;AACnC,UAAM,EAAE,MAAAC,GAAM,UAAAC,EAAA,IAAaH,GAErB,EAAE,WAAAI,GAAW,YAAAC,EAAA,IAAeH,GAE5BI,IAAU,CAAC,GAAGJ,EAAK,OAAO,GAE1BK,IAAYC,EAAA;AAElB,IAAIL,EAAS,MAAM,iBACjBG,EAAQ;AAAA,MACNG,EAA4B;AAAA,QAC1B,IAAIF;AAAA,QACJ,OAAO;AAAA,QACP,OAAO;AAAA,QACP,QAAQ;AAAA,MAAA,CACT;AAAA,IAAA;AAIL,QAAIG,IAAS;AAEb,UAAMC,IAAeL,EAAQ,IAAI,CAACM,MAAQ;AACxC,YAAMC,IAAK,EAAE,GAAGD,GAAK,QAAAF,EAAA;AACrB,aAAAA,KAAUE,EAAI,QAAQE,GACfD;AAAA,IACT,CAAC,GAEKE,IAASJ,EAAa,OAAO,CAACC,MAAQA,EAAI,MAAM;AAStD,WAPuBI,EAAQL,GAAc,CAACC,MACxCA,EAAI,SACC,KAEFP,IAAaO,EAAI,SAASA,EAAI,SAASA,EAAI,SAASR,IAAYC,CACxE,EAAE,OAAOU,CAAM,EAEM,IAAiB,CAACH,OAAS;AAAA,MAC/C,GAAGA;AAAA,MACH,OAAO;AAAA,QACL,MAAMA,EAAI,SAAS,GAAGA,EAAI,MAAM,OAAO,GAAGA,EAAI,SAASV,EAAK,UAAU;AAAA,QACtE,OAAO,GAAGU,EAAI,KAAK;AAAA,MAAA;AAAA,MAErB,SAASA,EAAI,OAAOL;AAAA,IAAA,EACpB;AAAA,EACJ,CAAC;AACH;"}

package/dist/components/DataTable/composition/useTableRows.d.ts CHANGED Viewed

@@ -1,4 +1,3 @@
 import { ComputedRef } from 'vue';
 import { TableColumn, TableData, TableRow } from '../types';
 export declare function useTableRows(data: TableData, tableColumns: ComputedRef<TableColumn[]>): ComputedRef<TableRow[]>;
-//# sourceMappingURL=useTableRows.d.ts.map

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

@@ -1,5 +1,5 @@
 import { computed as o } from "vue";
-import { identity as y } from "../../../lib/util/helpers/dist/index.js";
+import { identity as y } from "@milaboratories/helpers";
 function n(i, r) {
   const p = o(
     () => r.value.reduce(
@@ -8,7 +8,7 @@ function n(i, r) {
     )
   );
   return o(() => i.rows.map((t) => {
-    const s = p.value, { primaryKey: a, offset: d, dataRow: l, height: f } = t, h = r.value.map((e) => ({
+    const s = p.value, { primaryKey: d, offset: a, dataRow: l, height: f } = t, h = r.value.map((e) => ({
       id: e.id,
       column: e,
       row: t,
@@ -21,14 +21,14 @@ function n(i, r) {
     }));
     return y({
       style: {
-        top: `${d - i.scrollTop}px`,
+        top: `${a - i.scrollTop}px`,
         height: `${t.height}px`
       },
-      primaryKey: a,
-      offset: d,
+      primaryKey: d,
+      offset: a,
       height: f,
       cells: h,
-      selected: i.selectedRows.has(a)
+      selected: i.selectedRows.has(d)
     });
   }));
 }

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

	@@ -1 +1 @@
1	- {"version":3,"file":"useTableRows.js","sources":["../../../../src/components/DataTable/composition/useTableRows.ts"],"sourcesContent":["import type { ComputedRef } from 'vue';\nimport { computed } from 'vue';\nimport type { TableCell, TableColumn, TableData, TableRow } from '../types';\nimport { identity } from '@milaboratories/helpers';\n\nexport function useTableRows(data: TableData, tableColumns: ComputedRef<TableColumn[]>) {\n const classesRef = computed(() =>\n tableColumns.value.reduce(\n (r, col) => {\n r[col.id] = col.justify ? 'justify-' + col.justify : '';\n return r;\n },\n {} as Record<string \| symbol, string>,\n ),\n );\n\n return computed<TableRow[]>(() => {\n return data.rows.map<TableRow>((row) => {\n const classes = classesRef.value;\n\n const { primaryKey, offset, dataRow, height } = row;\n\n const cells = tableColumns.value.map<TableCell>((column) => {\n return {\n id: column.id,\n column,\n row,\n value: dataRow[column.id],\n class: classes[column.id],\n editable: column.editable,\n width: column.width,\n style: column.style,\n control: column.control,\n };\n });\n\n return identity<TableRow>({\n style: {\n top: `${offset - data.scrollTop}px`,\n height: `${row.height}px`,\n },\n primaryKey,\n offset,\n height,\n cells,\n selected: data.selectedRows.has(primaryKey),\n });\n });\n });\n}\n"],"names":["useTableRows","data","tableColumns","classesRef","computed","r","col","row","classes","primaryKey","offset","dataRow","height","cells","column","identity"],"mappings":";;~~AAKgB~~,~~SAAAA~~,EAAaC,GAAiBC,GAA0C;AACtF,QAAMC,IAAaC;AAAA,IAAS,MAC1BF,EAAa,MAAM;AAAA,MACjB,CAACG,GAAGC,OACFD,EAAEC,EAAI,EAAE,IAAIA,EAAI,UAAU,aAAaA,EAAI,UAAU,IAC9CD;AAAA,MAET,CAAA;AAAA,IAAC;AAAA,~~EAEL~~;~~AAEA~~,SAAOD,EAAqB,MACnBH,EAAK,KAAK,IAAc,CAACM,MAAQ;AACtC,UAAMC,IAAUL,EAAW,OAErB,EAAE,YAAAM,GAAY,QAAAC,GAAQ,SAAAC,GAAS,QAAAC,~~EAAW~~,~~IAAAL,~~GAE1CM,IAAQX,EAAa,MAAM,IAAe,CAACY,OACxC;AAAA,MACL,IAAIA,EAAO;AAAA,MACX,QAAAA;AAAA,MACA,KAAAP;AAAA,MACA,OAAOI,EAAQG,EAAO,EAAE;AAAA,MACxB,OAAON,EAAQM,EAAO,EAAE;AAAA,MACxB,UAAUA,EAAO;AAAA,MACjB,OAAOA,EAAO;AAAA,MACd,OAAOA,EAAO;AAAA,MACd,SAASA,EAAO;AAAA,~~IAClB~~,~~EACD~~;AAED,WAAOC,EAAmB;AAAA,MACxB,OAAO;AAAA,QACL,KAAK,GAAGL,IAAST,EAAK,SAAS;AAAA,QAC/B,QAAQ,GAAGM,EAAI,MAAM;AAAA,~~MACvB~~;AAAA,~~MACA~~,YAAAE;AAAA,MACA,QAAAC;AAAA,MACA,QAAAE;AAAA,MACA,OAAAC;AAAA,MACA,UAAUZ,EAAK,aAAa,IAAIQ,CAAU;AAAA,IAAA,CAC3C;AAAA,~~EAAA~~,~~CACF~~,CACF;AACH;"}
1	+ {"version":3,"file":"useTableRows.js","sources":["../../../../src/components/DataTable/composition/useTableRows.ts"],"sourcesContent":["import type { ComputedRef } from 'vue';\nimport { computed } from 'vue';\nimport type { TableCell, TableColumn, TableData, TableRow } from '../types';\nimport { identity } from '@milaboratories/helpers';\n\nexport function useTableRows(data: TableData, tableColumns: ComputedRef<TableColumn[]>) {\n const classesRef = computed(() =>\n tableColumns.value.reduce(\n (r, col) => {\n r[col.id] = col.justify ? 'justify-' + col.justify : '';\n return r;\n },\n {} as Record<string \| symbol, string>,\n ),\n );\n\n return computed<TableRow[]>(() => {\n return data.rows.map<TableRow>((row) => {\n const classes = classesRef.value;\n\n const { primaryKey, offset, dataRow, height } = row;\n\n const cells = tableColumns.value.map<TableCell>((column) => {\n return {\n id: column.id,\n column,\n row,\n value: dataRow[column.id],\n class: classes[column.id],\n editable: column.editable,\n width: column.width,\n style: column.style,\n control: column.control,\n };\n });\n\n return identity<TableRow>({\n style: {\n top: `${offset - data.scrollTop}px`,\n height: `${row.height}px`,\n },\n primaryKey,\n offset,\n height,\n cells,\n selected: data.selectedRows.has(primaryKey),\n });\n });\n });\n}\n"],"names":["useTableRows","data","tableColumns","classesRef","computed","r","col","row","classes","primaryKey","offset","dataRow","height","cells","column","identity"],"mappings":";;AAKO,SAASA,EAAaC,GAAiBC,GAA0C;AACtF,QAAMC,IAAaC;AAAA,IAAS,MAC1BF,EAAa,MAAM;AAAA,MACjB,CAACG,GAAGC,OACFD,EAAEC,EAAI,EAAE,IAAIA,EAAI,UAAU,aAAaA,EAAI,UAAU,IAC9CD;AAAA,MAET,CAAA;AAAA,IAAC;AAAA,EACH;AAGF,SAAOD,EAAqB,MACnBH,EAAK,KAAK,IAAc,CAACM,MAAQ;AACtC,UAAMC,IAAUL,EAAW,OAErB,EAAE,YAAAM,GAAY,QAAAC,GAAQ,SAAAC,GAAS,QAAAC,MAAWL,GAE1CM,IAAQX,EAAa,MAAM,IAAe,CAACY,OACxC;AAAA,MACL,IAAIA,EAAO;AAAA,MACX,QAAAA;AAAA,MACA,KAAAP;AAAA,MACA,OAAOI,EAAQG,EAAO,EAAE;AAAA,MACxB,OAAON,EAAQM,EAAO,EAAE;AAAA,MACxB,UAAUA,EAAO;AAAA,MACjB,OAAOA,EAAO;AAAA,MACd,OAAOA,EAAO;AAAA,MACd,SAASA,EAAO;AAAA,IAAA,EAEnB;AAED,WAAOC,EAAmB;AAAA,MACxB,OAAO;AAAA,QACL,KAAK,GAAGL,IAAST,EAAK,SAAS;AAAA,QAC/B,QAAQ,GAAGM,EAAI,MAAM;AAAA,MAAA;AAAA,MAEvB,YAAAE;AAAA,MACA,QAAAC;AAAA,MACA,QAAAE;AAAA,MACA,OAAAC;AAAA,MACA,UAAUZ,EAAK,aAAa,IAAIQ,CAAU;AAAA,IAAA,CAC3C;AAAA,EACH,CAAC,CACF;AACH;"}

package/dist/components/DataTable/constants.d.ts CHANGED Viewed

@@ -3,4 +3,3 @@ export declare const RESIZE_GAP = 10;
 export declare const MIN_COLUMN_WIDTH = 30;
 export declare const DEFAULT_ROW_HEIGHT = 40;
 export declare const WINDOW_DELTA = 60;
-//# sourceMappingURL=constants.d.ts.map

package/dist/components/DataTable/domain.d.ts CHANGED Viewed

@@ -9,4 +9,3 @@ export declare function rotate<T>(v: T, lst: T[]): T;
  * @returns
  */
 export declare function sliceBy<T>(arr: readonly T[], predicate: (el: T, index: number) => boolean): T[];
-//# sourceMappingURL=domain.d.ts.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"domain.js","sources":["../../../src/components/DataTable/domain.ts"],"sourcesContent":["export function toComparable(v: unknown) {\n if (typeof v === 'number') {\n return v;\n } else if (typeof v === 'string') {\n return v;\n } else {\n return String(v);\n }\n}\n\nexport function compareRecords(sorts: Record<string, 'ASC' \| 'DESC'>, a: Record<string, unknown>, b: Record<string, unknown>) {\n for (const [name, direction] of Object.entries(sorts)) {\n const v1 = toComparable(a[name]);\n const v2 = toComparable(b[name]);\n\n const rev = direction === 'DESC' ? -1 : 1;\n\n if (v1 === v2) {\n continue;\n }\n\n return (v1 > v2 ? 1 : -1) * rev;\n }\n\n return 0;\n}\n\nexport const identity = <T>(v: T): T => v;\n\nexport function rotate<T>(v: T, lst: T[]) {\n const next = lst.indexOf(v) + 1;\n return lst[next >= lst.length ? 0 : next];\n}\n\n/*\n Returns a first contiguous copy of a section of an array where predicate is true\n * @param arr\n * @param predicate\n * @returns\n */\nexport function sliceBy<T>(arr: readonly T[], predicate: (el: T, index: number) => boolean): T[] {\n const left = arr.findIndex(predicate);\n\n if (left < 0) {\n return [];\n }\n\n const right = (() => {\n for (let i = left; i < arr.length; i++) {\n if (predicate(arr[i], i)) {\n continue;\n }\n\n return i;\n }\n\n return arr.length;\n })();\n\n return arr.slice(left, right);\n}\n"],"names":["rotate","v","lst","next","sliceBy","arr","predicate","left","right"],"mappings":"~~AA6BgB~~,~~SAAAA~~,EAAUC,GAAMC,GAAU;AACxC,QAAMC,IAAOD,EAAI,QAAQD,CAAC,IAAI;AAC9B,SAAOC,EAAIC,KAAQD,EAAI,SAAS,IAAIC,CAAI;AAC1C;~~AAQgB~~,~~SAAAC~~,EAAWC,GAAmBC,GAAmD;~~AACzF~~,~~QAAAC~~,IAAOF,EAAI,UAAUC,CAAS;AAEpC,MAAIC,IAAO;AACT,WAAO,~~CAAC~~;~~AAGV~~,QAAMC,KAAS,MAAM;AACnB,aAAS,IAAID,GAAM,IAAIF,EAAI,QAAQ;AACjC,UAAI,CAAAC,EAAUD,EAAI,CAAC,GAAG,CAAC;~~AAIhB~~,~~eAAA~~;AAGT,WAAOA,EAAI;AAAA,~~EAAA~~,~~GACV~~;~~AAEI~~,~~SAAAA~~,EAAI,MAAME,GAAMC,CAAK;AAC9B;"}
1	+ {"version":3,"file":"domain.js","sources":["../../../src/components/DataTable/domain.ts"],"sourcesContent":["export function toComparable(v: unknown) {\n if (typeof v === 'number') {\n return v;\n } else if (typeof v === 'string') {\n return v;\n } else {\n return String(v);\n }\n}\n\nexport function compareRecords(sorts: Record<string, 'ASC' \| 'DESC'>, a: Record<string, unknown>, b: Record<string, unknown>) {\n for (const [name, direction] of Object.entries(sorts)) {\n const v1 = toComparable(a[name]);\n const v2 = toComparable(b[name]);\n\n const rev = direction === 'DESC' ? -1 : 1;\n\n if (v1 === v2) {\n continue;\n }\n\n return (v1 > v2 ? 1 : -1) * rev;\n }\n\n return 0;\n}\n\nexport const identity = <T>(v: T): T => v;\n\nexport function rotate<T>(v: T, lst: T[]) {\n const next = lst.indexOf(v) + 1;\n return lst[next >= lst.length ? 0 : next];\n}\n\n/*\n Returns a first contiguous copy of a section of an array where predicate is true\n * @param arr\n * @param predicate\n * @returns\n */\nexport function sliceBy<T>(arr: readonly T[], predicate: (el: T, index: number) => boolean): T[] {\n const left = arr.findIndex(predicate);\n\n if (left < 0) {\n return [];\n }\n\n const right = (() => {\n for (let i = left; i < arr.length; i++) {\n if (predicate(arr[i], i)) {\n continue;\n }\n\n return i;\n }\n\n return arr.length;\n })();\n\n return arr.slice(left, right);\n}\n"],"names":["rotate","v","lst","next","sliceBy","arr","predicate","left","right"],"mappings":"AA6BO,SAASA,EAAUC,GAAMC,GAAU;AACxC,QAAMC,IAAOD,EAAI,QAAQD,CAAC,IAAI;AAC9B,SAAOC,EAAIC,KAAQD,EAAI,SAAS,IAAIC,CAAI;AAC1C;AAQO,SAASC,EAAWC,GAAmBC,GAAmD;AAC/F,QAAMC,IAAOF,EAAI,UAAUC,CAAS;AAEpC,MAAIC,IAAO;AACT,WAAO,CAAA;AAGT,QAAMC,KAAS,MAAM;AACnB,aAAS,IAAID,GAAM,IAAIF,EAAI,QAAQ;AACjC,UAAI,CAAAC,EAAUD,EAAI,CAAC,GAAG,CAAC;AAIvB,eAAO;AAGT,WAAOA,EAAI;AAAA,EACb,GAAA;AAEA,SAAOA,EAAI,MAAME,GAAMC,CAAK;AAC9B;"}

package/dist/components/DataTable/index.d.ts CHANGED Viewed

@@ -33,4 +33,3 @@ export declare function useRawData<D extends Types.DataRow>(rowsRef: AnyRef<D[]>
 export declare function useRawDataComponent<D extends Types.DataRow>(rowsRef: AnyRef<D[]>, raw: MaybeRef<RawTableSettings<D>>): ComputedRef<import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
     [key: string]: any;
 }>>;
-//# sourceMappingURL=index.d.ts.map

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

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

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

@@ -79,4 +79,3 @@ export declare const injectState: () => {
         width: number;
     }): void;
 };
-//# sourceMappingURL=keys.d.ts.map

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

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

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

@@ -76,4 +76,3 @@ export declare function createState(props: TableProps): {
     }): void;
 };
 export type State = ReturnType<typeof createState>;
-//# sourceMappingURL=state.d.ts.map

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

@@ -1,17 +1,17 @@
 import { reactive as S, watch as u, computed as c, provide as L } from "vue";
-import { deepClone as h, tap as m, clamp as p, deepEqual as R, delay as C, resolveAwaited as v } from "../../lib/util/helpers/dist/index.js";
+import { deepClone as h, tap as m, clamp as p, deepEqual as R, delay as C, resolveAwaited as v } from "@milaboratories/helpers";
 import { stateKey as x } from "./keys.js";
-import { useTableColumns as A } from "./composition/useTableColumns.js";
-import { useTableRows as D } from "./composition/useTableRows.js";
-import { GAP as g, WINDOW_DELTA as w } from "./constants.js";
-const j = async (l, t) => {
+import { useTableColumns as D } from "./composition/useTableColumns.js";
+import { useTableRows as j } from "./composition/useTableRows.js";
+import { GAP as w, WINDOW_DELTA as g } from "./constants.js";
+const A = async (l, t) => {
   const { scrollTop: r, bodyHeight: i } = l;
   return await C(0), v({
     rows: t.getRows(r, i),
     dataWindow: l
   });
 };
-function _(l) {
+function q(l) {
   const t = S({
     rowIndex: -1,
     columns: [],
@@ -37,20 +37,20 @@ function _(l) {
     },
     { immediate: !0 }
   );
-  const r = c(() => l.settings), i = c(() => t.columns.reduce((e, o) => e + o.width + g, 0)), f = c(() => m(d.data.dataHeight - d.data.bodyHeight, (e) => e > 0 ? e : 0)), y = c(() => m(i.value - d.data.bodyWidth, (e) => e > 0 ? e : 0)), T = c(() => ({
+  const r = c(() => l.settings), i = c(() => t.columns.reduce((e, o) => e + o.width + w, 0)), f = c(() => m(d.data.dataHeight - d.data.bodyHeight, (e) => e > 0 ? e : 0)), y = c(() => m(i.value - d.data.bodyWidth, (e) => e > 0 ? e : 0)), T = c(() => ({
     bodyHeight: t.bodyHeight,
     scrollTop: t.scrollTop,
     current: t.currentWindow
-  })), a = A({
+  })), n = D({
     data: t,
     settings: r
-  }), b = D(t, a), d = {
+  }), b = j(t, n), d = {
     data: t,
     settings: r,
-    tableColumns: a,
+    tableColumns: n,
     tableRows: b,
     adjustWidth: () => {
-      const e = t.columns.reduce((s, n) => s + n.width + g, 0), o = t.bodyWidth + t.scrollLeft;
+      const e = t.columns.reduce((s, a) => s + a.width + w, 0), o = t.bodyWidth + t.scrollLeft;
       if (e < o) {
         const s = t.columns[t.columns.length - 1];
         s.width = s.width + (o - e);
@@ -96,9 +96,9 @@ function _(l) {
     (e, o) => {
       const s = e.current;
       (!s || e.scrollTop < s.scrollTop || e.scrollTop + e.bodyHeight > s.bodyHeight + s.scrollTop) && (t.currentWindow = {
-        scrollTop: e.scrollTop - w,
-        bodyHeight: e.bodyHeight + w * 2
-      }, j(h(t.currentWindow), r.value.dataSource).then(({ rows: H, dataWindow: W }) => {
+        scrollTop: e.scrollTop - g,
+        bodyHeight: e.bodyHeight + g * 2
+      }, A(h(t.currentWindow), r.value.dataSource).then(({ rows: H, dataWindow: W }) => {
         R(t.currentWindow, W) && (t.rows = H);
       }));
     },
@@ -106,6 +106,6 @@ function _(l) {
   ), L(x, d), d;
 }
 export {
-  _ as createState
+  q as createState
 };
 //# sourceMappingURL=state.js.map