@milaboratories/uikit 2.16.0 → 2.16.1

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

@@ -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"}
+{"version":3,"file":"useResize.js","names":["getColumnPositions","ths","tapIf","unref","tableRef","l","th","colId","identity","x","width","useResize","mousePos","useMouse","isHovered","useHover","state","resize","useColumn","data","col","clamp","s","watchEffect","it"],"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,SAAgBA,EAAmB,GAA6C;CAC9E,IAAMC,IAAMC,EAAMC,EAAMC,CAAQ,CAAC,EAAE,iBAAiB,UAAU,IAAI,MAAM,CAAC,GAAGC,CAAC,CAAC,KAAK,CAAC;CACpF,OAAOJ,EACJ,KAAK,MAAO;EACX,IAAM,EAAE,UAAO,SAAMK,EAAG,sBAAsB,GACxCC,IAAQD,EAAG,aAAa,aAAa;EAC3C,OAAOE,EAAmB;GACxB;GACA;GACA;GACA,OAAOC,IAAIC;EACb,CAAC;CACH,CAAC,CAAC,CACD,MAAM,GAAGT,EAAI,SAAS,CAAC;AAC5B;AAEA,SAAgBU,EAAU,GAAc,GAAwC;CAC9E,IAAMC,IAAWC,EAAS,GACpBC,IAAYC,EAASX,GAAU,CAAC,CAAC,GACjC,EAAE,YAASY,GAEXC,IAASC,GACZ,MAAM;EACL,EAAMC,EAAK,WAAW,MAAO;GAC3B,IAAMC,IAAMD,EAAK,QAAQ,MAAM,MAAQC,EAAI,OAAOd,EAAG,KAAK;GAC1D,AAAIc,MACF,EAAI,QAAQC,EAAMC,EAAE,QAAQA,EAAE,MAAA,IAAwB,GAAK,GAC3DN,EAAM,YAAY;EAEtB,CAAC;CACH,SACM;EAGJ,AAFA,EAAK,SAAS,IACd,EAAK,WAAW,KAAA,GAChB,SAAS,KAAK,MAAM,SAAS;CAC/B,CACF;CAmCA,OAvBAO,QAAkB;EAChB,IAAI,CAACT,EAAU,OAAO;GACpB,SAAS,KAAK,MAAM,SAAS;GAC7B;EACF;EAEA,IAAIK,EAAK,QACP;EAGF,IAAMb,IAAKN,EAAmBI,CAAQ,CAAC,CAAC,MAAM,MACrC,KAAK,IAAIQ,EAAS,IAAIY,EAAG,KAAK,IAAA,EACtC;EAED,AAAIlB,KACF,SAAS,KAAK,MAAM,SAAS,cAC7B,EAAK,WAAWA,MAEhB,EAAK,WAAW,KAAA,GAChB,SAAS,KAAK,MAAM,SAAS;CAEjC,CAAC,GAEM,EACL,YAlCiB,MAAkB;EACnC,AAAIa,EAAK,aACP,EAAK,SAAS,IACdF,EAAO,MAAM;GACX,GAAG,EAAE;GACL,OAAOE,EAAK,SAAS;EACvB,CAAC;CAEL,EA2BA;AACF"}

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

@@ -1,6 +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
+// 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();
@@ -17,7 +17,7 @@ function i(i) {
 			};
 			return u += e.width + 1, t;
 		}), f = d.filter((e) => e.frozen);
-		return n(d, (e) => e.frozen ? !1 : s < e.offset + e.width && e.offset < o + s).concat(f).map((t) => ({
+		return n(d, (e) => !e.frozen && s < e.offset + e.width && e.offset < o + s).concat(f).map((t) => ({
 			...t,
 			style: {
 				left: t.frozen ? `${t.offset}px` : `${t.offset - e.scrollLeft}px`,
@@ -27,7 +27,6 @@ function i(i) {
 		}));
 	});
 }
-//#endregion
 export { i as useTableColumns };
 
 //# sourceMappingURL=useTableColumns.js.map

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

@@ -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"}
+{"version":3,"file":"useTableColumns.js","names":["useTableColumns","computed","state","data","columns","controlId","uniqueId","settings","asConst","offset","tableColumns","it","col","frozen","sliceBy","scrollLeft","bodyWidth"],"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,SAAgBA,EAAgB,GAAkE;CAChG,OAAOC,QAA8B;EACnC,IAAM,EAAE,SAAM,gBAAaC,GAErB,EAAE,cAAW,kBAAeC,GAE5BC,IAAU,CAAC,GAAGD,EAAK,OAAO,GAE1BE,IAAYC,EAAS;EAE3B,AAAIC,EAAS,MAAM,iBACjBH,EAAQ,QACNI,EAA4B;GAC1B,IAAIH;GACJ,OAAO;GACP,OAAO;GACP,QAAQ;EACV,CAAC,CACH;EAGF,IAAII,IAAS,GAEPC,IAAeN,EAAQ,KAAK,MAAQ;GACxC,IAAMO,IAAK;IAAE,GAAGC;IAAK;GAAO;GAE5B,OADA,KAAUA,EAAI,QAAA,GACPD;EACT,CAAC,GAEKE,IAASH,EAAa,QAAQ,MAAQE,EAAI,MAAM;EAStD,OAPuBE,EAAQJ,IAAe,MAC5C,CAAIE,EAAI,UAGDG,IAAaH,EAAI,SAASA,EAAI,SAASA,EAAI,SAASI,IAAYD,CACxE,CAAC,CAAC,OAAOF,CAEH,CAAA,CAAe,KAAkB,OAAS;GAC/C,GAAGD;GACH,OAAO;IACL,MAAMA,EAAI,SAAS,GAAGA,EAAI,OAAO,MAAM,GAAGA,EAAI,SAAST,EAAK,WAAW;IACvE,OAAO,GAAGS,EAAI,MAAM;GACtB;GACA,SAASA,EAAI,OAAOP;EACtB,EAAE;CACJ,CAAC;AACH"}

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

@@ -1,6 +1,6 @@
 import { computed as e } from "vue";
 import { identity as t } from "@milaboratories/helpers";
-//#region src/components/DataTable/composition/useTableRows.ts
+// 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) => {
@@ -28,7 +28,6 @@ function n(n, r) {
 		});
 	}));
 }
-//#endregion
 export { n as useTableRows };
 
 //# sourceMappingURL=useTableRows.js.map

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

@@ -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"}
+{"version":3,"file":"useTableRows.js","names":["useTableRows","classesRef","computed","tableColumns","col","r","data","classes","row","cells","column","dataRow","identity","offset","primaryKey"],"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,SAAgBA,EAAa,GAAiB,GAA0C;CACtF,IAAMC,IAAaC,QACjBC,EAAa,MAAM,QAChB,GAAG,OACF,EAAEC,EAAI,MAAMA,EAAI,UAAU,aAAaA,EAAI,UAAU,IAC9CC,IAET,CAAC,CACH,CACF;CAEA,OAAOH,QACEI,EAAK,KAAK,KAAe,MAAQ;EACtC,IAAMC,IAAUN,EAAW,OAErB,EAAE,eAAY,WAAQ,YAAS,cAAWO,GAE1CC,IAAQN,EAAa,MAAM,KAAgB,OACxC;GACL,IAAIO,EAAO;GACX;GACA;GACA,OAAOC,EAAQD,EAAO;GACtB,OAAOH,EAAQG,EAAO;GACtB,UAAUA,EAAO;GACjB,OAAOA,EAAO;GACd,OAAOA,EAAO;GACd,SAASA,EAAO;EAClB,EACD;EAED,OAAOE,EAAmB;GACxB,OAAO;IACL,KAAK,GAAGC,IAASP,EAAK,UAAU;IAChC,QAAQ,GAAGE,EAAI,OAAO;GACxB;GACA;GACA;GACA;GACA;GACA,UAAUF,EAAK,aAAa,IAAIQ,CAAU;EAC5C,CAAC;CACH,CAAC,CACF;AACH"}

package/dist/components/DataTable/domain.js

