@itguy614/clean-ui 1.2.2 → 1.3.0

package/dist/components/CuiContextMenu.vue2.js

@@ -1,136 +1,194 @@
-import { defineComponent as W, ref as f, onMounted as q, onUnmounted as z, provide as K, withDirectives as O, openBlock as y, createElementBlock as $, renderSlot as D, createBlock as I, Teleport as U, normalizeStyle as j, normalizeClass as N, createCommentVNode as P, vShow as V, nextTick as X } from "vue";
-import { DropdownContextKey as Y } from "./dropdown-context.js";
-const J = /* @__PURE__ */ W({
+import { defineComponent as oe, ref as m, onMounted as ie, onUnmounted as le, provide as re, withDirectives as ue, openBlock as E, createElementBlock as N, normalizeClass as O, renderSlot as z, createBlock as se, Teleport as ae, normalizeStyle as ce, createCommentVNode as fe, vShow as de, nextTick as me } from "vue";
+import { DropdownContextKey as pe } from "./dropdown-context.js";
+const x = 16, X = 400, ge = /* @__PURE__ */ oe({
   __name: "CuiContextMenu",
   props: {
     minWidth: { default: "12rem" },
+    trigger: { default: "contextmenu" },
+    longPressDelay: { default: 500 },
+    longPressTolerance: { default: 10 },
     hidden: { type: Boolean, default: !1 },
     disabled: { type: Boolean, default: !1 }
   },
-  setup(p, { expose: E }) {
-    const b = p, n = f(!1), s = f(!1), x = f(null), m = f(null), h = f({});
-    let i = null;
-    const k = `cui-ctx-${Math.random().toString(36).slice(2, 8)}`;
-    function v() {
-      b.disabled || (i && (clearTimeout(i), i = null), s.value = !1, n.value = !0);
-    }
-    function c() {
-      n.value && (s.value = !0, i = setTimeout(() => {
-        n.value = !1, s.value = !1;
-      }, 150));
-    }
-    function T() {
-      c();
-    }
-    function A(e, t) {
-      const o = window.innerWidth, u = window.innerHeight, l = 16, r = {
+  emits: ["open", "close"],
+  setup(k, { expose: q, emit: Y }) {
+    const i = k, B = Y, l = m(!1), a = m(!1), w = m(null), c = m(null), C = m({});
+    let r = null;
+    const H = `cui-ctx-${Math.random().toString(36).slice(2, 8)}`;
+    function b() {
+      i.disabled || (r && (clearTimeout(r), r = null), a.value = !1, l.value = !0);
+    }
+    function f() {
+      l.value && (a.value = !0, r = setTimeout(() => {
+        l.value = !1, a.value = !1;
+      }, 150), B("close"));
+    }
+    function F() {
+      f();
+    }
+    function G(e, t) {
+      C.value = {
         position: "fixed",
-        zIndex: "9990"
-      };
-      r.left = `${e}px`, r.top = `${t}px`, r.maxHeight = `${Math.min(u - t - l, 400)}px`, h.value = r, X(() => {
-        var M;
-        if (!m.value) return;
-        const d = m.value.getBoundingClientRect(), a = { ...r };
-        if (d.right > o - l && (a.left = `${Math.max(l, e - d.width)}px`), d.bottom > u - l) {
-          const L = Math.max(l, t - d.height);
-          a.top = `${L}px`, a.maxHeight = `${Math.min(t - l, 400)}px`;
+        zIndex: "9990",
+        left: `${e}px`,
+        top: `${t}px`,
+        visibility: "hidden"
+      }, me(() => {
+        var K;
+        if (!c.value) return;
+        const n = c.value.offsetHeight, o = c.value.offsetWidth, s = window.innerWidth, M = window.innerHeight, y = Math.max(0, M - t - x), v = Math.max(0, t - x), $ = Math.min(y, X), A = Math.min(v, X), d = {
+          position: "fixed",
+          zIndex: "9990",
+          left: `${e}px`,
+          top: `${t}px`
+        };
+        if (n <= $)
+          d.maxHeight = `${$}px`;
+        else if (n <= A)
+          d.top = `${Math.max(x, t - n)}px`, d.maxHeight = `${A}px`;
+        else {
+          const R = v > y, W = R ? A : $;
+          d.top = R ? `${Math.max(x, t - W)}px` : `${t}px`, d.maxHeight = `${W}px`;
         }
-        h.value = a;
-        const w = (M = m.value) == null ? void 0 : M.querySelector(
+        e + o > s - x && (d.left = `${Math.max(x, e - o)}px`), C.value = d;
+        const S = (K = c.value) == null ? void 0 : K.querySelector(
           '[role="menuitem"]:not([aria-disabled="true"])'
         );
-        w == null || w.focus();
+        S == null || S.focus();
       });
     }
-    function B(e) {
-      b.disabled || (e.preventDefault(), n.value && (n.value = !1, s.value = !1, i && (clearTimeout(i), i = null)), A(e.clientX, e.clientY), v());
+    function g(e, t) {
+      i.disabled || (l.value && (l.value = !1, a.value = !1, r && (clearTimeout(r), r = null)), G(e, t), b(), B("open", e, t));
+    }
+    const U = () => i.trigger === "contextmenu" || i.trigger === "auto", _ = () => i.trigger === "longpress" || i.trigger === "auto";
+    function V(e) {
+      if (!(i.disabled || !U())) {
+        if (e.preventDefault(), P) {
+          P = !1;
+          return;
+        }
+        g(e.clientX, e.clientY);
+      }
+    }
+    let h = null, u = null, P = !1, T = !1;
+    function p() {
+      h && (clearTimeout(h), h = null), u = null;
+    }
+    function j(e) {
+      i.disabled || !_() || e.pointerType !== "mouse" && (u = { x: e.clientX, y: e.clientY }, h = setTimeout(() => {
+        if (h = null, !u) return;
+        const { x: t, y: n } = u;
+        u = null, P = !0, T = !0, g(t, n);
+      }, i.longPressDelay));
+    }
+    function J(e) {
+      if (!u) return;
+      Math.hypot(e.clientX - u.x, e.clientY - u.y) > i.longPressTolerance && p();
+    }
+    function Q(e) {
+      T && (T = !1, e.stopPropagation(), e.preventDefault());
+    }
+    function Z(e) {
+      if (i.disabled) return;
+      const t = e.key === "ContextMenu", n = e.key === "F10" && e.shiftKey;
+      if (!t && !n) return;
+      e.preventDefault();
+      const o = e.target ?? w.value, s = o == null ? void 0 : o.getBoundingClientRect();
+      s ? g(s.left, s.bottom) : g(0, 0);
     }
-    function _(e) {
-      var u, l, r, d;
-      if (!m.value) return;
+    function ee(e) {
+      var o, s, M, y;
+      if (!c.value) return;
       if (e.key === "Escape") {
-        e.preventDefault(), e.stopPropagation(), c();
+        e.preventDefault(), e.stopPropagation(), f();
         return;
       }
-      const t = Array.from(m.value.querySelectorAll(
+      const t = Array.from(c.value.querySelectorAll(
         '[role="menuitem"]:not([aria-disabled="true"]), [role="menuitemcheckbox"]:not([aria-disabled="true"]), [role="menuitemradio"]:not([aria-disabled="true"])'
-      )), o = t.indexOf(document.activeElement);
+      )), n = t.indexOf(document.activeElement);
       if (e.key === "ArrowDown") {
         e.preventDefault();
-        const a = o < t.length - 1 ? o + 1 : 0;
-        (u = t[a]) == null || u.focus();
+        const v = n < t.length - 1 ? n + 1 : 0;
+        (o = t[v]) == null || o.focus();
       } else if (e.key === "ArrowUp") {
         e.preventDefault();
-        const a = o > 0 ? o - 1 : t.length - 1;
-        (l = t[a]) == null || l.focus();
-      } else e.key === "Home" ? (e.preventDefault(), (r = t[0]) == null || r.focus()) : e.key === "End" && (e.preventDefault(), (d = t[t.length - 1]) == null || d.focus());
+        const v = n > 0 ? n - 1 : t.length - 1;
+        (s = t[v]) == null || s.focus();
+      } else e.key === "Home" ? (e.preventDefault(), (M = t[0]) == null || M.focus()) : e.key === "End" && (e.preventDefault(), (y = t[t.length - 1]) == null || y.focus());
     }
-    function C(e) {
-      var u;
-      if (!n.value) return;
+    function L(e) {
+      var o;
+      if (!l.value) return;
       const t = e.target;
-      if ((u = x.value) != null && u.contains(t)) return;
-      const o = document.querySelector(`[data-cui-context-menu-id="${k}"]`);
-      o != null && o.contains(t) || c();
+      if ((o = w.value) != null && o.contains(t)) return;
+      const n = document.querySelector(`[data-cui-context-menu-id="${H}"]`);
+      n != null && n.contains(t) || f();
     }
-    function S() {
-      n.value && c();
+    function I() {
+      p(), l.value && f();
     }
-    q(() => {
-      document.addEventListener("mousedown", C), window.addEventListener("scroll", S, !0);
-    }), z(() => {
-      document.removeEventListener("mousedown", C), window.removeEventListener("scroll", S, !0), i && clearTimeout(i);
+    ie(() => {
+      document.addEventListener("mousedown", L), window.addEventListener("scroll", I, !0);
+    }), le(() => {
+      document.removeEventListener("mousedown", L), window.removeEventListener("scroll", I, !0), r && clearTimeout(r), p();
     });
-    const g = /* @__PURE__ */ new Set();
-    function R(e) {
-      return g.add(e), () => g.delete(e);
+    const D = /* @__PURE__ */ new Set();
+    function te(e) {
+      return D.add(e), () => D.delete(e);
     }
-    function H(e) {
-      for (const t of g)
+    function ne(e) {
+      for (const t of D)
         t !== e && t();
     }
-    return K(Y, {
-      isOpen: n,
-      isClosing: s,
-      trigger: f("click"),
-      triggerEl: x,
-      placement: f("bottom"),
-      open: v,
-      close: c,
+    return re(pe, {
+      isOpen: l,
+      isClosing: a,
+      trigger: m("click"),
+      triggerEl: w,
+      placement: m("bottom"),
+      open: b,
+      close: f,
       toggle: () => {
-        n.value ? c() : v();
+        l.value ? f() : b();
       },
-      closeAll: T,
-      registerSubMenu: R,
-      closeSiblingSubMenus: H,
+      closeAll: F,
+      registerSubMenu: te,
+      closeSiblingSubMenus: ne,
       reposition: () => {
       }
-    }), E({ open: v, close: c, isOpen: n }), (e, t) => O((y(), $("div", {
+    }), q({ open: b, openAt: g, close: f, isOpen: l }), (e, t) => ue((E(), N("div", {
       ref_key: "wrapperRef",
-      ref: x,
-      class: "cui-context-menu",
-      onContextmenu: B
+      ref: w,
+      class: O(["cui-context-menu", { "cui-context-menu--longpress": _() }]),
+      onContextmenu: V,
+      onPointerdown: j,
+      onPointermove: J,
+      onPointerup: p,
+      onPointercancel: p,
+      onPointerleave: p,
+      onClickCapture: Q,
+      onKeydown: Z
     }, [
-      D(e.$slots, "default", {}, void 0, !0),
-      (y(), I(U, { to: "body" }, [
-        n.value || s.value ? (y(), $("div", {
+      z(e.$slots, "default", {}, void 0, !0),
+      (E(), se(ae, { to: "body" }, [
+        l.value || a.value ? (E(), N("div", {
           key: 0,
           ref_key: "menuRef",
-          ref: m,
-          class: N(["cui-context-menu__panel", { "cui-context-menu__panel--closing": s.value }]),
-          "data-cui-context-menu-id": k,
-          style: j({ ...h.value, minWidth: p.minWidth }),
+          ref: c,
+          class: O(["cui-context-menu__panel", { "cui-context-menu__panel--closing": a.value }]),
+          "data-cui-context-menu-id": H,
+          style: ce({ ...C.value, minWidth: k.minWidth }),
           role: "menu",
-          onKeydown: _
+          onKeydown: ee
         }, [
-          D(e.$slots, "menu", {}, void 0, !0)
-        ], 38)) : P("", !0)
+          z(e.$slots, "menu", {}, void 0, !0)
+        ], 38)) : fe("", !0)
       ]))
-    ], 544)), [
-      [V, !p.hidden]
+    ], 34)), [
+      [de, !k.hidden]
     ]);
   }
 });
 export {
-  J as default
+  ge as default
 };

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

@@ -1 +1 @@
-{"version":3,"file":"CuiCopyButton.vue.d.ts","sourceRoot":"","sources":["../../src/components/CuiCopyButton.vue"],"names":[],"mappings":"AA0EA,OAAO,KAAK,EAAE,QAAQ,EAAE,OAAO,EAAE,aAAa,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AASvG,MAAM,WAAW,kBAAmB,SAAQ,aAAa,EAAE,cAAc,EAAE,aAAa;IACtF,gCAAgC;IAChC,KAAK,EAAE,MAAM,CAAC;IACd,qBAAqB;IACrB,OAAO,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC9B,+BAA+B;IAC/B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,8BAA8B;IAC9B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,kDAAkD;IAClD,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,yCAAyC;IACzC,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;;;;;aATW,OAAO,GAAG,SAAS;aAEnB,MAAM;eAMJ,OAAO;mBAJH,MAAM;gBAET,MAAM;;AAqIrB,wBAOG"}
+{"version":3,"file":"CuiCopyButton.vue.d.ts","sourceRoot":"","sources":["../../src/components/CuiCopyButton.vue"],"names":[],"mappings":"AA8FA,OAAO,KAAK,EAAE,QAAQ,EAAE,OAAO,EAAE,aAAa,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AASvG,MAAM,WAAW,kBAAmB,SAAQ,aAAa,EAAE,cAAc,EAAE,aAAa;IACtF,gCAAgC;IAChC,KAAK,EAAE,MAAM,CAAC;IACd,qBAAqB;IACrB,OAAO,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC9B,+BAA+B;IAC/B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,8BAA8B;IAC9B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,kDAAkD;IAClD,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,yCAAyC;IACzC,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;;;;;aATW,OAAO,GAAG,SAAS;aAEnB,MAAM;eAMJ,OAAO;mBAJH,MAAM;gBAET,MAAM;;AAqJrB,wBAOG"}

package/dist/components/CuiCopyButton.vue.js

@@ -1,63 +1,7 @@
-import { defineComponent as u, computed as p, withDirectives as f, openBlock as l, createBlock as y, unref as o, withCtx as i, createVNode as n, createElementBlock as C, toDisplayString as h, createCommentVNode as z, normalizeStyle as v, vShow as S } from "vue";
-import { clampSize as x } from "../utils/sizing.js";
-import B from "./CuiButton.vue.js";
-import k from "./CuiIcon.vue.js";
-import w from "./CuiTooltip.vue.js";
-import { useCopyToClipboard as D } from "../composables/useCopyToClipboard.js";
-const T = { key: 0 }, O = /* @__PURE__ */ u({
-  __name: "CuiCopyButton",
-  props: {
-    value: {},
-    variant: { default: "ghost" },
-    tooltip: { default: "Copy" },
-    copiedTooltip: { default: "Copied!" },
-    resetDelay: { default: 2e3 },
-    showLabel: { type: Boolean, default: !1 },
-    hidden: { type: Boolean, default: !1 },
-    color: { default: "primary" },
-    size: { default: "sm" }
-  },
-  setup(e) {
-    const r = ["xs", "sm", "md"], a = e, { copied: t, copy: c } = D(a.resetDelay);
-    function s() {
-      c(a.value);
-    }
-    const m = {
-      xs: "0.75rem",
-      sm: "0.875rem",
-      md: "1rem"
-    }, d = p(() => x(a.size, r));
-    return (b, E) => f((l(), y(w, {
-      text: o(t) ? e.copiedTooltip : e.tooltip,
-      placement: "top",
-      "show-delay": 300
-    }, {
-      default: i(() => [
-        n(B, {
-          size: e.size,
-          variant: e.variant,
-          color: o(t) ? "success" : e.color,
-          onClick: s
-        }, {
-          prefix: i(() => [
-            n(k, {
-              name: o(t) ? "check" : "copy",
-              size: m[d.value],
-              style: v({ transition: "transform 0.15s ease", transform: o(t) ? "scale(1.1)" : "scale(1)" })
-            }, null, 8, ["name", "size", "style"])
-          ]),
-          default: i(() => [
-            e.showLabel ? (l(), C("span", T, h(o(t) ? "Copied" : "Copy"), 1)) : z("", !0)
-          ]),
-          _: 1
-        }, 8, ["size", "variant", "color"])
-      ]),
-      _: 1
-    }, 8, ["text"])), [
-      [S, !e.hidden]
-    ]);
-  }
-});
+import o from "./CuiCopyButton.vue2.js";
+/* empty css                   */
+import t from "../_virtual/_plugin-vue_export-helper.js";
+const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-26f2c665"]]);
 export {
-  O as default
+  m as default
 };

package/dist/components/CuiCopyButton.vue2.js

@@ -1,4 +1,70 @@
-import f from "./CuiCopyButton.vue.js";
+import { defineComponent as p, computed as f, withDirectives as y, openBlock as l, createBlock as C, unref as o, withCtx as i, createVNode as c, createElementBlock as h, toDisplayString as s, createCommentVNode as v, normalizeStyle as z, createElementVNode as S, vShow as b } from "vue";
+import { clampSize as x } from "../utils/sizing.js";
+import w from "./CuiButton.vue.js";
+import B from "./CuiIcon.vue.js";
+import k from "./CuiTooltip.vue.js";
+import { useCopyToClipboard as T } from "../composables/useCopyToClipboard.js";
+const D = { key: 0 }, E = {
+  class: "cui-copy-button__status",
+  role: "status",
+  "aria-live": "polite"
+}, U = /* @__PURE__ */ p({
+  __name: "CuiCopyButton",
+  props: {
+    value: {},
+    variant: { default: "ghost" },
+    tooltip: { default: "Copy" },
+    copiedTooltip: { default: "Copied!" },
+    resetDelay: { default: 2e3 },
+    showLabel: { type: Boolean, default: !1 },
+    hidden: { type: Boolean, default: !1 },
+    color: { default: "primary" },
+    size: { default: "sm" }
+  },
+  setup(e) {
+    const n = ["xs", "sm", "md"], a = e, { copied: t, copy: r } = T(a.resetDelay);
+    function m() {
+      r(a.value);
+    }
+    const u = {
+      xs: "0.75rem",
+      sm: "0.875rem",
+      md: "1rem"
+    }, d = f(() => x(a.size, n));
+    return (L, N) => y((l(), C(k, {
+      class: "cui-copy-button",
+      text: o(t) ? e.copiedTooltip : e.tooltip,
+      placement: "top",
+      "show-delay": 300
+    }, {
+      default: i(() => [
+        c(w, {
+          size: e.size,
+          variant: e.variant,
+          color: o(t) ? "success" : e.color,
+          "aria-label": e.showLabel ? void 0 : e.tooltip,
+          onClick: m
+        }, {
+          prefix: i(() => [
+            c(B, {
+              name: o(t) ? "check" : "copy",
+              size: u[d.value],
+              style: z({ transition: "transform 0.15s ease", transform: o(t) ? "scale(1.1)" : "scale(1)" })
+            }, null, 8, ["name", "size", "style"])
+          ]),
+          default: i(() => [
+            e.showLabel ? (l(), h("span", D, s(o(t) ? "Copied" : "Copy"), 1)) : v("", !0)
+          ]),
+          _: 1
+        }, 8, ["size", "variant", "color", "aria-label"]),
+        S("span", E, s(o(t) ? e.copiedTooltip : ""), 1)
+      ]),
+      _: 1
+    }, 8, ["text"])), [
+      [b, !e.hidden]
+    ]);
+  }
+});
 export {
-  f as default
+  U as default
 };

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

@@ -1 +1 @@
-{"version":3,"file":"CuiDataGridCardView.vue.d.ts","sourceRoot":"","sources":["../../src/components/CuiDataGridCardView.vue"],"names":[],"mappings":"AA0BA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAGtD,KAAK,WAAW,GAAG;IACjB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAuCF,QAAA,IAAI,OAAO;;CAAW,CAAE;AACxB,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,IAAI,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,CAAC;AAsB5C,QAAA,MAAM,eAAe,kSAMnB,CAAC;wBACkB,eAAe,CAAC,OAAO,eAAe,EAAE,WAAW,CAAC;AAAzE,wBAA0E;AAQ1E,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"CuiDataGridCardView.vue.d.ts","sourceRoot":"","sources":["../../src/components/CuiDataGridCardView.vue"],"names":[],"mappings":"AA0BA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAGtD,KAAK,WAAW,GAAG;IACjB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AA0CF,QAAA,IAAI,OAAO;;CAAW,CAAE;AACxB,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,IAAI,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,CAAC;AAsB5C,QAAA,MAAM,eAAe,kSAMnB,CAAC;wBACkB,eAAe,CAAC,OAAO,eAAe,EAAE,WAAW,CAAC;AAAzE,wBAA0E;AAQ1E,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/components/CuiDataGridCardView.vue.js

@@ -1,22 +1,23 @@
-import { defineComponent as s, openBlock as r, createBlock as u, withCtx as c, createElementBlock as o, Fragment as l, renderList as m, unref as p, renderSlot as f } from "vue";
+import { defineComponent as c, openBlock as r, createBlock as s, withCtx as u, createElementBlock as a, Fragment as l, renderList as m, unref as p, renderSlot as f } from "vue";
 import { useDataGridState as g } from "../composables/useDataGrid.js";
 import _ from "./CuiGrid.vue.js";
-const B = /* @__PURE__ */ s({
+const v = /* @__PURE__ */ c({
   __name: "CuiDataGridCardView",
   props: {
     rowKey: {}
   },
-  setup(n) {
-    const a = n, i = g();
+  setup(o) {
+    const i = o, n = g();
     function d(e) {
-      return String(e[a.rowKey ?? "id"] ?? "");
+      return String(e[i.rowKey ?? "id"] ?? "");
     }
-    return (e, C) => (r(), u(_, {
+    return (e, w) => (r(), s(_, {
+      class: "cui-data-grid-card-view",
       cols: { sm: 1, md: 2, lg: 3 },
       gap: "4"
     }, {
-      default: c(() => [
-        (r(!0), o(l, null, m(p(i).displayData.value, (t) => (r(), o("div", {
+      default: u(() => [
+        (r(!0), a(l, null, m(p(n).displayData.value, (t) => (r(), a("div", {
           key: d(t)
         }, [
           f(e.$slots, "card", { row: t })
@@ -27,5 +28,5 @@ const B = /* @__PURE__ */ s({
   }
 });
 export {
-  B as default
+  v as default
 };

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

@@ -1 +1 @@
-{"version":3,"file":"CuiDataGridColumnManager.vue.d.ts","sourceRoot":"","sources":["../../src/components/CuiDataGridColumnManager.vue"],"names":[],"mappings":";AA+QA,wBAKG"}
+{"version":3,"file":"CuiDataGridColumnManager.vue.d.ts","sourceRoot":"","sources":["../../src/components/CuiDataGridColumnManager.vue"],"names":[],"mappings":";AAkRA,wBAKG"}

package/dist/components/CuiDataGridColumnManager.vue.js

@@ -7,13 +7,13 @@ import p from "./CuiIcon.vue.js";
 const L = { style: { display: "flex", "flex-direction": "column", gap: "calc(0.125rem * var(--cui-density-scale, 1))" } }, N = ["onDragstart", "onDragover", "onDrop"], O = /* @__PURE__ */ x({
   __name: "CuiDataGridColumnManager",
   setup(G) {
-    const u = z(), t = m(null), n = m(null);
+    const u = z(), r = m(null), n = m(null);
     function v(a) {
       var e;
-      return ((e = u.columns.find((r) => r.key === a)) == null ? void 0 : e.label) ?? a;
+      return ((e = u.columns.find((t) => t.key === a)) == null ? void 0 : e.label) ?? a;
     }
     function g(a, e) {
-      t.value = e, a.dataTransfer && (a.dataTransfer.effectAllowed = "move", a.dataTransfer.setData("text/plain", String(e)));
+      r.value = e, a.dataTransfer && (a.dataTransfer.effectAllowed = "move", a.dataTransfer.setData("text/plain", String(e)));
     }
     function D(a, e) {
       a.preventDefault(), n.value = e;
@@ -22,23 +22,24 @@ const L = { style: { display: "flex", "flex-direction": "column", gap: "calc(0.1
       n.value = null;
     }
     function _(a, e) {
-      a.preventDefault(), t.value !== null && t.value !== e && u.reorderColumns(t.value, e), t.value = null, n.value = null;
+      a.preventDefault(), r.value !== null && r.value !== e && u.reorderColumns(r.value, e), r.value = null, n.value = null;
     }
     function b() {
-      t.value = null, n.value = null;
+      r.value = null, n.value = null;
     }
     return (a, e) => (c(), C(B, {
+      class: "cui-data-grid-column-manager",
       placement: "bottom",
       width: "240px",
       title: "Columns"
     }, {
       content: i(() => [
         V("div", L, [
-          (c(!0), d(h, null, S(f(u).columnState.value, (r, o) => (c(), d("div", {
-            key: r.key,
+          (c(!0), d(h, null, S(f(u).columnState.value, (t, o) => (c(), d("div", {
+            key: t.key,
             draggable: "true",
             style: T([{ display: "flex", "align-items": "center", gap: "calc(0.5rem * var(--cui-density-scale, 1))", padding: "calc(0.375rem * var(--cui-density-scale, 1)) 0", "border-radius": "0.25rem", cursor: "grab" }, {
-              opacity: t.value === o ? 0.5 : 1,
+              opacity: r.value === o ? 0.5 : 1,
               borderTop: n.value === o ? "2px solid var(--cui-primary)" : "2px solid transparent"
             }]),
             onDragstart: (l) => g(l, o),
@@ -53,9 +54,9 @@ const L = { style: { display: "flex", "flex-direction": "column", gap: "calc(0.1
               style: { color: "var(--cui-text-tertiary)", "flex-shrink": "0" }
             }),
             s(E, {
-              "model-value": r.visible,
-              label: v(r.key),
-              "onUpdate:modelValue": (l) => f(u).toggleColumnVisibility(r.key)
+              "model-value": t.visible,
+              label: v(t.key),
+              "onUpdate:modelValue": (l) => f(u).toggleColumnVisibility(t.key)
             }, null, 8, ["model-value", "label", "onUpdate:modelValue"])
           ], 44, N))), 128))
         ])

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

@@ -1 +1 @@
-{"version":3,"file":"CuiDataGridPagination.vue.d.ts","sourceRoot":"","sources":["../../src/components/CuiDataGridPagination.vue"],"names":[],"mappings":";;;;;AAkHA,wBAMG"}
+{"version":3,"file":"CuiDataGridPagination.vue.d.ts","sourceRoot":"","sources":["../../src/components/CuiDataGridPagination.vue"],"names":[],"mappings":";;;;;AAsHA,wBAMG"}

package/dist/components/CuiDataGridPagination.vue.js

@@ -1,28 +1,29 @@
-import { defineComponent as p, openBlock as g, createBlock as u, unref as t } from "vue";
+import { defineComponent as g, openBlock as p, createBlock as u, unref as t } from "vue";
 import { useDataGridState as c } from "../composables/useDataGrid.js";
 import s from "./CuiPagination.vue.js";
-const d = /* @__PURE__ */ p({
+const f = /* @__PURE__ */ g({
   __name: "CuiDataGridPagination",
   emits: ["navigate"],
-  setup(l, { emit: o }) {
-    const a = c(), n = o;
-    function i(e) {
+  setup(l, { emit: i }) {
+    const a = c(), n = i;
+    function o(e) {
       a.setPage(e), n("navigate");
     }
     function r(e) {
       a.setPerPage(e), n("navigate");
     }
-    return (e, m) => (g(), u(s, {
+    return (e, m) => (p(), u(s, {
+      class: "cui-data-grid-pagination",
       "current-page": t(a).paginationMeta.value.current_page,
       "total-pages": t(a).paginationMeta.value.last_page,
       "per-page": t(a).paginationMeta.value.per_page,
       total: t(a).paginationMeta.value.total,
       size: "sm",
-      "onUpdate:currentPage": i,
+      "onUpdate:currentPage": o,
       "onUpdate:perPage": r
     }, null, 8, ["current-page", "total-pages", "per-page", "total"]));
   }
 });
 export {
-  d as default
+  f as default
 };

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

@@ -1 +1 @@
-{"version":3,"file":"CuiDataGridSearch.vue.d.ts","sourceRoot":"","sources":["../../src/components/CuiDataGridSearch.vue"],"names":[],"mappings":";AAkMA,wBAKG"}
+{"version":3,"file":"CuiDataGridSearch.vue.d.ts","sourceRoot":"","sources":["../../src/components/CuiDataGridSearch.vue"],"names":[],"mappings":";AAoMA,wBAKG"}