@milaboratories/uikit 2.10.37 → 2.10.39

package/dist/base/BtnBase.vue.js

@@ -1,47 +0,0 @@
-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 { useRipple as z } from "../composition/useRipple.js";
-import m from "../components/PlIcon16/PlIcon16.vue.js";
-const k = { key: 0 }, b = {
-  inheritAttrs: !1
-}, j = /* @__PURE__ */ y({
-  ...b,
-  __name: "BtnBase",
-  props: {
-    loading: { type: Boolean },
-    small: { type: Boolean },
-    large: { type: Boolean },
-    size: {},
-    round: { type: Boolean },
-    icon: {},
-    reverse: { type: Boolean },
-    justifyCenter: { type: Boolean }
-  },
-  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: a,
-      tabindex: "0",
-      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")
-      ])),
-      i(n.$slots, "icon", {}, () => [
-        e.loading ? (l(), u(d(m), {
-          key: 0,
-          name: "loading",
-          size: e.size
-        }, null, 8, ["size"])) : e.icon ? (l(), u(d(m), {
-          key: 1,
-          name: e.icon,
-          size: e.size
-        }, null, 8, ["name", "size"])) : r("", !0)
-      ])
-    ], 16));
-  }
-});
-export {
-  j as default
-};
-//# sourceMappingURL=BtnBase.vue.js.map

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