@@ -1,4 +1,4 @@
-//#region src/components/DataTable/domain.ts
+// src/components/DataTable/domain.ts
 function e(e, t) {
 	let n = t.indexOf(e) + 1;
 	return t[n >= t.length ? 0 : n];
@@ -12,7 +12,6 @@ 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

@@ -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"}
+{"version":3,"file":"domain.js","names":["rotate","next","lst","v","sliceBy","left","arr","predicate","right","i"],"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,SAAgBA,EAAU,GAAM,GAAU;CACxC,IAAMC,IAAOC,EAAI,QAAQC,CAAC,IAAI;CAC9B,OAAOD,EAAID,KAAQC,EAAI,SAAS,IAAID;AACtC;AAQA,SAAgBG,EAAW,GAAmB,GAAmD;CAC/F,IAAMC,IAAOC,EAAI,UAAUC,CAAS;CAEpC,IAAIF,IAAO,GACT,OAAO,CAAC;CAGV,IAAMG,WAAe;EACnB,KAAK,IAAIC,IAAIJ,GAAMI,IAAIH,EAAI,QAAQ,KACjC,IAAI,GAAUA,EAAIG,IAAIA,CAAC,GAIvB,OAAOA;EAGT,OAAOH,EAAI;CACb,EAAA,CAAG;CAEH,OAAOA,EAAI,MAAMD,GAAMG,CAAK;AAC9B"}

package/dist/components/DataTable/index.js

@@ -3,7 +3,7 @@ import t from "./TableComponent.js";
 import { RawData as n } from "./adapters/RawData.js";
 import { AsyncData as r } from "./adapters/AsyncData.js";
 import { computed as i, h as a, reactive as o, unref as s } from "vue";
-//#region src/components/DataTable/index.ts
+// src/components/DataTable/index.ts
 var c = /* @__PURE__ */ e({
 	AsyncData: () => r,
 	Component: () => t,
@@ -30,10 +30,9 @@ function f(e, t) {
 	return i(() => d(s(e), s(t)));
 }
 function p(e, n) {
-	let r = o({ settings: i(() => d(s(e), s(n))) });
-	return i(() => a(t, r));
+	let r = i(() => d(s(e), s(n))), c = o({ settings: r });
+	return i(() => a(t, c));
 }
-//#endregion
-export { c as DataTable_exports };
+export { r as AsyncData, t as Component, c as DataTable_exports, u as factory, d as rawDataSettings, l as settings, f as useRawData, p as useRawDataComponent };
 
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"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>(\n  rows: D[],\n  rawSettings: Types.RawTableSettings<D>,\n): TableSettings {\n  const dataSource = new RawData<D>(\n    rows,\n    rawSettings.resolveRowHeight,\n    rawSettings.resolvePrimaryKey,\n  );\n  return { ...rawSettings, dataSource } as TableSettings;\n}\n\nexport function useRawData<D extends Types.DataRow>(\n  rowsRef: AnyRef<D[]>,\n  raw: MaybeRef<RawTableSettings<D>>,\n) {\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>(\n  rowsRef: AnyRef<D[]>,\n  raw: MaybeRef<RawTableSettings<D>>,\n) {\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"],"mappings":";;;;;;;;;;;;;;;AAYA,SAAgB,EAAkC,GAAgD;AAChG,QAAO,OAAO,OAAO,EAAc;;AAGrC,SAAgB,EAAuC,GAAkB;AACvE,QAAO,EAAE,GAAW,EAAE,UAAU,OAAO,OAAO,EAAc,EAAE,CAAC;;AASjE,SAAgB,EACd,GACA,GACe;CACf,IAAM,IAAa,IAAI,EACrB,GACA,EAAY,kBACZ,EAAY,kBACb;AACD,QAAO;EAAE,GAAG;EAAa;EAAY;;AAGvC,SAAgB,EACd,GACA,GACA;AACA,QAAO,QAEE,EADM,EAAM,EAAQ,EACE,EAAM,EAAI,CAAC,CACxC;;AASJ,SAAgB,EACd,GACA,GACA;CAMA,IAAM,IAAQ,EAAS,EACrB,UANe,QAER,EADM,EAAM,EAAQ,EACE,EAAM,EAAI,CAAC,CACxC,EAID,CAAC;AAEF,QAAO,QAAe,EAAE,GAAW,EAAM,CAAC"}
+{"version":3,"file":"index.js","names":["Component","TableComponent_default","DataTable_exports","AsyncData","factory","rawDataSettings","settings","useRawData","useRawDataComponent","tableSettings","h","dataSource","RawData","rows","rawSettings","computed","unref","rowsRef","raw","props","reactive"],"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>(\n  rows: D[],\n  rawSettings: Types.RawTableSettings<D>,\n): TableSettings {\n  const dataSource = new RawData<D>(\n    rows,\n    rawSettings.resolveRowHeight,\n    rawSettings.resolvePrimaryKey,\n  );\n  return { ...rawSettings, dataSource } as TableSettings;\n}\n\nexport function useRawData<D extends Types.DataRow>(\n  rowsRef: AnyRef<D[]>,\n  raw: MaybeRef<RawTableSettings<D>>,\n) {\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>(\n  rowsRef: AnyRef<D[]>,\n  raw: MaybeRef<RawTableSettings<D>>,\n) {\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"],"mappings":";;;;;;;;;;;;;;;AAYA,SAAgBM,EAAkC,GAAgD;CAChG,OAAO,OAAO,OAAOG,CAAa;AACpC;AAEA,SAAgBL,EAAuC,GAAkB;CACvE,OAAOM,EAAEV,GAAW,EAAE,UAAU,OAAO,OAAOS,CAAa,EAAE,CAAC;AAChE;AAQA,SAAgBJ,EACd,GACA,GACe;CACf,IAAMM,IAAa,IAAIC,EACrBC,GACAC,EAAY,kBACZA,EAAY,iBACd;CACA,OAAO;EAAE,GAAGA;EAAa;CAAW;AACtC;AAEA,SAAgBP,EACd,GACA,GACA;CACA,OAAOQ,QAEEV,EADMW,EAAMC,CACI,GAAMD,EAAME,CAAG,CAAC,CACxC;AACH;AAQA,SAAgBV,EACd,GACA,GACA;CACA,IAAMF,IAAWS,QAERV,EADMW,EAAMC,CACI,GAAMD,EAAME,CAAG,CAAC,CACxC,GAEKC,IAAQC,EAAS,EACrB,YACF,CAAC;CAED,OAAOL,QAAeL,EAAEV,GAAWmB,CAAK,CAAC;AAC3C"}

package/dist/components/DataTable/keys.js

@@ -1,7 +1,6 @@
 import { inject as e } from "vue";
-//#region src/components/DataTable/keys.ts
+// src/components/DataTable/keys.ts
 var t = Symbol(), n = () => e(t);
-//#endregion
 export { n as injectState, t as stateKey };
 
 //# sourceMappingURL=keys.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"keys.js","names":[],"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"],"mappings":";;AAMA,IAAa,IAAW,QAAQ,EAEnB,UAAoB,EAAO,EAAS"}
+{"version":3,"file":"keys.js","names":["stateKey","injectState","inject"],"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"],"mappings":";;AAMA,IAAaA,IAAW,OAAO,GAElBC,UAAoBC,EAAOF,CAAQ"}

package/dist/components/DataTable/state.js

@@ -3,7 +3,7 @@ import { useTableColumns as t } from "./composition/useTableColumns.js";
 import { useTableRows as n } from "./composition/useTableRows.js";
 import { computed as r, provide as i, reactive as a, watch as o } from "vue";
 import { clamp as s, deepClone as c, deepEqual as l, delay as u, resolveAwaited as d, tap as f } from "@milaboratories/helpers";
