@affino/datagrid-vue-app 0.1.37 → 0.1.39

package/dist/DataGrid.d.ts

@@ -932,8 +932,8 @@ declare const DataGridRuntimeComponent: import("vue").DefineComponent<{
     readonly virtualization: DataGridVirtualizationProp | undefined;
     readonly pagination: DataGridPaginationProp | undefined;
     readonly rowModel: DataGridRowModel<unknown> | undefined;
-    readonly aggregations: DataGridAggregationsProp | undefined;
     readonly baseRowHeight: number;
+    readonly aggregations: DataGridAggregationsProp | undefined;
     readonly sortModel: readonly DataGridSortState[] | undefined;
     readonly filterModel: DataGridFilterSnapshot | null | undefined;
     readonly groupBy: DataGridGroupByProp | undefined;

package/dist/advanced-filter.js

@@ -1,4 +1,4 @@
-import { _ as e } from "./chunks/DataGridAdvancedFilterPopover.vue_vue_type_script_setup_true_lang-BshOPOFV.js";
+import { _ as e } from "./chunks/DataGridAdvancedFilterPopover.vue_vue_type_script_setup_true_lang-BUkG_Bz7.js";
 export {
   e as DataGridAdvancedFilterPopover
 };

package/dist/aggregations.js

@@ -1,4 +1,4 @@
-import { _ as a } from "./chunks/DataGridAggregationsPopover.vue_vue_type_script_setup_true_lang-CsQpLONh.js";
+import { _ as a } from "./chunks/DataGridAggregationsPopover.vue_vue_type_script_setup_true_lang-t6v8MqIT.js";
 export {
   a as DataGridAggregationsPopover
 };

package/dist/chunks/{DataGridAdvancedFilterPopover-CXT1rG40.js → DataGridAdvancedFilterPopover-BBLSw7c4.js}

@@ -1,4 +1,4 @@
-import { _ as f } from "./DataGridAdvancedFilterPopover.vue_vue_type_script_setup_true_lang-BshOPOFV.js";
+import { _ as f } from "./DataGridAdvancedFilterPopover.vue_vue_type_script_setup_true_lang-BUkG_Bz7.js";
 export {
   f as default
 };

package/dist/chunks/{DataGridAdvancedFilterPopover.vue_vue_type_script_setup_true_lang-BshOPOFV.js → DataGridAdvancedFilterPopover.vue_vue_type_script_setup_true_lang-BUkG_Bz7.js}

@@ -1,6 +1,6 @@
 import { defineComponent as j, inject as q, ref as w, computed as v, watch as y, nextTick as P, openBlock as o, createElementBlock as n, Fragment as h, createElementVNode as e, mergeProps as I, unref as s, createCommentVNode as A, createTextVNode as G, toDisplayString as C, createBlock as L, Teleport as z, renderList as T, createVNode as O } from "vue";
 import { usePopoverController as J, useFloatingPopover as K } from "@affino/popover-vue";
-import { _ as k } from "./DataGridFilterableCombobox.vue_vue_type_script_setup_true_lang-Dc5SowKk.js";
+import { _ as k } from "./DataGridFilterableCombobox.vue_vue_type_script_setup_true_lang-xry4J3Lx.js";
 import { d as M, r as Z } from "./dataGridOverlayThemeVars-vzY74EIz.js";
 import { u as H } from "./useDataGridDraggableOverlaySurface-BgkSR_nl.js";
 const Q = ["data-datagrid-advanced-filter-active"], U = {

package/dist/chunks/{DataGridAggregationsPopover-BRVx8c_y.js → DataGridAggregationsPopover-C8kdwv0O.js}

@@ -1,4 +1,4 @@
-import { _ as f } from "./DataGridAggregationsPopover.vue_vue_type_script_setup_true_lang-CsQpLONh.js";
+import { _ as f } from "./DataGridAggregationsPopover.vue_vue_type_script_setup_true_lang-t6v8MqIT.js";
 export {
   f as default
 };

package/dist/chunks/{DataGridAggregationsPopover.vue_vue_type_script_setup_true_lang-CsQpLONh.js → DataGridAggregationsPopover.vue_vue_type_script_setup_true_lang-t6v8MqIT.js}

@@ -1,6 +1,6 @@
 import { defineComponent as V, inject as E, ref as b, computed as d, watch as _, nextTick as m, openBlock as l, createElementBlock as i, Fragment as y, createElementVNode as e, mergeProps as k, unref as f, toDisplayString as h, createBlock as G, Teleport as D, createVNode as C, renderList as I, createCommentVNode as L } from "vue";
 import { usePopoverController as j, useFloatingPopover as z } from "@affino/popover-vue";
-import { _ as O } from "./DataGridFilterableCombobox.vue_vue_type_script_setup_true_lang-Dc5SowKk.js";
+import { _ as O } from "./DataGridFilterableCombobox.vue_vue_type_script_setup_true_lang-xry4J3Lx.js";
 import { d as q, r as K } from "./dataGridOverlayThemeVars-vzY74EIz.js";
 const U = ["disabled", "title"], H = { class: "datagrid-aggregations__header" }, J = /* @__PURE__ */ e("div", null, [
   /* @__PURE__ */ e("div", { class: "datagrid-aggregations__eyebrow" }, "Aggregations"),

package/dist/chunks/{DataGridFilterableCombobox.vue_vue_type_script_setup_true_lang-Dc5SowKk.js → DataGridFilterableCombobox.vue_vue_type_script_setup_true_lang-xry4J3Lx.js}

@@ -1,4 +1,4 @@
-import { defineComponent as Ce, inject as ke, ref as v, useAttrs as Le, computed as s, watch as B, nextTick as m, onMounted as Fe, onBeforeUnmount as Se, openBlock as b, createElementBlock as h, createElementVNode as ne, mergeProps as Ae, withModifiers as V, createBlock as Re, Teleport as Me, normalizeStyle as Be, normalizeClass as oe, Fragment as le, renderList as Ve, toDisplayString as De, createCommentVNode as U } from "vue";
+import { defineComponent as Oe, inject as ke, ref as v, useAttrs as Le, computed as s, watch as V, nextTick as m, onMounted as Fe, onBeforeUnmount as Se, openBlock as b, createElementBlock as h, createElementVNode as ne, mergeProps as Ae, withModifiers as w, createBlock as Re, Teleport as Me, normalizeStyle as Be, normalizeClass as oe, Fragment as le, renderList as Ve, toDisplayString as De, createCommentVNode as U } from "vue";
 import { d as Te, r as Pe } from "./dataGridOverlayThemeVars-vzY74EIz.js";
 function Ne(n = {}) {
   return {
@@ -7,7 +7,7 @@ function Ne(n = {}) {
     activeIndex: n.activeIndex ?? -1
   };
 }
-function k(n, o) {
+function L(n, o) {
   return n.open === o ? n : {
     ...n,
     open: o
@@ -19,7 +19,7 @@ function X(n, o) {
     filter: o
   };
 }
-function L(n, o, t) {
+function F(n, o, t) {
   const r = $e(o, t);
   return r === n.activeIndex ? n : {
     ...n,
@@ -30,9 +30,9 @@ function ae(n, o, t, r = !0) {
   if (t <= 0 || o === 0)
     return n;
   if (n.activeIndex < 0)
-    return L(n, o > 0 ? 0 : t - 1, t);
+    return F(n, o > 0 ? 0 : t - 1, t);
   const u = n.activeIndex + Math.trunc(o);
-  return r ? L(n, Ge(u, t), t) : L(n, u, t);
+  return r ? F(n, Ge(u, t), t) : F(n, u, t);
 }
 function $e(n, o) {
   if (o <= 0)
@@ -58,8 +58,8 @@ function Je(n, o) {
   return r.sort((u, c) => {
     if (u.score !== c.score)
       return u.score - c.score;
-    const w = u.option.label.length, d = c.option.label.length;
-    return w !== d ? w - d : u.originalIndex - c.originalIndex;
+    const I = u.option.label.length, d = c.option.label.length;
+    return I !== d ? I - d : u.originalIndex - c.originalIndex;
   }), r.map((u) => u.option);
 }
 function Ye(n, o) {
@@ -84,7 +84,7 @@ const Ze = ["id", "name", "value", "placeholder", "disabled", "aria-expanded", "
   class: "datagrid-cell-combobox__empty"
 }, at = {
   inheritAttrs: !1
-}, pt = /* @__PURE__ */ Ce({
+}, pt = /* @__PURE__ */ Oe({
   ...at,
   __name: "DataGridFilterableCombobox",
   props: {
@@ -101,8 +101,8 @@ const Ze = ["id", "name", "value", "placeholder", "disabled", "aria-expanded", "
   },
   emits: ["commit", "cancel", "optionsResolved"],
   setup(n, { emit: o }) {
-    const t = n, r = o, u = ke(Te, v(null)), c = Le(), w = v(null), d = v(null), I = v(null), q = v({}), D = v({}), F = v("below"), E = v(""), T = v(!1), P = v([]), l = v(Ne({ open: !1 })), O = `datagrid-filterable-combobox-${Math.random().toString(36).slice(2, 10)}`, ue = `${O}-input`, se = `${O}-field`;
-    let S = 0;
+    const t = n, r = o, u = ke(Te, v(null)), c = Le(), I = v(null), d = v(null), E = v(null), q = v({}), D = v({}), S = v("below"), C = v(""), T = v(!1), P = v([]), l = v(Ne({ open: !1 })), O = `datagrid-filterable-combobox-${Math.random().toString(36).slice(2, 10)}`, ue = `${O}-input`, se = `${O}-field`;
+    let A = 0;
     const ce = s(() => {
       const {
         class: e,
@@ -118,9 +118,9 @@ const Ze = ["id", "name", "value", "placeholder", "disabled", "aria-expanded", "
         onBlur: st,
         onKeydown: ct,
         onClick: dt,
-        ...Oe
+        ...Ce
       } = c;
-      return Oe;
+      return Ce;
     }), de = s(() => String(c.id ?? ue)), ve = s(() => String(c.name ?? se)), fe = s(() => [
       "cell-editor-control",
       "datagrid-cell-combobox__input",
@@ -128,7 +128,7 @@ const Ze = ["id", "name", "value", "placeholder", "disabled", "aria-expanded", "
     ]), pe = s(() => c.style), me = s(() => {
       if (!t.inlinePanel)
         return "body";
-    }), N = s(() => j.value.find((e) => e.value === t.value) ?? null), j = s(() => t.loadOptions && P.value.length > 0 ? P.value : t.options), p = s(() => Je(j.value, l.value.filter)), _ = s(() => l.value.activeIndex), A = s(() => _.value >= 0 ? p.value[_.value] ?? null : null), be = s(() => _.value >= 0 ? J(_.value) : void 0), $ = s(() => l.value.open);
+    }), N = s(() => j.value.find((e) => e.value === t.value) ?? null), j = s(() => t.loadOptions && P.value.length > 0 ? P.value : t.options), p = s(() => Je(j.value, l.value.filter)), _ = s(() => l.value.activeIndex), R = s(() => _.value >= 0 ? p.value[_.value] ?? null : null), be = s(() => _.value >= 0 ? J(_.value) : void 0), $ = s(() => l.value.open);
     function J(e) {
       return `${O}-option-${e}`;
     }
@@ -136,12 +136,12 @@ const Ze = ["id", "name", "value", "placeholder", "disabled", "aria-expanded", "
       q.value = Pe(u.value);
     }
     function G() {
-      E.value = N.value?.label ?? t.value;
+      C.value = N.value?.label ?? t.value;
     }
     function Y() {
-      E.value = t.initialFilter;
+      C.value = t.initialFilter;
     }
-    function C(e) {
+    function k(e) {
       const a = p.value;
       if (a.length === 0) {
         l.value = {
@@ -155,27 +155,27 @@ const Ze = ["id", "name", "value", "placeholder", "disabled", "aria-expanded", "
         const f = a.findIndex((y) => y.value === N.value?.value);
         f >= 0 && (i = f);
       }
-      l.value = L(l.value, i, a.length);
+      l.value = F(l.value, i, a.length);
     }
     async function H(e) {
       if (!t.loadOptions)
         return;
-      const a = S + 1;
-      S = a, T.value = !0;
+      const a = A + 1;
+      A = a, T.value = !0;
       try {
         const i = await t.loadOptions(e);
-        if (a !== S)
+        if (a !== A)
           return;
-        P.value = i, r("optionsResolved", i), C(!0), m(() => {
+        P.value = i, r("optionsResolved", i), k(!0), m(() => {
           g(), x();
         });
       } finally {
-        a === S && (T.value = !1);
+        a === A && (T.value = !1);
       }
     }
     function g() {
       if (t.inlinePanel) {
-        F.value = "below", D.value = {
+        S.value = "below", D.value = {
           position: "absolute",
           top: "calc(100% - 1px)",
           left: "0px",
@@ -187,8 +187,8 @@ const Ze = ["id", "name", "value", "placeholder", "disabled", "aria-expanded", "
       }
       if (typeof window > "u" || !d.value)
         return;
-      const e = d.value.getBoundingClientRect(), a = Math.max(e.width, 160), i = Math.min(I.value?.offsetHeight ?? 220, 260), y = window.innerHeight - e.bottom - 8 < Math.min(180, i) && e.top > i + 12;
-      F.value = y ? "above" : "below";
+      const e = d.value.getBoundingClientRect(), a = Math.max(e.width, 160), i = Math.min(E.value?.offsetHeight ?? 220, 260), y = window.innerHeight - e.bottom - 8 < Math.min(180, i) && e.top > i + 12;
+      S.value = y ? "above" : "below";
       const ee = y ? Math.max(8, e.top - i + 1) : Math.min(window.innerHeight - i - 8, e.bottom - 1), te = Math.min(
         Math.max(8, e.left),
         Math.max(8, window.innerWidth - a - 8)
@@ -203,12 +203,12 @@ const Ze = ["id", "name", "value", "placeholder", "disabled", "aria-expanded", "
       };
     }
     function x() {
-      if (!I.value || _.value < 0)
+      if (!E.value || _.value < 0)
         return;
-      I.value.querySelector(`[data-option-index="${_.value}"]`)?.scrollIntoView({ block: "nearest" });
+      E.value.querySelector(`[data-option-index="${_.value}"]`)?.scrollIntoView({ block: "nearest" });
     }
     function W() {
-      t.disabled || (l.value = k(l.value, !0), C(!0), m(() => {
+      t.disabled || (l.value = L(l.value, !0), k(!0), m(() => {
         if (g(), x(), d.value?.focus({ preventScroll: !0 }), !!d.value) {
           if (l.value.filter.length > 0) {
             const e = d.value.value.length;
@@ -219,28 +219,28 @@ const Ze = ["id", "name", "value", "placeholder", "disabled", "aria-expanded", "
         }
       }), t.loadOptions && H(l.value.filter));
     }
-    function R() {
-      l.value = k(l.value, !1);
+    function M() {
+      l.value = L(l.value, !1);
     }
     function _e(e) {
-      return e instanceof Node && (w.value?.contains(e) === !0 || I.value?.contains(e) === !0);
+      return e instanceof Node && (I.value?.contains(e) === !0 || E.value?.contains(e) === !0);
     }
     function xe() {
       if (l.value.filter.trim().length === 0)
         return t.value;
-      if (A.value)
-        return A.value.value;
-      const e = E.value.trim().toLocaleLowerCase();
+      if (R.value)
+        return R.value.value;
+      const e = C.value.trim().toLocaleLowerCase();
       return e.length === 0 ? t.value : p.value.find((i) => i.label.trim().toLocaleLowerCase() === e || i.value.trim().toLocaleLowerCase() === e)?.value ?? t.value;
     }
     function Z(e = "stay") {
-      R(), r("commit", xe(), e);
+      M(), r("commit", xe(), e);
     }
     function Q(e, a = "stay") {
-      R(), r("commit", e, a);
+      M(), r("commit", e, a);
     }
     function K(e) {
-      l.value = L(l.value, e, p.value.length), m(x);
+      l.value = F(l.value, e, p.value.length), m(x);
     }
     function ye() {
       t.openOnFocus && W();
@@ -252,7 +252,7 @@ const Ze = ["id", "name", "value", "placeholder", "disabled", "aria-expanded", "
       if (t.disabled)
         return;
       const a = e.target.value;
-      E.value = a, l.value = X(l.value, a), l.value = k(l.value, !0), C(!1), m(() => {
+      C.value = a, l.value = X(l.value, a), l.value = L(l.value, !0), k(!1), m(() => {
         g(), x();
       }), t.loadOptions && H(a);
     }
@@ -264,11 +264,11 @@ const Ze = ["id", "name", "value", "placeholder", "disabled", "aria-expanded", "
     function Ee(e) {
       if (!t.disabled) {
         if (e.key === "ArrowDown") {
-          e.preventDefault(), l.value = k(l.value, !0), l.value = ae(l.value, 1, p.value.length, !0), m(x);
+          e.preventDefault(), l.value = L(l.value, !0), l.value = ae(l.value, 1, p.value.length, !0), m(x);
           return;
         }
         if (e.key === "ArrowUp") {
-          e.preventDefault(), l.value = k(l.value, !0), l.value = ae(l.value, -1, p.value.length, !0), m(x);
+          e.preventDefault(), l.value = L(l.value, !0), l.value = ae(l.value, -1, p.value.length, !0), m(x);
           return;
         }
         if (e.key === "Home") {
@@ -280,36 +280,36 @@ const Ze = ["id", "name", "value", "placeholder", "disabled", "aria-expanded", "
           return;
         }
         if (e.key === "Enter" || e.key === "Tab") {
-          if (e.preventDefault(), A.value) {
-            Q(A.value.value, e.shiftKey ? "previous" : "next");
+          if (e.preventDefault(), R.value) {
+            Q(R.value.value, e.shiftKey ? "previous" : "next");
             return;
           }
           Z(e.shiftKey ? "previous" : "next");
           return;
         }
-        e.key === "Escape" && (e.preventDefault(), R(), r("cancel"));
+        e.key === "Escape" && (e.preventDefault(), M(), r("cancel"));
       }
     }
-    function M() {
+    function B() {
       $.value && g();
     }
-    return B(() => t.options, () => {
-      t.loadOptions || (C(!0), m(g));
-    }, { immediate: !0 }), B(() => t.value, () => {
+    return V(() => t.options, () => {
+      t.loadOptions || (k(!0), m(g));
+    }, { immediate: !0 }), V(() => t.value, () => {
       G();
-    }), B(() => t.initialFilter, (e) => {
-      document.activeElement !== d.value && (l.value = X(l.value, e), e.length > 0 ? (Y(), H(e)) : G(), C(!0), m(() => {
+    }), V(() => t.initialFilter, (e) => {
+      document.activeElement !== d.value && (l.value = X(l.value, e), e.length > 0 ? (Y(), H(e)) : G(), k(!0), m(() => {
         g(), x();
       }));
-    }), B(() => t.disabled, (e) => {
-      e && R();
+    }), V(() => t.disabled, (e) => {
+      e && M();
     }), Fe(() => {
-      he(), t.initialFilter.length > 0 ? (l.value = X(l.value, t.initialFilter), Y()) : G(), t.openOnMount && W(), typeof window < "u" && (window.addEventListener("resize", M), window.addEventListener("scroll", M, !0));
+      he(), t.initialFilter.length > 0 ? (l.value = X(l.value, t.initialFilter), Y()) : G(), t.openOnMount && W(), typeof window < "u" && (window.addEventListener("resize", B), window.addEventListener("scroll", B, !0));
     }), Se(() => {
-      typeof window < "u" && (window.removeEventListener("resize", M), window.removeEventListener("scroll", M, !0));
+      typeof window < "u" && (window.removeEventListener("resize", B), window.removeEventListener("scroll", B, !0));
     }), (e, a) => (b(), h("div", {
       ref_key: "rootEl",
-      ref: w,
+      ref: I,
       class: "datagrid-cell-combobox"
     }, [
       ne("input", Ae({
@@ -322,7 +322,7 @@ const Ze = ["id", "name", "value", "placeholder", "disabled", "aria-expanded", "
         style: pe.value,
         type: "text",
         role: "combobox",
-        value: E.value,
+        value: C.value,
         placeholder: e.placeholder,
         disabled: e.disabled,
         "aria-expanded": $.value ? "true" : "false",
@@ -330,9 +330,13 @@ const Ze = ["id", "name", "value", "placeholder", "disabled", "aria-expanded", "
         "aria-autocomplete": "list",
         "aria-activedescendant": be.value,
         onFocus: ye,
-        onClick: V(ge, ["stop"]),
+        onMousedown: a[0] || (a[0] = w(() => {
+        }, ["stop"])),
+        onContextmenu: a[1] || (a[1] = w(() => {
+        }, ["stop"])),
+        onClick: w(ge, ["stop"]),
         onInput: we,
-        onKeydown: V(Ee, ["stop"]),
+        onKeydown: w(Ee, ["stop"]),
         onBlur: Ie
       }), null, 16, Ze),
       (b(), Re(Me, {
@@ -343,16 +347,16 @@ const Ze = ["id", "name", "value", "placeholder", "disabled", "aria-expanded", "
           key: 0,
           id: O,
           ref_key: "panelEl",
-          ref: I,
+          ref: E,
           class: oe(["datagrid-cell-combobox__panel", {
             "datagrid-cell-combobox__panel--inline": e.inlinePanel,
-            "datagrid-cell-combobox__panel--attached-below": F.value === "below",
-            "datagrid-cell-combobox__panel--attached-above": F.value === "above"
+            "datagrid-cell-combobox__panel--attached-below": S.value === "below",
+            "datagrid-cell-combobox__panel--attached-above": S.value === "above"
           }]),
           "data-affino-popover-sticky": e.stickyPopoverId || void 0,
           style: Be([q.value, D.value]),
           role: "listbox",
-          onMousedown: a[0] || (a[0] = V(() => {
+          onMousedown: a[2] || (a[2] = w(() => {
           }, ["prevent"]))
         }, [
           T.value ? (b(), h("div", et, "Loading options...")) : (b(), h(le, { key: 1 }, [
@@ -368,7 +372,7 @@ const Ze = ["id", "name", "value", "placeholder", "disabled", "aria-expanded", "
               "aria-selected": i.value === e.value ? "true" : "false",
               "data-option-index": f,
               onMousemove: (y) => K(f),
-              onClick: V((y) => Q(i.value), ["stop"])
+              onClick: w((y) => Q(i.value), ["stop"])
             }, [
               ne("span", nt, De(i.label), 1),
               i.value === e.value ? (b(), h("span", ot)) : U("", !0)