@@ -1 +0,0 @@
-{"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

@@ -1,19 +0,0 @@
-import { defineComponent as n, provide as r, computed as c, renderSlot as p } from "vue";
-const a = /* @__PURE__ */ n({
-  __name: "ContextProvider",
-  props: {
-    context: {},
-    contextKey: {}
-  },
-  setup(t) {
-    const e = t;
-    return r(
-      e.contextKey,
-      c(() => e.context)
-    ), (o, s) => p(o.$slots, "default");
-  }
-});
-export {
-  a as default
-};
-//# sourceMappingURL=ContextProvider.vue.js.map

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

@@ -1 +0,0 @@
-{"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,42 +0,0 @@
-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 }, x = /* @__PURE__ */ y({
-  __name: "BaseCellComponent",
-  props: {
-    modelValue: {},
-    valueType: {},
-    editable: { type: Boolean }
-  },
-  emits: ["update:modelValue"],
-  setup(o, { emit: c }) {
-    const d = c, s = o, a = b({
-      edit: !1
-    }), 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 (l, e) => (u(), n("div", {
-      ref_key: "baseRef",
-      ref: i,
-      class: C(["base-cell", { "base-cell__edit": a.edit }]),
-      onClick: f
-    }, [
-      a.edit ? (u(), n("input", {
-        key: 0,
-        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 {
-  x as default
-};
-//# sourceMappingURL=BaseCellComponent.vue.js.map

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

@@ -1 +0,0 @@
-{"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,18 +0,0 @@
-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 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));
-  }
-});
-export {
-  f as default
-};
-//# sourceMappingURL=ColumnCaret.vue.js.map

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

@@ -1 +0,0 @@
-{"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

@@ -1,34 +0,0 @@
-import { defineComponent as _, computed as n, createElementBlock as l, createCommentVNode as u, openBlock as o, createElementVNode as C, toDisplayString as m, Fragment as v, renderList as b, withModifiers as g } from "vue";
-import { injectState as h } from "./keys.js";
-const k = {
-  key: 0,
-  class: "command-menu"
-}, f = { key: 0 }, y = ["onClick"], B = /* @__PURE__ */ _({
-  __name: "ColumnsCommandMenu",
-  setup(S) {
-    const s = h(), t = n(() => s.getSelectedColumns()), r = n(() => t.value.length > 0), i = n(() => {
-      var e;
-      return ((e = s.settings) == null ? void 0 : e.value.onSelectedColumns) ?? [];
-    }), d = n(
-      () => i.value.map((e) => ({
-        label: e.label,
-        cb: () => {
-          e.cb(t.value), s.data.selectedColumns.clear();
-        }
-      }))
-    );
-    return (e, a) => r.value ? (o(), l("div", k, [
-      t.value.length ? (o(), l("span", f, "selected columns " + m(t.value.length), 1)) : u("", !0),
-      a[0] || (a[0] = C("hr", null, null, -1)),
-      (o(!0), l(v, null, b(d.value, (c, p) => (o(), l("span", {
-        key: p,
-        class: "command",
-        onClick: g(c.cb, ["stop"])
-      }, m(c.label), 9, y))), 128))
-    ])) : u("", !0);
-  }
-});
-export {
-  B as default
-};
-//# sourceMappingURL=ColumnsCommandMenu.vue.js.map

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

@@ -1 +0,0 @@
-{"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\">{{\n      action.label\n    }}</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,EAMM,OANNC,GAMM;AAAA,MALQT,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,EAESK,GAAA,MAAAC,EAFmBT,EAAA,OAAO,CAArBU,GAAQC,YAAtBR,EAES,QAAA;AAAA,QAF6B,KAAKQ;AAAA,QAAG,OAAM;AAAA,QAAW,SAAKC,EAAOF,EAAO,IAAE,CAAA,MAAA,CAAA;AAAA,MAAA,GAClFJ,EAAAI,EAAO,KAAK,GAAA,GAAAG,CAAA;;;;"}

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

@@ -1,34 +0,0 @@
-import { defineComponent as _, computed as s, createElementBlock as n, createCommentVNode as r, openBlock as l, createElementVNode as v, toDisplayString as u, Fragment as w, renderList as b, withModifiers as g } from "vue";
-import { injectState as h } from "./keys.js";
-const k = {
-  key: 0,
-  class: "command-menu"
-}, f = { key: 0 }, C = ["onClick"], V = /* @__PURE__ */ _({
-  __name: "RowsCommandMenu",
-  setup(R) {
-    const t = h(), o = s(() => t.getSelectedRows()), d = s(() => o.value.length > 0), i = s(() => {
-      var e;
-      return ((e = t.settings) == null ? void 0 : e.value.onSelectedRows) ?? [];
-    }), m = s(
-      () => i.value.map((e) => ({
-        label: e.label,
-        cb: () => {
-          e.cb(o.value), t.data.selectedRows.clear(), t.data.rows = [];
-        }
-      }))
-    );
-    return (e, a) => d.value ? (l(), n("div", k, [
-      o.value.length ? (l(), n("span", f, u(o.value.length) + " rows selected", 1)) : r("", !0),
-      a[0] || (a[0] = v("hr", null, null, -1)),
-      (l(!0), n(w, null, b(m.value, (c, p) => (l(), n("span", {
-        key: p,
-        class: "command",
-        onClick: g(c.cb, ["stop"])
-      }, u(c.label), 9, C))), 128))
-    ])) : r("", !0);
-  }
-});
-export {
-  V as default
-};
-//# sourceMappingURL=RowsCommandMenu.vue.js.map

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

@@ -1 +0,0 @@
-{"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\">{{\n      action.label\n    }}</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,EAMM,OANNC,GAMM;AAAA,MALQT,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,EAESK,GAAA,MAAAC,EAFmBT,EAAA,OAAO,CAArBU,GAAQC,YAAtBR,EAES,QAAA;AAAA,QAF6B,KAAKQ;AAAA,QAAG,OAAM;AAAA,QAAW,SAAKC,EAAOF,EAAO,IAAE,CAAA,MAAA,CAAA;AAAA,MAAA,GAClFJ,EAAAI,EAAO,KAAK,GAAA,GAAAG,CAAA;;;;"}

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

@@ -1,40 +0,0 @@
-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: {
-    offset: {},
-    windowSize: {},
-    dataSize: {}
-  },
-  emits: ["change:offset"],
-  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: r({ height: `${n.windowSize}px` })
-    }, [
-      w("div", null, [
-        h.value ? (d(), c("div", {
-          key: 0,
-          ref_key: "handleRef",
-          ref: s,
-          class: "t-scroll__handle",
-          style: r(p.value)
-        }, null, 4)) : y("", !0)
-      ])
-    ], 4));
-  }
-});
-export {
-  k as default
-};
-//# sourceMappingURL=TScroll.vue.js.map

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

@@ -1 +0,0 @@
-{"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(() =>\n  Math.ceil((scrollSize.value * scrollSize.value) / props.dataSize),\n);\n\nconst handleStyle = computed(() => ({\n  top: `${handleOffset.value}px`,\n  height: `${handleLength.value}px`,\n}));\n\nuseMouseCapture(handleRef, (ev, state) => {\n  const newOffset = ((handleOffset.value + ev.dy) * props.dataSize) / scrollSize.value;\n  emit(\"change:offset\", newOffset);\n  state.x = ev.x;\n  state.y = ev.y;\n});\n</script>\n\n<template>\n  <div class=\"t-scroll\" :style=\"{ height: `${windowSize}px` }\">\n    <div>\n      <div v-if=\"isVisible\" ref=\"handleRef\" class=\"t-scroll__handle\" :style=\"handleStyle\" />\n    </div>\n  </div>\n</template>\n"],"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;AAAA,MAAS,MAC5B,KAAK,KAAMD,EAAW,QAAQA,EAAW,QAASJ,EAAM,QAAQ;AAAA,IAAA,GAG5DS,IAAcJ,EAAS,OAAO;AAAA,MAClC,KAAK,GAAGE,EAAa,KAAK;AAAA,MAC1B,QAAQ,GAAGC,EAAa,KAAK;AAAA,IAAA,EAC7B;AAEF,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;;;;;"}

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

