@milaboratories/uikit 2.6.2 → 2.6.4

package/.turbo/turbo-type-check.log

@@ -1,6 +1,6 @@
  WARN  Issue while reading "/home/runner/_work/platforma/platforma/.npmrc". Failed to replace env in config: ${NPMJS_TOKEN}
 
-> @milaboratories/uikit@2.6.2 type-check /home/runner/_work/platforma/platforma/lib/ui/uikit
+> @milaboratories/uikit@2.6.4 type-check /home/runner/_work/platforma/platforma/lib/ui/uikit
 > ts-builder types --target browser-lib
 
 ↳ vue-tsc.js --noEmit --project ./tsconfig.json

package/CHANGELOG.md

@@ -1,5 +1,18 @@
 # @milaboratories/uikit
 
+## 2.6.4
+
+### Patch Changes
+
+- Updated dependencies [2c07d5a]
+  - @platforma-sdk/model@1.45.42
+
+## 2.6.3
+
+### Patch Changes
+
+- 3d915f9: Fix vue warning in PlDropdown (update vue 3.5.13 -> v3.5.24)
+
 ## 2.6.2
 
 ### Patch Changes

package/dist/base/BtnBase.vue.js

@@ -1,10 +1,10 @@
-import { defineComponent as y, ref as g, computed as l, createElementBlock as a, openBlock as n, mergeProps as B, createCommentVNode as r, renderSlot as t, createBlock as i, unref as u } from "vue";
-import d from "../components/PlIcon16/PlIcon16.vue.js";
-import { useRipple as c } from "../composition/useRipple.js";
-const z = { key: 0 }, k = {
+import { defineComponent as y, ref as g, computed as o, createElementBlock as s, openBlock as l, mergeProps as B, createCommentVNode as r, renderSlot as i, createBlock as u, unref as d } from "vue";
+import m from "../components/PlIcon16/PlIcon16.vue.js";
+import { useRipple as z } from "../composition/useRipple.js";
+const k = { key: 0 }, b = {
   inheritAttrs: !1
-}, h = /* @__PURE__ */ y({
-  ...k,
+}, j = /* @__PURE__ */ y({
+  ...b,
   __name: "BtnBase",
   props: {
     loading: { type: Boolean },
@@ -16,23 +16,23 @@ const z = { key: 0 }, k = {
     reverse: { type: Boolean },
     justifyCenter: { type: Boolean }
   },
-  setup(m) {
-    const o = m, s = g(), p = l(() => o.small || o.size === "small"), f = l(() => o.large || o.size === "large");
-    return c(s), (e, b) => (n(), a("button", B({
+  setup(e) {
+    const t = e, a = g(), c = o(() => t.small || t.size === "small"), f = o(() => t.large || t.size === "large");
+    return z(a), (n, v) => (l(), s("button", B({
       ref_key: "btn",
-      ref: s,
+      ref: a,
       tabindex: "0",
-      class: { loading: e.loading, small: p.value, large: f.value, round: e.round, reverse: e.reverse, justifyCenter: e.justifyCenter, [e.$attrs.class + ""]: !0 }
-    }, { ...e.$attrs, disabled: !!e.$attrs.disabled || e.loading }), [
-      e.round ? r("", !0) : (n(), a("span", z, [
-        t(e.$slots, "default")
+      class: { loading: e.loading, small: c.value, large: f.value, round: e.round, reverse: e.reverse, justifyCenter: e.justifyCenter, [n.$attrs.class + ""]: !0 }
+    }, { ...n.$attrs, disabled: !!n.$attrs.disabled || e.loading }), [
+      e.round ? r("", !0) : (l(), s("span", k, [
+        i(n.$slots, "default")
       ])),
-      t(e.$slots, "icon", {}, () => [
-        e.loading ? (n(), i(u(d), {
+      i(n.$slots, "icon", {}, () => [
+        e.loading ? (l(), u(d(m), {
           key: 0,
           name: "loading",
           size: e.size
-        }, null, 8, ["size"])) : e.icon ? (n(), i(u(d), {
+        }, null, 8, ["size"])) : e.icon ? (l(), u(d(m), {
           key: 1,
           name: e.icon,
           size: e.size
@@ -42,6 +42,6 @@ const z = { key: 0 }, k = {
   }
 });
 export {
-  h as default
+  j as default
 };
 //# sourceMappingURL=BtnBase.vue.js.map

package/dist/base/BtnBase.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"BtnBase.vue.js","sources":["../../src/base/BtnBase.vue"],"sourcesContent":["<script lang=\"ts\">\nexport default {\n  inheritAttrs: false,\n};\n</script>\n\n<script lang=\"ts\" setup>\nimport type { MaskIconName16, Size } from '../types';\nimport { computed, ref } from 'vue';\nimport { PlMaskIcon16 } from '../components/PlMaskIcon16';\nimport { useRipple } from '../composition/useRipple';\n\nconst props = defineProps<{\n  loading?: boolean;\n  small?: boolean;\n  large?: boolean;\n  size?: Size;\n  round?: boolean;\n  icon?: MaskIconName16;\n  reverse?: boolean;\n  justifyCenter?: boolean;\n}>();\n\nconst btn = ref();\n\nconst small = computed(() => props.small || props.size === 'small');\nconst large = computed(() => props.large || props.size === 'large');\n\nuseRipple(btn);\n</script>\n\n<template>\n  <button\n    ref=\"btn\"\n    tabindex=\"0\"\n    :class=\"{ loading, small, large, round, reverse, justifyCenter, [$attrs.class + '']: true }\"\n    v-bind=\"{ ...$attrs, disabled: Boolean($attrs.disabled) || loading }\"\n  >\n    <span v-if=\"!round\">\n      <slot />\n    </span>\n    <slot name=\"icon\">\n      <PlMaskIcon16 v-if=\"loading\" name=\"loading\" :size=\"size\" />\n      <PlMaskIcon16 v-else-if=\"icon\" :name=\"icon\" :size=\"size\" />\n    </slot>\n  </button>\n</template>\n"],"names":["__default__","props","__props","btn","ref","small","computed","large","useRipple"],"mappings":";;;sBACAA,IAAe;AAAA,EACb,cAAc;AAChB;;;;;;;;;;;;;;AASA,UAAMC,IAAQC,GAWRC,IAAMC,EAAA,GAENC,IAAQC,EAAS,MAAML,EAAM,SAASA,EAAM,SAAS,OAAO,GAC5DM,IAAQD,EAAS,MAAML,EAAM,SAASA,EAAM,SAAS,OAAO;AAElE,WAAAO,EAAUL,CAAG;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"BtnBase.vue.js","sources":["../../src/base/BtnBase.vue"],"sourcesContent":["<script lang=\"ts\">\nexport default {\n  inheritAttrs: false,\n};\n</script>\n\n<script lang=\"ts\" setup>\nimport type { MaskIconName16, Size } from '../types';\nimport { computed, ref } from 'vue';\nimport { PlMaskIcon16 } from '../components/PlMaskIcon16';\nimport { useRipple } from '../composition/useRipple';\n\nconst props = defineProps<{\n  loading?: boolean;\n  small?: boolean;\n  large?: boolean;\n  size?: Size;\n  round?: boolean;\n  icon?: MaskIconName16;\n  reverse?: boolean;\n  justifyCenter?: boolean;\n}>();\n\nconst btn = ref();\n\nconst small = computed(() => props.small || props.size === 'small');\nconst large = computed(() => props.large || props.size === 'large');\n\nuseRipple(btn);\n</script>\n\n<template>\n  <button\n    ref=\"btn\"\n    tabindex=\"0\"\n    :class=\"{ loading, small, large, round, reverse, justifyCenter, [$attrs.class + '']: true }\"\n    v-bind=\"{ ...$attrs, disabled: Boolean($attrs.disabled) || loading }\"\n  >\n    <span v-if=\"!round\">\n      <slot />\n    </span>\n    <slot name=\"icon\">\n      <PlMaskIcon16 v-if=\"loading\" name=\"loading\" :size=\"size\" />\n      <PlMaskIcon16 v-else-if=\"icon\" :name=\"icon\" :size=\"size\" />\n    </slot>\n  </button>\n</template>\n"],"names":["__default__","props","__props","btn","ref","small","computed","large","useRipple","_openBlock","_createElementBlock","_mergeProps","$attrs","_hoisted_1","_renderSlot","_ctx","_createBlock","_unref","PlMaskIcon16"],"mappings":";;;sBACAA,IAAe;AAAA,EACb,cAAc;AAChB;;;;;;;;;;;;;;AASA,UAAMC,IAAQC,GAWRC,IAAMC,EAAA,GAENC,IAAQC,EAAS,MAAML,EAAM,SAASA,EAAM,SAAS,OAAO,GAC5DM,IAAQD,EAAS,MAAML,EAAM,SAASA,EAAM,SAAS,OAAO;AAElE,WAAAO,EAAUL,CAAG,cAIXM,EAAA,GAAAC,EAaS,UAbTC,EAaS;AAAA,eAZH;AAAA,MAAJ,KAAIR;AAAA,MACJ,UAAS;AAAA,MACR,OAAK,EAAA,SAAID,EAAA,SAAO,OAAEG,EAAA,cAAOE,EAAA,OAAK,OAAEL,EAAA,OAAK,SAAEA,WAAO,eAAEA,EAAA,eAAa,CAAGU,EAAAA,OAAO,QAAK,EAAA,GAAA,GAAA;AAAA,IAAA,GAChEA,EAAAA,GAAAA,EAAAA,kBAAkB,EAAQA,SAAO,YAAaV,EAAA,QAAA,CAAO,GAAA;AAAA,MAErDA,EAAA,0BAAbQ,EAEO,QAAAG,GAAA;AAAA,QADLC,EAAQC,EAAA,QAAA,SAAA;AAAA,MAAA;MAEVD,EAGOC,sBAHP,MAGO;AAAA,QAFeb,EAAA,gBAApBc,EAA2DC,EAAAC,CAAA,GAAA;AAAA;UAA9B,MAAK;AAAA,UAAW,MAAMhB,EAAA;AAAA,QAAA,yBAC1BA,EAAA,aAAzBc,EAA2DC,EAAAC,CAAA,GAAA;AAAA;UAA3B,MAAMhB,EAAA;AAAA,UAAO,MAAMA,EAAA;AAAA,QAAA;;;;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"ContextProvider.vue.js","sources":["../../src/components/ContextProvider.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { type InjectionKey, computed, provide } from 'vue';\n\nconst props = defineProps<{\n  context: object;\n  contextKey: InjectionKey<unknown>;\n}>();\n\nprovide<unknown>(\n  props.contextKey,\n  computed(() => props.context),\n);\n</script>\n\n<template>\n  <slot />\n</template>\n"],"names":["props","__props","provide","computed"],"mappings":";;;;;;;;AAGA,UAAMA,IAAQC;AAKd,WAAAC;AAAA,MACEF,EAAM;AAAA,MACNG,EAAS,MAAMH,EAAM,OAAO;AAAA,IAAA;;;"}
+{"version":3,"file":"ContextProvider.vue.js","sources":["../../src/components/ContextProvider.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { type InjectionKey, computed, provide } from 'vue';\n\nconst props = defineProps<{\n  context: object;\n  contextKey: InjectionKey<unknown>;\n}>();\n\nprovide<unknown>(\n  props.contextKey,\n  computed(() => props.context),\n);\n</script>\n\n<template>\n  <slot />\n</template>\n"],"names":["props","__props","provide","computed","_renderSlot","_ctx"],"mappings":";;;;;;;;AAGA,UAAMA,IAAQC;AAKd,WAAAC;AAAA,MACEF,EAAM;AAAA,MACNG,EAAS,MAAMH,EAAM,OAAO;AAAA,IAAA,aAK5BI,EAAQC,EAAA,QAAA,SAAA;AAAA;;"}

package/dist/components/DataTable/BaseCellComponent.vue.js

@@ -1,6 +1,6 @@
-import { defineComponent as y, reactive as _, computed as b, ref as k, createElementBlock as l, openBlock as n, normalizeClass as C, toDisplayString as V, unref as g } from "vue";
+import { defineComponent as y, reactive as b, computed as _, ref as k, createElementBlock as n, openBlock as u, normalizeClass as C, toDisplayString as V, unref as g } from "vue";
 import { call as B } from "@milaboratories/helpers";
-const T = ["value"], R = { key: 1 }, F = /* @__PURE__ */ y({
+const T = ["value"], R = { key: 1 }, x = /* @__PURE__ */ y({
   __name: "BaseCellComponent",
   props: {
     modelValue: {},
@@ -8,35 +8,35 @@ const T = ["value"], R = { key: 1 }, F = /* @__PURE__ */ y({
     editable: { type: Boolean }
   },
   emits: ["update:modelValue"],
-  setup(r, { emit: p }) {
-    const c = p, s = r, a = _({
+  setup(o, { emit: c }) {
+    const d = c, s = o, a = b({
       edit: !1
-    }), d = b(() => s.valueType), m = (t) => {
-      var i;
-      const e = (i = t.target) == null ? void 0 : i.value, o = g(d), v = B(() => o === "integer" ? parseInt(e, 10) : o === "float" ? Number(e) : e);
-      c("update:modelValue", v), a.edit = !1;
-    }, u = k(), f = (t) => {
-      !t.metaKey && s.editable && (a.edit = !0, requestAnimationFrame(() => {
-        var e, o;
-        (o = (e = u.value) == null ? void 0 : e.querySelector("input")) == null || o.focus();
+    }), m = _(() => s.valueType), p = (l) => {
+      var r;
+      const e = (r = l.target) == null ? void 0 : r.value, t = g(m), v = B(() => t === "integer" ? parseInt(e, 10) : t === "float" ? Number(e) : e);
+      d("update:modelValue", v), a.edit = !1;
+    }, i = k(), f = (l) => {
+      !l.metaKey && s.editable && (a.edit = !0, requestAnimationFrame(() => {
+        var e, t;
+        (t = (e = i.value) == null ? void 0 : e.querySelector("input")) == null || t.focus();
       }));
     };
-    return (t, e) => (n(), l("div", {
+    return (l, e) => (u(), n("div", {
       ref_key: "baseRef",
-      ref: u,
+      ref: i,
       class: C(["base-cell", { "base-cell__edit": a.edit }]),
       onClick: f
     }, [
-      a.edit ? (n(), l("input", {
+      a.edit ? (u(), n("input", {
         key: 0,
-        value: t.modelValue,
-        onFocusout: e[0] || (e[0] = (o) => a.edit = !1),
-        onChange: m
-      }, null, 40, T)) : (n(), l("div", R, V(t.modelValue), 1))
+        value: o.modelValue,
+        onFocusout: e[0] || (e[0] = (t) => a.edit = !1),
+        onChange: p
+      }, null, 40, T)) : (u(), n("div", R, V(o.modelValue), 1))
     ], 2));
   }
 });
 export {
-  F as default
+  x as default
 };
 //# sourceMappingURL=BaseCellComponent.vue.js.map

package/dist/components/DataTable/BaseCellComponent.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"BaseCellComponent.vue.js","sources":["../../../src/components/DataTable/BaseCellComponent.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { call } from '@milaboratories/helpers';\nimport type { ValueType } from './types';\nimport { computed, reactive, ref, unref } from 'vue';\n\nconst emit = defineEmits(['update:modelValue']);\n\nconst props = defineProps<{\n  modelValue: unknown;\n  valueType: ValueType | undefined;\n  editable?: boolean;\n}>();\n\nconst data = reactive({\n  edit: false as boolean,\n});\n\nconst valueTypeRef = computed(() => props.valueType);\n\nconst onInput = (ev: Event) => {\n  const inputValue = (ev.target as HTMLInputElement)?.value;\n\n  const valueType = unref(valueTypeRef);\n\n  // @todo temp, replace to parse functions\n  const value = call(() => {\n    if (valueType === 'integer') {\n      return parseInt(inputValue, 10);\n    }\n\n    if (valueType === 'float') {\n      return Number(inputValue);\n    }\n\n    return inputValue;\n  });\n\n  emit('update:modelValue', value);\n\n  data.edit = false;\n};\n\nconst baseRef = ref<HTMLElement>();\n\nconst onClick = (ev: MouseEvent) => {\n  if (!ev.metaKey && props.editable) {\n    data.edit = true;\n    requestAnimationFrame(() => {\n      baseRef.value?.querySelector('input')?.focus();\n    });\n  }\n};\n</script>\n\n<template>\n  <div ref=\"baseRef\" class=\"base-cell\" :class=\"{ 'base-cell__edit': data.edit }\" @click=\"onClick\">\n    <input v-if=\"data.edit\" :value=\"modelValue\" @focusout=\"data.edit = false\" @change=\"onInput\" />\n    <div v-else>{{ modelValue }}</div>\n  </div>\n</template>\n"],"names":["emit","__emit","props","__props","data","reactive","valueTypeRef","computed","onInput","ev","inputValue","_a","valueType","unref","value","call","baseRef","ref","onClick","_b"],"mappings":";;;;;;;;;;;AAKA,UAAMA,IAAOC,GAEPC,IAAQC,GAMRC,IAAOC,EAAS;AAAA,MACpB,MAAM;AAAA,IAAA,CACP,GAEKC,IAAeC,EAAS,MAAML,EAAM,SAAS,GAE7CM,IAAU,CAACC,MAAc;;AAC7B,YAAMC,KAAcC,IAAAF,EAAG,WAAH,gBAAAE,EAAgC,OAE9CC,IAAYC,EAAMP,CAAY,GAG9BQ,IAAQC,EAAK,MACbH,MAAc,YACT,SAASF,GAAY,EAAE,IAG5BE,MAAc,UACT,OAAOF,CAAU,IAGnBA,CACR;AAED,MAAAV,EAAK,qBAAqBc,CAAK,GAE/BV,EAAK,OAAO;AAAA,IACd,GAEMY,IAAUC,EAAA,GAEVC,IAAU,CAACT,MAAmB;AAClC,MAAI,CAACA,EAAG,WAAWP,EAAM,aACvBE,EAAK,OAAO,IACZ,sBAAsB,MAAM;;AAC1B,SAAAe,KAAAR,IAAAK,EAAQ,UAAR,gBAAAL,EAAe,cAAc,aAA7B,QAAAQ,EAAuC;AAAA,MACzC,CAAC;AAAA,IAEL;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"BaseCellComponent.vue.js","sources":["../../../src/components/DataTable/BaseCellComponent.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { call } from '@milaboratories/helpers';\nimport type { ValueType } from './types';\nimport { computed, reactive, ref, unref } from 'vue';\n\nconst emit = defineEmits(['update:modelValue']);\n\nconst props = defineProps<{\n  modelValue: unknown;\n  valueType: ValueType | undefined;\n  editable?: boolean;\n}>();\n\nconst data = reactive({\n  edit: false as boolean,\n});\n\nconst valueTypeRef = computed(() => props.valueType);\n\nconst onInput = (ev: Event) => {\n  const inputValue = (ev.target as HTMLInputElement)?.value;\n\n  const valueType = unref(valueTypeRef);\n\n  // @todo temp, replace to parse functions\n  const value = call(() => {\n    if (valueType === 'integer') {\n      return parseInt(inputValue, 10);\n    }\n\n    if (valueType === 'float') {\n      return Number(inputValue);\n    }\n\n    return inputValue;\n  });\n\n  emit('update:modelValue', value);\n\n  data.edit = false;\n};\n\nconst baseRef = ref<HTMLElement>();\n\nconst onClick = (ev: MouseEvent) => {\n  if (!ev.metaKey && props.editable) {\n    data.edit = true;\n    requestAnimationFrame(() => {\n      baseRef.value?.querySelector('input')?.focus();\n    });\n  }\n};\n</script>\n\n<template>\n  <div ref=\"baseRef\" class=\"base-cell\" :class=\"{ 'base-cell__edit': data.edit }\" @click=\"onClick\">\n    <input v-if=\"data.edit\" :value=\"modelValue\" @focusout=\"data.edit = false\" @change=\"onInput\" />\n    <div v-else>{{ modelValue }}</div>\n  </div>\n</template>\n"],"names":["emit","__emit","props","__props","data","reactive","valueTypeRef","computed","onInput","ev","inputValue","_a","valueType","unref","value","call","baseRef","ref","onClick","_b","_createElementBlock","_normalizeClass","_cache","$event","_openBlock"],"mappings":";;;;;;;;;;;AAKA,UAAMA,IAAOC,GAEPC,IAAQC,GAMRC,IAAOC,EAAS;AAAA,MACpB,MAAM;AAAA,IAAA,CACP,GAEKC,IAAeC,EAAS,MAAML,EAAM,SAAS,GAE7CM,IAAU,CAACC,MAAc;;AAC7B,YAAMC,KAAcC,IAAAF,EAAG,WAAH,gBAAAE,EAAgC,OAE9CC,IAAYC,EAAMP,CAAY,GAG9BQ,IAAQC,EAAK,MACbH,MAAc,YACT,SAASF,GAAY,EAAE,IAG5BE,MAAc,UACT,OAAOF,CAAU,IAGnBA,CACR;AAED,MAAAV,EAAK,qBAAqBc,CAAK,GAE/BV,EAAK,OAAO;AAAA,IACd,GAEMY,IAAUC,EAAA,GAEVC,IAAU,CAACT,MAAmB;AAClC,MAAI,CAACA,EAAG,WAAWP,EAAM,aACvBE,EAAK,OAAO,IACZ,sBAAsB,MAAM;;AAC1B,SAAAe,KAAAR,IAAAK,EAAQ,UAAR,gBAAAL,EAAe,cAAc,aAA7B,QAAAQ,EAAuC;AAAA,MACzC,CAAC;AAAA,IAEL;2BAIEC,EAGM,OAAA;AAAA,eAHG;AAAA,MAAJ,KAAIJ;AAAA,MAAU,OAAKK,EAAA,CAAC,aAAW,EAAA,mBAA8BjB,EAAK,KAAA,CAAI,CAAA;AAAA,MAAK,SAAAc;AAAA,IAAA;MACjEd,EAAK,aAAlBgB,EAA8F,SAAA;AAAA;QAArE,OAAOjB,EAAA;AAAA,QAAa,YAAQmB,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAAC,MAAEnB,EAAK,OAAI;AAAA,QAAW,UAAQI;AAAA,MAAA,oBACnFgB,EAAA,GAAAJ,EAAkC,YAAnBjB,EAAA,UAAU,GAAA,CAAA;AAAA,IAAA;;;"}

package/dist/components/DataTable/ColumnCaret.vue.js

@@ -1,14 +1,14 @@
-import { defineComponent as l, computed as s, createElementBlock as a, openBlock as r, normalizeClass as m } from "vue";
-import { injectState as u } from "./keys.js";
-const f = /* @__PURE__ */ l({
+import { defineComponent as c, computed as l, createElementBlock as s, openBlock as a, normalizeClass as m } from "vue";
+import { injectState as r } from "./keys.js";
+const f = /* @__PURE__ */ c({
   __name: "ColumnCaret",
   props: {
     column: {}
   },
   setup(e) {
-    const o = u(), t = e, n = s(() => o.data.selectedColumns.has(t.column.id));
-    return (c, p) => (r(), a("div", {
-      class: m(["column-caret", { selected: n.value, frozen: c.column.frozen }])
+    const t = r(), o = e, n = l(() => t.data.selectedColumns.has(o.column.id));
+    return (u, d) => (a(), s("div", {
+      class: m(["column-caret", { selected: n.value, frozen: e.column.frozen }])
     }, null, 2));
   }
 });

package/dist/components/DataTable/ColumnCaret.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"ColumnCaret.vue.js","sources":["../../../src/components/DataTable/ColumnCaret.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { computed } from 'vue';\nimport type { ColumnSpecSettings } from './types';\nimport { injectState } from './keys';\n\nconst state = injectState();\n\nconst props = defineProps<{\n  column: ColumnSpecSettings;\n}>();\n\nconst selected = computed(() => state.data.selectedColumns.has(props.column.id));\n</script>\n\n<template>\n  <div class=\"column-caret\" :class=\"{ selected, frozen: column.frozen }\" />\n</template>\n"],"names":["state","injectState","props","__props","selected","computed"],"mappings":";;;;;;;;AAKA,UAAMA,IAAQC,EAAA,GAERC,IAAQC,GAIRC,IAAWC,EAAS,MAAML,EAAM,KAAK,gBAAgB,IAAIE,EAAM,OAAO,EAAE,CAAC;;;;;;"}
+{"version":3,"file":"ColumnCaret.vue.js","sources":["../../../src/components/DataTable/ColumnCaret.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { computed } from 'vue';\nimport type { ColumnSpecSettings } from './types';\nimport { injectState } from './keys';\n\nconst state = injectState();\n\nconst props = defineProps<{\n  column: ColumnSpecSettings;\n}>();\n\nconst selected = computed(() => state.data.selectedColumns.has(props.column.id));\n</script>\n\n<template>\n  <div class=\"column-caret\" :class=\"{ selected, frozen: column.frozen }\" />\n</template>\n"],"names":["state","injectState","props","__props","selected","computed","_createElementBlock"],"mappings":";;;;;;;;AAKA,UAAMA,IAAQC,EAAA,GAERC,IAAQC,GAIRC,IAAWC,EAAS,MAAML,EAAM,KAAK,gBAAgB,IAAIE,EAAM,OAAO,EAAE,CAAC;2BAI7EI,EAAyE,OAAA;AAAA,MAApE,UAAM,gBAAc,EAAA,UAAWF,SAAQ,QAAUD,EAAA,OAAO,OAAA,CAAM,CAAA;AAAA,IAAA;;;"}

package/dist/components/DataTable/ColumnsCommandMenu.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"ColumnsCommandMenu.vue.js","sources":["../../../src/components/DataTable/ColumnsCommandMenu.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { computed } from 'vue';\nimport { injectState } from './keys';\n\nconst state = injectState();\n\nconst selectedColumns = computed(() => state.getSelectedColumns());\n\nconst isVisible = computed(() => selectedColumns.value.length > 0);\n\nconst ops = computed(() => state.settings?.value.onSelectedColumns ?? []);\n\nconst actions = computed(() =>\n  ops.value.map((op) => ({\n    label: op.label,\n    cb: () => {\n      op.cb(selectedColumns.value);\n      state.data.selectedColumns.clear();\n    },\n  })),\n);\n</script>\n\n<template>\n  <div v-if=\"isVisible\" class=\"command-menu\">\n    <span v-if=\"selectedColumns.length\">selected columns {{ selectedColumns.length }}</span>\n    <hr />\n    <span v-for=\"(action, i) in actions\" :key=\"i\" class=\"command\" @click.stop=\"action.cb\">{{ action.label }}</span>\n  </div>\n</template>\n"],"names":["state","injectState","selectedColumns","computed","isVisible","ops","_a","actions","op"],"mappings":";;;;;;;;AAIA,UAAMA,IAAQC,EAAA,GAERC,IAAkBC,EAAS,MAAMH,EAAM,oBAAoB,GAE3DI,IAAYD,EAAS,MAAMD,EAAgB,MAAM,SAAS,CAAC,GAE3DG,IAAMF,EAAS,MAAA;;AAAM,eAAAG,IAAAN,EAAM,aAAN,gBAAAM,EAAgB,MAAM,sBAAqB;KAAE,GAElEC,IAAUJ;AAAA,MAAS,MACvBE,EAAI,MAAM,IAAI,CAACG,OAAQ;AAAA,QACrB,OAAOA,EAAG;AAAA,QACV,IAAI,MAAM;AACR,UAAAA,EAAG,GAAGN,EAAgB,KAAK,GAC3BF,EAAM,KAAK,gBAAgB,MAAA;AAAA,QAC7B;AAAA,MAAA,EACA;AAAA,IAAA;;;;;;;;;;;;"}
+{"version":3,"file":"ColumnsCommandMenu.vue.js","sources":["../../../src/components/DataTable/ColumnsCommandMenu.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { computed } from 'vue';\nimport { injectState } from './keys';\n\nconst state = injectState();\n\nconst selectedColumns = computed(() => state.getSelectedColumns());\n\nconst isVisible = computed(() => selectedColumns.value.length > 0);\n\nconst ops = computed(() => state.settings?.value.onSelectedColumns ?? []);\n\nconst actions = computed(() =>\n  ops.value.map((op) => ({\n    label: op.label,\n    cb: () => {\n      op.cb(selectedColumns.value);\n      state.data.selectedColumns.clear();\n    },\n  })),\n);\n</script>\n\n<template>\n  <div v-if=\"isVisible\" class=\"command-menu\">\n    <span v-if=\"selectedColumns.length\">selected columns {{ selectedColumns.length }}</span>\n    <hr />\n    <span v-for=\"(action, i) in actions\" :key=\"i\" class=\"command\" @click.stop=\"action.cb\">{{ action.label }}</span>\n  </div>\n</template>\n"],"names":["state","injectState","selectedColumns","computed","isVisible","ops","_a","actions","op","_openBlock","_createElementBlock","_hoisted_1","_hoisted_2","_toDisplayString","_createElementVNode","_Fragment","_renderList","action","i","_withModifiers","_hoisted_3"],"mappings":";;;;;;;;AAIA,UAAMA,IAAQC,EAAA,GAERC,IAAkBC,EAAS,MAAMH,EAAM,oBAAoB,GAE3DI,IAAYD,EAAS,MAAMD,EAAgB,MAAM,SAAS,CAAC,GAE3DG,IAAMF,EAAS,MAAA;;AAAM,eAAAG,IAAAN,EAAM,aAAN,gBAAAM,EAAgB,MAAM,sBAAqB;KAAE,GAElEC,IAAUJ;AAAA,MAAS,MACvBE,EAAI,MAAM,IAAI,CAACG,OAAQ;AAAA,QACrB,OAAOA,EAAG;AAAA,QACV,IAAI,MAAM;AACR,UAAAA,EAAG,GAAGN,EAAgB,KAAK,GAC3BF,EAAM,KAAK,gBAAgB,MAAA;AAAA,QAC7B;AAAA,MAAA,EACA;AAAA,IAAA;qBAKSI,EAAA,SAAXK,EAAA,GAAAC,EAIM,OAJNC,GAIM;AAAA,MAHQT,EAAA,MAAgB,UAA5BO,KAAAC,EAAwF,QAAAE,GAApD,sBAAiBC,EAAGX,EAAA,MAAgB,MAAM,GAAA,CAAA;sBAC9EY,EAAM,MAAA,MAAA,MAAA,EAAA;AAAA,OACNL,EAAA,EAAA,GAAAC,EAA+GK,GAAA,MAAAC,EAAnFT,EAAA,OAAO,CAArBU,GAAQC,YAAtBR,EAA+G,QAAA;AAAA,QAAzE,KAAKQ;AAAA,QAAG,OAAM;AAAA,QAAW,SAAKC,EAAOF,EAAO,IAAE,CAAA,MAAA,CAAA;AAAA,MAAA,GAAKJ,EAAAI,EAAO,KAAK,GAAA,GAAAG,CAAA;;;;"}

package/dist/components/DataTable/RowsCommandMenu.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"RowsCommandMenu.vue.js","sources":["../../../src/components/DataTable/RowsCommandMenu.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { computed } from 'vue';\nimport { injectState } from './keys';\n\nconst state = injectState();\n\nconst selectedRows = computed(() => state.getSelectedRows());\n\nconst isVisible = computed(() => selectedRows.value.length > 0);\n\nconst ops = computed(() => state.settings?.value.onSelectedRows ?? []);\n\nconst actions = computed(() =>\n  ops.value.map((op) => ({\n    label: op.label,\n    cb: () => {\n      op.cb(selectedRows.value);\n      state.data.selectedRows.clear();\n      state.data.rows = [];\n    },\n  })),\n);\n</script>\n\n<template>\n  <div v-if=\"isVisible\" class=\"command-menu\">\n    <span v-if=\"selectedRows.length\">{{ selectedRows.length }} rows selected</span>\n    <hr />\n    <span v-for=\"(action, i) in actions\" :key=\"i\" class=\"command\" @click.stop=\"action.cb\">{{ action.label }}</span>\n  </div>\n</template>\n"],"names":["state","injectState","selectedRows","computed","isVisible","ops","_a","actions","op"],"mappings":";;;;;;;;AAIA,UAAMA,IAAQC,EAAA,GAERC,IAAeC,EAAS,MAAMH,EAAM,iBAAiB,GAErDI,IAAYD,EAAS,MAAMD,EAAa,MAAM,SAAS,CAAC,GAExDG,IAAMF,EAAS,MAAA;;AAAM,eAAAG,IAAAN,EAAM,aAAN,gBAAAM,EAAgB,MAAM,mBAAkB;KAAE,GAE/DC,IAAUJ;AAAA,MAAS,MACvBE,EAAI,MAAM,IAAI,CAACG,OAAQ;AAAA,QACrB,OAAOA,EAAG;AAAA,QACV,IAAI,MAAM;AACR,UAAAA,EAAG,GAAGN,EAAa,KAAK,GACxBF,EAAM,KAAK,aAAa,MAAA,GACxBA,EAAM,KAAK,OAAO,CAAA;AAAA,QACpB;AAAA,MAAA,EACA;AAAA,IAAA;;;;;;;;;;;;"}
+{"version":3,"file":"RowsCommandMenu.vue.js","sources":["../../../src/components/DataTable/RowsCommandMenu.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { computed } from 'vue';\nimport { injectState } from './keys';\n\nconst state = injectState();\n\nconst selectedRows = computed(() => state.getSelectedRows());\n\nconst isVisible = computed(() => selectedRows.value.length > 0);\n\nconst ops = computed(() => state.settings?.value.onSelectedRows ?? []);\n\nconst actions = computed(() =>\n  ops.value.map((op) => ({\n    label: op.label,\n    cb: () => {\n      op.cb(selectedRows.value);\n      state.data.selectedRows.clear();\n      state.data.rows = [];\n    },\n  })),\n);\n</script>\n\n<template>\n  <div v-if=\"isVisible\" class=\"command-menu\">\n    <span v-if=\"selectedRows.length\">{{ selectedRows.length }} rows selected</span>\n    <hr />\n    <span v-for=\"(action, i) in actions\" :key=\"i\" class=\"command\" @click.stop=\"action.cb\">{{ action.label }}</span>\n  </div>\n</template>\n"],"names":["state","injectState","selectedRows","computed","isVisible","ops","_a","actions","op","_openBlock","_createElementBlock","_hoisted_1","_hoisted_2","_toDisplayString","_createElementVNode","_Fragment","_renderList","action","i","_withModifiers","_hoisted_3"],"mappings":";;;;;;;;AAIA,UAAMA,IAAQC,EAAA,GAERC,IAAeC,EAAS,MAAMH,EAAM,iBAAiB,GAErDI,IAAYD,EAAS,MAAMD,EAAa,MAAM,SAAS,CAAC,GAExDG,IAAMF,EAAS,MAAA;;AAAM,eAAAG,IAAAN,EAAM,aAAN,gBAAAM,EAAgB,MAAM,mBAAkB;KAAE,GAE/DC,IAAUJ;AAAA,MAAS,MACvBE,EAAI,MAAM,IAAI,CAACG,OAAQ;AAAA,QACrB,OAAOA,EAAG;AAAA,QACV,IAAI,MAAM;AACR,UAAAA,EAAG,GAAGN,EAAa,KAAK,GACxBF,EAAM,KAAK,aAAa,MAAA,GACxBA,EAAM,KAAK,OAAO,CAAA;AAAA,QACpB;AAAA,MAAA,EACA;AAAA,IAAA;qBAKSI,EAAA,SAAXK,EAAA,GAAAC,EAIM,OAJNC,GAIM;AAAA,MAHQT,EAAA,MAAa,UAAzBO,KAAAC,EAA+E,QAAAE,GAAAC,EAA3CX,EAAA,MAAa,MAAM,IAAG,kBAAc,CAAA;sBACxEY,EAAM,MAAA,MAAA,MAAA,EAAA;AAAA,OACNL,EAAA,EAAA,GAAAC,EAA+GK,GAAA,MAAAC,EAAnFT,EAAA,OAAO,CAArBU,GAAQC,YAAtBR,EAA+G,QAAA;AAAA,QAAzE,KAAKQ;AAAA,QAAG,OAAM;AAAA,QAAW,SAAKC,EAAOF,EAAO,IAAE,CAAA,MAAA,CAAA;AAAA,MAAA,GAAKJ,EAAAI,EAAO,KAAK,GAAA,GAAAG,CAAA;;;;"}

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

@@ -1,5 +1,5 @@
-import { defineComponent as z, ref as v, computed as l, createElementBlock as i, openBlock as c, normalizeStyle as d, createElementVNode as w, createCommentVNode as y } from "vue";
-import { useMouseCapture as _ } from "../../composition/useMouseCapture.js";
+import { defineComponent as z, ref as v, computed as t, createElementBlock as c, openBlock as d, normalizeStyle as r, createElementVNode as w, createCommentVNode as y } from "vue";
+import { useMouseCapture as x } from "../../composition/useMouseCapture.js";
 const k = /* @__PURE__ */ z({
   __name: "TScroll",
   props: {
@@ -8,22 +8,22 @@ const k = /* @__PURE__ */ z({
     dataSize: {}
   },
   emits: ["change:offset"],
-  setup(r, { emit: f }) {
-    const u = f, e = r, n = v(), o = l(() => e.windowSize - 12), h = l(() => e.windowSize < e.dataSize), s = l(() => Math.ceil(e.offset * (o.value / e.dataSize))), m = l(() => Math.ceil(o.value * o.value / e.dataSize)), p = l(() => ({ top: `${s.value}px`, height: `${m.value}px` }));
-    return _(n, (t, a) => {
-      const S = (s.value + t.dy) * e.dataSize / o.value;
-      u("change:offset", S), a.x = t.x, a.y = t.y;
-    }), (t, a) => (c(), i("div", {
+  setup(n, { emit: f }) {
+    const u = f, e = n, s = v(), l = t(() => e.windowSize - 12), h = t(() => e.windowSize < e.dataSize), i = t(() => Math.ceil(e.offset * (l.value / e.dataSize))), m = t(() => Math.ceil(l.value * l.value / e.dataSize)), p = t(() => ({ top: `${i.value}px`, height: `${m.value}px` }));
+    return x(s, (a, o) => {
+      const S = (i.value + a.dy) * e.dataSize / l.value;
+      u("change:offset", S), o.x = a.x, o.y = a.y;
+    }), (a, o) => (d(), c("div", {
       class: "t-scroll",
-      style: d({ height: `${t.windowSize}px` })
+      style: r({ height: `${n.windowSize}px` })
     }, [
       w("div", null, [
-        h.value ? (c(), i("div", {
+        h.value ? (d(), c("div", {
           key: 0,
           ref_key: "handleRef",
-          ref: n,
+          ref: s,
           class: "t-scroll__handle",
-          style: d(p.value)
+          style: r(p.value)
         }, null, 4)) : y("", !0)
       ])
     ], 4));

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

@@ -1 +1 @@
-{"version":3,"file":"TScroll.vue.js","sources":["../../../src/components/DataTable/TScroll.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { computed, ref } from 'vue';\nimport { useMouseCapture } from '../../composition/useMouseCapture';\n\nconst emit = defineEmits<{\n  (e: 'change:offset', value: number): void;\n}>();\n\nconst props = defineProps<{\n  offset: number;\n  windowSize: number;\n  dataSize: number;\n}>();\n\nconst handleRef = ref<HTMLElement>();\n\nconst scrollSize = computed(() => props.windowSize - 12);\n\nconst isVisible = computed(() => props.windowSize < props.dataSize);\n\nconst handleOffset = computed(() => Math.ceil(props.offset * (scrollSize.value / props.dataSize)));\n\nconst handleLength = computed(() => Math.ceil((scrollSize.value * scrollSize.value) / props.dataSize));\n\nconst handleStyle = computed(() => ({ top: `${handleOffset.value}px`, height: `${handleLength.value}px` }));\n\nuseMouseCapture(handleRef, (ev, state) => {\n  const newOffset = ((handleOffset.value + ev.dy) * props.dataSize) / scrollSize.value;\n  emit('change:offset', newOffset);\n  state.x = ev.x;\n  state.y = ev.y;\n});\n</script>\n\n<template>\n  <div class=\"t-scroll\" :style=\"{ height: `${windowSize}px` }\">\n    <div>\n      <div v-if=\"isVisible\" ref=\"handleRef\" class=\"t-scroll__handle\" :style=\"handleStyle\" />\n    </div>\n  </div>\n</template>\n"],"names":["emit","__emit","props","__props","handleRef","ref","scrollSize","computed","isVisible","handleOffset","handleLength","handleStyle","useMouseCapture","ev","state","newOffset"],"mappings":";;;;;;;;;;;AAIA,UAAMA,IAAOC,GAIPC,IAAQC,GAMRC,IAAYC,EAAA,GAEZC,IAAaC,EAAS,MAAML,EAAM,aAAa,EAAE,GAEjDM,IAAYD,EAAS,MAAML,EAAM,aAAaA,EAAM,QAAQ,GAE5DO,IAAeF,EAAS,MAAM,KAAK,KAAKL,EAAM,UAAUI,EAAW,QAAQJ,EAAM,SAAS,CAAC,GAE3FQ,IAAeH,EAAS,MAAM,KAAK,KAAMD,EAAW,QAAQA,EAAW,QAASJ,EAAM,QAAQ,CAAC,GAE/FS,IAAcJ,EAAS,OAAO,EAAE,KAAK,GAAGE,EAAa,KAAK,MAAM,QAAQ,GAAGC,EAAa,KAAK,OAAO;AAE1G,WAAAE,EAAgBR,GAAW,CAACS,GAAIC,MAAU;AACxC,YAAMC,KAAcN,EAAa,QAAQI,EAAG,MAAMX,EAAM,WAAYI,EAAW;AAC/E,MAAAN,EAAK,iBAAiBe,CAAS,GAC/BD,EAAM,IAAID,EAAG,GACbC,EAAM,IAAID,EAAG;AAAA,IACf,CAAC;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"TScroll.vue.js","sources":["../../../src/components/DataTable/TScroll.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { computed, ref } from 'vue';\nimport { useMouseCapture } from '../../composition/useMouseCapture';\n\nconst emit = defineEmits<{\n  (e: 'change:offset', value: number): void;\n}>();\n\nconst props = defineProps<{\n  offset: number;\n  windowSize: number;\n  dataSize: number;\n}>();\n\nconst handleRef = ref<HTMLElement>();\n\nconst scrollSize = computed(() => props.windowSize - 12);\n\nconst isVisible = computed(() => props.windowSize < props.dataSize);\n\nconst handleOffset = computed(() => Math.ceil(props.offset * (scrollSize.value / props.dataSize)));\n\nconst handleLength = computed(() => Math.ceil((scrollSize.value * scrollSize.value) / props.dataSize));\n\nconst handleStyle = computed(() => ({ top: `${handleOffset.value}px`, height: `${handleLength.value}px` }));\n\nuseMouseCapture(handleRef, (ev, state) => {\n  const newOffset = ((handleOffset.value + ev.dy) * props.dataSize) / scrollSize.value;\n  emit('change:offset', newOffset);\n  state.x = ev.x;\n  state.y = ev.y;\n});\n</script>\n\n<template>\n  <div class=\"t-scroll\" :style=\"{ height: `${windowSize}px` }\">\n    <div>\n      <div v-if=\"isVisible\" ref=\"handleRef\" class=\"t-scroll__handle\" :style=\"handleStyle\" />\n    </div>\n  </div>\n</template>\n"],"names":["emit","__emit","props","__props","handleRef","ref","scrollSize","computed","isVisible","handleOffset","handleLength","handleStyle","useMouseCapture","ev","state","newOffset","_createElementBlock","_createElementVNode"],"mappings":";;;;;;;;;;;AAIA,UAAMA,IAAOC,GAIPC,IAAQC,GAMRC,IAAYC,EAAA,GAEZC,IAAaC,EAAS,MAAML,EAAM,aAAa,EAAE,GAEjDM,IAAYD,EAAS,MAAML,EAAM,aAAaA,EAAM,QAAQ,GAE5DO,IAAeF,EAAS,MAAM,KAAK,KAAKL,EAAM,UAAUI,EAAW,QAAQJ,EAAM,SAAS,CAAC,GAE3FQ,IAAeH,EAAS,MAAM,KAAK,KAAMD,EAAW,QAAQA,EAAW,QAASJ,EAAM,QAAQ,CAAC,GAE/FS,IAAcJ,EAAS,OAAO,EAAE,KAAK,GAAGE,EAAa,KAAK,MAAM,QAAQ,GAAGC,EAAa,KAAK,OAAO;AAE1G,WAAAE,EAAgBR,GAAW,CAACS,GAAIC,MAAU;AACxC,YAAMC,KAAcN,EAAa,QAAQI,EAAG,MAAMX,EAAM,WAAYI,EAAW;AAC/E,MAAAN,EAAK,iBAAiBe,CAAS,GAC/BD,EAAM,IAAID,EAAG,GACbC,EAAM,IAAID,EAAG;AAAA,IACf,CAAC,mBAICG,EAIM,OAAA;AAAA,MAJD,OAAM;AAAA,MAAY,sBAAoBb,EAAA,UAAU,MAAA;AAAA,IAAA;MACnDc,EAEM,OAAA,MAAA;AAAA,QADOT,EAAA,cAAXQ,EAAsF,OAAA;AAAA;mBAA5D;AAAA,UAAJ,KAAIZ;AAAA,UAAY,OAAM;AAAA,UAAoB,SAAOO,EAAA,KAAW;AAAA,QAAA;;;;;"}