@itguy614/clean-ui 0.3.1 → 1.0.0

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

@@ -1 +1 @@
-{"version":3,"file":"CuiContainer.vue.d.ts","sourceRoot":"","sources":["../../src/components/CuiContainer.vue"],"names":[],"mappings":"AAmEA,OAAO,KAAK,EAAE,eAAe,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAEtE,MAAM,MAAM,aAAa,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,GAAG,MAAM,CAAC;AAEvE,MAAM,WAAW,iBAAiB;IAChC,6FAA6F;IAC7F,QAAQ,CAAC,EAAE,eAAe,CAAC,aAAa,CAAC,CAAC;IAC1C,kDAAkD;IAClD,EAAE,CAAC,EAAE,eAAe,CAAC,eAAe,CAAC,CAAC;IACtC,gDAAgD;IAChD,EAAE,CAAC,EAAE,eAAe,CAAC,eAAe,CAAC,CAAC;IACtC,2BAA2B;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,yBAAyB;IACzB,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AA6DD,QAAA,IAAI,OAAO,IAAW,CAAE;AACxB,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,CAAC;AAqB/C,QAAA,MAAM,eAAe;QA3Fd,eAAe,CAAC,eAAe,CAAC;YAM5B,OAAO;cARL,eAAe,CAAC,aAAa,CAAC;cAM9B,OAAO;6EA8FlB,CAAC;wBACkB,eAAe,CAAC,OAAO,eAAe,EAAE,WAAW,CAAC;AAAzE,wBAA0E;AAa1E,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"CuiContainer.vue.d.ts","sourceRoot":"","sources":["../../src/components/CuiContainer.vue"],"names":[],"mappings":"AAkEA,OAAO,KAAK,EAAE,eAAe,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AACtE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAErD,MAAM,MAAM,aAAa,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,GAAG,MAAM,CAAC;AAEvE,MAAM,WAAW,iBAAkB,SAAQ,aAAa;IACtD,6FAA6F;IAC7F,QAAQ,CAAC,EAAE,eAAe,CAAC,aAAa,CAAC,CAAC;IAC1C,kDAAkD;IAClD,EAAE,CAAC,EAAE,eAAe,CAAC,eAAe,CAAC,CAAC;IACtC,gDAAgD;IAChD,EAAE,CAAC,EAAE,eAAe,CAAC,eAAe,CAAC,CAAC;IACtC,2BAA2B;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AA6DD,QAAA,IAAI,OAAO,IAAW,CAAE;AACxB,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,CAAC;AAqB/C,QAAA,MAAM,eAAe;QAzFd,eAAe,CAAC,eAAe,CAAC;;cAF1B,eAAe,CAAC,aAAa,CAAC;cAM9B,OAAO;6EA4FlB,CAAC;wBACkB,eAAe,CAAC,OAAO,eAAe,EAAE,WAAW,CAAC;AAAzE,wBAA0E;AAa1E,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/components/CuiContainer.vue.js

@@ -0,0 +1,35 @@
+import { defineComponent as c, computed as m, withDirectives as u, openBlock as f, createElementBlock as h, normalizeStyle as x, renderSlot as g, vShow as y } from "vue";
+import { useBreakpoint as v } from "../composables/useBreakpoint.js";
+import { resolveResponsive as a, spacingToCss as n, CONTAINER_WIDTHS as B } from "../utils/responsive.js";
+const w = /* @__PURE__ */ c({
+  __name: "CuiContainer",
+  props: {
+    maxWidth: { default: "2xl" },
+    px: { default: "4" },
+    py: {},
+    centered: { type: Boolean, default: !0 },
+    hidden: { type: Boolean, default: !1 }
+  },
+  setup(r) {
+    const o = r, { breakpoint: s } = v(), l = m(() => {
+      const e = s.value, d = a(o.maxWidth, "2xl", e), p = a(o.px, "4", e), i = a(o.py, void 0, e), t = {
+        width: "100%",
+        maxWidth: B[d] ?? "1536px",
+        paddingLeft: n(p),
+        paddingRight: n(p)
+      };
+      return o.centered && (t.marginLeft = "auto", t.marginRight = "auto"), i && (t.paddingTop = n(i), t.paddingBottom = n(i)), t;
+    });
+    return (e, d) => u((f(), h("div", {
+      class: "cui-container",
+      style: x(l.value)
+    }, [
+      g(e.$slots, "default")
+    ], 4)), [
+      [y, !r.hidden]
+    ]);
+  }
+});
+export {
+  w as default
+};

package/dist/components/CuiContainer.vue2.js

@@ -0,0 +1,4 @@
+import f from "./CuiContainer.vue.js";
+export {
+  f as default
+};

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

@@ -1,10 +1,7 @@
-export interface CuiContextMenuProps {
-    /** Prevents the context menu from opening */
-    disabled?: boolean;
+import type { HideableProps, DisableableProps } from "../types/common";
+export interface CuiContextMenuProps extends HideableProps, DisableableProps {
     /** Minimum width of the menu panel */
     minWidth?: string;
-    /** Hide the component */
-    hidden?: boolean;
 }
 declare function open(): void;
 declare function close(): void;

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

@@ -1 +1 @@
-{"version":3,"file":"CuiContextMenu.vue.d.ts","sourceRoot":"","sources":["../../src/components/CuiContextMenu.vue"],"names":[],"mappings":"AAuRA,MAAM,WAAW,mBAAmB;IAClC,6CAA6C;IAC7C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,sCAAsC;IACtC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,yBAAyB;IACzB,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAmBD,iBAAS,IAAI,SAKZ;AAED,iBAAS,KAAK,SAOb;AA0ND,QAAA,IAAI,OAAO,IAAU,EAAE,OAAO,IAAW,CAAE;AAC3C,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,GAC5C;IAAE,IAAI,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,CAAC;AA8B5C,QAAA,MAAM,eAAe;;;;;YA7RV,OAAO;cAJL,OAAO;cAEP,MAAM;6EAuSjB,CAAC;wBACkB,eAAe,CAAC,OAAO,eAAe,EAAE,WAAW,CAAC;AAAzE,wBAA0E;AAa1E,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"CuiContextMenu.vue.d.ts","sourceRoot":"","sources":["../../src/components/CuiContextMenu.vue"],"names":[],"mappings":"AAmRA,OAAO,KAAK,EAAE,aAAa,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AAEvE,MAAM,WAAW,mBAAoB,SAAQ,aAAa,EAAE,gBAAgB;IAC1E,sCAAsC;IACtC,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAmBD,iBAAS,IAAI,SAKZ;AAED,iBAAS,KAAK,SAOb;AA0ND,QAAA,IAAI,OAAO,IAAU,EAAE,OAAO,IAAW,CAAE;AAC3C,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,GAC5C;IAAE,IAAI,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,CAAC;AA8B5C,QAAA,MAAM,eAAe;;;;;;;cA7RR,MAAM;6EAqSjB,CAAC;wBACkB,eAAe,CAAC,OAAO,eAAe,EAAE,WAAW,CAAC;AAAzE,wBAA0E;AAa1E,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/components/CuiContextMenu.vue.js

@@ -0,0 +1,7 @@
+import o from "./CuiContextMenu.vue2.js";
+/* empty css                    */
+import t from "../_virtual/_plugin-vue_export-helper.js";
+const p = /* @__PURE__ */ t(o, [["__scopeId", "data-v-777b6355"]]);
+export {
+  p as default
+};

package/dist/components/CuiContextMenu.vue2.js

@@ -0,0 +1,136 @@
+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({
+  __name: "CuiContextMenu",
+  props: {
+    minWidth: { default: "12rem" },
+    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 = {
+        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`;
+        }
+        h.value = a;
+        const w = (M = m.value) == null ? void 0 : M.querySelector(
+          '[role="menuitem"]:not([aria-disabled="true"])'
+        );
+        w == null || w.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 _(e) {
+      var u, l, r, d;
+      if (!m.value) return;
+      if (e.key === "Escape") {
+        e.preventDefault(), e.stopPropagation(), c();
+        return;
+      }
+      const t = Array.from(m.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);
+      if (e.key === "ArrowDown") {
+        e.preventDefault();
+        const a = o < t.length - 1 ? o + 1 : 0;
+        (u = t[a]) == null || u.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());
+    }
+    function C(e) {
+      var u;
+      if (!n.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();
+    }
+    function S() {
+      n.value && c();
+    }
+    q(() => {
+      document.addEventListener("mousedown", C), window.addEventListener("scroll", S, !0);
+    }), z(() => {
+      document.removeEventListener("mousedown", C), window.removeEventListener("scroll", S, !0), i && clearTimeout(i);
+    });
+    const g = /* @__PURE__ */ new Set();
+    function R(e) {
+      return g.add(e), () => g.delete(e);
+    }
+    function H(e) {
+      for (const t of g)
+        t !== e && t();
+    }
+    return K(Y, {
+      isOpen: n,
+      isClosing: s,
+      trigger: f("click"),
+      triggerEl: x,
+      placement: f("bottom"),
+      open: v,
+      close: c,
+      toggle: () => {
+        n.value ? c() : v();
+      },
+      closeAll: T,
+      registerSubMenu: R,
+      closeSiblingSubMenus: H,
+      reposition: () => {
+      }
+    }), E({ open: v, close: c, isOpen: n }), (e, t) => O((y(), $("div", {
+      ref_key: "wrapperRef",
+      ref: x,
+      class: "cui-context-menu",
+      onContextmenu: B
+    }, [
+      D(e.$slots, "default", {}, void 0, !0),
+      (y(), I(U, { to: "body" }, [
+        n.value || s.value ? (y(), $("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 }),
+          role: "menu",
+          onKeydown: _
+        }, [
+          D(e.$slots, "menu", {}, void 0, !0)
+        ], 38)) : P("", !0)
+      ]))
+    ], 544)), [
+      [V, !p.hidden]
+    ]);
+  }
+});
+export {
+  J as default
+};

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

@@ -1,12 +1,7 @@
-import type { ButtonColor } from "./CuiButton.vue";
-export type CopyButtonSize = "xs" | "sm" | "md";
-export interface CuiCopyButtonProps {
+import type { CuiColor, CuiSize, HideableProps, ColorableProps, SizeableProps } from "../types/common";
+export interface CuiCopyButtonProps extends HideableProps, ColorableProps, SizeableProps {
     /** Text to copy to clipboard */
     value: string;
-    /** Size */
-    size?: CopyButtonSize;
-    /** Color role */
-    color?: ButtonColor;
     /** Button variant */
     variant?: "ghost" | "outline";
     /** Tooltip text before copy */
@@ -17,13 +12,11 @@ export interface CuiCopyButtonProps {
     resetDelay?: number;
     /** Show text label alongside the icon */
     showLabel?: boolean;
-    /** Hide the component */
-    hidden?: boolean;
 }
 declare const _default: import("vue").DefineComponent<CuiCopyButtonProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<CuiCopyButtonProps> & Readonly<{}>, {
-    size: CopyButtonSize;
-    color: ButtonColor;
     hidden: boolean;
+    size: CuiSize;
+    color: CuiColor;
     variant: "ghost" | "outline";
     tooltip: string;
     showLabel: boolean;

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":"AA6EA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAMnD,MAAM,MAAM,cAAc,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAEhD,MAAM,WAAW,kBAAkB;IACjC,gCAAgC;IAChC,KAAK,EAAE,MAAM,CAAC;IACd,WAAW;IACX,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB,iBAAiB;IACjB,KAAK,CAAC,EAAE,WAAW,CAAC;IACpB,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;IACpB,yBAAyB;IACzB,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;;UAfQ,cAAc;WAEb,WAAW;YAYV,OAAO;aAVN,OAAO,GAAG,SAAS;aAEnB,MAAM;eAMJ,OAAO;mBAJH,MAAM;gBAET,MAAM;;AAoIrB,wBAOG"}
+{"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"}

package/dist/components/CuiCopyButton.vue.js

@@ -0,0 +1,63 @@
+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]
+    ]);
+  }
+});
+export {
+  O as default
+};

package/dist/components/CuiCopyButton.vue2.js

@@ -0,0 +1,4 @@
+import f from "./CuiCopyButton.vue.js";
+export {
+  f as default
+};

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

@@ -1,6 +1,7 @@
 import type { DataGridColumn, DataGridRow, DataGridBulkAction, DataGridRowAction, DataGridQueryParams, DataGridViewConfig, DataGridViewAdapter, PaginatedData } from "../types/data-grid";
 import type { TableSize } from "./table-context";
-export interface CuiDataGridProps {
+import type { HideableProps } from "../types/common";
+export interface CuiDataGridProps extends HideableProps {
     /** Column definitions */
     columns: DataGridColumn[];
     /** Data source — array for client-side, PaginatedData for server-side */
@@ -49,8 +50,17 @@ export interface CuiDataGridProps {
     initialView?: DataGridViewConfig;
     /** Hydrate state from URL query params on init */
     hydrateUrl?: boolean;
-    /** Hide the component */
-    hidden?: boolean;
+    /**
+     * Enable row virtualization for large datasets.
+     * Requires maxHeight to be set.
+     * Recommended for >= 500 rows in client-side mode.
+     */
+    virtualize?: boolean;
+    /**
+     * Fixed row height in px passed to the virtualizer.
+     * Omit to auto-measure from the first rendered row.
+     */
+    virtualRowHeight?: number;
 }
 declare var __VLS_4: {}, __VLS_6: {}, __VLS_14: {}, __VLS_22: {
     row: DataGridRow;
@@ -104,8 +114,8 @@ declare const __VLS_component: import("vue").DefineComponent<CuiDataGridProps, {
     }) => any) | undefined;
     "onSelection-change"?: ((selectedIds: string[]) => any) | undefined;
 }>, {
-    size: TableSize;
     hidden: boolean;
+    size: TableSize;
     loading: boolean;
     perPageOptions: number[];
     striped: boolean;
@@ -117,6 +127,7 @@ declare const __VLS_component: import("vue").DefineComponent<CuiDataGridProps, {
     hideSearch: boolean;
     hideColumnManager: boolean;
     showSelectAll: boolean;
+    virtualize: boolean;
     hideToolbar: boolean;
     hidePagination: boolean;
     hideFilterPanel: boolean;

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

@@ -1 +1 @@
-{"version":3,"file":"CuiDataGrid.vue.d.ts","sourceRoot":"","sources":["../../src/components/CuiDataGrid.vue"],"names":[],"mappings":"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"}
+{"version":3,"file":"CuiDataGrid.vue.d.ts","sourceRoot":"","sources":["../../src/components/CuiDataGrid.vue"],"names":[],"mappings":"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"}

package/dist/components/CuiDataGrid.vue.js

@@ -0,0 +1,176 @@
+import { defineComponent as p, useSlots as z, toRef as A, watch as b, withDirectives as D, openBlock as i, createElementBlock as c, createBlock as s, withCtx as f, renderSlot as u, createCommentVNode as h, createVNode as m, unref as n, normalizeStyle as R, createElementVNode as V, normalizeProps as S, guardReactiveProps as B, createSlots as x, renderList as H, createTextVNode as T, toDisplayString as G, vShow as K } from "vue";
+import { useDataGrid as N, provideDataGrid as M } from "../composables/useDataGrid.js";
+import Q from "./CuiDataGridToolbar.vue.js";
+/* empty css                        */
+import E from "./CuiDataGridTable.vue.js";
+import F from "./CuiDataGridCardView.vue.js";
+import U from "./CuiDataGridPagination.vue.js";
+import I from "./CuiDataGridBulkBar.vue.js";
+/* empty css                        */
+import O from "./CuiDataGridFilterPanel.vue.js";
+/* empty css                            */
+import L from "./CuiDataGridActiveFilters.vue.js";
+/* empty css                              */
+import j from "./CuiEmptyState.vue.js";
+import q from "./CuiSkeleton.vue.js";
+import { useMessages as J } from "../composables/useMessages.js";
+const W = { class: "cui-data-grid" }, X = {
+  key: 1,
+  style: { padding: "calc(1rem * var(--cui-density-scale, 1))" }
+}, Y = { key: 2 }, Z = { style: { flex: "1", "min-width": "0" } }, ge = /* @__PURE__ */ p({
+  __name: "CuiDataGrid",
+  props: {
+    columns: {},
+    data: {},
+    serverSide: { type: Boolean, default: !1 },
+    rowKey: { default: "id" },
+    bulkActions: {},
+    showSelectAll: { type: Boolean, default: !0 },
+    stickyHeader: { type: Boolean, default: !0 },
+    maxHeight: {},
+    striped: { type: Boolean, default: !1 },
+    hoverable: { type: Boolean, default: !0 },
+    bordered: { type: Boolean, default: !1 },
+    size: { default: "md" },
+    loading: { type: Boolean, default: !1 },
+    perPageOptions: { default: () => [15, 25, 50, 100] },
+    hideToolbar: { type: Boolean, default: !1 },
+    hidePagination: { type: Boolean, default: !1 },
+    hideSearch: { type: Boolean, default: !1 },
+    hideColumnManager: { type: Boolean, default: !1 },
+    hideFilterPanel: { type: Boolean, default: !1 },
+    filterPanelSide: { default: "right" },
+    gridId: {},
+    viewAdapter: {},
+    initialView: {},
+    hydrateUrl: { type: Boolean, default: !1 },
+    virtualize: { type: Boolean, default: !1 },
+    virtualRowHeight: {},
+    hidden: { type: Boolean, default: !1 }
+  },
+  emits: ["navigate", "row-click", "row-action", "bulk-action", "selection-change"],
+  setup(e, { expose: C, emit: P }) {
+    var w;
+    const l = e, d = P, $ = z(), t = N({
+      columns: l.columns,
+      data: A(l, "data"),
+      serverSide: l.serverSide,
+      rowKey: l.rowKey,
+      defaultPerPage: ((w = l.perPageOptions) == null ? void 0 : w[0]) ?? 15,
+      initialView: l.initialView,
+      hydrateFromUrl: l.hydrateUrl
+    });
+    M(t), b(
+      () => t.selectedRows.value,
+      (o) => {
+        d("selection-change", [...o]);
+      }
+    );
+    function g() {
+      l.serverSide && d("navigate", t.getQueryParams());
+    }
+    b(
+      [() => t.sort.value, () => t.filters.value, () => t.searchQuery.value, () => t.page.value, () => t.perPage.value],
+      () => {
+        g();
+      }
+    );
+    const y = !!$.card;
+    C({
+      clearSelection: t.clearSelection,
+      getQueryParams: t.getQueryParams,
+      getConfig: t.getConfig,
+      loadConfig: t.loadConfig,
+      resetToDefaults: t.resetToDefaults
+    });
+    const v = J();
+    return (o, r) => D((i(), c("div", W, [
+      e.hideToolbar ? h("", !0) : (i(), s(Q, {
+        key: 0,
+        "hide-search": e.hideSearch,
+        "hide-column-manager": e.hideColumnManager,
+        "hide-filter-toggle": e.hideFilterPanel,
+        "has-card-slot": y,
+        "grid-id": e.gridId,
+        "view-adapter": e.viewAdapter
+      }, {
+        "toolbar-start": f(() => [
+          u(o.$slots, "toolbar-start")
+        ]),
+        "toolbar-end": f(() => [
+          u(o.$slots, "toolbar-end")
+        ]),
+        _: 3
+      }, 8, ["hide-search", "hide-column-manager", "hide-filter-toggle", "grid-id", "view-adapter"])),
+      m(L),
+      e.loading ? (i(), c("div", X, [
+        m(q, { lines: 8 })
+      ])) : n(t).displayData.value.length === 0 ? (i(), c("div", Y, [
+        u(o.$slots, "empty", {}, () => [
+          m(j, {
+            icon: "magnifying-glass",
+            title: n(v).dataGrid.noResultsTitle,
+            description: n(v).dataGrid.noResultsDescription,
+            size: "md",
+            color: "secondary"
+          }, null, 8, ["title", "description"])
+        ])
+      ])) : (i(), c("div", {
+        key: 3,
+        class: "cui-data-grid__content",
+        style: R({ flexDirection: e.filterPanelSide === "left" ? "row-reverse" : "row" })
+      }, [
+        V("div", Z, [
+          n(t).viewMode.value === "card" && y ? (i(), s(F, {
+            key: 0,
+            "row-key": e.rowKey
+          }, {
+            card: f((a) => [
+              u(o.$slots, "card", S(B(a)))
+            ]),
+            _: 3
+          }, 8, ["row-key"])) : (i(), s(E, {
+            key: 1,
+            "row-key": e.rowKey,
+            "bulk-actions": e.bulkActions,
+            "show-select-all": e.showSelectAll,
+            "sticky-header": e.stickyHeader,
+            "max-height": e.maxHeight,
+            striped: e.striped,
+            hoverable: e.hoverable,
+            bordered: e.bordered,
+            size: e.size,
+            virtualize: e.virtualize,
+            "virtual-row-height": e.virtualRowHeight,
+            onRowClick: r[0] || (r[0] = (a) => d("row-click", a)),
+            onRowAction: r[1] || (r[1] = (a) => d("row-action", a))
+          }, x({ _: 2 }, [
+            H(n(t).visibleColumns.value, (a) => ({
+              name: `cell-${a.key}`,
+              fn: f((k) => [
+                u(o.$slots, `cell-${a.key}`, S(B(k)), () => [
+                  T(G(k.value), 1)
+                ])
+              ])
+            }))
+          ]), 1032, ["row-key", "bulk-actions", "show-select-all", "sticky-header", "max-height", "striped", "hoverable", "bordered", "size", "virtualize", "virtual-row-height"]))
+        ]),
+        m(O)
+      ], 4)),
+      !e.hidePagination && !e.loading && n(t).displayData.value.length > 0 ? (i(), s(U, {
+        key: 4,
+        onNavigate: g
+      })) : h("", !0),
+      e.bulkActions && e.bulkActions.length > 0 ? (i(), s(I, {
+        key: 5,
+        actions: e.bulkActions,
+        onBulkAction: r[2] || (r[2] = (a) => d("bulk-action", a))
+      }, null, 8, ["actions"])) : h("", !0)
+    ], 512)), [
+      [K, !e.hidden]
+    ]);
+  }
+});
+export {
+  ge as default
+};

package/dist/components/CuiDataGrid.vue3.js

@@ -0,0 +1,5 @@
+import o from "./CuiDataGrid.vue.js";
+/* empty css                 */
+export {
+  o as default
+};

package/dist/components/CuiDataGridActiveFilters.vue.js

@@ -0,0 +1,47 @@
+import { defineComponent as p, computed as k, openBlock as l, createElementBlock as s, Fragment as g, renderList as C, createBlock as u, unref as m, withCtx as d, createTextVNode as v, toDisplayString as c, createCommentVNode as y } from "vue";
+import { useDataGridState as _ } from "../composables/useDataGrid.js";
+import f from "./CuiBadge.vue.js";
+import b from "./CuiButton.vue.js";
+const x = {
+  key: 0,
+  class: "cui-data-grid-active-filters"
+}, h = /* @__PURE__ */ p({
+  __name: "CuiDataGridActiveFilters",
+  setup(B) {
+    const a = _(), o = k(
+      () => a.filters.value.map((t) => {
+        const e = a.columns.find((n) => (n.filterKey ?? n.key) === t.key), r = (e == null ? void 0 : e.label) ?? t.key, i = Array.isArray(t.value) ? t.value.join(", ") : t.value;
+        return { key: t.key, label: r, displayValue: i };
+      })
+    );
+    return (t, e) => o.value.length > 0 ? (l(), s("div", x, [
+      (l(!0), s(g, null, C(o.value, (r) => (l(), u(f, {
+        key: r.key,
+        variant: "subtle",
+        color: "primary",
+        size: "sm",
+        removable: "",
+        onRemove: (i) => m(a).removeFilter(r.key)
+      }, {
+        default: d(() => [
+          v(c(r.label) + ": " + c(r.displayValue), 1)
+        ]),
+        _: 2
+      }, 1032, ["onRemove"]))), 128)),
+      o.value.length > 1 ? (l(), u(b, {
+        key: 0,
+        variant: "ghost",
+        size: "xs",
+        onClick: e[0] || (e[0] = (r) => m(a).clearFilters())
+      }, {
+        default: d(() => [...e[1] || (e[1] = [
+          v(" Clear all ", -1)
+        ])]),
+        _: 1
+      })) : y("", !0)
+    ])) : y("", !0);
+  }
+});
+export {
+  h as default
+};

package/dist/components/CuiDataGridActiveFilters.vue3.js

@@ -0,0 +1,5 @@
+import o from "./CuiDataGridActiveFilters.vue.js";
+/* empty css                              */
+export {
+  o as default
+};

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

@@ -1 +1 @@
-{"version":3,"file":"CuiDataGridBulkBar.vue.d.ts","sourceRoot":"","sources":["../../src/components/CuiDataGridBulkBar.vue"],"names":[],"mappings":"AAkHA,OAAO,KAAK,EAAE,kBAAkB,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAI1E,KAAK,WAAW,GAAG;IACjB,OAAO,EAAE,kBAAkB,EAAE,CAAC;CAC/B,CAAC;;;gBAImC,kBAAkB;cAAQ,WAAW,EAAE;;;;gBAAvC,kBAAkB;cAAQ,WAAW,EAAE;;;AAwJ5E,wBAOG"}
+{"version":3,"file":"CuiDataGridBulkBar.vue.d.ts","sourceRoot":"","sources":["../../src/components/CuiDataGridBulkBar.vue"],"names":[],"mappings":"AAuHA,OAAO,KAAK,EAAE,kBAAkB,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAO1E,KAAK,WAAW,GAAG;IACjB,OAAO,EAAE,kBAAkB,EAAE,CAAC;CAC/B,CAAC;;;gBAImC,kBAAkB;cAAQ,WAAW,EAAE;;;;gBAAvC,kBAAkB;cAAQ,WAAW,EAAE;;;AAyJ5E,wBAOG"}