@@ -1,119 +0,0 @@
-import { defineComponent as H, computed as R, watch as $, ref as b, onMounted as V, nextTick as h, watchPostEffect as I, unref as o, createElementBlock as i, openBlock as n, createElementVNode as m, createVNode as d, withCtx as z, Fragment as u, renderList as c, createBlock as p, normalizeStyle as y, createCommentVNode as L } from "vue";
-import '../../assets/ui.css';import './assets/data-table-style.css';/* empty css                             */
-import M from "./TdCell.vue.js";
-import F from "./assets/TableIcon.vue.js";
-import O from "./TrHead.vue.js";
-import P from "./ThCell.vue.js";
-import W from "./TrBody.vue.js";
-import j from "./ColumnCaret.vue.js";
-/* empty css                   */
-import { useEventListener as q } from "../../composition/useEventListener.js";
-import { tapIf as A } from "@milaboratories/helpers";
-import { useResize as G } from "./composition/useResize.js";
-import J from "./RowsCommandMenu.vue.js";
-import K from "./ColumnsCommandMenu.vue.js";
-import Q from "./TScroll.vue.js";
-import { createState as U } from "./state.js";
-const X = { class: "command-menu__container" }, Y = {
-  key: 0,
-  class: "table-body__no-data"
-}, Z = { class: "carets" }, _e = /* @__PURE__ */ H({
-  __name: "TableComponent",
-  props: {
-    settings: {}
-  },
-  emits: ["update:data", "change:sort"],
-  setup(D, { emit: T }) {
-    const B = T, _ = D, e = U(_), g = R(() => e.data.rows.length === 0), N = R(() => ({
-      height: g.value ? "212px" : e.data.bodyHeight + "px"
-    }));
-    $(e.data, (s) => B("update:data", s), { deep: !0 }), $(_, () => f);
-    const w = b(), S = b(), v = b(), f = () => {
-      A(v.value, (s) => {
-        e.updateDimensions(s.getBoundingClientRect());
-      });
-    }, k = e.tableColumns, x = e.tableRows, { mouseDown: C } = G(e, w);
-    V(() => {
-      h(f);
-    }), I(() => {
-      o(_.settings), h(f);
-    }), q(window, "resize", () => h(f));
-    const E = (s) => {
-      s.preventDefault(), e.updateOffsets(s);
-    };
-    return (s, a) => (n(), i("div", {
-      ref_key: "tableRef",
-      ref: w,
-      class: "data-table",
-      onMousedown: a[2] || (a[2] = //@ts-ignore
-      (...t) => o(C) && o(C)(...t))
-    }, [
-      m("div", X, [
-        d(J),
-        d(K)
-      ]),
-      m("div", {
-        ref_key: "headRef",
-        ref: S,
-        class: "table-head"
-      }, [
-        d(O, null, {
-          default: z(() => [
-            (n(!0), i(u, null, c(o(k), (t, l) => (n(), p(P, {
-              key: l,
-              col: t,
-              style: y(t.style),
-              "onChange:sort": a[0] || (a[0] = (r) => s.$emit("change:sort", r))
-            }, null, 8, ["col", "style"]))), 128))
-          ]),
-          _: 1
-        })
-      ], 512),
-      m("div", {
-        ref_key: "bodyRef",
-        ref: v,
-        class: "table-body",
-        style: y(N.value),
-        onWheel: E
-      }, [
-        g.value ? (n(), i("div", Y, [
-          m("div", null, [
-            d(F),
-            a[3] || (a[3] = m("div", null, "No Data To Show", -1))
-          ])
-        ])) : L("", !0),
-        (n(!0), i(u, null, c(o(x), (t, l) => (n(), p(W, {
-          key: l,
-          row: t
-        }, {
-          default: z(() => [
-            (n(!0), i(u, null, c(t.cells, (r) => (n(), p(M, {
-              key: r.column.id + ":" + l,
-              cell: r,
-              style: y(r.style)
-            }, null, 8, ["cell", "style"]))), 128))
-          ]),
-          _: 2
-        }, 1032, ["row"]))), 128))
-      ], 36),
-      m("div", Z, [
-        (n(!0), i(u, null, c(o(k), (t, l) => (n(), p(j, {
-          key: l,
-          column: t,
-          style: y(t.style),
-          "onChange:sort": a[1] || (a[1] = (r) => s.$emit("change:sort", r))
-        }, null, 8, ["column", "style"]))), 128))
-      ]),
-      d(Q, {
-        offset: o(e).data.scrollTop,
-        "window-size": o(e).data.bodyHeight,
-        "data-size": o(e).data.dataHeight,
-        "onChange:offset": o(e).updateScrollTop
-      }, null, 8, ["offset", "window-size", "data-size", "onChange:offset"])
-    ], 544));
-  }
-});
-export {
-  _e as default
-};
-//# sourceMappingURL=TableComponent.vue.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"TableComponent.vue.js","sources":["../../../src/components/DataTable/TableComponent.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport \"./assets/data-table-style.scss\";\nimport { ref, unref, onMounted, nextTick, watchPostEffect, watch, computed } from \"vue\";\nimport TdCell from \"./TdCell.vue\";\nimport type { TableSettings, TableData } from \"./types\";\nimport TableIcon from \"./assets/TableIcon.vue\";\nimport TrHead from \"./TrHead.vue\";\nimport ThCell from \"./ThCell.vue\";\nimport TrBody from \"./TrBody.vue\";\nimport ColumnCaret from \"./ColumnCaret.vue\";\nimport { useEventListener } from \"../../index\";\nimport { tapIf } from \"@milaboratories/helpers\";\nimport { useResize } from \"./composition/useResize\";\nimport RowsCommandMenu from \"./RowsCommandMenu.vue\";\nimport ColumnsCommandMenu from \"./ColumnsCommandMenu.vue\";\nimport TScroll from \"./TScroll.vue\";\nimport { createState } from \"./state\";\n\nconst emit = defineEmits<{\n  (e: \"update:data\", value: TableData): void;\n  (e: \"change:sort\", value: unknown): void;\n}>();\n\nconst props = defineProps<{\n  settings: Readonly<TableSettings>;\n}>();\n\nconst state = createState(props);\n\nconst hasNoData = computed(() => state.data.rows.length === 0);\n\nconst tableBodyStyle = computed(() => ({\n  height: hasNoData.value ? \"212px\" /* css value */ : state.data.bodyHeight + \"px\",\n}));\n\nwatch(state.data, (v) => emit(\"update:data\", v), { deep: true });\n\nwatch(props, () => updateDimensions);\n\nconst tableRef = ref<HTMLElement>();\nconst headRef = ref<HTMLElement>();\nconst bodyRef = ref<HTMLElement>();\n\nconst updateDimensions = () => {\n  tapIf(bodyRef.value, (el) => {\n    state.updateDimensions(el.getBoundingClientRect());\n  });\n};\n\nconst tableColumns = state.tableColumns;\n\nconst tableRows = state.tableRows;\n\nconst { mouseDown } = useResize(state, tableRef);\n\nonMounted(() => {\n  nextTick(updateDimensions);\n});\n\nwatchPostEffect(() => {\n  unref(props.settings);\n  nextTick(updateDimensions);\n});\n\nuseEventListener(window, \"resize\", () => nextTick(updateDimensions));\n\nconst onWheel = (ev: WheelEvent) => {\n  ev.preventDefault();\n  state.updateOffsets(ev);\n};\n</script>\n\n<template>\n  <div ref=\"tableRef\" class=\"data-table\" @mousedown=\"mouseDown\">\n    <div class=\"command-menu__container\">\n      <RowsCommandMenu />\n      <ColumnsCommandMenu />\n    </div>\n    <div ref=\"headRef\" class=\"table-head\">\n      <TrHead>\n        <ThCell\n          v-for=\"(col, i) in tableColumns\"\n          :key=\"i\"\n          :col=\"col\"\n          :style=\"col.style\"\n          @change:sort=\"$emit('change:sort', $event)\"\n        />\n      </TrHead>\n    </div>\n    <div ref=\"bodyRef\" class=\"table-body\" :style=\"tableBodyStyle\" @wheel=\"onWheel\">\n      <div v-if=\"hasNoData\" class=\"table-body__no-data\">\n        <div>\n          <TableIcon />\n          <div>No Data To Show</div>\n        </div>\n      </div>\n      <TrBody v-for=\"(row, i) in tableRows\" :key=\"i\" :row=\"row\">\n        <TdCell\n          v-for=\"cell in row.cells\"\n          :key=\"cell.column.id + ':' + i\"\n          :cell=\"cell\"\n          :style=\"cell.style\"\n        />\n      </TrBody>\n    </div>\n    <div class=\"carets\">\n      <ColumnCaret\n        v-for=\"(col, i) in tableColumns\"\n        :key=\"i\"\n        :column=\"col\"\n        :style=\"col.style\"\n        @change:sort=\"$emit('change:sort', $event)\"\n      />\n    </div>\n    <TScroll\n      :offset=\"state.data.scrollTop\"\n      :window-size=\"state.data.bodyHeight\"\n      :data-size=\"state.data.dataHeight\"\n      @change:offset=\"state.updateScrollTop\"\n    />\n  </div>\n</template>\n"],"names":["emit","__emit","props","__props","state","createState","hasNoData","computed","tableBodyStyle","watch","v","updateDimensions","tableRef","ref","headRef","bodyRef","tapIf","el","tableColumns","tableRows","mouseDown","useResize","onMounted","nextTick","watchPostEffect","unref","useEventListener","onWheel","ev","_createElementBlock","_cache","_unref","args","_createElementVNode","_hoisted_1","_createVNode","RowsCommandMenu","ColumnsCommandMenu","TrHead","_openBlock","_Fragment","_renderList","col","i","_createBlock","ThCell","_normalizeStyle","$event","$emit","_hoisted_2","TableIcon","row","TrBody","cell","TdCell","_hoisted_3","ColumnCaret","TScroll"],"mappings":"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"}

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