-//#region src/components/DataTable/state.ts
+// src/components/DataTable/state.ts
 var p = async (e, t) => {
 	let { scrollTop: n, bodyHeight: r } = e;
 	return await u(0), d({
@@ -100,7 +100,6 @@ function m(u) {
 		immediate: !0
 	}), i(e, b), b;
 }
-//#endregion
 export { m as createState };
 
 //# sourceMappingURL=state.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"state.js","names":[],"sources":["../../../src/components/DataTable/state.ts"],"sourcesContent":["import { computed, provide, reactive, watch } from \"vue\";\nimport type {\n  TableProps,\n  TableData,\n  DataWindow,\n  PrimaryKey,\n  Row,\n  ColumnSpecSettings,\n  DataSource,\n} from \"./types\";\nimport { deepClone, deepEqual } from \"@milaboratories/helpers\";\nimport { stateKey } from \"./keys\";\nimport { clamp, delay, resolveAwaited, tap } from \"@milaboratories/helpers\";\nimport { useTableColumns } from \"./composition/useTableColumns\";\nimport { useTableRows } from \"./composition/useTableRows\";\nimport { GAP, WINDOW_DELTA } from \"./constants\";\n\nconst loadRows = async (\n  dataWindow: { scrollTop: number; bodyHeight: number },\n  dataSource: DataSource,\n) => {\n  const { scrollTop, bodyHeight } = dataWindow;\n\n  await delay(0);\n\n  return resolveAwaited({\n    rows: dataSource.getRows(scrollTop, bodyHeight),\n    dataWindow,\n  });\n};\n\nexport function createState(props: TableProps) {\n  const data = reactive<TableData>({\n    rowIndex: -1,\n    columns: [],\n    pendingLoads: 0,\n    currentWindow: undefined,\n    rows: [],\n    resize: false,\n    resizeTh: undefined,\n    dataHeight: 0,\n    bodyHeight: props.settings.height,\n    bodyWidth: 0,\n    scrollTop: 0,\n    scrollLeft: 0,\n    selectedRows: new Set<PrimaryKey>(),\n    selectedColumns: new Set<string>(),\n  });\n\n  watch(\n    () => props.settings,\n    (newSettings) => {\n      data.columns = deepClone(newSettings.columns);\n      data.currentWindow = undefined;\n      newSettings.dataSource\n        .getHeight()\n        .then((dataHeight) => {\n          data.dataHeight = dataHeight;\n          state.updateBodyHeight();\n        })\n        .catch((err) => (data.error = err));\n    },\n    { immediate: true },\n  );\n\n  const settings = computed(() => {\n    return props.settings;\n  });\n\n  const columnsWidth = computed(() => {\n    return data.columns.reduce((acc, col) => acc + col.width + GAP, 0);\n  });\n\n  const maxScrollTop = computed(() =>\n    tap(state.data.dataHeight - state.data.bodyHeight, (v) => (v > 0 ? v : 0)),\n  );\n  const maxScrollLeft = computed(() =>\n    tap(columnsWidth.value - state.data.bodyWidth, (v) => (v > 0 ? v : 0)),\n  );\n\n  const dataDimensions = computed<DataWindow & { current?: DataWindow }>(() => {\n    return {\n      bodyHeight: data.bodyHeight,\n      scrollTop: data.scrollTop,\n      current: data.currentWindow,\n    };\n  });\n\n  const tableColumns = useTableColumns({\n    data,\n    settings,\n  });\n\n  const tableRows = useTableRows(data, tableColumns);\n\n  const adjustWidth = () => {\n    const newWidth = data.columns.reduce((acc, col) => acc + col.width + GAP, 0);\n\n    const rightOffset = data.bodyWidth + data.scrollLeft;\n\n    if (newWidth < rightOffset) {\n      const last = data.columns[data.columns.length - 1];\n      last.width = last.width + (rightOffset - newWidth);\n    }\n  };\n\n  const state = {\n    data,\n    settings,\n    tableColumns,\n    tableRows,\n    adjustWidth,\n    updateOffsets(ev: { deltaY: number; deltaX: number }) {\n      this.updateScrollTop(data.scrollTop + ev.deltaY);\n      this.updateScrollLeft(data.scrollLeft + ev.deltaX);\n    },\n    getSelectedRows(): Row[] {\n      return data.rows.filter((row) => data.selectedRows.has(row.primaryKey));\n    },\n    getSelectedColumns(): ColumnSpecSettings[] {\n      return data.columns.filter((col) => data.selectedColumns.has(col.id));\n    },\n    selectRow(rowId: PrimaryKey) {\n      data.selectedRows.add(rowId);\n    },\n    unselectRow(rowId: PrimaryKey) {\n      data.selectedRows.delete(rowId);\n    },\n    selectColumn(columnId: string) {\n      data.selectedColumns.add(columnId);\n    },\n    unselectColumn(columnId: string) {\n      data.selectedColumns.delete(columnId);\n    },\n    updateScrollTop(scrollTop: number) {\n      data.scrollTop = clamp(scrollTop, 0, maxScrollTop.value);\n    },\n    updateScrollLeft(scrollLeft: number) {\n      data.scrollLeft = clamp(scrollLeft, 0, maxScrollLeft.value);\n    },\n    updateBodyHeight() {\n      const { height } = props.settings;\n      const { dataHeight } = data;\n      const bodyHeight = height > dataHeight ? dataHeight : height;\n      data.bodyHeight = bodyHeight;\n    },\n    updateDimensions(rect: { height: number; width: number }) {\n      this.updateBodyHeight();\n      state.data.bodyWidth = rect.width;\n      state.adjustWidth();\n      data.rows = [];\n      data.currentWindow = undefined;\n    },\n  };\n\n  watch(\n    dataDimensions,\n    (n, _o) => {\n      const current = n.current;\n\n      const needToLoad =\n        !current ||\n        n.scrollTop < current.scrollTop ||\n        n.scrollTop + n.bodyHeight > current.bodyHeight + current.scrollTop;\n\n      if (needToLoad) {\n        data.currentWindow = {\n          scrollTop: n.scrollTop - WINDOW_DELTA,\n          bodyHeight: n.bodyHeight + WINDOW_DELTA * 2,\n        };\n        loadRows(deepClone(data.currentWindow), settings.value.dataSource).then(\n          ({ rows, dataWindow }) => {\n            if (deepEqual(data.currentWindow, dataWindow)) {\n              data.rows = rows;\n            }\n          },\n        );\n      }\n    },\n    { deep: true, immediate: true },\n  );\n\n  provide(stateKey, state);\n\n  return state;\n}\n\nexport type State = ReturnType<typeof createState>;\n"],"mappings":"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"}
+{"version":3,"file":"state.js","names":["loadRows","dataWindow","delay","resolveAwaited","dataSource","scrollTop","bodyHeight","createState","data","reactive","props","deepClone","newSettings","dataHeight","state","err","settings","computed","columnsWidth","acc","col","maxScrollTop","tap","v","maxScrollLeft","dataDimensions","tableColumns","useTableColumns","useTableRows","newWidth","rightOffset","last","ev","row","rowId","columnId","clamp","scrollLeft","height","rect","watch","current","n","deepEqual","rows","provide","stateKey"],"sources":["../../../src/components/DataTable/state.ts"],"sourcesContent":["import { computed, provide, reactive, watch } from \"vue\";\nimport type {\n  TableProps,\n  TableData,\n  DataWindow,\n  PrimaryKey,\n  Row,\n  ColumnSpecSettings,\n  DataSource,\n} from \"./types\";\nimport { deepClone, deepEqual } from \"@milaboratories/helpers\";\nimport { stateKey } from \"./keys\";\nimport { clamp, delay, resolveAwaited, tap } from \"@milaboratories/helpers\";\nimport { useTableColumns } from \"./composition/useTableColumns\";\nimport { useTableRows } from \"./composition/useTableRows\";\nimport { GAP, WINDOW_DELTA } from \"./constants\";\n\nconst loadRows = async (\n  dataWindow: { scrollTop: number; bodyHeight: number },\n  dataSource: DataSource,\n) => {\n  const { scrollTop, bodyHeight } = dataWindow;\n\n  await delay(0);\n\n  return resolveAwaited({\n    rows: dataSource.getRows(scrollTop, bodyHeight),\n    dataWindow,\n  });\n};\n\nexport function createState(props: TableProps) {\n  const data = reactive<TableData>({\n    rowIndex: -1,\n    columns: [],\n    pendingLoads: 0,\n    currentWindow: undefined,\n    rows: [],\n    resize: false,\n    resizeTh: undefined,\n    dataHeight: 0,\n    bodyHeight: props.settings.height,\n    bodyWidth: 0,\n    scrollTop: 0,\n    scrollLeft: 0,\n    selectedRows: new Set<PrimaryKey>(),\n    selectedColumns: new Set<string>(),\n  });\n\n  watch(\n    () => props.settings,\n    (newSettings) => {\n      data.columns = deepClone(newSettings.columns);\n      data.currentWindow = undefined;\n      newSettings.dataSource\n        .getHeight()\n        .then((dataHeight) => {\n          data.dataHeight = dataHeight;\n          state.updateBodyHeight();\n        })\n        .catch((err) => (data.error = err));\n    },\n    { immediate: true },\n  );\n\n  const settings = computed(() => {\n    return props.settings;\n  });\n\n  const columnsWidth = computed(() => {\n    return data.columns.reduce((acc, col) => acc + col.width + GAP, 0);\n  });\n\n  const maxScrollTop = computed(() =>\n    tap(state.data.dataHeight - state.data.bodyHeight, (v) => (v > 0 ? v : 0)),\n  );\n  const maxScrollLeft = computed(() =>\n    tap(columnsWidth.value - state.data.bodyWidth, (v) => (v > 0 ? v : 0)),\n  );\n\n  const dataDimensions = computed<DataWindow & { current?: DataWindow }>(() => {\n    return {\n      bodyHeight: data.bodyHeight,\n      scrollTop: data.scrollTop,\n      current: data.currentWindow,\n    };\n  });\n\n  const tableColumns = useTableColumns({\n    data,\n    settings,\n  });\n\n  const tableRows = useTableRows(data, tableColumns);\n\n  const adjustWidth = () => {\n    const newWidth = data.columns.reduce((acc, col) => acc + col.width + GAP, 0);\n\n    const rightOffset = data.bodyWidth + data.scrollLeft;\n\n    if (newWidth < rightOffset) {\n      const last = data.columns[data.columns.length - 1];\n      last.width = last.width + (rightOffset - newWidth);\n    }\n  };\n\n  const state = {\n    data,\n    settings,\n    tableColumns,\n    tableRows,\n    adjustWidth,\n    updateOffsets(ev: { deltaY: number; deltaX: number }) {\n      this.updateScrollTop(data.scrollTop + ev.deltaY);\n      this.updateScrollLeft(data.scrollLeft + ev.deltaX);\n    },\n    getSelectedRows(): Row[] {\n      return data.rows.filter((row) => data.selectedRows.has(row.primaryKey));\n    },\n    getSelectedColumns(): ColumnSpecSettings[] {\n      return data.columns.filter((col) => data.selectedColumns.has(col.id));\n    },\n    selectRow(rowId: PrimaryKey) {\n      data.selectedRows.add(rowId);\n    },\n    unselectRow(rowId: PrimaryKey) {\n      data.selectedRows.delete(rowId);\n    },\n    selectColumn(columnId: string) {\n      data.selectedColumns.add(columnId);\n    },\n    unselectColumn(columnId: string) {\n      data.selectedColumns.delete(columnId);\n    },\n    updateScrollTop(scrollTop: number) {\n      data.scrollTop = clamp(scrollTop, 0, maxScrollTop.value);\n    },\n    updateScrollLeft(scrollLeft: number) {\n      data.scrollLeft = clamp(scrollLeft, 0, maxScrollLeft.value);\n    },\n    updateBodyHeight() {\n      const { height } = props.settings;\n      const { dataHeight } = data;\n      const bodyHeight = height > dataHeight ? dataHeight : height;\n      data.bodyHeight = bodyHeight;\n    },\n    updateDimensions(rect: { height: number; width: number }) {\n      this.updateBodyHeight();\n      state.data.bodyWidth = rect.width;\n      state.adjustWidth();\n      data.rows = [];\n      data.currentWindow = undefined;\n    },\n  };\n\n  watch(\n    dataDimensions,\n    (n, _o) => {\n      const current = n.current;\n\n      const needToLoad =\n        !current ||\n        n.scrollTop < current.scrollTop ||\n        n.scrollTop + n.bodyHeight > current.bodyHeight + current.scrollTop;\n\n      if (needToLoad) {\n        data.currentWindow = {\n          scrollTop: n.scrollTop - WINDOW_DELTA,\n          bodyHeight: n.bodyHeight + WINDOW_DELTA * 2,\n        };\n        loadRows(deepClone(data.currentWindow), settings.value.dataSource).then(\n          ({ rows, dataWindow }) => {\n            if (deepEqual(data.currentWindow, dataWindow)) {\n              data.rows = rows;\n            }\n          },\n        );\n      }\n    },\n    { deep: true, immediate: true },\n  );\n\n  provide(stateKey, state);\n\n  return state;\n}\n\nexport type State = ReturnType<typeof createState>;\n"],"mappings":"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"}

package/dist/components/DropdownListItem.js

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

package/dist/components/DropdownListItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"DropdownListItem.js","names":[],"sources":["../../src/components/DropdownListItem.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from \"vue\";\nimport CheckboxUncheckedSvg from \"../assets/images/24_checkbox-light-enabled-unchecked.svg?raw\";\nimport CheckboxCheckedSvg from \"../assets/images/24_checkbox-light-enabled-checked.svg?raw\";\nimport type { ListOptionNormalized } from \"../types\";\nimport { PlColumnLabel } from \"./PlColumnLabel\";\n\nconst props = withDefaults(\n  defineProps<{\n    option: ListOptionNormalized;\n    isSelected: boolean;\n    size: \"small\" | \"medium\";\n    isHovered: boolean;\n    useCheckbox?: boolean;\n  }>(),\n  {\n    size: \"small\",\n    isSelected: false,\n    isHovered: false,\n    useCheckbox: false,\n  },\n);\n\nconst classes = computed<string>(() => {\n  const classItems: string[] = [];\n  if (props.size === \"small\") {\n    classItems.push(\"dropdown-list-item__small\");\n  }\n  if (props.isSelected) {\n    classItems.push(\"dropdown-list-item__selected\");\n  }\n  if (props.isHovered) {\n    classItems.push(\"hovered-item\");\n  }\n  return classItems.join(\" \");\n});\n\nconst checkboxClasses = computed(() => {\n  const classes: string[] = [\"dropdown-list-item__checkbox\", \"flex-self-start\"];\n  if (props.isSelected) {\n    classes.push(\"checked\");\n  }\n  return classes.join(\" \");\n});\n\n// Why??\nconst checkboxSvg = computed(() => (props.isSelected ? CheckboxCheckedSvg : CheckboxUncheckedSvg));\n</script>\n\n<template>\n  <div :class=\"classes\" class=\"dropdown-list-item\" data-testid=\"pl-dropdown-list-item\">\n    <!-- eslint-disable vue/no-v-html -->\n    <div\n      v-if=\"props.useCheckbox\"\n      :class=\"checkboxClasses\"\n      data-testid=\"pl-dropdown-list-item-checkbox\"\n      v-html=\"checkboxSvg\"\n    />\n    <!--eslint-enable-->\n    <div class=\"dropdown-list-item__title-container\">\n      <div class=\"dropdown-list-item__title text-s\" data-testid=\"pl-dropdown-list-item-title\">\n        <PlColumnLabel :option=\"option\" />\n      </div>\n      <div\n        v-if=\"option.description\"\n        class=\"dropdown-list-item__description text-description\"\n        data-testid=\"pl-dropdown-list-item-description\"\n      >\n        {{ option.description }}\n      </div>\n    </div>\n    <div\n      v-if=\"!props.useCheckbox && props.isSelected\"\n      class=\"dropdown-list-item__icon flex-self-start\"\n      data-testid=\"pl-dropdown-list-item-selected-icon\"\n    />\n  </div>\n</template>\n"],"mappings":""}
+{"version":3,"file":"DropdownListItem.js","names":["_sfc_main","DropdownListItem_vue_vue_type_script_setup_true_lang_default","DropdownListItem_default"],"sources":["../../src/components/DropdownListItem.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from \"vue\";\nimport CheckboxUncheckedSvg from \"../assets/images/24_checkbox-light-enabled-unchecked.svg?raw\";\nimport CheckboxCheckedSvg from \"../assets/images/24_checkbox-light-enabled-checked.svg?raw\";\nimport type { ListOptionNormalized } from \"../types\";\nimport { PlColumnLabel } from \"./PlColumnLabel\";\n\nconst props = withDefaults(\n  defineProps<{\n    option: ListOptionNormalized;\n    isSelected: boolean;\n    size: \"small\" | \"medium\";\n    isHovered: boolean;\n    useCheckbox?: boolean;\n  }>(),\n  {\n    size: \"small\",\n    isSelected: false,\n    isHovered: false,\n    useCheckbox: false,\n  },\n);\n\nconst classes = computed<string>(() => {\n  const classItems: string[] = [];\n  if (props.size === \"small\") {\n    classItems.push(\"dropdown-list-item__small\");\n  }\n  if (props.isSelected) {\n    classItems.push(\"dropdown-list-item__selected\");\n  }\n  if (props.isHovered) {\n    classItems.push(\"hovered-item\");\n  }\n  return classItems.join(\" \");\n});\n\nconst checkboxClasses = computed(() => {\n  const classes: string[] = [\"dropdown-list-item__checkbox\", \"flex-self-start\"];\n  if (props.isSelected) {\n    classes.push(\"checked\");\n  }\n  return classes.join(\" \");\n});\n\n// Why??\nconst checkboxSvg = computed(() => (props.isSelected ? CheckboxCheckedSvg : CheckboxUncheckedSvg));\n</script>\n\n<template>\n  <div :class=\"classes\" class=\"dropdown-list-item\" data-testid=\"pl-dropdown-list-item\">\n    <!-- eslint-disable vue/no-v-html -->\n    <div\n      v-if=\"props.useCheckbox\"\n      :class=\"checkboxClasses\"\n      data-testid=\"pl-dropdown-list-item-checkbox\"\n      v-html=\"checkboxSvg\"\n    />\n    <!--eslint-enable-->\n    <div class=\"dropdown-list-item__title-container\">\n      <div class=\"dropdown-list-item__title text-s\" data-testid=\"pl-dropdown-list-item-title\">\n        <PlColumnLabel :option=\"option\" />\n      </div>\n      <div\n        v-if=\"option.description\"\n        class=\"dropdown-list-item__description text-description\"\n        data-testid=\"pl-dropdown-list-item-description\"\n      >\n        {{ option.description }}\n      </div>\n    </div>\n    <div\n      v-if=\"!props.useCheckbox && props.isSelected\"\n      class=\"dropdown-list-item__icon flex-self-start\"\n      data-testid=\"pl-dropdown-list-item-selected-icon\"\n    />\n  </div>\n</template>\n"],"mappings":""}

