@itguy614/clean-ui 0.9.0 → 1.0.1

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.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,11 +1,11 @@
 import type { DataGridColumn, DataGridRow, DataGridBulkAction, DataGridRowAction, DataGridQueryParams, DataGridViewConfig, DataGridViewAdapter, PaginatedData } from "../types/data-grid";
 import type { TableSize } from "./table-context";
 import type { HideableProps } from "../types/common";
-export interface CuiDataGridProps extends HideableProps {
+export interface CuiDataGridProps<T extends object = DataGridRow> extends HideableProps {
     /** Column definitions */
     columns: DataGridColumn[];
-    /** Data source — array for client-side, PaginatedData for server-side */
-    data: DataGridRow[] | PaginatedData;
+    /** Data source — array for client-side, PaginatedData for server-side. Generic over the row type so cell slots, emits, and data are typed. */
+    data: T[] | PaginatedData<T>;
     /** Server-side mode — emits navigate events instead of processing locally */
     serverSide?: boolean;
     /** Row identifier key */
@@ -62,83 +62,57 @@ export interface CuiDataGridProps extends HideableProps {
      */
     virtualRowHeight?: number;
 }
-declare var __VLS_4: {}, __VLS_6: {}, __VLS_14: {}, __VLS_22: {
-    row: DataGridRow;
-}, __VLS_33: `cell-${string}`, __VLS_34: {
-    value: unknown;
-    row: DataGridRow;
-};
-type __VLS_Slots = {} & {
-    [K in NonNullable<typeof __VLS_33>]?: (props: typeof __VLS_34) => any;
-} & {
-    'toolbar-start'?: (props: typeof __VLS_4) => any;
-} & {
-    'toolbar-end'?: (props: typeof __VLS_6) => any;
-} & {
-    empty?: (props: typeof __VLS_14) => any;
-} & {
-    card?: (props: typeof __VLS_22) => any;
-};
-declare const __VLS_component: import("vue").DefineComponent<CuiDataGridProps, {
-    clearSelection: () => void;
-    getQueryParams: () => DataGridQueryParams;
-    getConfig: () => DataGridViewConfig;
-    loadConfig: (config: DataGridViewConfig) => void;
-    resetToDefaults: () => void;
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "row-click": (payload: {
-        row: DataGridRow;
-    }) => any;
-    "row-action": (payload: {
-        action: DataGridRowAction;
-        row: DataGridRow;
-    }) => any;
-    navigate: (params: DataGridQueryParams) => any;
-    "bulk-action": (payload: {
-        action: DataGridBulkAction;
-        rows: DataGridRow[];
-    }) => any;
-    "selection-change": (selectedIds: string[]) => any;
-}, string, import("vue").PublicProps, Readonly<CuiDataGridProps> & Readonly<{
-    "onRow-click"?: ((payload: {
-        row: DataGridRow;
-    }) => any) | undefined;
-    "onRow-action"?: ((payload: {
+declare const _default: <T extends object = DataGridRow>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+    props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{
+        readonly "onRow-click"?: ((payload: {
+            row: T;
+        }) => any) | undefined;
+        readonly "onRow-action"?: ((payload: {
+            action: DataGridRowAction;
+            row: T;
+        }) => any) | undefined;
+        readonly onNavigate?: ((params: DataGridQueryParams) => any) | undefined;
+        readonly "onBulk-action"?: ((payload: {
+            action: DataGridBulkAction;
+            rows: T[];
+        }) => any) | undefined;
+        readonly "onSelection-change"?: ((selectedIds: string[]) => any) | undefined;
+    } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>, "onRow-click" | "onRow-action" | "onNavigate" | "onBulk-action" | "onSelection-change"> & CuiDataGridProps<T> & Partial<{}>> & import("vue").PublicProps;
+    expose(exposed: import("vue").ShallowUnwrapRef<{
+        clearSelection: () => void;
+        getQueryParams: () => DataGridQueryParams;
+        getConfig: () => DataGridViewConfig;
+        loadConfig: (config: DataGridViewConfig) => void;
+        resetToDefaults: () => void;
+    }>): void;
+    attrs: any;
+    slots: {
+        "toolbar-start"?: () => unknown;
+        "toolbar-end"?: () => unknown;
+        empty?: () => unknown;
+        card?: (props: {
+            row: T;
+        }) => unknown;
+    } & {
+        [x: `cell-${string}`]: ((props: {
+            value: unknown;
+            row: T;
+        }) => unknown) | undefined;
+    };
+    emit: ((evt: "row-click", payload: {
+        row: T;
+    }) => void) & ((evt: "row-action", payload: {
         action: DataGridRowAction;
-        row: DataGridRow;
-    }) => any) | undefined;
-    onNavigate?: ((params: DataGridQueryParams) => any) | undefined;
-    "onBulk-action"?: ((payload: {
+        row: T;
+    }) => void) & ((evt: "navigate", params: DataGridQueryParams) => void) & ((evt: "bulk-action", payload: {
         action: DataGridBulkAction;
-        rows: DataGridRow[];
-    }) => any) | undefined;
-    "onSelection-change"?: ((selectedIds: string[]) => any) | undefined;
-}>, {
-    hidden: boolean;
-    size: TableSize;
-    loading: boolean;
-    perPageOptions: number[];
-    striped: boolean;
-    hoverable: boolean;
-    bordered: boolean;
-    stickyHeader: boolean;
-    serverSide: boolean;
-    rowKey: string;
-    hideSearch: boolean;
-    hideColumnManager: boolean;
-    showSelectAll: boolean;
-    virtualize: boolean;
-    hideToolbar: boolean;
-    hidePagination: boolean;
-    hideFilterPanel: boolean;
-    filterPanelSide: "left" | "right";
-    hydrateUrl: boolean;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
-export default _default;
-type __VLS_WithSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
+        rows: T[];
+    }) => void) & ((evt: "selection-change", selectedIds: string[]) => void);
+}>) => import("vue").VNode & {
+    __ctx?: Awaited<typeof __VLS_setup>;
 };
+export default _default;
+type __VLS_PrettifyLocal<T> = {
+    [K in keyof T]: T[K];
+} & {};
 //# sourceMappingURL=CuiDataGrid.vue.d.ts.map

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,178 @@
+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,
+      // The grid internals operate on the loose DataGridRow shape; T is a public-API
+      // refinement, so cast once here at the boundary.
+      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":"AAqHA,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"}
+{"version":3,"file":"CuiDataGridBulkBar.vue.d.ts","sourceRoot":"","sources":["../../src/components/CuiDataGridBulkBar.vue"],"names":[],"mappings":"AAyHA,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"}