@milaboratories/uikit 2.10.14 → 2.10.16

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

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

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

@@ -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":";;;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;"}
+{"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(\n  cb: (state: { x: number; width: number; diff: number }) => void,\n  clear: () => void,\n) {\n  let state = undefined as { x: number; width: number } | undefined;\n\n  function start(e: { x: number; width: number }) {\n    state = { ...e };\n  }\n\n  useMouseUp(() => {\n    state = undefined;\n    clear();\n  });\n\n  const handle = requestTick(cb);\n\n  useEventListener(window, \"mousemove\", (e: { x: number }) => {\n    if (state) {\n      handle({\n        x: state.x,\n        width: state.width,\n        diff: e.x - state.x,\n      });\n    }\n  });\n\n  return {\n    start,\n  };\n}\n"],"names":["useColumn","cb","clear","state","start","e","useMouseUp","handle","requestTick","useEventListener"],"mappings":";;;AAIO,SAASA,EACdC,GACAC,GACA;AACA,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.js.map

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

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

@@ -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,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;"}
+{"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.js.map

@@ -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;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;"}
+{"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.js.map

@@ -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":";;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;"}
+{"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/domain.d.ts

@@ -1,5 +1,5 @@
 export declare function toComparable(v: unknown): string | number;
-export declare function compareRecords(sorts: Record<string, 'ASC' | 'DESC'>, a: Record<string, unknown>, b: Record<string, unknown>): number;
+export declare function compareRecords(sorts: Record<string, "ASC" | "DESC">, a: Record<string, unknown>, b: Record<string, unknown>): number;
 export declare const identity: <T>(v: T) => T;
 export declare function rotate<T>(v: T, lst: T[]): T;
 /**

package/dist/components/DataTable/domain.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"domain.d.ts","sourceRoot":"","sources":["../../../src/components/DataTable/domain.ts"],"names":[],"mappings":"AAAA,wBAAgB,YAAY,CAAC,CAAC,EAAE,OAAO,mBAQtC;AAED,wBAAgB,cAAc,CAAC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,KAAK,GAAG,MAAM,CAAC,EAAE,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,UAe3H;AAED,eAAO,MAAM,QAAQ,GAAI,CAAC,KAAK,CAAC,KAAG,CAAM,CAAC;AAE1C,wBAAgB,MAAM,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,KAGvC;AAED;;;;;GAKG;AACH,wBAAgB,OAAO,CAAC,CAAC,EAAE,GAAG,EAAE,SAAS,CAAC,EAAE,EAAE,SAAS,EAAE,CAAC,EAAE,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,KAAK,OAAO,GAAG,CAAC,EAAE,CAoB/F"}
+{"version":3,"file":"domain.d.ts","sourceRoot":"","sources":["../../../src/components/DataTable/domain.ts"],"names":[],"mappings":"AAAA,wBAAgB,YAAY,CAAC,CAAC,EAAE,OAAO,mBAQtC;AAED,wBAAgB,cAAc,CAC5B,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,KAAK,GAAG,MAAM,CAAC,EACrC,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAC1B,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,UAgB3B;AAED,eAAO,MAAM,QAAQ,GAAI,CAAC,KAAK,CAAC,KAAG,CAAM,CAAC;AAE1C,wBAAgB,MAAM,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,KAGvC;AAED;;;;;GAKG;AACH,wBAAgB,OAAO,CAAC,CAAC,EAAE,GAAG,EAAE,SAAS,CAAC,EAAE,EAAE,SAAS,EAAE,CAAC,EAAE,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,KAAK,OAAO,GAAG,CAAC,EAAE,CAoB/F"}

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

@@ -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":"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;"}
+{"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(\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"],"names":["rotate","v","lst","next","sliceBy","arr","predicate","left","right"],"mappings":"AAiCO,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

@@ -2,7 +2,7 @@ import { TableSettings, RawTableSettings } from './types';
 import { default as Component } from './TableComponent.vue';
 import { ComputedRef } from 'vue';
 import { MaybeRef } from '../../types';
-import type * as Types from './types';
+import type * as Types from "./types";
 export { AsyncData } from './adapters/AsyncData';
 type AnyRef<T> = MaybeRef<T> | ComputedRef<T>;
 export declare function settings<D extends Types.DataRow>(tableSettings: TableSettings<D>): TableSettings;

package/dist/components/DataTable/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/DataTable/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAC7C,OAAO,SAAS,MAAM,sBAAsB,CAAC;AAC7C,OAAO,KAAK,KAAK,KAAK,MAAM,SAAS,CAAC;AACtC,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAChD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,KAAK,CAAC;AAGvC,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAC5C,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAEjD,KAAK,MAAM,CAAC,CAAC,IAAI,QAAQ,CAAC,CAAC,CAAC,GAAG,WAAW,CAAC,CAAC,CAAC,CAAC;AAE9C,wBAAgB,QAAQ,CAAC,CAAC,SAAS,KAAK,CAAC,OAAO,EAAE,aAAa,EAAE,aAAa,CAAC,CAAC,CAAC,GAAG,aAAa,CAEhG;AAED,wBAAgB,OAAO,CAAC,KAAK,CAAC,CAAC,SAAS,aAAa,EAAE,aAAa,EAAE,CAAC;;GAEtE;AAED,OAAO,EAAE,SAAS,EAAE,CAAC;AAErB,OAAO,EAAE,KAAK,EAAE,CAAC;AAEjB,mBAAmB;AAEnB,wBAAgB,eAAe,CAAC,CAAC,SAAS,KAAK,CAAC,OAAO,EAAE,IAAI,EAAE,CAAC,EAAE,EAAE,WAAW,EAAE,KAAK,CAAC,gBAAgB,CAAC,CAAC,CAAC,GAAG,aAAa,CAGzH;AAED,wBAAgB,UAAU,CAAC,CAAC,SAAS,KAAK,CAAC,OAAO,EAAE,OAAO,EAAE,MAAM,CAAC,CAAC,EAAE,CAAC,EAAE,GAAG,EAAE,QAAQ,CAAC,gBAAgB,CAAC,CAAC,CAAC,CAAC;;;;;;;;;;IAK3G;AAED;;;;;GAKG;AACH,wBAAgB,mBAAmB,CAAC,CAAC,SAAS,KAAK,CAAC,OAAO,EAAE,OAAO,EAAE,MAAM,CAAC,CAAC,EAAE,CAAC,EAAE,GAAG,EAAE,QAAQ,CAAC,gBAAgB,CAAC,CAAC,CAAC,CAAC;;IAWpH"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/DataTable/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAC7C,OAAO,SAAS,MAAM,sBAAsB,CAAC;AAC7C,OAAO,KAAK,KAAK,KAAK,MAAM,SAAS,CAAC;AACtC,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAChD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,KAAK,CAAC;AAGvC,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAC5C,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAEjD,KAAK,MAAM,CAAC,CAAC,IAAI,QAAQ,CAAC,CAAC,CAAC,GAAG,WAAW,CAAC,CAAC,CAAC,CAAC;AAE9C,wBAAgB,QAAQ,CAAC,CAAC,SAAS,KAAK,CAAC,OAAO,EAAE,aAAa,EAAE,aAAa,CAAC,CAAC,CAAC,GAAG,aAAa,CAEhG;AAED,wBAAgB,OAAO,CAAC,KAAK,CAAC,CAAC,SAAS,aAAa,EAAE,aAAa,EAAE,CAAC;;GAEtE;AAED,OAAO,EAAE,SAAS,EAAE,CAAC;AAErB,OAAO,EAAE,KAAK,EAAE,CAAC;AAEjB,mBAAmB;AAEnB,wBAAgB,eAAe,CAAC,CAAC,SAAS,KAAK,CAAC,OAAO,EACrD,IAAI,EAAE,CAAC,EAAE,EACT,WAAW,EAAE,KAAK,CAAC,gBAAgB,CAAC,CAAC,CAAC,GACrC,aAAa,CAOf;AAED,wBAAgB,UAAU,CAAC,CAAC,SAAS,KAAK,CAAC,OAAO,EAChD,OAAO,EAAE,MAAM,CAAC,CAAC,EAAE,CAAC,EACpB,GAAG,EAAE,QAAQ,CAAC,gBAAgB,CAAC,CAAC,CAAC,CAAC;;;;;;;;;;IAMnC;AAED;;;;;GAKG;AACH,wBAAgB,mBAAmB,CAAC,CAAC,SAAS,KAAK,CAAC,OAAO,EACzD,OAAO,EAAE,MAAM,CAAC,CAAC,EAAE,CAAC,EACpB,GAAG,EAAE,QAAQ,CAAC,gBAAgB,CAAC,CAAC,CAAC,CAAC;;IAYnC"}

package/dist/components/DataTable/index.js

@@ -9,7 +9,11 @@ function y(t) {
   return a(s, { settings: Object.freeze(t) });
 }
 function c(t, e) {
-  const r = new m(t, e.resolveRowHeight, e.resolvePrimaryKey);
+  const r = new m(
+    t,
+    e.resolveRowHeight,
+    e.resolvePrimaryKey
+  );
   return { ...e, dataSource: r };
 }
 function R(t, e) {

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

@@ -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;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;"}
+{"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>(\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"],"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,EACdC,GACAC,GACe;AACf,QAAMC,IAAa,IAAIC;AAAA,IACrBH;AAAA,IACAC,EAAY;AAAA,IACZA,EAAY;AAAA,EAAA;AAEd,SAAO,EAAE,GAAGA,GAAa,YAAAC,EAAA;AAC3B;AAEO,SAASE,EACdC,GACAC,GACA;AACA,SAAOC,EAAS,MAAM;AACpB,UAAMP,IAAOQ,EAAMH,CAAO;AAC1B,WAAON,EAAgBC,GAAMQ,EAAMF,CAAG,CAAC;AAAA,EACzC,CAAC;AACH;AAQO,SAASG,EACdJ,GACAC,GACA;AACA,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.js.map

@@ -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,OAAA,GAEXC,IAAc,MAAMC,EAAOF,CAAQ;"}
+{"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.map

@@ -1 +1 @@
-{"version":3,"file":"state.d.ts","sourceRoot":"","sources":["../../../src/components/DataTable/state.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAyB,UAAU,EAAE,GAAG,EAAE,kBAAkB,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAmBlH,wBAAgB,WAAW,CAAC,KAAK,EAAE,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;sBA6EvB;QAAE,MAAM,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE;uBAIjC,GAAG,EAAE;0BAGF,kBAAkB,EAAE;qBAGzB,UAAU;uBAGR,UAAU;2BAGN,MAAM;6BAGJ,MAAM;+BAGJ,MAAM;iCAGJ,MAAM;;2BASZ;QAAE,MAAM,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE;EAkC3D;AAED,MAAM,MAAM,KAAK,GAAG,UAAU,CAAC,OAAO,WAAW,CAAC,CAAC"}
+{"version":3,"file":"state.d.ts","sourceRoot":"","sources":["../../../src/components/DataTable/state.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EACV,UAAU,EAGV,UAAU,EACV,GAAG,EACH,kBAAkB,EAClB,UAAU,EACX,MAAM,SAAS,CAAC;AAsBjB,wBAAgB,WAAW,CAAC,KAAK,EAAE,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;sBAiFvB;QAAE,MAAM,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE;uBAIjC,GAAG,EAAE;0BAGF,kBAAkB,EAAE;qBAGzB,UAAU;uBAGR,UAAU;2BAGN,MAAM;6BAGJ,MAAM;+BAGJ,MAAM;iCAGJ,MAAM;;2BASZ;QAAE,MAAM,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE;EAuC3D;AAED,MAAM,MAAM,KAAK,GAAG,UAAU,CAAC,OAAO,WAAW,CAAC,CAAC"}

package/dist/components/DataTable/state.js

@@ -37,7 +37,11 @@ function q(l) {
     },
     { immediate: !0 }
   );
-  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(() => ({
+  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
@@ -98,9 +102,11 @@ function q(l) {
       (!s || e.scrollTop < s.scrollTop || e.scrollTop + e.bodyHeight > s.bodyHeight + s.scrollTop) && (t.currentWindow = {
         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);
-      }));
+      }, A(h(t.currentWindow), r.value.dataSource).then(
+        ({ rows: H, dataWindow: W }) => {
+          R(t.currentWindow, W) && (t.rows = H);
+        }
+      ));
     },
     { deep: !0, immediate: !0 }
   ), L(x, d), d;

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

@@ -1 +1 @@
-{"version":3,"file":"state.js","sources":["../../../src/components/DataTable/state.ts"],"sourcesContent":["import { computed, provide, reactive, watch } from 'vue';\nimport type { TableProps, TableData, DataWindow, PrimaryKey, Row, ColumnSpecSettings, DataSource } 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 (dataWindow: { scrollTop: number; bodyHeight: number }, dataSource: DataSource) => {\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(() => tap(state.data.dataHeight - state.data.bodyHeight, (v) => (v > 0 ? v : 0)));\n  const maxScrollLeft = computed(() => tap(columnsWidth.value - state.data.bodyWidth, (v) => (v > 0 ? v : 0)));\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 = !current || n.scrollTop < current.scrollTop || 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(({ rows, dataWindow }) => {\n          if (deepEqual(data.currentWindow, dataWindow)) {\n            data.rows = rows;\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"],"names":["loadRows","dataWindow","dataSource","scrollTop","bodyHeight","delay","resolveAwaited","createState","props","data","reactive","watch","newSettings","deepClone","dataHeight","state","err","settings","computed","columnsWidth","acc","col","GAP","maxScrollTop","tap","v","maxScrollLeft","dataDimensions","tableColumns","useTableColumns","tableRows","useTableRows","newWidth","rightOffset","last","ev","row","rowId","columnId","clamp","scrollLeft","height","rect","n","_o","current","WINDOW_DELTA","rows","deepEqual","provide","stateKey"],"mappings":"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"}
+{"version":3,"file":"state.js","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"],"names":["loadRows","dataWindow","dataSource","scrollTop","bodyHeight","delay","resolveAwaited","createState","props","data","reactive","watch","newSettings","deepClone","dataHeight","state","err","settings","computed","columnsWidth","acc","col","GAP","maxScrollTop","tap","v","maxScrollLeft","dataDimensions","tableColumns","useTableColumns","tableRows","useTableRows","newWidth","rightOffset","last","ev","row","rowId","columnId","clamp","scrollLeft","height","rect","n","_o","current","WINDOW_DELTA","rows","deepEqual","provide","stateKey"],"mappings":";;;;;;AAiBA,MAAMA,IAAW,OACfC,GACAC,MACG;AACH,QAAM,EAAE,WAAAC,GAAW,YAAAC,EAAA,IAAeH;AAElC,eAAMI,EAAM,CAAC,GAENC,EAAe;AAAA,IACpB,MAAMJ,EAAW,QAAQC,GAAWC,CAAU;AAAA,IAC9C,YAAAH;AAAA,EAAA,CACD;AACH;AAEO,SAASM,EAAYC,GAAmB;AAC7C,QAAMC,IAAOC,EAAoB;AAAA,IAC/B,UAAU;AAAA,IACV,SAAS,CAAA;AAAA,IACT,cAAc;AAAA,IACd,eAAe;AAAA,IACf,MAAM,CAAA;AAAA,IACN,QAAQ;AAAA,IACR,UAAU;AAAA,IACV,YAAY;AAAA,IACZ,YAAYF,EAAM,SAAS;AAAA,IAC3B,WAAW;AAAA,IACX,WAAW;AAAA,IACX,YAAY;AAAA,IACZ,kCAAkB,IAAA;AAAA,IAClB,qCAAqB,IAAA;AAAA,EAAY,CAClC;AAED,EAAAG;AAAA,IACE,MAAMH,EAAM;AAAA,IACZ,CAACI,MAAgB;AACf,MAAAH,EAAK,UAAUI,EAAUD,EAAY,OAAO,GAC5CH,EAAK,gBAAgB,QACrBG,EAAY,WACT,UAAA,EACA,KAAK,CAACE,MAAe;AACpB,QAAAL,EAAK,aAAaK,GAClBC,EAAM,iBAAA;AAAA,MACR,CAAC,EACA,MAAM,CAACC,MAASP,EAAK,QAAQO,CAAI;AAAA,IACtC;AAAA,IACA,EAAE,WAAW,GAAA;AAAA,EAAK;AAGpB,QAAMC,IAAWC,EAAS,MACjBV,EAAM,QACd,GAEKW,IAAeD,EAAS,MACrBT,EAAK,QAAQ,OAAO,CAACW,GAAKC,MAAQD,IAAMC,EAAI,QAAQC,GAAK,CAAC,CAClE,GAEKC,IAAeL;AAAA,IAAS,MAC5BM,EAAIT,EAAM,KAAK,aAAaA,EAAM,KAAK,YAAY,CAACU,MAAOA,IAAI,IAAIA,IAAI,CAAE;AAAA,EAAA,GAErEC,IAAgBR;AAAA,IAAS,MAC7BM,EAAIL,EAAa,QAAQJ,EAAM,KAAK,WAAW,CAACU,MAAOA,IAAI,IAAIA,IAAI,CAAE;AAAA,EAAA,GAGjEE,IAAiBT,EAAgD,OAC9D;AAAA,IACL,YAAYT,EAAK;AAAA,IACjB,WAAWA,EAAK;AAAA,IAChB,SAASA,EAAK;AAAA,EAAA,EAEjB,GAEKmB,IAAeC,EAAgB;AAAA,IACnC,MAAApB;AAAA,IACA,UAAAQ;AAAA,EAAA,CACD,GAEKa,IAAYC,EAAatB,GAAMmB,CAAY,GAa3Cb,IAAQ;AAAA,IACZ,MAAAN;AAAA,IACA,UAAAQ;AAAA,IACA,cAAAW;AAAA,IACA,WAAAE;AAAA,IACA,aAhBkB,MAAM;AACxB,YAAME,IAAWvB,EAAK,QAAQ,OAAO,CAACW,GAAKC,MAAQD,IAAMC,EAAI,QAAQC,GAAK,CAAC,GAErEW,IAAcxB,EAAK,YAAYA,EAAK;AAE1C,UAAIuB,IAAWC,GAAa;AAC1B,cAAMC,IAAOzB,EAAK,QAAQA,EAAK,QAAQ,SAAS,CAAC;AACjD,QAAAyB,EAAK,QAAQA,EAAK,SAASD,IAAcD;AAAA,MAC3C;AAAA,IACF;AAAA,IAQE,cAAcG,GAAwC;AACpD,WAAK,gBAAgB1B,EAAK,YAAY0B,EAAG,MAAM,GAC/C,KAAK,iBAAiB1B,EAAK,aAAa0B,EAAG,MAAM;AAAA,IACnD;AAAA,IACA,kBAAyB;AACvB,aAAO1B,EAAK,KAAK,OAAO,CAAC2B,MAAQ3B,EAAK,aAAa,IAAI2B,EAAI,UAAU,CAAC;AAAA,IACxE;AAAA,IACA,qBAA2C;AACzC,aAAO3B,EAAK,QAAQ,OAAO,CAACY,MAAQZ,EAAK,gBAAgB,IAAIY,EAAI,EAAE,CAAC;AAAA,IACtE;AAAA,IACA,UAAUgB,GAAmB;AAC3B,MAAA5B,EAAK,aAAa,IAAI4B,CAAK;AAAA,IAC7B;AAAA,IACA,YAAYA,GAAmB;AAC7B,MAAA5B,EAAK,aAAa,OAAO4B,CAAK;AAAA,IAChC;AAAA,IACA,aAAaC,GAAkB;AAC7B,MAAA7B,EAAK,gBAAgB,IAAI6B,CAAQ;AAAA,IACnC;AAAA,IACA,eAAeA,GAAkB;AAC/B,MAAA7B,EAAK,gBAAgB,OAAO6B,CAAQ;AAAA,IACtC;AAAA,IACA,gBAAgBnC,GAAmB;AACjC,MAAAM,EAAK,YAAY8B,EAAMpC,GAAW,GAAGoB,EAAa,KAAK;AAAA,IACzD;AAAA,IACA,iBAAiBiB,GAAoB;AACnC,MAAA/B,EAAK,aAAa8B,EAAMC,GAAY,GAAGd,EAAc,KAAK;AAAA,IAC5D;AAAA,IACA,mBAAmB;AACjB,YAAM,EAAE,QAAAe,MAAWjC,EAAM,UACnB,EAAE,YAAAM,MAAeL,GACjBL,IAAaqC,IAAS3B,IAAaA,IAAa2B;AACtD,MAAAhC,EAAK,aAAaL;AAAA,IACpB;AAAA,IACA,iBAAiBsC,GAAyC;AACxD,WAAK,iBAAA,GACL3B,EAAM,KAAK,YAAY2B,EAAK,OAC5B3B,EAAM,YAAA,GACNN,EAAK,OAAO,CAAA,GACZA,EAAK,gBAAgB;AAAA,IACvB;AAAA,EAAA;AAGF,SAAAE;AAAA,IACEgB;AAAA,IACA,CAACgB,GAAGC,MAAO;AACT,YAAMC,IAAUF,EAAE;AAOlB,OAJE,CAACE,KACDF,EAAE,YAAYE,EAAQ,aACtBF,EAAE,YAAYA,EAAE,aAAaE,EAAQ,aAAaA,EAAQ,eAG1DpC,EAAK,gBAAgB;AAAA,QACnB,WAAWkC,EAAE,YAAYG;AAAA,QACzB,YAAYH,EAAE,aAAaG,IAAe;AAAA,MAAA,GAE5C9C,EAASa,EAAUJ,EAAK,aAAa,GAAGQ,EAAS,MAAM,UAAU,EAAE;AAAA,QACjE,CAAC,EAAE,MAAA8B,GAAM,YAAA9C,QAAiB;AACxB,UAAI+C,EAAUvC,EAAK,eAAeR,CAAU,MAC1CQ,EAAK,OAAOsC;AAAA,QAEhB;AAAA,MAAA;AAAA,IAGN;AAAA,IACA,EAAE,MAAM,IAAM,WAAW,GAAA;AAAA,EAAK,GAGhCE,EAAQC,GAAUnC,CAAK,GAEhBA;AACT;"}

package/dist/components/DataTable/types.d.ts

@@ -32,7 +32,7 @@ export type TableData = {
     error?: unknown;
 };
 export type DataRow = Record<string, unknown>;
-export type PrimaryKey = Branded<string, 'PrimaryKey'>;
+export type PrimaryKey = Branded<string, "PrimaryKey">;
 export type ResolvePrimaryKey<D extends DataRow = DataRow> = (dataRow: D, index: number) => string;
 export type ResolveRowHeight<D extends DataRow = DataRow> = (dataRow: D, index: number) => number;
 export type SelectedRowsOperation<D extends DataRow = DataRow> = {
@@ -58,9 +58,9 @@ export type ColumnSpecSettings<ID = string, _Value = unknown> = {
     label: string;
     id: ID;
     width: number;
-    justify?: 'center' | 'start';
+    justify?: "center" | "start";
     sort?: {
-        direction: 'DESC' | 'ASC' | undefined;
+        direction: "DESC" | "ASC" | undefined;
     };
     component?: () => Component;
     editable?: boolean;

package/dist/components/DropdownListItem.vue.d.ts

@@ -2,7 +2,7 @@ import { ListOptionNormalized } from '../types';
 type __VLS_Props = {
     option: ListOptionNormalized;
     isSelected: boolean;
-    size: 'small' | 'medium';
+    size: "small" | "medium";
     isHovered: boolean;
     useCheckbox?: boolean;
 };

package/dist/components/DropdownListItem.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DropdownListItem.vue.d.ts","sourceRoot":"","sources":["../../src/components/DropdownListItem.vue"],"names":[],"mappings":"AAqEA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,UAAU,CAAC;AAErD,KAAK,WAAW,GAAG;IACf,MAAM,EAAE,oBAAoB,CAAC;IAC7B,UAAU,EAAE,OAAO,CAAC;IACpB,IAAI,EAAE,OAAO,GAAG,QAAQ,CAAC;IACzB,SAAS,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB,CAAC;;UAHM,OAAO,GAAG,QAAQ;gBADZ,OAAO;eAER,OAAO;iBACJ,OAAO;;AA6GzB,wBAQG"}
+{"version":3,"file":"DropdownListItem.vue.d.ts","sourceRoot":"","sources":["../../src/components/DropdownListItem.vue"],"names":[],"mappings":"AAwEA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,UAAU,CAAC;AAErD,KAAK,WAAW,GAAG;IACf,MAAM,EAAE,oBAAoB,CAAC;IAC7B,UAAU,EAAE,OAAO,CAAC;IACpB,IAAI,EAAE,OAAO,GAAG,QAAQ,CAAC;IACzB,SAAS,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB,CAAC;;UAHM,OAAO,GAAG,QAAQ;gBADZ,OAAO;eAER,OAAO;iBACJ,OAAO;;AA6GzB,wBAQG"}

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

@@ -1 +1 @@
-{"version":3,"file":"DropdownListItem.vue.js","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';\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\">\n    <!-- eslint-disable vue/no-v-html -->\n    <div v-if=\"props.useCheckbox\" :class=\"checkboxClasses\" v-html=\"checkboxSvg\" />\n    <!--eslint-enable-->\n    <div class=\"dropdown-list-item__title-container\">\n      <div class=\"dropdown-list-item__title text-s\">\n        {{ option.label }}\n      </div>\n      <div v-if=\"option.description\" class=\"dropdown-list-item__description text-description\">\n        {{ option.description }}\n      </div>\n    </div>\n    <div v-if=\"!props.useCheckbox && props.isSelected\" class=\"dropdown-list-item__icon flex-self-start\" />\n  </div>\n</template>\n"],"names":["props","__props","classes","computed","classItems","checkboxClasses","checkboxSvg","CheckboxCheckedSvg","CheckboxUncheckedSvg","_createElementBlock","_normalizeClass","_createElementVNode","_hoisted_2","_hoisted_3","_toDisplayString","_openBlock","_hoisted_4","_hoisted_5"],"mappings":";;;;;;;;;;;;;;;;;;;AAMA,UAAMA,IAAQC,GAgBRC,IAAUC,EAAiB,MAAM;AACrC,YAAMC,IAAuB,CAAA;AAC7B,aAAIJ,EAAM,SAAS,WACjBI,EAAW,KAAK,2BAA2B,GAEzCJ,EAAM,cACRI,EAAW,KAAK,8BAA8B,GAE5CJ,EAAM,aACRI,EAAW,KAAK,cAAc,GAEzBA,EAAW,KAAK,GAAG;AAAA,IAC5B,CAAC,GAEKC,IAAkBF,EAAS,MAAM;AACrC,YAAMD,IAAoB,CAAC,gCAAgC,iBAAiB;AAC5E,aAAIF,EAAM,cACRE,EAAQ,KAAK,SAAS,GAEjBA,EAAQ,KAAK,GAAG;AAAA,IACzB,CAAC,GAGKI,IAAcH,EAAS,MAAOH,EAAM,aAAaO,IAAqBC,CAAqB;2BAI/FC,EAaM,OAAA;AAAA,MAbA,OAAKC,EAAA,CAAER,EAAA,OAAe,oBAAoB,CAAA;AAAA,IAAA;MAEnCF,EAAM,oBAAjBS,EAA8E,OAAA;AAAA;QAA/C,SAAOJ,EAAA,KAAe;AAAA,QAAE,WAAQC,EAAA;AAAA,MAAA;MAE/DK,EAOM,OAPNC,GAOM;AAAA,QANJD,EAEM,OAFNE,GAEMC,EADDb,EAAA,OAAO,KAAK,GAAA,CAAA;AAAA,QAENA,EAAA,OAAO,eAAlBc,EAAA,GAAAN,EAEM,OAFNO,GAEMF,EADDb,EAAA,OAAO,WAAW,GAAA,CAAA;;MAGb,CAAAD,EAAM,eAAeA,EAAM,cAAvCe,EAAA,GAAAN,EAAsG,OAAtGQ,CAAsG;;;;"}
+{"version":3,"file":"DropdownListItem.vue.js","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\";\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\">\n    <!-- eslint-disable vue/no-v-html -->\n    <div v-if=\"props.useCheckbox\" :class=\"checkboxClasses\" v-html=\"checkboxSvg\" />\n    <!--eslint-enable-->\n    <div class=\"dropdown-list-item__title-container\">\n      <div class=\"dropdown-list-item__title text-s\">\n        {{ option.label }}\n      </div>\n      <div v-if=\"option.description\" class=\"dropdown-list-item__description text-description\">\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    />\n  </div>\n</template>\n"],"names":["props","__props","classes","computed","classItems","checkboxClasses","checkboxSvg","CheckboxCheckedSvg","CheckboxUncheckedSvg","_createElementBlock","_normalizeClass","_createElementVNode","_hoisted_2","_hoisted_3","_toDisplayString","_openBlock","_hoisted_4","_hoisted_5"],"mappings":";;;;;;;;;;;;;;;;;;;AAMA,UAAMA,IAAQC,GAgBRC,IAAUC,EAAiB,MAAM;AACrC,YAAMC,IAAuB,CAAA;AAC7B,aAAIJ,EAAM,SAAS,WACjBI,EAAW,KAAK,2BAA2B,GAEzCJ,EAAM,cACRI,EAAW,KAAK,8BAA8B,GAE5CJ,EAAM,aACRI,EAAW,KAAK,cAAc,GAEzBA,EAAW,KAAK,GAAG;AAAA,IAC5B,CAAC,GAEKC,IAAkBF,EAAS,MAAM;AACrC,YAAMD,IAAoB,CAAC,gCAAgC,iBAAiB;AAC5E,aAAIF,EAAM,cACRE,EAAQ,KAAK,SAAS,GAEjBA,EAAQ,KAAK,GAAG;AAAA,IACzB,CAAC,GAGKI,IAAcH,EAAS,MAAOH,EAAM,aAAaO,IAAqBC,CAAqB;2BAI/FC,EAgBM,OAAA;AAAA,MAhBA,OAAKC,EAAA,CAAER,EAAA,OAAe,oBAAoB,CAAA;AAAA,IAAA;MAEnCF,EAAM,oBAAjBS,EAA8E,OAAA;AAAA;QAA/C,SAAOJ,EAAA,KAAe;AAAA,QAAE,WAAQC,EAAA;AAAA,MAAA;MAE/DK,EAOM,OAPNC,GAOM;AAAA,QANJD,EAEM,OAFNE,GAEMC,EADDb,EAAA,OAAO,KAAK,GAAA,CAAA;AAAA,QAENA,EAAA,OAAO,eAAlBc,EAAA,GAAAN,EAEM,OAFNO,GAEMF,EADDb,EAAA,OAAO,WAAW,GAAA,CAAA;;MAIhB,CAAAD,EAAM,eAAeA,EAAM,cADpCe,EAAA,GAAAN,EAGE,OAHFQ,CAGE;;;;"}

package/dist/components/GridTable/domain.d.ts

@@ -1,3 +1,3 @@
 export declare function toComparable(v: unknown): string | number;
-export declare function compareRecords(sorts: Record<string, 'ASC' | 'DESC'>, a: Record<string, unknown>, b: Record<string, unknown>): number;
+export declare function compareRecords(sorts: Record<string, "ASC" | "DESC">, a: Record<string, unknown>, b: Record<string, unknown>): number;
 //# sourceMappingURL=domain.d.ts.map

package/dist/components/GridTable/domain.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"domain.d.ts","sourceRoot":"","sources":["../../../src/components/GridTable/domain.ts"],"names":[],"mappings":"AAAA,wBAAgB,YAAY,CAAC,CAAC,EAAE,OAAO,mBAQtC;AAED,wBAAgB,cAAc,CAAC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,KAAK,GAAG,MAAM,CAAC,EAAE,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,UAe3H"}
+{"version":3,"file":"domain.d.ts","sourceRoot":"","sources":["../../../src/components/GridTable/domain.ts"],"names":[],"mappings":"AAAA,wBAAgB,YAAY,CAAC,CAAC,EAAE,OAAO,mBAQtC;AAED,wBAAgB,cAAc,CAC5B,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,KAAK,GAAG,MAAM,CAAC,EACrC,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAC1B,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,UAgB3B"}

package/dist/components/GridTable/types.d.ts

@@ -10,17 +10,17 @@ export type ColumnSettings = {
     text: string;
     name: string;
     width?: string;
-    justify?: 'center' | 'start';
+    justify?: "center" | "start";
     sort?: {
-        direction: 'DESC' | 'ASC' | undefined;
+        direction: "DESC" | "ASC" | undefined;
     };
     slot?: boolean;
     editable?: boolean;
     valueType?: ValueType;
 };
 export type ShowContextOptions = <T extends string = string>(options: ListOption<T>[], onSelect: (op: T) => void) => void;
-export type ColumnEvent = 'delete:column' | 'expand:column';
-export type CellEvent = 'delete:row' | 'update:value';
+export type ColumnEvent = "delete:column" | "expand:column";
+export type CellEvent = "delete:row" | "update:value";
 export type Settings = {
     columns: ColumnSettings[];
     rows: Record<string, unknown>[];

package/dist/components/GridTable/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/GridTable/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAE9C,KAAK,OAAO,GAAG;IACb,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,MAAM,GAAG,MAAM,CAAC;CAC1B,CAAC;AAEF,MAAM,MAAM,SAAS,GAAG,MAAM,OAAO,CAAC;AAEtC,MAAM,MAAM,cAAc,GAAG;IAC3B,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAC;IAC7B,IAAI,CAAC,EAAE;QACL,SAAS,EAAE,MAAM,GAAG,KAAK,GAAG,SAAS,CAAC;KACvC,CAAC;IACF,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,SAAS,CAAC;CACvB,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,EAAE,OAAO,EAAE,UAAU,CAAC,CAAC,CAAC,EAAE,EAAE,QAAQ,EAAE,CAAC,EAAE,EAAE,CAAC,KAAK,IAAI,KAAK,IAAI,CAAC;AAE1H,MAAM,MAAM,WAAW,GAAG,eAAe,GAAG,eAAe,CAAC;AAE5D,MAAM,MAAM,SAAS,GAAG,YAAY,GAAG,cAAc,CAAC;AAEtD,MAAM,MAAM,QAAQ,GAAG;IACrB,OAAO,EAAE,cAAc,EAAE,CAAC;IAC1B,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,CAAC;IAChC,SAAS,CAAC,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IAChC,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,kBAAkB,CAAC,EAAE,kBAAkB,CAAC;IACxC,YAAY,CAAC,EAAE,WAAW,EAAE,CAAC;IAC7B,UAAU,CAAC,EAAE,SAAS,EAAE,CAAC;CAC1B,CAAC;AAEF,MAAM,MAAM,SAAS,GAAG;IACtB,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,OAAO,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,IAAI,GAAG;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,EAAE,MAAM,CAAC,MAAM,EAAE;QAAE,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IAC/C,MAAM,EAAE,OAAO,CAAC;IAChB,QAAQ,EACJ;QACA,KAAK,EAAE,MAAM,CAAC;QACd,KAAK,EAAE,MAAM,CAAC;QACd,CAAC,EAAE,MAAM,CAAC;QACV,KAAK,EAAE,MAAM,CAAC;KACf,GACC,SAAS,CAAC;IACd,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,EAAE,MAAM,CAAC;CACnB,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/GridTable/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAE9C,KAAK,OAAO,GAAG;IACb,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,MAAM,GAAG,MAAM,CAAC;CAC1B,CAAC;AAEF,MAAM,MAAM,SAAS,GAAG,MAAM,OAAO,CAAC;AAEtC,MAAM,MAAM,cAAc,GAAG;IAC3B,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAC;IAC7B,IAAI,CAAC,EAAE;QACL,SAAS,EAAE,MAAM,GAAG,KAAK,GAAG,SAAS,CAAC;KACvC,CAAC;IACF,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,SAAS,CAAC;CACvB,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,EACzD,OAAO,EAAE,UAAU,CAAC,CAAC,CAAC,EAAE,EACxB,QAAQ,EAAE,CAAC,EAAE,EAAE,CAAC,KAAK,IAAI,KACtB,IAAI,CAAC;AAEV,MAAM,MAAM,WAAW,GAAG,eAAe,GAAG,eAAe,CAAC;AAE5D,MAAM,MAAM,SAAS,GAAG,YAAY,GAAG,cAAc,CAAC;AAEtD,MAAM,MAAM,QAAQ,GAAG;IACrB,OAAO,EAAE,cAAc,EAAE,CAAC;IAC1B,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,CAAC;IAChC,SAAS,CAAC,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IAChC,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,kBAAkB,CAAC,EAAE,kBAAkB,CAAC;IACxC,YAAY,CAAC,EAAE,WAAW,EAAE,CAAC;IAC7B,UAAU,CAAC,EAAE,SAAS,EAAE,CAAC;CAC1B,CAAC;AAEF,MAAM,MAAM,SAAS,GAAG;IACtB,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,OAAO,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,IAAI,GAAG;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,EAAE,MAAM,CAAC,MAAM,EAAE;QAAE,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IAC/C,MAAM,EAAE,OAAO,CAAC;IAChB,QAAQ,EACJ;QACE,KAAK,EAAE,MAAM,CAAC;QACd,KAAK,EAAE,MAAM,CAAC;QACd,CAAC,EAAE,MAAM,CAAC;QACV,KAAK,EAAE,MAAM,CAAC;KACf,GACD,SAAS,CAAC;IACd,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,EAAE,MAAM,CAAC;CACnB,CAAC"}

package/dist/components/GridTable/useColumn.d.ts.map

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

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

@@ -1 +1 @@
-{"version":3,"file":"HScroll.vue.js","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"],"names":["emit","__emit","props","__props","scrollRef","ref","ratioRef","computed","visibleRef","scrollbarStyle","ratio","unref","useEventListener","down","s","removePointerMove","eventListener","e","dy","eventType","_createElementBlock","_createElementVNode"],"mappings":";;;;;;;;;;;;AAKA,UAAMA,IAAOC,GAEPC,IAAQC,GAMRC,IAAYC,EAAA,GAEZC,IAAWC,EAAS,MAAML,EAAM,eAAeA,EAAM,eAAe,EAAE,GAEtEM,IAAaD,EAAS,MACnBD,EAAS,QAAQ,CACzB,GAEKG,IAAiBF,EAAS,MAAM;AACpC,YAAMG,IAAQC,EAAML,CAAQ;AAC5B,aAAO;AAAA,QACL,MAAMJ,EAAM,aAAaQ,IAAQ;AAAA,QACjC,OAAO,KAAK,MAAMR,EAAM,cAAcQ,CAAK,IAAI;AAAA,MAAA;AAAA,IAEnD,CAAC;AAED,WAAAE,EAAiBR,GAAW,eAAe,CAACS,MAAuB;AACjE,YAAMC,IAAI;AAAA,QACR,SAASD,EAAK;AAAA,MAAA,GAUVE,IAAoBC,EAAc,UAAiB,aAP1C,CAACC,MAAkB;AAChC,cAAMC,KAAMD,EAAE,UAAUH,EAAE,WAAWR,EAAS;AAC9C,QAAAN,EAAK,qBAAqBE,EAAM,aAAagB,CAAE,GAC/CJ,EAAE,UAAUG,EAAE;AAAA,MAChB,CAG4E;AAE5E,OAAC,WAAW,eAAe,EAAE,QAAQ,CAACE,MAAc;AAClD,iBAAS,iBAAiBA,GAAWJ,GAAmB,EAAE,MAAM,IAAM;AAAA,MACxE,CAAC;AAAA,IACH,CAAC,aAIYP,EAAA,cAAXY,EAEM,OAAA;AAAA;eAFqB;AAAA,MAAJ,KAAIhB;AAAA,MAAY,OAAM;AAAA,IAAA;MAC3CiB,EAA2D,OAAA;AAAA,QAAtD,OAAM;AAAA,QAAuB,SAAOZ,EAAA,KAAc;AAAA,MAAA;;;;"}
+{"version":3,"file":"HScroll.vue.js","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"],"names":["emit","__emit","props","__props","scrollRef","ref","ratioRef","computed","visibleRef","scrollbarStyle","ratio","unref","useEventListener","down","s","removePointerMove","eventListener","e","dy","eventType","_createElementBlock","_createElementVNode"],"mappings":";;;;;;;;;;;;AAKA,UAAMA,IAAOC,GAEPC,IAAQC,GAMRC,IAAYC,EAAA,GAEZC,IAAWC,EAAS,MAAML,EAAM,eAAeA,EAAM,eAAe,EAAE,GAEtEM,IAAaD,EAAS,MACnBD,EAAS,QAAQ,CACzB,GAEKG,IAAiBF,EAAS,MAAM;AACpC,YAAMG,IAAQC,EAAML,CAAQ;AAC5B,aAAO;AAAA,QACL,MAAMJ,EAAM,aAAaQ,IAAQ;AAAA,QACjC,OAAO,KAAK,MAAMR,EAAM,cAAcQ,CAAK,IAAI;AAAA,MAAA;AAAA,IAEnD,CAAC;AAED,WAAAE,EAAiBR,GAAW,eAAe,CAACS,MAAuB;AACjE,YAAMC,IAAI;AAAA,QACR,SAASD,EAAK;AAAA,MAAA,GAUVE,IAAoBC,EAAc,UAAiB,aAP1C,CAACC,MAAkB;AAChC,cAAMC,KAAMD,EAAE,UAAUH,EAAE,WAAWR,EAAS;AAC9C,QAAAN,EAAK,qBAAqBE,EAAM,aAAagB,CAAE,GAC/CJ,EAAE,UAAUG,EAAE;AAAA,MAChB,CAG4E;AAE5E,OAAC,WAAW,eAAe,EAAE,QAAQ,CAACE,MAAc;AAClD,iBAAS,iBAAiBA,GAAWJ,GAAmB,EAAE,MAAM,IAAM;AAAA,MACxE,CAAC;AAAA,IACH,CAAC,aAIYP,EAAA,cAAXY,EAEM,OAAA;AAAA;eAFqB;AAAA,MAAJ,KAAIhB;AAAA,MAAY,OAAM;AAAA,IAAA;MAC3CiB,EAA2D,OAAA;AAAA,QAAtD,OAAM;AAAA,QAAuB,SAAOZ,EAAA,KAAc;AAAA,MAAA;;;;"}

package/dist/components/InputRange.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"InputRange.vue.d.ts","sourceRoot":"","sources":["../../src/components/InputRange.vue"],"names":[],"mappings":"AAuGA,KAAK,WAAW,GAAG;IACf,UAAU,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;;;;;;;;eADY,MAAM;;AA0JtB,wBAQG"}
+{"version":3,"file":"InputRange.vue.d.ts","sourceRoot":"","sources":["../../src/components/InputRange.vue"],"names":[],"mappings":"AAyGA,KAAK,WAAW,GAAG;IACf,UAAU,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;;;;;;;;eADY,MAAM;;AA4JtB,wBAQG"}

package/dist/components/InputRange.vue.js

@@ -10,7 +10,9 @@ const C = { class: "ui-input-range__separator" }, B = /* @__PURE__ */ c({
     const u = m, r = v, l = x({
       left: u.modelValue[0],
       right: u.modelValue[1]
-    }), o = h(!1), V = d(() => (o.value, "ui-input-range-focused")), s = d({
+    }), o = h(!1), V = d(
+      () => (o.value, "ui-input-range-focused")
+    ), s = d({
       get() {
         return {
           left: Math.min(...u.modelValue),

package/dist/components/InputRange.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"InputRange.vue.js","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(() => (isFocused.value ? 'ui-input-range-focused' : 'ui-input-range-focused'));\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\" v-bind=\"$attrs\">\n    <input\n      v-model=\"valuesModel.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 class=\"ui-input-range__separator\">{{ props.separator }}</div>\n    <input\n      v-model=\"valuesModel.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"],"names":["props","__props","emit","__emit","data","reactive","isFocused","ref","classes","computed","valuesModel","watch","value","updateModel","validateInput","isLeft","event","_openBlock","_createElementBlock","_mergeProps","$attrs","_createElementVNode","_cache","$event","_vModelText","_hoisted_1","_toDisplayString"],"mappings":";;;;;;;;;AAGA,UAAMA,IAAQC,GAURC,IAAOC,GAKPC,IAAOC,EAAS;AAAA,MACpB,MAAML,EAAM,WAAW,CAAC;AAAA,MACxB,OAAOA,EAAM,WAAW,CAAC;AAAA,IAAA,CAC1B,GAEKM,IAAYC,EAAI,EAAK,GAErBC,IAAUC,EAAS,OAAOH,EAAU,OAAQ,yBAAoD,GAEhGI,IAAcD,EAAS;AAAA,MAC3B,MAAM;AACJ,eAAO;AAAA,UACL,MAAM,KAAK,IAAI,GAAGT,EAAM,UAAU;AAAA;AAAA,UAClC,OAAO,KAAK,IAAI,GAAGA,EAAM,UAAU;AAAA,QAAA;AAAA,MAEvC;AAAA,MACA,MAAM;AAAA,MAAC;AAAA,IAAA,CACR;AAED,IAAAW;AAAA,MACE,MAAMD,EAAY;AAAA,MAClB,CAACE,OAAWR,EAAK,OAAOQ,EAAM,UAAUR,EAAK,QAAQQ,EAAM;AAAA,IAAA;AAW7D,aAASC,IAAc;AACrB,MAAAX,EAAK,qBAAqB,CAAC,CAACE,EAAK,MAAM,CAACA,EAAK,KAAK,CAAC,GACnDF,EAAK,UAAU,CAAC,CAACE,EAAK,MAAM,CAACA,EAAK,KAAK,CAAC;AAAA,IAC1C;AAEA,aAASU,EAAcC,GAAiBC,GAAc;AACpD,YAAMJ,IAAiBI,EAAM,OAA4B;AAGzD,MAFe,eAAe,KAAKJ,CAAK,IASlCG,IACFX,EAAK,OAAO,CAACQ,IAEbR,EAAK,QAAQ,CAACQ,IATZG,IACFX,EAAK,OAAO,CAACQ,EAAM,MAAM,GAAGA,EAAM,SAAS,CAAC,IAE5CR,EAAK,QAAQ,CAACQ,EAAM,MAAM,GAAGA,EAAM,SAAS,CAAC;AAAA,IASnD;sBAKEK,EAAA,GAAAC,EAoBM,OApBNC,EAoBM;AAAA,MApBA,OAAK,CAAEX,EAAA,OAAe,gBAAgB;AAAA,IAAA,GAASY,EAAAA,MAAM,GAAA;AAAA,QACzDC,EAQE,SAAA;AAAA,QAPS,uBAAAC,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAAC,MAAAb,EAAA,MAAY,OAAIa;AAAA,QACzB,OAAM;AAAA,QACN,MAAK;AAAA,QACJ,UAAQV;AAAA,QACR,gCAAOP,EAAA,QAAS;AAAA,QAChB,mCAAUA,EAAA,QAAS;AAAA,QACnB,SAAKgB,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAAC,MAAET,EAAa,IAAOS,CAAM;AAAA,MAAA;QANzB,CAAAC,GAAAd,EAAA,MAAY,IAAI;AAAA,MAAA;MAQ3BW,EAAkE,OAAlEI,GAAkEC,EAAxB1B,EAAM,SAAS,GAAA,CAAA;AAAA,QACzDqB,EAQE,SAAA;AAAA,QAPS,uBAAAC,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAAC,MAAAb,EAAA,MAAY,QAAKa;AAAA,QAC1B,OAAM;AAAA,QACN,MAAK;AAAA,QACJ,UAAQV;AAAA,QACR,gCAAOP,EAAA,QAAS;AAAA,QAChB,mCAAUA,EAAA,QAAS;AAAA,QACnB,SAAKgB,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAAC,MAAET,EAAa,IAAQS,CAAM;AAAA,MAAA;QAN1B,CAAAC,GAAAd,EAAA,MAAY,KAAK;AAAA,MAAA;;;;"}
+{"version":3,"file":"InputRange.vue.js","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\" v-bind=\"$attrs\">\n    <input\n      v-model=\"valuesModel.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 class=\"ui-input-range__separator\">{{ props.separator }}</div>\n    <input\n      v-model=\"valuesModel.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"],"names":["props","__props","emit","__emit","data","reactive","isFocused","ref","classes","computed","valuesModel","watch","value","updateModel","validateInput","isLeft","event","_openBlock","_createElementBlock","_mergeProps","$attrs","_createElementVNode","_cache","$event","_vModelText","_hoisted_1","_toDisplayString"],"mappings":";;;;;;;;;AAGA,UAAMA,IAAQC,GAURC,IAAOC,GAKPC,IAAOC,EAAS;AAAA,MACpB,MAAML,EAAM,WAAW,CAAC;AAAA,MACxB,OAAOA,EAAM,WAAW,CAAC;AAAA,IAAA,CAC1B,GAEKM,IAAYC,EAAI,EAAK,GAErBC,IAAUC;AAAA,MAAS,OACvBH,EAAU,OAAQ;AAAA,IAA2B,GAGzCI,IAAcD,EAAS;AAAA,MAC3B,MAAM;AACJ,eAAO;AAAA,UACL,MAAM,KAAK,IAAI,GAAGT,EAAM,UAAU;AAAA;AAAA,UAClC,OAAO,KAAK,IAAI,GAAGA,EAAM,UAAU;AAAA,QAAA;AAAA,MAEvC;AAAA,MACA,MAAM;AAAA,MAAC;AAAA,IAAA,CACR;AAED,IAAAW;AAAA,MACE,MAAMD,EAAY;AAAA,MAClB,CAACE,OAAWR,EAAK,OAAOQ,EAAM,UAAUR,EAAK,QAAQQ,EAAM;AAAA,IAAA;AAW7D,aAASC,IAAc;AACrB,MAAAX,EAAK,qBAAqB,CAAC,CAACE,EAAK,MAAM,CAACA,EAAK,KAAK,CAAC,GACnDF,EAAK,UAAU,CAAC,CAACE,EAAK,MAAM,CAACA,EAAK,KAAK,CAAC;AAAA,IAC1C;AAEA,aAASU,EAAcC,GAAiBC,GAAc;AACpD,YAAMJ,IAAiBI,EAAM,OAA4B;AAGzD,MAFe,eAAe,KAAKJ,CAAK,IASlCG,IACFX,EAAK,OAAO,CAACQ,IAEbR,EAAK,QAAQ,CAACQ,IATZG,IACFX,EAAK,OAAO,CAACQ,EAAM,MAAM,GAAGA,EAAM,SAAS,CAAC,IAE5CR,EAAK,QAAQ,CAACQ,EAAM,MAAM,GAAGA,EAAM,SAAS,CAAC;AAAA,IASnD;sBAKEK,EAAA,GAAAC,EAoBM,OApBNC,EAoBM;AAAA,MApBA,OAAK,CAAEX,EAAA,OAAe,gBAAgB;AAAA,IAAA,GAASY,EAAAA,MAAM,GAAA;AAAA,QACzDC,EAQE,SAAA;AAAA,QAPS,uBAAAC,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAAC,MAAAb,EAAA,MAAY,OAAIa;AAAA,QACzB,OAAM;AAAA,QACN,MAAK;AAAA,QACJ,UAAQV;AAAA,QACR,gCAAOP,EAAA,QAAS;AAAA,QAChB,mCAAUA,EAAA,QAAS;AAAA,QACnB,SAAKgB,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAAC,MAAET,EAAa,IAAOS,CAAM;AAAA,MAAA;QANzB,CAAAC,GAAAd,EAAA,MAAY,IAAI;AAAA,MAAA;MAQ3BW,EAAkE,OAAlEI,GAAkEC,EAAxB1B,EAAM,SAAS,GAAA,CAAA;AAAA,QACzDqB,EAQE,SAAA;AAAA,QAPS,uBAAAC,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAAC,MAAAb,EAAA,MAAY,QAAKa;AAAA,QAC1B,OAAM;AAAA,QACN,MAAK;AAAA,QACJ,UAAQV;AAAA,QACR,gCAAOP,EAAA,QAAS;AAAA,QAChB,mCAAUA,EAAA,QAAS;AAAA,QACnB,SAAKgB,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAAC,MAAET,EAAa,IAAQS,CAAM;AAAA,MAAA;QAN1B,CAAAC,GAAAd,EAAA,MAAY,KAAK;AAAA,MAAA;;;;"}

package/dist/components/LongText.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LongText.vue.d.ts","sourceRoot":"","sources":["../../src/components/LongText.vue"],"names":[],"mappings":"AAmHA,iBAAS,cAAc;WAuCT,OAAO,IAA6B;;yBAZrB,GAAG;;;;;;EAiB/B;AAYD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;kBAOnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAEpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"LongText.vue.d.ts","sourceRoot":"","sources":["../../src/components/LongText.vue"],"names":[],"mappings":"AAuHA,iBAAS,cAAc;WAuCT,OAAO,IAA6B;;yBAZrB,GAAG;;;;;;EAiB/B;AAYD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;kBAOnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAEpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/components/LongText.vue.js

@@ -1,12 +1,14 @@
-import { defineComponent as d, useCssVars as f, computed as l, ref as s, createElementBlock as v, openBlock as _, mergeProps as E, createElementVNode as r, normalizeClass as h, renderSlot as b } from "vue";
-import { debounce as H, notEmpty as g } from "@milaboratories/helpers";
-const T = /* @__PURE__ */ d({
+import { defineComponent as f, useCssVars as d, computed as l, ref as s, createElementBlock as v, openBlock as _, mergeProps as E, createElementVNode as r, normalizeClass as h, renderSlot as H } from "vue";
+import { debounce as b, notEmpty as g } from "@milaboratories/helpers";
+const T = /* @__PURE__ */ f({
   __name: "LongText",
   setup(k) {
-    f((e) => ({
-      v5deba9de: c.value
+    d((e) => ({
+      f4f5affc: c.value
     }));
-    const t = s(!1), n = s(), a = s(!1), u = l(() => a.value && t.value ? "ui-lt-animate" : ""), o = H((e) => a.value = e, 500), c = l(() => {
+    const t = s(!1), n = s(), a = s(!1), u = l(
+      () => a.value && t.value ? "ui-lt-animate" : ""
+    ), o = b((e) => a.value = e, 500), c = l(() => {
       var e;
       return n.value ? `${((e = n.value) == null ? void 0 : e.innerHTML.length) * 0.4}s` : "5s";
     });
@@ -30,7 +32,7 @@ const T = /* @__PURE__ */ d({
           ref: n,
           class: h(u.value)
         }, [
-          b(e.$slots, "default")
+          H(e.$slots, "default")
         ], 2)
       ], 32)
     ], 16));

package/dist/components/LongText.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"LongText.vue.js","sources":["../../src/components/LongText.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, ref } from 'vue';\nimport { debounce, notEmpty } from '@milaboratories/helpers';\n\nconst hasElementEllipsis = ref(false);\n\nconst span = ref<HTMLElement>();\n\nconst isHovered = ref(false);\n\nconst classes = computed(() => (isHovered.value && hasElementEllipsis.value ? 'ui-lt-animate' : ''));\n\nconst updateStatus = debounce((val: boolean) => (isHovered.value = val), 500);\n\nconst animationTime = computed(() => {\n  return span.value ? `${span.value?.innerHTML.length * 0.4}s` : '5s';\n});\n\nfunction isEllipsisEnabled() {\n  const el = notEmpty(span.value, 'span cannot be empty');\n  hasElementEllipsis.value = el.clientWidth < el.scrollWidth;\n}\n\nfunction mouseoverHandler() {\n  isEllipsisEnabled();\n  updateStatus(true);\n}\n\nfunction mouseoutHandler() {\n  updateStatus(false);\n}\n</script>\n\n<template>\n  <div v-bind=\"$attrs\" class=\"ui-lt-container\">\n    <span @mouseover=\"mouseoverHandler\" @mouseleave=\"mouseoutHandler\">\n      <span ref=\"span\" :class=\"classes\"><slot /></span>\n    </span>\n  </div>\n</template>\n\n<style lang=\"scss\">\n.ui-lt-container {\n  min-width: 0;\n  white-space: nowrap;\n  overflow: hidden;\n  position: relative;\n  border-radius: 5px;\n\n  span {\n    display: inline-block;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    width: 100%;\n    vertical-align: bottom;\n    pointer-events: all !important;\n  }\n\n  .ui-lt-animate {\n    position: relative;\n    animation: left-to-right v-bind(animationTime) infinite alternate linear;\n\n    overflow: unset !important;\n    text-overflow: unset !important;\n    width: fit-content !important;\n  }\n}\n\n@keyframes left-to-right {\n  0% {\n    transform: translateX(0%);\n    left: 0%;\n  }\n\n  100% {\n    transform: translateX(-101%);\n    left: 101%;\n  }\n}\n</style>\n"],"names":["hasElementEllipsis","ref","span","isHovered","classes","computed","updateStatus","debounce","val","animationTime","_a","isEllipsisEnabled","el","notEmpty","mouseoverHandler","mouseoutHandler","_openBlock","_createElementBlock","_mergeProps","_ctx","_createElementVNode","_renderSlot"],"mappings":";;;;;;;;AAIA,UAAMA,IAAqBC,EAAI,EAAK,GAE9BC,IAAOD,EAAA,GAEPE,IAAYF,EAAI,EAAK,GAErBG,IAAUC,EAAS,MAAOF,EAAU,SAASH,EAAmB,QAAQ,kBAAkB,EAAG,GAE7FM,IAAeC,EAAS,CAACC,MAAkBL,EAAU,QAAQK,GAAM,GAAG,GAEtEC,IAAgBJ,EAAS,MAAM;;AACnC,aAAOH,EAAK,QAAQ,KAAGQ,IAAAR,EAAK,UAAL,gBAAAQ,EAAY,UAAU,UAAS,GAAG,MAAM;AAAA,IACjE,CAAC;AAED,aAASC,IAAoB;AAC3B,YAAMC,IAAKC,EAASX,EAAK,OAAO,sBAAsB;AACtD,MAAAF,EAAmB,QAAQY,EAAG,cAAcA,EAAG;AAAA,IACjD;AAEA,aAASE,IAAmB;AAC1B,MAAAH,EAAA,GACAL,EAAa,EAAI;AAAA,IACnB;AAEA,aAASS,IAAkB;AACzB,MAAAT,EAAa,EAAK;AAAA,IACpB;sBAIEU,EAAA,GAAAC,EAIM,OAJNC,EAIMC,UAJa,EAAE,OAAM,kBAAA,CAAiB,GAAA;AAAA,MAC1CC,EAEO,QAAA;AAAA,QAFA,aAAWN;AAAA,QAAmB,cAAYC;AAAA,MAAA;QAC/CK,EAAiD,QAAA;AAAA,mBAAvC;AAAA,UAAJ,KAAIlB;AAAA,UAAQ,SAAOE,EAAA,KAAO;AAAA,QAAA;UAAEiB,EAAQF,EAAA,QAAA,SAAA;AAAA,QAAA;;;;;"}
+{"version":3,"file":"LongText.vue.js","sources":["../../src/components/LongText.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, ref } from \"vue\";\nimport { debounce, notEmpty } from \"@milaboratories/helpers\";\n\nconst hasElementEllipsis = ref(false);\n\nconst span = ref<HTMLElement>();\n\nconst isHovered = ref(false);\n\nconst classes = computed(() =>\n  isHovered.value && hasElementEllipsis.value ? \"ui-lt-animate\" : \"\",\n);\n\nconst updateStatus = debounce((val: boolean) => (isHovered.value = val), 500);\n\nconst animationTime = computed(() => {\n  return span.value ? `${span.value?.innerHTML.length * 0.4}s` : \"5s\";\n});\n\nfunction isEllipsisEnabled() {\n  const el = notEmpty(span.value, \"span cannot be empty\");\n  hasElementEllipsis.value = el.clientWidth < el.scrollWidth;\n}\n\nfunction mouseoverHandler() {\n  isEllipsisEnabled();\n  updateStatus(true);\n}\n\nfunction mouseoutHandler() {\n  updateStatus(false);\n}\n</script>\n\n<template>\n  <div v-bind=\"$attrs\" class=\"ui-lt-container\">\n    <span @mouseover=\"mouseoverHandler\" @mouseleave=\"mouseoutHandler\">\n      <span ref=\"span\" :class=\"classes\"><slot /></span>\n    </span>\n  </div>\n</template>\n\n<style lang=\"scss\">\n.ui-lt-container {\n  min-width: 0;\n  white-space: nowrap;\n  overflow: hidden;\n  position: relative;\n  border-radius: 5px;\n\n  span {\n    display: inline-block;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    width: 100%;\n    vertical-align: bottom;\n    pointer-events: all !important;\n  }\n\n  .ui-lt-animate {\n    position: relative;\n    animation: left-to-right v-bind(animationTime) infinite alternate linear;\n\n    overflow: unset !important;\n    text-overflow: unset !important;\n    width: fit-content !important;\n  }\n}\n\n@keyframes left-to-right {\n  0% {\n    transform: translateX(0%);\n    left: 0%;\n  }\n\n  100% {\n    transform: translateX(-101%);\n    left: 101%;\n  }\n}\n</style>\n"],"names":["hasElementEllipsis","ref","span","isHovered","classes","computed","updateStatus","debounce","val","animationTime","_a","isEllipsisEnabled","el","notEmpty","mouseoverHandler","mouseoutHandler","_openBlock","_createElementBlock","_mergeProps","_ctx","_createElementVNode","_renderSlot"],"mappings":";;;;;;;;AAIA,UAAMA,IAAqBC,EAAI,EAAK,GAE9BC,IAAOD,EAAA,GAEPE,IAAYF,EAAI,EAAK,GAErBG,IAAUC;AAAA,MAAS,MACvBF,EAAU,SAASH,EAAmB,QAAQ,kBAAkB;AAAA,IAAA,GAG5DM,IAAeC,EAAS,CAACC,MAAkBL,EAAU,QAAQK,GAAM,GAAG,GAEtEC,IAAgBJ,EAAS,MAAM;;AACnC,aAAOH,EAAK,QAAQ,KAAGQ,IAAAR,EAAK,UAAL,gBAAAQ,EAAY,UAAU,UAAS,GAAG,MAAM;AAAA,IACjE,CAAC;AAED,aAASC,IAAoB;AAC3B,YAAMC,IAAKC,EAASX,EAAK,OAAO,sBAAsB;AACtD,MAAAF,EAAmB,QAAQY,EAAG,cAAcA,EAAG;AAAA,IACjD;AAEA,aAASE,IAAmB;AAC1B,MAAAH,EAAA,GACAL,EAAa,EAAI;AAAA,IACnB;AAEA,aAASS,IAAkB;AACzB,MAAAT,EAAa,EAAK;AAAA,IACpB;sBAIEU,EAAA,GAAAC,EAIM,OAJNC,EAIMC,UAJa,EAAE,OAAM,kBAAA,CAAiB,GAAA;AAAA,MAC1CC,EAEO,QAAA;AAAA,QAFA,aAAWN;AAAA,QAAmB,cAAYC;AAAA,MAAA;QAC/CK,EAAiD,QAAA;AAAA,mBAAvC;AAAA,UAAJ,KAAIlB;AAAA,UAAQ,SAAOE,EAAA,KAAO;AAAA,QAAA;UAAEiB,EAAQF,EAAA,QAAA,SAAA;AAAA,QAAA;;;;;"}

package/dist/components/PlAccordion/ExpandTransition.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ExpandTransition.vue.d.ts","sourceRoot":"","sources":["../../../src/components/PlAccordion/ExpandTransition.vue"],"names":[],"mappings":"AAmDA,iBAAS,cAAc;WAqDT,OAAO,IAA6B;;yBAVpB,GAAG;;;;EAehC;AASD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe,+QAMnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAEpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"ExpandTransition.vue.d.ts","sourceRoot":"","sources":["../../../src/components/PlAccordion/ExpandTransition.vue"],"names":[],"mappings":"AAyDA,iBAAS,cAAc;WAqDT,OAAO,IAA6B;;yBAVpB,GAAG;;;;EAehC;AASD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe,+QAMnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAEpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/components/PlAccordion/ExpandTransition.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"ExpandTransition.vue2.js","sources":["../../../src/components/PlAccordion/ExpandTransition.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nconst onStart = (el: Element) => {\n  el.classList.add('expand-collapse-fix');\n  (el as HTMLElement).style.setProperty('--component-height', el.scrollHeight + 'px');\n};\n\nconst onAfter = (el: Element) => {\n  (el as HTMLElement).style.removeProperty('--component-height');\n  el.classList.remove('expand-collapse-fix');\n};\n</script>\n\n<template>\n  <Transition name=\"expand-collapse\" @enter=\"onStart\" @leave=\"onStart\" @after-enter=\"onAfter\" @after-leave=\"onAfter\">\n    <slot/>\n  </Transition>\n</template>\n\n<style>\n.expand-collapse-fix {\n  overflow: hidden;\n}\n\n.expand-collapse-enter-active,\n.expand-collapse-leave-active {\n  transition:\n    height 0.2s ease-in-out,\n    opacity 0.2s ease-in-out;\n  height: var(--component-height);\n}\n\n.expand-collapse-enter-from,\n.expand-collapse-leave-to {\n  opacity: 0.5;\n  height: 0;\n}\n</style>\n"],"names":["onStart","el","onAfter","_createBlock","_Transition","_renderSlot","_ctx"],"mappings":";;;;AACA,UAAMA,IAAU,CAACC,MAAgB;AAC/B,MAAAA,EAAG,UAAU,IAAI,qBAAqB,GACrCA,EAAmB,MAAM,YAAY,sBAAsBA,EAAG,eAAe,IAAI;AAAA,IACpF,GAEMC,IAAU,CAACD,MAAgB;AAC9B,MAAAA,EAAmB,MAAM,eAAe,oBAAoB,GAC7DA,EAAG,UAAU,OAAO,qBAAqB;AAAA,IAC3C;2BAIEE,EAEaC,GAAA;AAAA,MAFD,MAAK;AAAA,MAAmB,SAAOJ;AAAA,MAAU,SAAOA;AAAA,MAAU,cAAaE;AAAA,MAAU,cAAaA;AAAA,IAAA;iBACxG,MAAO;AAAA,QAAPG,EAAOC,EAAA,QAAA,SAAA;AAAA,MAAA;;;;;"}
+{"version":3,"file":"ExpandTransition.vue2.js","sources":["../../../src/components/PlAccordion/ExpandTransition.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nconst onStart = (el: Element) => {\n  el.classList.add(\"expand-collapse-fix\");\n  (el as HTMLElement).style.setProperty(\"--component-height\", el.scrollHeight + \"px\");\n};\n\nconst onAfter = (el: Element) => {\n  (el as HTMLElement).style.removeProperty(\"--component-height\");\n  el.classList.remove(\"expand-collapse-fix\");\n};\n</script>\n\n<template>\n  <Transition\n    name=\"expand-collapse\"\n    @enter=\"onStart\"\n    @leave=\"onStart\"\n    @after-enter=\"onAfter\"\n    @after-leave=\"onAfter\"\n  >\n    <slot />\n  </Transition>\n</template>\n\n<style>\n.expand-collapse-fix {\n  overflow: hidden;\n}\n\n.expand-collapse-enter-active,\n.expand-collapse-leave-active {\n  transition:\n    height 0.2s ease-in-out,\n    opacity 0.2s ease-in-out;\n  height: var(--component-height);\n}\n\n.expand-collapse-enter-from,\n.expand-collapse-leave-to {\n  opacity: 0.5;\n  height: 0;\n}\n</style>\n"],"names":["onStart","el","onAfter","_createBlock","_Transition","_renderSlot","_ctx"],"mappings":";;;;AACA,UAAMA,IAAU,CAACC,MAAgB;AAC/B,MAAAA,EAAG,UAAU,IAAI,qBAAqB,GACrCA,EAAmB,MAAM,YAAY,sBAAsBA,EAAG,eAAe,IAAI;AAAA,IACpF,GAEMC,IAAU,CAACD,MAAgB;AAC9B,MAAAA,EAAmB,MAAM,eAAe,oBAAoB,GAC7DA,EAAG,UAAU,OAAO,qBAAqB;AAAA,IAC3C;2BAIEE,EAQaC,GAAA;AAAA,MAPX,MAAK;AAAA,MACJ,SAAOJ;AAAA,MACP,SAAOA;AAAA,MACP,cAAaE;AAAA,MACb,cAAaA;AAAA,IAAA;iBAEd,MAAQ;AAAA,QAARG,EAAQC,EAAA,QAAA,SAAA;AAAA,MAAA;;;;;"}

package/dist/components/PlAccordion/PlAccordion.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"PlAccordion.vue.js","sources":["../../../src/components/PlAccordion/PlAccordion.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { provide, toRef } from 'vue';\n\nconst model = defineModel<string>();\n\nconst props = defineProps<{\n  /**\n   * Allow multiple accordion sections to be opened at the same time\n   */\n  multiple?: boolean;\n}>();\n\nprovide('pl-accordion-model', model);\nprovide('pl-accordion-props', toRef(props));\n</script>\n\n<template>\n  <slot name=\"header\" />\n  <slot />\n</template>\n"],"names":["model","_useModel","__props","props","provide","toRef","_renderSlot","_ctx"],"mappings":";;;;;;;;;;;AAGA,UAAMA,IAAQC,EAAmBC,GAAA,YAAC,GAE5BC,IAAQD;AAOd,WAAAE,EAAQ,sBAAsBJ,CAAK,GACnCI,EAAQ,sBAAsBC,EAAMF,CAAK,CAAC;MAIxCG,EAAsBC,EAAA,QAAA,QAAA;AAAA,MACtBD,EAAQC,EAAA,QAAA,SAAA;AAAA,IAAA;;;"}
+{"version":3,"file":"PlAccordion.vue.js","sources":["../../../src/components/PlAccordion/PlAccordion.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { provide, toRef } from \"vue\";\n\nconst model = defineModel<string>();\n\nconst props = defineProps<{\n  /**\n   * Allow multiple accordion sections to be opened at the same time\n   */\n  multiple?: boolean;\n}>();\n\nprovide(\"pl-accordion-model\", model);\nprovide(\"pl-accordion-props\", toRef(props));\n</script>\n\n<template>\n  <slot name=\"header\" />\n  <slot />\n</template>\n"],"names":["model","_useModel","__props","props","provide","toRef","_renderSlot","_ctx"],"mappings":";;;;;;;;;;;AAGA,UAAMA,IAAQC,EAAmBC,GAAA,YAAC,GAE5BC,IAAQD;AAOd,WAAAE,EAAQ,sBAAsBJ,CAAK,GACnCI,EAAQ,sBAAsBC,EAAMF,CAAK,CAAC;MAIxCG,EAAsBC,EAAA,QAAA,QAAA;AAAA,MACtBD,EAAQC,EAAA,QAAA,SAAA;AAAA,IAAA;;;"}

package/dist/components/PlAccordion/PlAccordionSection.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"PlAccordionSection.vue2.js","sources":["../../../src/components/PlAccordion/PlAccordionSection.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { uniqueId } from '@milaboratories/helpers';\nimport { PlMaskIcon16 } from '../PlMaskIcon16';\nimport { PlSectionSeparator } from '../PlSectionSeparator';\nimport ExpandTransition from './ExpandTransition.vue';\nimport type { Ref } from 'vue';\nimport { computed, inject, toRef } from 'vue';\n\nconst $m = inject<Ref<string>>('pl-accordion-model', () => toRef(''), true);\n\nconst $p = inject<\n  Ref<{\n    multiple?: boolean;\n  }>\n>('pl-accordion-props', () => toRef({ multiple: false }), true);\n\nconst model = defineModel<boolean>();\n\nconst id = uniqueId();\n\nconst isMulti = computed(() => !$p || $p.value.multiple);\n\nconst open = computed({\n  get() {\n    if (isMulti.value) {\n      return model.value;\n    }\n\n    return $m ? $m.value === id : model.value;\n  },\n  set(on) {\n    if (isMulti.value) {\n      model.value = on;\n    } else if ($m) {\n      $m.value = $m.value === id ? '' : id;\n    }\n  },\n});\n\ndefineProps<{\n  /**\n   * The label text (optional)\n   */\n  label?: string;\n  /**\n   * If `true`, remove top padding\n   */\n  compact?: boolean;\n}>();\n</script>\n\n<template>\n  <div class=\"pl-accordion-section\">\n    <PlSectionSeparator :class=\"$style.separator\" :compact=\"compact\" @click=\"open = !open\">\n      <PlMaskIcon16 name=\"chevron-right\" :class=\"[{ [$style.down]: open }, $style.chevron]\" />\n      {{ label }}\n    </PlSectionSeparator>\n    <ExpandTransition>\n      <div v-if=\"open\" :class=\"$style.content\">\n        <slot />\n      </div>\n    </ExpandTransition>\n  </div>\n</template>\n\n<style module>\n.content {\n  display: flex;\n  flex-direction: column;\n  gap: var(--gap-v);\n  will-change: height, opacity;\n  /* transform: translateZ(0);\n  backface-visibility: hidden; */\n}\n\n.content > *:first-child {\n  margin-top: 24px;\n}\n\n.content > *:last-child {\n  margin-bottom: 4px;\n}\n\n.separator {\n  cursor: pointer;\n  &:hover {\n    --pl-separator-txt-color: var(--txt-01);\n    --mask-icon-bg-color: var(--ic-01);\n  }\n}\n\n.chevron {\n  transition-duration: 50ms;\n}\n\n.down {\n  transform: rotate(90deg);\n}\n</style>\n"],"names":["$m","inject","toRef","$p","model","_useModel","__props","id","uniqueId","isMulti","computed","open","on","_openBlock","_createElementBlock","_hoisted_1","_createVNode","_unref","PlSectionSeparator","_normalizeClass","$style","_cache","$event","PlMaskIcon16","_createTextVNode","ExpandTransition","_renderSlot","_ctx"],"mappings":";;;;;;;;;;;;;;;;;AAQA,UAAMA,IAAKC,EAAoB,sBAAsB,MAAMC,EAAM,EAAE,GAAG,EAAI,GAEpEC,IAAKF,EAIT,sBAAsB,MAAMC,EAAM,EAAE,UAAU,IAAO,GAAG,EAAI,GAExDE,IAAQC,EAAoBC,GAAA,YAAC,GAE7BC,IAAKC,EAAA,GAELC,IAAUC,EAAS,MAAM,CAACP,KAAMA,EAAG,MAAM,QAAQ,GAEjDQ,IAAOD,EAAS;AAAA,MACpB,MAAM;AACJ,eAAID,EAAQ,QACHL,EAAM,QAGRJ,IAAKA,EAAG,UAAUO,IAAKH,EAAM;AAAA,MACtC;AAAA,MACA,IAAIQ,GAAI;AACN,QAAIH,EAAQ,QACVL,EAAM,QAAQQ,IACLZ,MACTA,EAAG,QAAQA,EAAG,UAAUO,IAAK,KAAKA;AAAA,MAEtC;AAAA,IAAA,CACD;sBAeCM,EAAA,GAAAC,EAUM,OAVNC,GAUM;AAAA,MATJC,EAGqBC,EAAAC,CAAA,GAAA;AAAA,QAHA,OAAKC,EAAEC,EAAAA,OAAO,SAAS;AAAA,QAAG,SAASd,EAAA;AAAA,QAAU,SAAKe,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAAC,MAAEX,EAAA,QAAI,CAAIA,EAAA;AAAA,MAAA;mBAC/E,MAAwF;AAAA,UAAxFK,EAAwFC,EAAAM,CAAA,GAAA;AAAA,YAA1E,MAAK;AAAA,YAAiB,OAAKJ,EAAA,CAAA,EAAA,CAAMC,SAAO,IAAI,GAAGT,EAAA,MAAA,GAAQS,EAAAA,OAAO,OAAO,CAAA;AAAA,UAAA;UAAKI,EAAA,QACrFlB,EAAA,KAAK,GAAA,CAAA;AAAA,QAAA;;;MAEVU,EAImBS,GAAA,MAAA;AAAA,mBAHjB,MAEM;AAAA,UAFKd,EAAA,cAAXG,EAEM,OAAA;AAAA;YAFY,OAAKK,EAAEC,EAAAA,OAAO,OAAO;AAAA,UAAA;YACrCM,EAAQC,EAAA,QAAA,SAAA;AAAA,UAAA;;;;;;;"}
+{"version":3,"file":"PlAccordionSection.vue2.js","sources":["../../../src/components/PlAccordion/PlAccordionSection.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { uniqueId } from \"@milaboratories/helpers\";\nimport { PlMaskIcon16 } from \"../PlMaskIcon16\";\nimport { PlSectionSeparator } from \"../PlSectionSeparator\";\nimport ExpandTransition from \"./ExpandTransition.vue\";\nimport type { Ref } from \"vue\";\nimport { computed, inject, toRef } from \"vue\";\n\nconst $m = inject<Ref<string>>(\"pl-accordion-model\", () => toRef(\"\"), true);\n\nconst $p = inject<\n  Ref<{\n    multiple?: boolean;\n  }>\n>(\"pl-accordion-props\", () => toRef({ multiple: false }), true);\n\nconst model = defineModel<boolean>();\n\nconst id = uniqueId();\n\nconst isMulti = computed(() => !$p || $p.value.multiple);\n\nconst open = computed({\n  get() {\n    if (isMulti.value) {\n      return model.value;\n    }\n\n    return $m ? $m.value === id : model.value;\n  },\n  set(on) {\n    if (isMulti.value) {\n      model.value = on;\n    } else if ($m) {\n      $m.value = $m.value === id ? \"\" : id;\n    }\n  },\n});\n\ndefineProps<{\n  /**\n   * The label text (optional)\n   */\n  label?: string;\n  /**\n   * If `true`, remove top padding\n   */\n  compact?: boolean;\n}>();\n</script>\n\n<template>\n  <div class=\"pl-accordion-section\">\n    <PlSectionSeparator :class=\"$style.separator\" :compact=\"compact\" @click=\"open = !open\">\n      <PlMaskIcon16 name=\"chevron-right\" :class=\"[{ [$style.down]: open }, $style.chevron]\" />\n      {{ label }}\n    </PlSectionSeparator>\n    <ExpandTransition>\n      <div v-if=\"open\" :class=\"$style.content\">\n        <slot />\n      </div>\n    </ExpandTransition>\n  </div>\n</template>\n\n<style module>\n.content {\n  display: flex;\n  flex-direction: column;\n  gap: var(--gap-v);\n  will-change: height, opacity;\n  /* transform: translateZ(0);\n  backface-visibility: hidden; */\n}\n\n.content > *:first-child {\n  margin-top: 24px;\n}\n\n.content > *:last-child {\n  margin-bottom: 4px;\n}\n\n.separator {\n  cursor: pointer;\n  &:hover {\n    --pl-separator-txt-color: var(--txt-01);\n    --mask-icon-bg-color: var(--ic-01);\n  }\n}\n\n.chevron {\n  transition-duration: 50ms;\n}\n\n.down {\n  transform: rotate(90deg);\n}\n</style>\n"],"names":["$m","inject","toRef","$p","model","_useModel","__props","id","uniqueId","isMulti","computed","open","on","_openBlock","_createElementBlock","_hoisted_1","_createVNode","_unref","PlSectionSeparator","_normalizeClass","$style","_cache","$event","PlMaskIcon16","_createTextVNode","ExpandTransition","_renderSlot","_ctx"],"mappings":";;;;;;;;;;;;;;;;;AAQA,UAAMA,IAAKC,EAAoB,sBAAsB,MAAMC,EAAM,EAAE,GAAG,EAAI,GAEpEC,IAAKF,EAIT,sBAAsB,MAAMC,EAAM,EAAE,UAAU,IAAO,GAAG,EAAI,GAExDE,IAAQC,EAAoBC,GAAA,YAAC,GAE7BC,IAAKC,EAAA,GAELC,IAAUC,EAAS,MAAM,CAACP,KAAMA,EAAG,MAAM,QAAQ,GAEjDQ,IAAOD,EAAS;AAAA,MACpB,MAAM;AACJ,eAAID,EAAQ,QACHL,EAAM,QAGRJ,IAAKA,EAAG,UAAUO,IAAKH,EAAM;AAAA,MACtC;AAAA,MACA,IAAIQ,GAAI;AACN,QAAIH,EAAQ,QACVL,EAAM,QAAQQ,IACLZ,MACTA,EAAG,QAAQA,EAAG,UAAUO,IAAK,KAAKA;AAAA,MAEtC;AAAA,IAAA,CACD;sBAeCM,EAAA,GAAAC,EAUM,OAVNC,GAUM;AAAA,MATJC,EAGqBC,EAAAC,CAAA,GAAA;AAAA,QAHA,OAAKC,EAAEC,EAAAA,OAAO,SAAS;AAAA,QAAG,SAASd,EAAA;AAAA,QAAU,SAAKe,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAAC,MAAEX,EAAA,QAAI,CAAIA,EAAA;AAAA,MAAA;mBAC/E,MAAwF;AAAA,UAAxFK,EAAwFC,EAAAM,CAAA,GAAA;AAAA,YAA1E,MAAK;AAAA,YAAiB,OAAKJ,EAAA,CAAA,EAAA,CAAMC,SAAO,IAAI,GAAGT,EAAA,MAAA,GAAQS,EAAAA,OAAO,OAAO,CAAA;AAAA,UAAA;UAAKI,EAAA,QACrFlB,EAAA,KAAK,GAAA,CAAA;AAAA,QAAA;;;MAEVU,EAImBS,GAAA,MAAA;AAAA,mBAHjB,MAEM;AAAA,UAFKd,EAAA,cAAXG,EAEM,OAAA;AAAA;YAFY,OAAKK,EAAEC,EAAAA,OAAO,OAAO;AAAA,UAAA;YACrCM,EAAQC,EAAA,QAAA,SAAA;AAAA,UAAA;;;;;;;"}

package/dist/components/PlAlert/PlAlert.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PlAlert.vue.d.ts","sourceRoot":"","sources":["../../../src/components/PlAlert/PlAlert.vue"],"names":[],"mappings":"AA2FA,OAAO,iBAAiB,CAAC;;IAerB;;;;OAIG;iBACU,OAAO;IACpB;;;OAGG;WACI,SAAS,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO;IAC5C;;OAEG;YACK,MAAM;IACd;;OAEG;WACI,OAAO;IACd;;OAEG;gBACS,OAAO;IACnB;;OAEG;gBACS,OAAO;IACnB;;OAEG;oBACa,OAAO;IAEvB;;OAEG;gBACS,MAAM;;;;IAnClB;;;;OAIG;iBACU,OAAO;IACpB;;;OAGG;WACI,SAAS,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO;IAC5C;;OAEG;YACK,MAAM;IACd;;OAEG;WACI,OAAO;IACd;;OAEG;gBACS,OAAO;IACnB;;OAEG;gBACS,OAAO;IACnB;;OAEG;oBACa,OAAO;IAEvB;;OAEG;gBACS,MAAM;;;;WArBV,MAAM;gBATD,OAAO;UAKb,SAAS,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO;UAQrC,OAAO;eAiBF,MAAM;eAbN,OAAO;eAIP,OAAO;mBAIH,OAAO;;qBAyFE,GAAG;;AAnIhC,wBA4KK;AAcL,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"PlAlert.vue.d.ts","sourceRoot":"","sources":["../../../src/components/PlAlert/PlAlert.vue"],"names":[],"mappings":"AAsGA,OAAO,iBAAiB,CAAC;;IAerB;;;;OAIG;iBACU,OAAO;IACpB;;;OAGG;WACI,SAAS,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO;IAC5C;;OAEG;YACK,MAAM;IACd;;OAEG;WACI,OAAO;IACd;;OAEG;gBACS,OAAO;IACnB;;OAEG;gBACS,OAAO;IACnB;;OAEG;oBACa,OAAO;IAEvB;;OAEG;gBACS,MAAM;;;;IAnClB;;;;OAIG;iBACU,OAAO;IACpB;;;OAGG;WACI,SAAS,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO;IAC5C;;OAEG;YACK,MAAM;IACd;;OAEG;WACI,OAAO;IACd;;OAEG;gBACS,OAAO;IACnB;;OAEG;gBACS,OAAO;IACnB;;OAEG;oBACa,OAAO;IAEvB;;OAEG;gBACS,MAAM;;;;WArBV,MAAM;gBATD,OAAO;UAKb,SAAS,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO;UAQrC,OAAO;eAiBF,MAAM;eAbN,OAAO;eAIP,OAAO;mBAIH,OAAO;;qBAyFE,GAAG;;AAnIhC,wBA4KK;AAcL,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}