package/dist/components/DropdownListItem.vue2.js

@@ -3,7 +3,7 @@ import t from "../assets/images/24_checkbox-light-enabled-checked.js";
 import n from "./PlColumnLabel/PlColumnLabel.js";
 import "./PlColumnLabel/index.js";
 import { computed as r, createCommentVNode as i, createElementBlock as a, createElementVNode as o, createVNode as s, defineComponent as c, normalizeClass as l, openBlock as u, toDisplayString as d, unref as f } from "vue";
-//#region src/components/DropdownListItem.vue?vue&type=script&setup=true&lang.ts
+// src/components/DropdownListItem.vue?vue&type=script&setup=true&lang.ts
 var p = ["innerHTML"], m = { class: "dropdown-list-item__title-container" }, h = {
 	class: "dropdown-list-item__title text-s",
 	"data-testid": "pl-dropdown-list-item-title"
@@ -15,7 +15,7 @@ var p = ["innerHTML"], m = { class: "dropdown-list-item__title-container" }, h =
 	key: 1,
 	class: "dropdown-list-item__icon flex-self-start",
 	"data-testid": "pl-dropdown-list-item-selected-icon"
-}, v = /* @__PURE__ */ c({
+}, v = /*@__PURE__*/ c({
 	__name: "DropdownListItem",
 	props: {
 		option: {},
@@ -56,7 +56,6 @@ var p = ["innerHTML"], m = { class: "dropdown-list-item__title-container" }, h =
 		], 2));
 	}
 });