@@ -1,77 +0,0 @@
-import { defineComponent as R, computed as d, ref as h, createElementBlock as f, openBlock as s, normalizeClass as k, createBlock as p, toDisplayString as b, resolveDynamicComponent as g } from "vue";
-import { tapIf as S } from "@milaboratories/helpers";
-import { showContextMenu as K } from "../contextMenu/index.js";
-import { injectState as D } from "./keys.js";
-import U from "./BaseCellComponent.vue.js";
-const B = ["^data-row-index"], T = {
-  key: 0,
-  class: "control-cell"
-}, E = /* @__PURE__ */ R({
-  __name: "TdCell",
-  props: {
-    cell: {}
-  },
-  setup(l) {
-    const e = l, t = D(), w = d(() => e.cell.column.valueType), u = (o) => {
-      S(t.settings.value.onUpdatedRow, (c) => {
-        const a = e.cell.row, n = { ...a.dataRow, [e.cell.id]: o };
-        c({ ...a, dataRow: n });
-      });
-    }, y = (o) => {
-      o.metaKey && t.selectRow(e.cell.row.primaryKey);
-    }, v = (o, c) => {
-      if (o.type === "contextmenu")
-        o.preventDefault();
-      else
-        return;
-      const a = t.settings ?? {}, n = [], { onSelectedRows: r, onSelectedColumns: i } = a.value, C = t.data.selectedRows.has(c.primaryKey);
-      r && r.length && (C ? n.push({
-        text: "Deselect row",
-        cb() {
-          t.data.selectedRows.delete(e.cell.row.primaryKey);
-        }
-      }) : n.push({
-        text: "Select row",
-        cb() {
-          t.selectRow(e.cell.row.primaryKey);
-        }
-      })), i && i.length && (n.push({
-        text: "Select column",
-        cb() {
-          t.selectColumn(e.cell.column.id);
-        }
-      }), n.push({
-        text: "Unselect column",
-        cb() {
-          t.unselectColumn(e.cell.column.id);
-        }
-      })), n.length && K(o, n);
-    }, x = h(), m = d(
-      () => e.cell.column.component ? e.cell.column.component() : void 0
-    );
-    return (o, c) => (s(), f("div", {
-      ref_key: "cellRef",
-      ref: x,
-      class: k(["td-cell", { [l.cell.class]: !0 }]),
-      "^data-row-index": l.cell.row.index,
-      onClick: y,
-      onContextmenu: c[0] || (c[0] = (a) => v(a, l.cell.row))
-    }, [
-      l.cell.control ? (s(), f("div", T, b(l.cell.row.index), 1)) : m.value ? (s(), p(g(m.value), {
-        key: 1,
-        "model-value": l.cell.value,
-        "onUpdate:modelValue": u
-      }, null, 8, ["model-value"])) : (s(), p(U, {
-        key: 2,
-        "model-value": l.cell.value,
-        "value-type": w.value,
-        editable: l.cell.column.editable,
-        "onUpdate:modelValue": u
-      }, null, 8, ["model-value", "value-type", "editable"]))
-    ], 42, B));
-  }
-});
-export {
-  E as default
-};
-//# sourceMappingURL=TdCell.vue.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"TdCell.vue.js","sources":["../../../src/components/DataTable/TdCell.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { tapIf } from \"@milaboratories/helpers\";\nimport { showContextMenu } from \"../contextMenu\";\nimport type { ContextOption } from \"../contextMenu/types\";\nimport { injectState } from \"./keys\";\nimport type { Row, TableCell } from \"./types\";\nimport { computed, ref } from \"vue\";\nimport BaseCellComponent from \"./BaseCellComponent.vue\";\n\nconst props = defineProps<{\n  cell: TableCell;\n}>();\n\nconst state = injectState();\n\nconst valueTypeRef = computed(() => props.cell.column.valueType);\n\nconst onInput = (value: unknown) => {\n  tapIf(state.settings.value.onUpdatedRow, (f) => {\n    const row = props.cell.row;\n\n    const dataRow = { ...row.dataRow, [props.cell.id]: value };\n\n    f({ ...row, dataRow });\n  });\n};\n\nconst onClick = (ev: MouseEvent) => {\n  if (ev.metaKey) {\n    state.selectRow(props.cell.row.primaryKey);\n  }\n};\n\nconst onContextMenu = (ev: MouseEvent, row: Row) => {\n  if (ev.type === \"contextmenu\") {\n    ev.preventDefault();\n  } else {\n    return;\n  }\n\n  const settings = state.settings ?? {};\n\n  const options = [] as ContextOption[];\n\n  const { onSelectedRows, onSelectedColumns } = settings.value;\n\n  const isSelected = state.data.selectedRows.has(row.primaryKey);\n\n  if (onSelectedRows && onSelectedRows.length) {\n    if (isSelected) {\n      options.push({\n        text: \"Deselect row\",\n        cb() {\n          state.data.selectedRows.delete(props.cell.row.primaryKey);\n        },\n      });\n    } else {\n      options.push({\n        text: \"Select row\",\n        cb() {\n          state.selectRow(props.cell.row.primaryKey);\n        },\n      });\n    }\n  }\n\n  if (onSelectedColumns && onSelectedColumns.length) {\n    options.push({\n      text: \"Select column\",\n      cb() {\n        state.selectColumn(props.cell.column.id);\n      },\n    });\n\n    options.push({\n      text: \"Unselect column\",\n      cb() {\n        state.unselectColumn(props.cell.column.id);\n      },\n    });\n  }\n\n  if (!options.length) {\n    return;\n  }\n\n  showContextMenu(ev, options);\n};\n\nconst cellRef = ref<HTMLElement>();\n\nconst CustomComponent = computed(() =>\n  props.cell.column.component ? props.cell.column.component() : undefined,\n);\n</script>\n\n<template>\n  <div\n    ref=\"cellRef\"\n    class=\"td-cell\"\n    :class=\"{ [cell.class]: true }\"\n    :data-row-index.attr=\"cell.row.index\"\n    @click=\"onClick\"\n    @contextmenu=\"(ev) => onContextMenu(ev, cell.row)\"\n  >\n    <div v-if=\"cell.control\" class=\"control-cell\">{{ cell.row.index }}</div>\n    <component\n      :is=\"CustomComponent\"\n      v-else-if=\"CustomComponent\"\n      :model-value=\"cell.value\"\n      @update:model-value=\"onInput\"\n    />\n    <BaseCellComponent\n      v-else\n      :model-value=\"cell.value\"\n      :value-type=\"valueTypeRef\"\n      :editable=\"cell.column.editable\"\n      @update:model-value=\"onInput\"\n    />\n  </div>\n</template>\n"],"names":["props","__props","state","injectState","valueTypeRef","computed","onInput","value","tapIf","f","row","dataRow","onClick","ev","onContextMenu","settings","options","onSelectedRows","onSelectedColumns","isSelected","showContextMenu","cellRef","ref","CustomComponent","_createElementBlock","_normalizeClass","_cache","_openBlock","_hoisted_2","_toDisplayString","_createBlock","_resolveDynamicComponent","BaseCellComponent"],"mappings":";;;;;;;;;;;;;;AASA,UAAMA,IAAQC,GAIRC,IAAQC,EAAA,GAERC,IAAeC,EAAS,MAAML,EAAM,KAAK,OAAO,SAAS,GAEzDM,IAAU,CAACC,MAAmB;AAClC,MAAAC,EAAMN,EAAM,SAAS,MAAM,cAAc,CAACO,MAAM;AAC9C,cAAMC,IAAMV,EAAM,KAAK,KAEjBW,IAAU,EAAE,GAAGD,EAAI,SAAS,CAACV,EAAM,KAAK,EAAE,GAAGO,EAAA;AAEnD,QAAAE,EAAE,EAAE,GAAGC,GAAK,SAAAC,GAAS;AAAA,MACvB,CAAC;AAAA,IACH,GAEMC,IAAU,CAACC,MAAmB;AAClC,MAAIA,EAAG,WACLX,EAAM,UAAUF,EAAM,KAAK,IAAI,UAAU;AAAA,IAE7C,GAEMc,IAAgB,CAACD,GAAgBH,MAAa;AAClD,UAAIG,EAAG,SAAS;AACd,QAAAA,EAAG,eAAA;AAAA;AAEH;AAGF,YAAME,IAAWb,EAAM,YAAY,CAAA,GAE7Bc,IAAU,CAAA,GAEV,EAAE,gBAAAC,GAAgB,mBAAAC,EAAA,IAAsBH,EAAS,OAEjDI,IAAajB,EAAM,KAAK,aAAa,IAAIQ,EAAI,UAAU;AAoC7D,MAlCIO,KAAkBA,EAAe,WAC/BE,IACFH,EAAQ,KAAK;AAAA,QACX,MAAM;AAAA,QACN,KAAK;AACH,UAAAd,EAAM,KAAK,aAAa,OAAOF,EAAM,KAAK,IAAI,UAAU;AAAA,QAC1D;AAAA,MAAA,CACD,IAEDgB,EAAQ,KAAK;AAAA,QACX,MAAM;AAAA,QACN,KAAK;AACH,UAAAd,EAAM,UAAUF,EAAM,KAAK,IAAI,UAAU;AAAA,QAC3C;AAAA,MAAA,CACD,IAIDkB,KAAqBA,EAAkB,WACzCF,EAAQ,KAAK;AAAA,QACX,MAAM;AAAA,QACN,KAAK;AACH,UAAAd,EAAM,aAAaF,EAAM,KAAK,OAAO,EAAE;AAAA,QACzC;AAAA,MAAA,CACD,GAEDgB,EAAQ,KAAK;AAAA,QACX,MAAM;AAAA,QACN,KAAK;AACH,UAAAd,EAAM,eAAeF,EAAM,KAAK,OAAO,EAAE;AAAA,QAC3C;AAAA,MAAA,CACD,IAGEgB,EAAQ,UAIbI,EAAgBP,GAAIG,CAAO;AAAA,IAC7B,GAEMK,IAAUC,EAAA,GAEVC,IAAkBlB;AAAA,MAAS,MAC/BL,EAAM,KAAK,OAAO,YAAYA,EAAM,KAAK,OAAO,cAAc;AAAA,IAAA;2BAK9DwB,EAsBM,OAAA;AAAA,eArBA;AAAA,MAAJ,KAAIH;AAAA,MACJ,OAAKI,EAAA,CAAC,WAAS,EAAA,CACJxB,EAAA,KAAK,KAAK,GAAA,GAAA,CAAA,CAAA;AAAA,MACpB,mBAAqBA,EAAA,KAAK,IAAI;AAAA,MAC9B,SAAAW;AAAA,MACA,eAAWc,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAGb,MAAOC,EAAcD,GAAIZ,EAAA,KAAK,GAAG;AAAA,IAAA;MAErCA,EAAA,KAAK,WAAhB0B,KAAAH,EAAwE,OAAxEI,GAAwEC,EAAvB5B,OAAK,IAAI,KAAK,GAAA,CAAA,KAGlDsB,EAAA,SAFbI,KAAAG,EAKEC,EAJKR,EAAA,KAAe,GAAA;AAAA;QAEnB,eAAatB,EAAA,KAAK;AAAA,QAClB,uBAAoBK;AAAA,MAAA,sCAEvBwB,EAMEE,GAAA;AAAA;QAJC,eAAa/B,EAAA,KAAK;AAAA,QAClB,cAAYG,EAAA;AAAA,QACZ,UAAUH,EAAA,KAAK,OAAO;AAAA,QACtB,uBAAoBK;AAAA,MAAA;;;;"}

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