-//#endregion
 export { v as default };
 
 //# sourceMappingURL=DropdownListItem.vue2.js.map

package/dist/components/DropdownListItem.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"DropdownListItem.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../src/components/DropdownListItem.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from \"vue\";\nimport CheckboxUncheckedSvg from \"../assets/images/24_checkbox-light-enabled-unchecked.svg?raw\";\nimport CheckboxCheckedSvg from \"../assets/images/24_checkbox-light-enabled-checked.svg?raw\";\nimport type { ListOptionNormalized } from \"../types\";\nimport { PlColumnLabel } from \"./PlColumnLabel\";\n\nconst props = withDefaults(\n  defineProps<{\n    option: ListOptionNormalized;\n    isSelected: boolean;\n    size: \"small\" | \"medium\";\n    isHovered: boolean;\n    useCheckbox?: boolean;\n  }>(),\n  {\n    size: \"small\",\n    isSelected: false,\n    isHovered: false,\n    useCheckbox: false,\n  },\n);\n\nconst classes = computed<string>(() => {\n  const classItems: string[] = [];\n  if (props.size === \"small\") {\n    classItems.push(\"dropdown-list-item__small\");\n  }\n  if (props.isSelected) {\n    classItems.push(\"dropdown-list-item__selected\");\n  }\n  if (props.isHovered) {\n    classItems.push(\"hovered-item\");\n  }\n  return classItems.join(\" \");\n});\n\nconst checkboxClasses = computed(() => {\n  const classes: string[] = [\"dropdown-list-item__checkbox\", \"flex-self-start\"];\n  if (props.isSelected) {\n    classes.push(\"checked\");\n  }\n  return classes.join(\" \");\n});\n\n// Why??\nconst checkboxSvg = computed(() => (props.isSelected ? CheckboxCheckedSvg : CheckboxUncheckedSvg));\n</script>\n\n<template>\n  <div :class=\"classes\" class=\"dropdown-list-item\" data-testid=\"pl-dropdown-list-item\">\n    <!-- eslint-disable vue/no-v-html -->\n    <div\n      v-if=\"props.useCheckbox\"\n      :class=\"checkboxClasses\"\n      data-testid=\"pl-dropdown-list-item-checkbox\"\n      v-html=\"checkboxSvg\"\n    />\n    <!--eslint-enable-->\n    <div class=\"dropdown-list-item__title-container\">\n      <div class=\"dropdown-list-item__title text-s\" data-testid=\"pl-dropdown-list-item-title\">\n        <PlColumnLabel :option=\"option\" />\n      </div>\n      <div\n        v-if=\"option.description\"\n        class=\"dropdown-list-item__description text-description\"\n        data-testid=\"pl-dropdown-list-item-description\"\n      >\n        {{ option.description }}\n      </div>\n    </div>\n    <div\n      v-if=\"!props.useCheckbox && props.isSelected\"\n      class=\"dropdown-list-item__icon flex-self-start\"\n      data-testid=\"pl-dropdown-list-item-selected-icon\"\n    />\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAOA,IAAM,IAAQ,GAgBR,IAAU,QAAuB;GACrC,IAAM,IAAuB,EAAE;AAU/B,UATI,EAAM,SAAS,WACjB,EAAW,KAAK,4BAA4B,EAE1C,EAAM,cACR,EAAW,KAAK,+BAA+B,EAE7C,EAAM,aACR,EAAW,KAAK,eAAe,EAE1B,EAAW,KAAK,IAAI;IAC3B,EAEI,IAAkB,QAAe;GACrC,IAAM,IAAoB,CAAC,gCAAgC,kBAAkB;AAI7E,UAHI,EAAM,cACR,EAAQ,KAAK,UAAU,EAElB,EAAQ,KAAK,IAAI;IACxB,EAGI,IAAc,QAAgB,EAAM,aAAa,IAAqB,EAAsB;yBAIhG,EA0BM,OAAA;GA1BA,OAAK,EAAA,CAAE,EAAA,OAAe,qBAAoB,CAAA;GAAC,eAAY;;GAGnD,EAAM,eAAA,GAAA,EADd,EAKE,OAAA;;IAHC,OAAK,EAAE,EAAA,MAAe;IACvB,eAAY;IACZ,WAAQ,EAAA;;GAGV,EAWM,OAXN,GAWM,CAVJ,EAEM,OAFN,GAEM,CADJ,EAAkC,EAAA,EAAA,EAAA,EAAlB,QAAQ,EAAA,QAAM,EAAA,MAAA,GAAA,CAAA,SAAA,CAAA,CAAA,CAAA,EAGxB,EAAA,OAAO,eAAA,GAAA,EADf,EAMM,OANN,GAMM,EADD,EAAA,OAAO,YAAW,EAAA,EAAA,IAAA,EAAA,IAAA,GAAA,CAAA,CAAA;IAIhB,EAAM,eAAe,EAAM,cAAA,GAAA,EADpC,EAIE,OAJF,EAIE,IAAA,EAAA,IAAA,GAAA"}
+{"version":3,"file":"DropdownListItem.vue_vue_type_script_setup_true_lang.js","names":["CheckboxCheckedSvg","CheckboxUncheckedSvg","_openBlock","_createElementBlock","_normalizeClass","_createCommentVNode","_createElementVNode","_createVNode","_unref","PlColumnLabel","_toDisplayString","_24_checkbox_light_enabled_unchecked_default","_24_checkbox_light_enabled_checked_default","PlColumnLabel_default","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","DropdownListItem_vue_vue_type_script_setup_true_lang_default","props","__props","classes","computed","classItems","checkboxClasses","checkboxSvg","openBlock","createElementBlock","normalizeClass","createCommentVNode","createElementVNode","createVNode","unref","toDisplayString"],"sources":["../../src/components/DropdownListItem.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from \"vue\";\nimport CheckboxUncheckedSvg from \"../assets/images/24_checkbox-light-enabled-unchecked.svg?raw\";\nimport CheckboxCheckedSvg from \"../assets/images/24_checkbox-light-enabled-checked.svg?raw\";\nimport type { ListOptionNormalized } from \"../types\";\nimport { PlColumnLabel } from \"./PlColumnLabel\";\n\nconst props = withDefaults(\n  defineProps<{\n    option: ListOptionNormalized;\n    isSelected: boolean;\n    size: \"small\" | \"medium\";\n    isHovered: boolean;\n    useCheckbox?: boolean;\n  }>(),\n  {\n    size: \"small\",\n    isSelected: false,\n    isHovered: false,\n    useCheckbox: false,\n  },\n);\n\nconst classes = computed<string>(() => {\n  const classItems: string[] = [];\n  if (props.size === \"small\") {\n    classItems.push(\"dropdown-list-item__small\");\n  }\n  if (props.isSelected) {\n    classItems.push(\"dropdown-list-item__selected\");\n  }\n  if (props.isHovered) {\n    classItems.push(\"hovered-item\");\n  }\n  return classItems.join(\" \");\n});\n\nconst checkboxClasses = computed(() => {\n  const classes: string[] = [\"dropdown-list-item__checkbox\", \"flex-self-start\"];\n  if (props.isSelected) {\n    classes.push(\"checked\");\n  }\n  return classes.join(\" \");\n});\n\n// Why??\nconst checkboxSvg = computed(() => (props.isSelected ? CheckboxCheckedSvg : CheckboxUncheckedSvg));\n</script>\n\n<template>\n  <div :class=\"classes\" class=\"dropdown-list-item\" data-testid=\"pl-dropdown-list-item\">\n    <!-- eslint-disable vue/no-v-html -->\n    <div\n      v-if=\"props.useCheckbox\"\n      :class=\"checkboxClasses\"\n      data-testid=\"pl-dropdown-list-item-checkbox\"\n      v-html=\"checkboxSvg\"\n    />\n    <!--eslint-enable-->\n    <div class=\"dropdown-list-item__title-container\">\n      <div class=\"dropdown-list-item__title text-s\" data-testid=\"pl-dropdown-list-item-title\">\n        <PlColumnLabel :option=\"option\" />\n      </div>\n      <div\n        v-if=\"option.description\"\n        class=\"dropdown-list-item__description text-description\"\n        data-testid=\"pl-dropdown-list-item-description\"\n      >\n        {{ option.description }}\n      </div>\n    </div>\n    <div\n      v-if=\"!props.useCheckbox && props.isSelected\"\n      class=\"dropdown-list-item__icon flex-self-start\"\n      data-testid=\"pl-dropdown-list-item-selected-icon\"\n    />\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAOA,IAAMoB,IAAQC,GAgBRC,IAAUC,QAAuB;GACrC,IAAMC,IAAuB,CAAC;GAU9B,OATIJ,EAAM,SAAS,WACjBI,EAAW,KAAK,2BAA2B,GAEzCJ,EAAM,cACRI,EAAW,KAAK,8BAA8B,GAE5CJ,EAAM,aACRI,EAAW,KAAK,cAAc,GAEzBA,EAAW,KAAK,GAAG;EAC5B,CAAC,GAEKC,IAAkBF,QAAe;GACrC,IAAMD,IAAoB,CAAC,gCAAgC,iBAAiB;GAI5E,OAHIF,EAAM,cACRE,EAAQ,KAAK,SAAS,GAEjBA,EAAQ,KAAK,GAAG;EACzB,CAAC,GAGKI,IAAcH,QAAgBH,EAAM,aAAapB,IAAqBC,CAAqB;E,kBAI/FC,EAAA,GAAAC,EA0BM,OAAA;GA1BA,OAAKC,EAAA,CAAEkB,EAAA,OAAe,oBAAoB,CAAA;GAAC,eAAY;;GAGnDF,EAAM,eADdlB,EAAA,GAAAC,EAKE,OAAA;;IAHC,OAAKC,EAAEqB,EAAA,KAAe;IACvB,eAAY;IACZ,WAAQC,EAAA;;GAGVpB,EAWM,OAXNS,GAWM,CAVJT,EAEM,OAFNU,GAEM,CADJT,EAAkCC,EAAAC,CAAA,GAAA,EAAlB,QAAQY,EAAA,OAAM,GAAA,MAAA,GAAA,CAAA,QAAA,CAAA,C,IAGxBA,EAAA,OAAO,eADfnB,EAAA,GAAAC,EAMM,OANNc,GAMMP,EADDW,EAAA,OAAO,WAAW,GAAA,CAAA,K;GAIhB,CAAAD,EAAM,eAAeA,EAAM,cADpClB,EAAA,GAAAC,EAIE,OAJFe,CAIE,K"}

package/dist/components/GridTable/AddColumnBtn.vue.d.ts

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

package/dist/components/GridTable/AddColumnBtn.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AddColumnBtn.vue.d.ts","sourceRoot":"","sources":["../../../src/components/GridTable/AddColumnBtn.vue"],"names":[],"mappings":"AAwBA,QAAA,MAAM,YAAY,+QAChB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}

package/dist/components/GridTable/TRow.vue.d.ts

@@ -0,0 +1,19 @@
+type __VLS_Props = {
+    index: number;
+    visible: boolean;
+    height: number;
+};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+//# sourceMappingURL=TRow.vue.d.ts.map

package/dist/components/GridTable/TRow.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TRow.vue.d.ts","sourceRoot":"","sources":["../../../src/components/GridTable/TRow.vue"],"names":[],"mappings":"AAgBA,KAAK,WAAW,GAAG;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,OAAO,CAAC;IACjB,MAAM,EAAE,MAAM,CAAC;CAChB,CAAC;AA0BF,QAAA,IAAI,OAAO,IAAW,CAAE;AACxB,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,CAAC;AAK/C,QAAA,MAAM,UAAU,kSAEd,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AACzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}

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

@@ -0,0 +1,26 @@
+import { CellEvent, CellProps, ShowContextOptions } from './types';
+type __VLS_Props = {
+    cell: CellProps;
+    showContextOptions?: ShowContextOptions;
+    cellEvents?: CellEvent[];
+};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "delete:row": (...args: any[]) => void;
+    "update:value": (...args: any[]) => void;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onDelete:row"?: ((...args: any[]) => any) | undefined;
+    "onUpdate:value"?: ((...args: any[]) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+//# sourceMappingURL=TdCell.vue.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TdCell.vue.d.ts","sourceRoot":"","sources":["../../../src/components/GridTable/TdCell.vue"],"names":[],"mappings":"AA2EA,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAKxE,KAAK,WAAW,GAAG;IACjB,IAAI,EAAE,SAAS,CAAC;IAChB,kBAAkB,CAAC,EAAE,kBAAkB,CAAC;IACxC,UAAU,CAAC,EAAE,SAAS,EAAE,CAAC;CAC1B,CAAC;AAgGF,QAAA,IAAI,OAAO,IAAW,CAAE;AACxB,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,CAAC;AAO/C,QAAA,MAAM,UAAU;;;;;;kFAGd,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AACzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"ThCell.vue.d.ts","sourceRoot":"","sources":["../../../src/components/GridTable/ThCell.vue"],"names":[],"mappings":"AA6DA,OAAO,KAAK,EAAE,WAAW,EAAE,cAAc,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAI/E,KAAK,WAAW,GAAG;IACjB,GAAG,EAAE,cAAc,CAAC;IACpB,kBAAkB,CAAC,EAAE,kBAAkB,CAAC;IACxC,YAAY,CAAC,EAAE,WAAW,EAAE,CAAC;CAC9B,CAAC;AAiFF,QAAA,MAAM,YAAY;;;;;;;;kFAGhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"TableIcon.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/GridTable/assets/TableIcon.vue"],"names":[],"mappings":"AAgDA,QAAA,MAAM,YAAY,+QAChB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}

package/dist/components/GridTable/index.vue.d.ts

@@ -0,0 +1,46 @@
+import { Settings } from './types';
+type __VLS_Props = {
+    settings: Settings;
+};
+declare var __VLS_39: string, __VLS_40: {
+    colName: string;
+    rowIndex: number;
+    value: unknown;
+    class: string;
+    slot: boolean | undefined;
+    editable: boolean | undefined;
+}, __VLS_42: {
+    colName: string;
+    rowIndex: number;
+    value: unknown;
+    class: string;
+    slot: boolean | undefined;
+    editable: boolean | undefined;
+};
+type __VLS_Slots = {} & {
+    [K in NonNullable<typeof __VLS_39>]?: (props: typeof __VLS_40) => any;
+} & {
+    default?: (props: typeof __VLS_42) => any;
+};
+declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "delete:column": (...args: any[]) => void;
+    "change:sort": (...args: any[]) => void;
+    "delete:row": (...args: any[]) => void;
+    "update:value": (...args: any[]) => void;
+    "click:cell": (...args: any[]) => void;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onDelete:column"?: ((...args: any[]) => any) | undefined;
+    "onChange:sort"?: ((...args: any[]) => any) | undefined;
+    "onDelete:row"?: ((...args: any[]) => any) | undefined;
+    "onUpdate:value"?: ((...args: any[]) => any) | undefined;
+    "onClick:cell"?: ((...args: any[]) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+//# sourceMappingURL=index.vue.d.ts.map

package/dist/components/GridTable/index.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.vue.d.ts","sourceRoot":"","sources":["../../../src/components/GridTable/index.vue"],"names":[],"mappings":"AA0PA,OAAO,qBAAqB,CAAC;AAG7B,OAAO,KAAK,EAAE,QAAQ,EAAQ,MAAM,SAAS,CAAC;AAmB9C,KAAK,WAAW,GAAG;IACjB,QAAQ,EAAE,QAAQ,CAAC;CACpB,CAAC;AAyYF,QAAA,IAAI,QAAQ,QAAW,EAAE,QAAQ;;;;;;;CAAW,EAAE,QAAQ;;;;;;;CAAY,CAAE;AACpE,KAAK,WAAW,GAAG,EAAE,GACnB;KAAG,CAAC,IAAI,WAAW,CAAC,OAAO,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG;CAAE,GACzE;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,CAAC;AAShD,QAAA,MAAM,UAAU;;;;;;;;;;;;kFAGd,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AACzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}

package/dist/components/HScroll.js

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

package/dist/components/HScroll.js.map

@@ -1 +1 @@
-{"version":3,"file":"HScroll.js","names":[],"sources":["../../src/components/HScroll.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { computed, ref, unref } from \"vue\";\nimport { useEventListener } from \"../composition/useEventListener\";\nimport { eventListener } from \"../helpers/dom\";\n\nconst emit = defineEmits([\"update:scrollLeft\"]);\n\nconst props = defineProps<{\n  scrollLeft: number;\n  clientWidth: number;\n  scrollWidth: number;\n}>();\n\nconst scrollRef = ref<EventTarget>();\n\nconst ratioRef = computed(() => props.clientWidth / (props.scrollWidth || 1));\n\nconst visibleRef = computed(() => {\n  return ratioRef.value < 1;\n});\n\nconst scrollbarStyle = computed(() => {\n  const ratio = unref(ratioRef);\n  return {\n    left: props.scrollLeft * ratio + \"px\",\n    width: Math.floor(props.clientWidth * ratio) + \"px\",\n  };\n});\n\nuseEventListener(scrollRef, \"pointerdown\", (down: PointerEvent) => {\n  const s = {\n    clientX: down.clientX,\n  };\n\n  const update = (e: MouseEvent) => {\n    const dy = (e.clientX - s.clientX) / ratioRef.value;\n    emit(\"update:scrollLeft\", props.scrollLeft + dy);\n    s.clientX = e.clientX;\n  };\n\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  const removePointerMove = eventListener(document as any, \"mousemove\", update);\n\n  [\"mouseup\", \"pointercancel\"].forEach((eventType) => {\n    document.addEventListener(eventType, removePointerMove, { once: true });\n  });\n});\n</script>\n\n<template>\n  <div v-if=\"visibleRef\" ref=\"scrollRef\" class=\"h-scroll\">\n    <div class=\"h-scroll__scrollbar\" :style=\"scrollbarStyle\" />\n  </div>\n</template>\n"],"mappings":""}
+{"version":3,"file":"HScroll.js","names":["_sfc_main","HScroll_vue_vue_type_script_setup_true_lang_default","HScroll_default"],"sources":["../../src/components/HScroll.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { computed, ref, unref } from \"vue\";\nimport { useEventListener } from \"../composition/useEventListener\";\nimport { eventListener } from \"../helpers/dom\";\n\nconst emit = defineEmits([\"update:scrollLeft\"]);\n\nconst props = defineProps<{\n  scrollLeft: number;\n  clientWidth: number;\n  scrollWidth: number;\n}>();\n\nconst scrollRef = ref<EventTarget>();\n\nconst ratioRef = computed(() => props.clientWidth / (props.scrollWidth || 1));\n\nconst visibleRef = computed(() => {\n  return ratioRef.value < 1;\n});\n\nconst scrollbarStyle = computed(() => {\n  const ratio = unref(ratioRef);\n  return {\n    left: props.scrollLeft * ratio + \"px\",\n    width: Math.floor(props.clientWidth * ratio) + \"px\",\n  };\n});\n\nuseEventListener(scrollRef, \"pointerdown\", (down: PointerEvent) => {\n  const s = {\n    clientX: down.clientX,\n  };\n\n  const update = (e: MouseEvent) => {\n    const dy = (e.clientX - s.clientX) / ratioRef.value;\n    emit(\"update:scrollLeft\", props.scrollLeft + dy);\n    s.clientX = e.clientX;\n  };\n\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  const removePointerMove = eventListener(document as any, \"mousemove\", update);\n\n  [\"mouseup\", \"pointercancel\"].forEach((eventType) => {\n    document.addEventListener(eventType, removePointerMove, { once: true });\n  });\n});\n</script>\n\n<template>\n  <div v-if=\"visibleRef\" ref=\"scrollRef\" class=\"h-scroll\">\n    <div class=\"h-scroll__scrollbar\" :style=\"scrollbarStyle\" />\n  </div>\n</template>\n"],"mappings":""}

package/dist/components/HScroll.vue2.js

@@ -1,8 +1,8 @@
 import { useEventListener as e } from "../composition/useEventListener.js";
 import { eventListener as t } from "../helpers/dom.js";
 import { computed as n, createCommentVNode as r, createElementBlock as i, createElementVNode as a, defineComponent as o, normalizeStyle as s, openBlock as c, ref as l, unref as u } from "vue";
-//#region src/components/HScroll.vue?vue&type=script&setup=true&lang.ts
-var d = /* @__PURE__ */ o({
+// src/components/HScroll.vue?vue&type=script&setup=true&lang.ts
+var d = /*@__PURE__*/ o({
 	__name: "HScroll",
 	props: {
 		scrollLeft: {},
@@ -37,7 +37,6 @@ var d = /* @__PURE__ */ o({
 		}, null, 4)], 512)) : r("", !0);
 	}
 });