@@ -1,46 +0,0 @@
-import { defineComponent as m, createElementBlock as n, openBlock as l, normalizeClass as c, createCommentVNode as r, createTextVNode as f, toDisplayString as C, withModifiers as h } from "vue";
-import { showContextMenu as x } from "../contextMenu/index.js";
-import { rotate as y } from "./domain.js";
-const v = ["^data-col-id"], D = /* @__PURE__ */ m({
-  __name: "ThCell",
-  props: {
-    col: {}
-  },
-  emits: ["delete:column", "expand:column", "change:sort"],
-  setup(e, { emit: a }) {
-    const s = a;
-    function d(o) {
-      o.preventDefault();
-      const t = [];
-      t.length && x(o, t);
-    }
-    function u(o) {
-      var i;
-      const t = ((i = o.sort) == null ? void 0 : i.direction) ?? "DESC";
-      s("change:sort", {
-        colId: o.id,
-        direction: y(t, ["DESC", "ASC"])
-      });
-    }
-    return (o, t) => (l(), n("div", {
-      class: c(["cell th-cell", { "justify-center": e.col.justify, frozen: e.col.frozen }]),
-      "^data-col-id": e.col.id,
-      onContextmenu: d
-    }, [
-      e.col.valueType ? (l(), n("div", {
-        key: 0,
-        class: c(e.col.valueType)
-      }, null, 2)) : r("", !0),
-      f(" " + C(e.col.label) + " ", 1),
-      e.col.sort ? (l(), n("div", {
-        key: 1,
-        class: c(["sort", e.col.sort.direction]),
-        onClick: t[0] || (t[0] = h(() => u(e.col), ["stop"]))
-      }, null, 2)) : r("", !0)
-    ], 42, v));
-  }
-});
-export {
-  D as default
-};
-//# sourceMappingURL=ThCell.vue.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ThCell.vue.js","sources":["../../../src/components/DataTable/ThCell.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { showContextMenu } from \"../contextMenu\";\nimport type { ContextOption } from \"../contextMenu/types\";\nimport { rotate } from \"./domain\";\nimport type { ColumnSpecSettings } from \"./types\";\n\nconst emit = defineEmits([\"delete:column\", \"expand:column\", \"change:sort\"]);\n\ndefineProps<{\n  col: ColumnSpecSettings;\n}>();\n\nfunction onContextMenu(ev: MouseEvent) {\n  ev.preventDefault();\n\n  const options = [] as ContextOption[]; // @TODO\n\n  if (!options.length) {\n    return;\n  }\n\n  showContextMenu(ev, options);\n}\n\nfunction onSort(col: ColumnSpecSettings) {\n  const v = col.sort?.direction ?? \"DESC\";\n  emit(\"change:sort\", {\n    colId: col.id,\n    direction: rotate(v, [\"DESC\", \"ASC\"]),\n  });\n}\n</script>\n\n<template>\n  <div\n    class=\"cell th-cell\"\n    :data-col-id.attr=\"col.id\"\n    :class=\"{ 'justify-center': col.justify, frozen: col.frozen }\"\n    @contextmenu=\"onContextMenu\"\n  >\n    <div v-if=\"col.valueType\" :class=\"col.valueType\" />\n    {{ col.label }}\n    <div v-if=\"col.sort\" class=\"sort\" :class=\"col.sort.direction\" @click.stop=\"() => onSort(col)\" />\n  </div>\n</template>\n"],"names":["emit","__emit","onContextMenu","ev","options","showContextMenu","onSort","col","v","_a","rotate","_createElementBlock","_normalizeClass","__props","_createTextVNode","_toDisplayString","_cache","_withModifiers"],"mappings":";;;;;;;;;;AAMA,UAAMA,IAAOC;AAMb,aAASC,EAAcC,GAAgB;AACrC,MAAAA,EAAG,eAAA;AAEH,YAAMC,IAAU,CAAA;AAEhB,MAAKA,EAAQ,UAIbC,EAAgBF,GAAIC,CAAO;AAAA,IAC7B;AAEA,aAASE,EAAOC,GAAyB;;AACvC,YAAMC,MAAIC,IAAAF,EAAI,SAAJ,gBAAAE,EAAU,cAAa;AACjC,MAAAT,EAAK,eAAe;AAAA,QAClB,OAAOO,EAAI;AAAA,QACX,WAAWG,EAAOF,GAAG,CAAC,QAAQ,KAAK,CAAC;AAAA,MAAA,CACrC;AAAA,IACH;2BAIEG,EASM,OAAA;AAAA,MARJ,OAAKC,EAAA,CAAC,gBAAc,EAAA,kBAEQC,EAAA,IAAI,SAAO,QAAUA,EAAA,IAAI,OAAA,CAAM,CAAA;AAAA,MAD1D,gBAAkBA,EAAA,IAAI;AAAA,MAEtB,eAAaX;AAAA,IAAA;MAEHW,EAAA,IAAI,kBAAfF,EAAmD,OAAA;AAAA;QAAxB,OAAKC,EAAEC,EAAA,IAAI,SAAS;AAAA,MAAA;MAAIC,EAAA,MACnDC,EAAGF,EAAA,IAAI,KAAK,IAAG,KACf,CAAA;AAAA,MAAWA,EAAA,IAAI,aAAfF,EAAgG,OAAA;AAAA;QAA3E,UAAM,QAAeE,MAAI,KAAK,SAAS,CAAA;AAAA,QAAG,SAAKG,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAAC,EAAA,MAAaX,EAAOO,EAAA,GAAG,GAAA,CAAA,MAAA,CAAA;AAAA,MAAA;;;;"}

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