-//#endregion
 export { d as default };
 
 //# sourceMappingURL=HScroll.vue2.js.map

package/dist/components/HScroll.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"HScroll.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../src/components/HScroll.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { computed, ref, unref } from \"vue\";\nimport { useEventListener } from \"../composition/useEventListener\";\nimport { eventListener } from \"../helpers/dom\";\n\nconst emit = defineEmits([\"update:scrollLeft\"]);\n\nconst props = defineProps<{\n  scrollLeft: number;\n  clientWidth: number;\n  scrollWidth: number;\n}>();\n\nconst scrollRef = ref<EventTarget>();\n\nconst ratioRef = computed(() => props.clientWidth / (props.scrollWidth || 1));\n\nconst visibleRef = computed(() => {\n  return ratioRef.value < 1;\n});\n\nconst scrollbarStyle = computed(() => {\n  const ratio = unref(ratioRef);\n  return {\n    left: props.scrollLeft * ratio + \"px\",\n    width: Math.floor(props.clientWidth * ratio) + \"px\",\n  };\n});\n\nuseEventListener(scrollRef, \"pointerdown\", (down: PointerEvent) => {\n  const s = {\n    clientX: down.clientX,\n  };\n\n  const update = (e: MouseEvent) => {\n    const dy = (e.clientX - s.clientX) / ratioRef.value;\n    emit(\"update:scrollLeft\", props.scrollLeft + dy);\n    s.clientX = e.clientX;\n  };\n\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  const removePointerMove = eventListener(document as any, \"mousemove\", update);\n\n  [\"mouseup\", \"pointercancel\"].forEach((eventType) => {\n    document.addEventListener(eventType, removePointerMove, { once: true });\n  });\n});\n</script>\n\n<template>\n  <div v-if=\"visibleRef\" ref=\"scrollRef\" class=\"h-scroll\">\n    <div class=\"h-scroll__scrollbar\" :style=\"scrollbarStyle\" />\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;EAKA,IAAM,IAAO,GAEP,IAAQ,GAMR,IAAY,GAAkB,EAE9B,IAAW,QAAe,EAAM,eAAe,EAAM,eAAe,GAAG,EAEvE,IAAa,QACV,EAAS,QAAQ,EACxB,EAEI,IAAiB,QAAe;GACpC,IAAM,IAAQ,EAAM,EAAS;AAC7B,UAAO;IACL,MAAM,EAAM,aAAa,IAAQ;IACjC,OAAO,KAAK,MAAM,EAAM,cAAc,EAAM,GAAG;IAChD;IACD;SAEF,EAAiB,GAAW,gBAAgB,MAAuB;GACjE,IAAM,IAAI,EACR,SAAS,EAAK,SACf,EASK,IAAoB,EAAc,UAAiB,cAPzC,MAAkB;IAChC,IAAM,KAAM,EAAE,UAAU,EAAE,WAAW,EAAS;AAE9C,IADA,EAAK,qBAAqB,EAAM,aAAa,EAAG,EAChD,EAAE,UAAU,EAAE;KAI6D;AAE7E,IAAC,WAAW,gBAAgB,CAAC,SAAS,MAAc;AAClD,aAAS,iBAAiB,GAAW,GAAmB,EAAE,MAAM,IAAM,CAAC;KACvE;IACF,YAIW,EAAA,SAAA,GAAA,EAAX,EAEM,OAAA;;YAFqB;GAAJ,KAAI;GAAY,OAAM;MAC3C,EAA2D,OAAA;GAAtD,OAAM;GAAuB,OAAK,EAAE,EAAA,MAAc"}
+{"version":3,"file":"HScroll.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createElementBlock","_createElementVNode","_normalizeStyle","_createCommentVNode","HScroll_vue_vue_type_script_setup_true_lang_default","__emit","emit","props","__props","scrollRef","ref","ratioRef","computed","visibleRef","scrollbarStyle","ratio","unref","useEventListener","s","down","removePointerMove","eventListener","dy","eventType","openBlock","createElementBlock","createElementVNode","normalizeStyle","createCommentVNode"],"sources":["../../src/components/HScroll.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { computed, ref, unref } from \"vue\";\nimport { useEventListener } from \"../composition/useEventListener\";\nimport { eventListener } from \"../helpers/dom\";\n\nconst emit = defineEmits([\"update:scrollLeft\"]);\n\nconst props = defineProps<{\n  scrollLeft: number;\n  clientWidth: number;\n  scrollWidth: number;\n}>();\n\nconst scrollRef = ref<EventTarget>();\n\nconst ratioRef = computed(() => props.clientWidth / (props.scrollWidth || 1));\n\nconst visibleRef = computed(() => {\n  return ratioRef.value < 1;\n});\n\nconst scrollbarStyle = computed(() => {\n  const ratio = unref(ratioRef);\n  return {\n    left: props.scrollLeft * ratio + \"px\",\n    width: Math.floor(props.clientWidth * ratio) + \"px\",\n  };\n});\n\nuseEventListener(scrollRef, \"pointerdown\", (down: PointerEvent) => {\n  const s = {\n    clientX: down.clientX,\n  };\n\n  const update = (e: MouseEvent) => {\n    const dy = (e.clientX - s.clientX) / ratioRef.value;\n    emit(\"update:scrollLeft\", props.scrollLeft + dy);\n    s.clientX = e.clientX;\n  };\n\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  const removePointerMove = eventListener(document as any, \"mousemove\", update);\n\n  [\"mouseup\", \"pointercancel\"].forEach((eventType) => {\n    document.addEventListener(eventType, removePointerMove, { once: true });\n  });\n});\n</script>\n\n<template>\n  <div v-if=\"visibleRef\" ref=\"scrollRef\" class=\"h-scroll\">\n    <div class=\"h-scroll__scrollbar\" :style=\"scrollbarStyle\" />\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;EAKA,IAAMO,IAAOD,GAEPE,IAAQC,GAMRC,IAAYC,EAAiB,GAE7BC,IAAWC,QAAeL,EAAM,eAAeA,EAAM,eAAe,EAAE,GAEtEM,IAAaD,QACVD,EAAS,QAAQ,CACzB,GAEKG,IAAiBF,QAAe;GACpC,IAAMG,IAAQC,EAAML,CAAQ;GAC5B,OAAO;IACL,MAAMJ,EAAM,aAAaQ,IAAQ;IACjC,OAAO,KAAK,MAAMR,EAAM,cAAcQ,CAAK,IAAI;GACjD;EACF,CAAC;E,OAEDE,EAAiBR,GAAW,gBAAgB,MAAuB;GACjE,IAAMS,IAAI,EACR,SAASC,EAAK,QAChB,GASMC,IAAoBC,EAAc,UAAiB,cAPzC,MAAkB;IAChC,IAAMC,KAAM,EAAE,UAAUJ,EAAE,WAAWP,EAAS;IAE9C,AADAL,EAAK,qBAAqBC,EAAM,aAAae,CAAE,GAC/C,EAAE,UAAU,EAAE;GAChB,CAG4E;GAE5E,CAAC,WAAW,eAAe,CAAC,CAAC,SAAS,MAAc;IAClD,SAAS,iBAAiBC,GAAWH,GAAmB,EAAE,MAAM,GAAK,CAAC;GACxE,CAAC;EACH,CAAC,I,SAIYP,EAAA,SAAXd,EAAA,GAAAC,EAEM,OAAA;;GAFqB,SAAA;GAAJ,KAAIS;GAAY,OAAM;E,IAC3CR,EAA2D,OAAA;GAAtD,OAAM;GAAuB,OAAKC,EAAEY,EAAA,KAAc"}

package/dist/components/InputRange.js

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

package/dist/components/InputRange.js.map

@@ -1 +1 @@
-{"version":3,"file":"InputRange.js","names":[],"sources":["../../src/components/InputRange.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, reactive, ref, watch } from \"vue\";\n\nconst props = withDefaults(\n  defineProps<{\n    modelValue: [number, number];\n    separator?: string;\n  }>(),\n  {\n    separator: \"-\",\n  },\n);\n\nconst emit = defineEmits<{\n  (e: \"update:modelValue\", val: [number, number]): void;\n  (e: \"change\", val: [number, number]): void;\n}>();\n\nconst data = reactive({\n  left: props.modelValue[0],\n  right: props.modelValue[1],\n});\n\nconst isFocused = ref(false);\n\nconst classes = computed(() =>\n  isFocused.value ? \"ui-input-range-focused\" : \"ui-input-range-focused\",\n);\n\nconst valuesModel = computed({\n  get() {\n    return {\n      left: Math.min(...props.modelValue), // dangerous....\n      right: Math.max(...props.modelValue),\n    };\n  },\n  set() {},\n});\n\nwatch(\n  () => valuesModel.value,\n  (value) => (data.left = value.left) && (data.right = value.right),\n);\n\n// watch(\n//   () => props.modelValue,\n//   (value: [number, number]) => {\n//     console.log('model value updated');\n//     (data.left = value[0]), (data.right = value[1]);\n//   },\n// );\n\nfunction updateModel() {\n  emit(\"update:modelValue\", [+data.left, +data.right]);\n  emit(\"change\", [+data.left, +data.right]);\n}\n\nfunction validateInput(isLeft: boolean, event: Event) {\n  const value: string = (event.target as HTMLInputElement).value;\n  const result = /^[0-9]{0,2}$/.test(value);\n  // if there is more than 3 digits we cut last one\n  if (!result) {\n    if (isLeft) {\n      data.left = +value.slice(0, value.length - 1);\n    } else {\n      data.right = +value.slice(0, value.length - 1);\n    }\n  } else {\n    if (isLeft) {\n      data.left = +value;\n    } else {\n      data.right = +value;\n    }\n  }\n}\n</script>\n\n<template>\n  <!-- {{ data }} -->\n  <div :class=\"classes\" class=\"ui-input-range\" data-testid=\"pl-input-range\" v-bind=\"$attrs\">\n    <input\n      v-model=\"valuesModel.left\"\n      data-testid=\"pl-input-range-left\"\n      class=\"text-s\"\n      type=\"text\"\n      @change=\"updateModel\"\n      @focus=\"isFocused = true\"\n      @focusout=\"isFocused = false\"\n      @input=\"validateInput(true, $event)\"\n    />\n    <div data-testid=\"pl-input-range-separator\" class=\"ui-input-range__separator\">\n      {{ props.separator }}\n    </div>\n    <input\n      v-model=\"valuesModel.right\"\n      data-testid=\"pl-input-range-right\"\n      class=\"text-s\"\n      type=\"text\"\n      @change=\"updateModel\"\n      @focus=\"isFocused = true\"\n      @focusout=\"isFocused = false\"\n      @input=\"validateInput(false, $event)\"\n    />\n  </div>\n</template>\n"],"mappings":""}
+{"version":3,"file":"InputRange.js","names":["_sfc_main","InputRange_vue_vue_type_script_setup_true_lang_default","InputRange_default"],"sources":["../../src/components/InputRange.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, reactive, ref, watch } from \"vue\";\n\nconst props = withDefaults(\n  defineProps<{\n    modelValue: [number, number];\n    separator?: string;\n  }>(),\n  {\n    separator: \"-\",\n  },\n);\n\nconst emit = defineEmits<{\n  (e: \"update:modelValue\", val: [number, number]): void;\n  (e: \"change\", val: [number, number]): void;\n}>();\n\nconst data = reactive({\n  left: props.modelValue[0],\n  right: props.modelValue[1],\n});\n\nconst isFocused = ref(false);\n\nconst classes = computed(() =>\n  isFocused.value ? \"ui-input-range-focused\" : \"ui-input-range-focused\",\n);\n\nconst valuesModel = computed({\n  get() {\n    return {\n      left: Math.min(...props.modelValue), // dangerous....\n      right: Math.max(...props.modelValue),\n    };\n  },\n  set() {},\n});\n\nwatch(\n  () => valuesModel.value,\n  (value) => (data.left = value.left) && (data.right = value.right),\n);\n\n// watch(\n//   () => props.modelValue,\n//   (value: [number, number]) => {\n//     console.log('model value updated');\n//     (data.left = value[0]), (data.right = value[1]);\n//   },\n// );\n\nfunction updateModel() {\n  emit(\"update:modelValue\", [+data.left, +data.right]);\n  emit(\"change\", [+data.left, +data.right]);\n}\n\nfunction validateInput(isLeft: boolean, event: Event) {\n  const value: string = (event.target as HTMLInputElement).value;\n  const result = /^[0-9]{0,2}$/.test(value);\n  // if there is more than 3 digits we cut last one\n  if (!result) {\n    if (isLeft) {\n      data.left = +value.slice(0, value.length - 1);\n    } else {\n      data.right = +value.slice(0, value.length - 1);\n    }\n  } else {\n    if (isLeft) {\n      data.left = +value;\n    } else {\n      data.right = +value;\n    }\n  }\n}\n</script>\n\n<template>\n  <!-- {{ data }} -->\n  <div :class=\"classes\" class=\"ui-input-range\" data-testid=\"pl-input-range\" v-bind=\"$attrs\">\n    <input\n      v-model=\"valuesModel.left\"\n      data-testid=\"pl-input-range-left\"\n      class=\"text-s\"\n      type=\"text\"\n      @change=\"updateModel\"\n      @focus=\"isFocused = true\"\n      @focusout=\"isFocused = false\"\n      @input=\"validateInput(true, $event)\"\n    />\n    <div data-testid=\"pl-input-range-separator\" class=\"ui-input-range__separator\">\n      {{ props.separator }}\n    </div>\n    <input\n      v-model=\"valuesModel.right\"\n      data-testid=\"pl-input-range-right\"\n      class=\"text-s\"\n      type=\"text\"\n      @change=\"updateModel\"\n      @focus=\"isFocused = true\"\n      @focusout=\"isFocused = false\"\n      @input=\"validateInput(false, $event)\"\n    />\n  </div>\n</template>\n"],"mappings":""}