@@ -1,29 +0,0 @@
-import { defineComponent as l, ref as n, createElementBlock as s, openBlock as c, normalizeStyle as a, normalizeClass as f, renderSlot as m, nextTick as d } from "vue";
-import { tapIf as i } from "@milaboratories/helpers";
-const k = /* @__PURE__ */ l({
-  __name: "TrBody",
-  props: {
-    row: {}
-  },
-  setup(t) {
-    const o = n(), r = () => {
-      d().then(() => {
-        i(o.value, (e) => e.scrollLeft = 0);
-      });
-    };
-    return (e, p) => (c(), s("div", {
-      ref_key: "trRef",
-      ref: o,
-      class: f(["tr-body", { selected: t.row.selected }]),
-      scroll: "no",
-      style: a(t.row.style),
-      onScroll: r
-    }, [
-      m(e.$slots, "default")
-    ], 38));
-  }
-});
-export {
-  k as default
-};
-//# sourceMappingURL=TrBody.vue.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"TrBody.vue.js","sources":["../../../src/components/DataTable/TrBody.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { ref, nextTick } from \"vue\";\nimport type { TableRow } from \"./types\";\nimport { tapIf } from \"@milaboratories/helpers\";\n\ndefineProps<{\n  row: TableRow;\n}>();\n\nconst trRef = ref<HTMLElement>();\n\n// hook to prevent weird left scroll after child repaint (@TODO)\nconst onScroll = () => {\n  nextTick().then(() => {\n    tapIf(trRef.value, (el) => (el.scrollLeft = 0));\n  });\n};\n</script>\n\n<template>\n  <div\n    ref=\"trRef\"\n    class=\"tr-body\"\n    scroll=\"no\"\n    :style=\"row.style\"\n    :class=\"{ selected: row.selected }\"\n    @scroll=\"onScroll\"\n  >\n    <slot />\n  </div>\n</template>\n"],"names":["trRef","ref","onScroll","nextTick","tapIf","el","_createElementBlock","_normalizeClass","__props","_normalizeStyle","_renderSlot","_ctx"],"mappings":";;;;;;;;AASA,UAAMA,IAAQC,EAAA,GAGRC,IAAW,MAAM;AACrB,MAAAC,EAAA,EAAW,KAAK,MAAM;AACpB,QAAAC,EAAMJ,EAAM,OAAO,CAACK,MAAQA,EAAG,aAAa,CAAE;AAAA,MAChD,CAAC;AAAA,IACH;2BAIEC,EASM,OAAA;AAAA,eARA;AAAA,MAAJ,KAAIN;AAAA,MACJ,OAAKO,EAAA,CAAC,WAAS,EAAA,UAGKC,EAAA,IAAI,SAAA,CAAQ,CAAA;AAAA,MAFhC,QAAO;AAAA,MACN,OAAKC,EAAED,EAAA,IAAI,KAAK;AAAA,MAEhB,UAAAN;AAAA,IAAA;MAEDQ,EAAQC,EAAA,QAAA,SAAA;AAAA,IAAA;;;"}

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

@@ -1,13 +0,0 @@
-import { defineComponent as t, createElementBlock as o, openBlock as r, renderSlot as n } from "vue";
-const s = { class: "tr-head" }, d = /* @__PURE__ */ t({
-  __name: "TrHead",
-  setup(a) {
-    return (e, c) => (r(), o("div", s, [
-      n(e.$slots, "default")
-    ]));
-  }
-});
-export {
-  d as default
-};
-//# sourceMappingURL=TrHead.vue.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"TrHead.vue.js","sources":["../../../src/components/DataTable/TrHead.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n//\n</script>\n\n<template>\n  <div class=\"tr-head\">\n    <slot />\n  </div>\n</template>\n"],"names":["_openBlock","_createElementBlock","_hoisted_1","_renderSlot","_ctx"],"mappings":";;;;sBAKEA,EAAA,GAAAC,EAEM,OAFNC,GAEM;AAAA,MADJC,EAAQC,EAAA,QAAA,SAAA;AAAA,IAAA;;;"}