@itguy614/clean-ui 1.2.2 → 1.3.1

package/dist/components/CuiDataGridSearch.vue.js

@@ -1,15 +1,18 @@
-import { defineComponent as m, ref as c, watch as d, openBlock as f, createElementBlock as p, createVNode as r, withKeys as h, unref as v, createSlots as _, withCtx as i } from "vue";
+import { defineComponent as c, ref as m, watch as d, openBlock as f, createElementBlock as p, createVNode as r, withKeys as h, unref as v, createSlots as _, withCtx as i } from "vue";
 import { useDataGridState as g } from "../composables/useDataGrid.js";
 import x from "./CuiInput.vue.js";
-import s from "./CuiIcon.vue.js";
+import n from "./CuiIcon.vue.js";
 import y from "./CuiButton.vue.js";
 import { useMessages as C } from "../composables/useMessages.js";
-const w = { style: { position: "relative", "max-width": "20rem", flex: "1" } }, D = /* @__PURE__ */ m({
+const w = {
+  class: "cui-data-grid-search",
+  style: { position: "relative", "max-width": "20rem", flex: "1" }
+}, D = /* @__PURE__ */ c({
   __name: "CuiDataGridSearch",
   setup(S) {
     const l = C();
     let o = null;
-    const a = g(), e = c(a.searchQuery.value);
+    const a = g(), e = m(a.searchQuery.value);
     d(
       () => a.searchQuery.value,
       (t) => {
@@ -21,7 +24,7 @@ const w = { style: { position: "relative", "max-width": "20rem", flex: "1" } },
         a.search(e.value);
       }, 300);
     }
-    function n() {
+    function s() {
       e.value = "", a.clearSearch();
     }
     return (t, k) => (f(), p("div", w, [
@@ -30,10 +33,10 @@ const w = { style: { position: "relative", "max-width": "20rem", flex: "1" } },
         placeholder: v(l).dataGrid.search,
         size: "sm",
         "onUpdate:modelValue": u,
-        onKeydown: h(n, ["escape"])
+        onKeydown: h(s, ["escape"])
       }, _({
         prefix: i(() => [
-          r(s, {
+          r(n, {
             name: "magnifying-glass",
             size: "0.875rem"
           })
@@ -46,11 +49,11 @@ const w = { style: { position: "relative", "max-width": "20rem", flex: "1" } },
             r(y, {
               variant: "ghost",
               size: "xs",
-              onClick: n,
+              onClick: s,
               style: { margin: "-0.25rem" }
             }, {
               default: i(() => [
-                r(s, {
+                r(n, {
                   name: "x",
                   size: "0.75rem"
                 })

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

@@ -1 +1 @@
-{"version":3,"file":"CuiDataGridTable.vue.d.ts","sourceRoot":"","sources":["../../src/components/CuiDataGridTable.vue"],"names":[],"mappings":"AA6ZA,OAAO,KAAK,EAAE,WAAW,EAAE,iBAAiB,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAC;AAc7F,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAEjD,MAAM,WAAW,qBAAqB;IACpC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,WAAW,CAAC,EAAE,kBAAkB,EAAE,CAAC;IACnC,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB;;;;;;;;;;;;OAYG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;;;OAKG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B;AA8mBD,QAAA,IAAI,QAAQ,kBAAW,EAAE,QAAQ;;;CAAY,CAAE;AAC/C,KAAK,WAAW,GAAG,EAAE,GACnB;KAAG,CAAC,IAAI,WAAW,CAAC,OAAO,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG;CAAE,CAAC;AAqD5E,QAAA,MAAM,eAAe;;aAtpBW,WAAW;;;gBACP,iBAAiB;aAAO,WAAW;;;;aADvC,WAAW;;;gBACP,iBAAiB;aAAO,WAAW;;;UAtC9D,SAAS;aAHN,OAAO;eACL,OAAO;cACR,OAAO;kBAJH,OAAO;YAHb,MAAM;mBAEC,OAAO;gBAoBV,OAAO;6EAqrBpB,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":"CuiDataGridTable.vue.d.ts","sourceRoot":"","sources":["../../src/components/CuiDataGridTable.vue"],"names":[],"mappings":"AA8bA,OAAO,KAAK,EAAE,WAAW,EAAE,iBAAiB,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAC;AAc7F,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAEjD,MAAM,WAAW,qBAAqB;IACpC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,WAAW,CAAC,EAAE,kBAAkB,EAAE,CAAC;IACnC,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB;;;;;;;;;;;;OAYG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;;;OAKG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B;AAqpBD,QAAA,IAAI,QAAQ,kBAAW,EAAE,QAAQ;;;CAAY,CAAE;AAC/C,KAAK,WAAW,GAAG,EAAE,GACnB;KAAG,CAAC,IAAI,WAAW,CAAC,OAAO,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG;CAAE,CAAC;AA0D5E,QAAA,MAAM,eAAe;;aAlsBW,WAAW;;;gBACP,iBAAiB;aAAO,WAAW;;;;aADvC,WAAW;;;gBACP,iBAAiB;aAAO,WAAW;;;UAtC9D,SAAS;aAHN,OAAO;eACL,OAAO;cACR,OAAO;kBAJH,OAAO;YAHb,MAAM;mBAEC,OAAO;gBAoBV,OAAO;6EAiuBpB,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/CuiDataGridTable.vue.js

@@ -1,21 +1,21 @@
-import { defineComponent as X, computed as c, ref as Y, openBlock as r, createBlock as s, unref as d, withCtx as n, createVNode as f, normalizeStyle as p, createCommentVNode as y, createElementBlock as k, Fragment as b, renderList as w, createElementVNode as _, createTextVNode as S, toDisplayString as z, withModifiers as T, renderSlot as Z } from "vue";
-import { useDataGridState as ee } from "../composables/useDataGrid.js";
-import { useVirtualScroll as te } from "../composables/useVirtualScroll.js";
-import le from "./CuiTable.vue.js";
+import { defineComponent as se, computed as s, ref as de, openBlock as i, createBlock as d, unref as c, withCtx as r, createVNode as f, normalizeStyle as m, createCommentVNode as y, createElementBlock as k, Fragment as C, renderList as b, createElementVNode as E, createTextVNode as _, toDisplayString as z, withModifiers as W, renderSlot as ce } from "vue";
+import { useDataGridState as fe } from "../composables/useDataGrid.js";
+import { useVirtualScroll as ye } from "../composables/useVirtualScroll.js";
+import me from "./CuiTable.vue.js";
 /* empty css              */
-import ae from "./CuiTableHead.vue.js";
-import ie from "./CuiTableBody.vue.js";
-import M from "./CuiTableRow.vue.js";
+import ve from "./CuiTableHead.vue.js";
+import pe from "./CuiTableBody.vue.js";
+import G from "./CuiTableRow.vue.js";
 import h from "./CuiTableCell.vue.js";
-import N from "./CuiCheckbox.vue.js";
-import W from "./CuiIcon.vue.js";
-import re from "./CuiDropdown.vue.js";
-import ne from "./CuiDropdownTrigger.vue.js";
-import oe from "./CuiDropdownMenu.vue.js";
-import E from "./CuiDropdownItem.vue.js";
-import ue from "./CuiButton.vue.js";
-import se from "./CuiContextMenu.vue.js";
-const de = { style: { display: "inline-flex", "align-items": "center", gap: "calc(0.25rem * var(--cui-density-scale, 1))" } }, ce = ["colspan"], fe = ["colspan"], He = /* @__PURE__ */ X({
+import P from "./CuiCheckbox.vue.js";
+import j from "./CuiIcon.vue.js";
+import ke from "./CuiDropdown.vue.js";
+import ge from "./CuiDropdownTrigger.vue.js";
+import he from "./CuiDropdownMenu.vue.js";
+import F from "./CuiDropdownItem.vue.js";
+import Ce from "./CuiButton.vue.js";
+import be from "./CuiContextMenu.vue.js";
+const we = { style: { display: "inline-flex", "align-items": "center", gap: "calc(0.25rem * var(--cui-density-scale, 1))" } }, Se = ["colspan"], xe = ["colspan"], D = "3rem", X = "var(--cui-table-head-bg, var(--color-surface-50))", Y = "2px 0 4px -1px rgba(0,0,0,0.08)", Ue = /* @__PURE__ */ se({
   __name: "CuiDataGridTable",
   props: {
     rowKey: { default: "id" },
@@ -31,253 +31,276 @@ const de = { style: { display: "inline-flex", "align-items": "center", gap: "cal
     virtualRowHeight: {}
   },
   emits: ["row-click", "row-action"],
-  setup(u, { emit: U }) {
-    const m = u, $ = U, i = ee(), g = c(() => {
-      var t;
-      return (((t = m.bulkActions) == null ? void 0 : t.length) ?? 0) > 0;
-    }), C = c(
-      () => i.displayData.value.some((t) => t._actions && t._actions.length > 0)
+  setup(u, { emit: q }) {
+    const v = u, B = q, a = fe(), g = s(() => {
+      var e;
+      return (((e = v.bulkActions) == null ? void 0 : e.length) ?? 0) > 0;
+    }), w = s(
+      () => a.displayData.value.some((e) => e._actions && e._actions.length > 0)
     );
-    function B(t) {
-      return String(t[m.rowKey] ?? "");
+    function $(e) {
+      return String(e[v.rowKey] ?? "");
     }
-    function D(t) {
-      return i.selectedRows.value.has(B(t));
+    function H(e) {
+      return a.selectedRows.value.has($(e));
     }
-    const H = c(() => {
-      const t = i.displayData.value;
-      if (t.length === 0) return !1;
-      const a = t.filter((e) => D(e)).length;
-      return a === 0 ? !1 : a === t.length ? !0 : "indeterminate";
+    const N = s(() => {
+      const e = a.displayData.value;
+      if (e.length === 0) return !1;
+      const l = e.filter((t) => H(t)).length;
+      return l === 0 ? !1 : l === e.length ? !0 : "indeterminate";
     });
-    function G(t) {
-      t ? i.selectAll(i.displayData.value) : i.clearSelection();
+    function J(e) {
+      e ? a.selectAll(a.displayData.value) : a.clearSelection();
     }
-    function x(t) {
-      return t._actions ?? [];
+    function S(e) {
+      return e._actions ?? [];
     }
-    function O(t) {
+    function Q(e) {
       var o;
-      const a = i.columns.find((l) => l.key === t), e = (a == null ? void 0 : a.sortKey) ?? t;
-      return ((o = i.sort.value) == null ? void 0 : o.key) === e ? i.sort.value.direction === "asc" ? "caret-up" : "caret-down" : "caret-up-down";
+      const l = a.columns.find((n) => n.key === e), t = (l == null ? void 0 : l.sortKey) ?? e;
+      return ((o = a.sort.value) == null ? void 0 : o.key) === t ? a.sort.value.direction === "asc" ? "caret-up" : "caret-down" : "caret-up-down";
     }
-    function F(t) {
+    function Z(e) {
       var o;
-      const a = i.columns.find((l) => l.key === t), e = (a == null ? void 0 : a.sortKey) ?? t;
-      return ((o = i.sort.value) == null ? void 0 : o.key) === e ? "1" : "0.3";
+      const l = a.columns.find((n) => n.key === e), t = (l == null ? void 0 : l.sortKey) ?? e;
+      return ((o = a.sort.value) == null ? void 0 : o.key) === t ? "1" : "0.3";
     }
-    const L = c(() => {
-      const t = i.visibleColumns.value;
-      if (!t.some((o) => o.width)) return;
-      let e = 0;
-      g.value && (e += 48);
-      for (const o of t)
-        e += parseInt(o.width ?? "150", 10) || 150;
-      return C.value && (e += 48), `${e}px`;
-    }), V = c(() => {
-      const t = /* @__PURE__ */ new Map();
-      let a = 0;
-      g.value && (a += 48);
-      for (const e of i.visibleColumns.value)
-        e.sticky && e.width ? (t.set(e.key, `${a}px`), a += parseInt(e.width, 10) || 0) : e.sticky && t.set(e.key, `${a}px`);
-      return t;
-    }), A = c(() => {
-      const t = i.visibleColumns.value;
-      for (let a = t.length - 1; a >= 0; a--)
-        if (t[a].sticky) return t[a].key;
+    const x = { paddingInline: 0 }, R = D;
+    function T(e) {
+      const l = e == null ? void 0 : e.trim();
+      if (l)
+        return /^\d*\.?\d+$/.test(l) ? `${l}px` : /^(\d|\.|(calc|min|max|clamp|var)\()/.test(l) ? l : void 0;
+    }
+    function V(e) {
+      return e.length === 0 ? "0px" : e.length === 1 ? e[0] : `calc(${e.join(" + ")})`;
+    }
+    const ee = s(() => {
+      const e = a.visibleColumns.value;
+      if (e.some((l) => l.width))
+        return V([
+          ...g.value ? [D] : [],
+          ...e.map((l) => T(l.width) ?? "150px"),
+          ...w.value ? [R] : []
+        ]);
+    }), L = s(() => {
+      const e = /* @__PURE__ */ new Map(), l = g.value ? [D] : [];
+      for (const t of a.visibleColumns.value) {
+        if (!t.sticky) continue;
+        e.set(t.key, V(l));
+        const o = T(t.width);
+        o && l.push(o);
+      }
+      return e;
+    }), A = s(() => {
+      const e = a.visibleColumns.value;
+      for (let l = e.length - 1; l >= 0; l--)
+        if (e[l].sticky) return e[l].key;
       return null;
-    });
-    function j(t) {
-      const a = V.value.get(t);
-      if (!a) return;
-      const e = {
+    }), M = s(() => g.value && A.value !== null);
+    function O(e, l) {
+      const t = { position: "sticky", left: e, zIndex: 4, background: X };
+      return l && (t.boxShadow = Y), t;
+    }
+    function te(e) {
+      const l = L.value.get(e);
+      return l ? O(l, e === A.value) : void 0;
+    }
+    const le = s(() => ({
+      ...x,
+      ...M.value ? O("0", !1) : {}
+    }));
+    function I(e, l = !1) {
+      const t = v.stickyHeader;
+      if (!e && !t) return {};
+      const o = {
         position: "sticky",
-        left: a,
-        zIndex: 4,
-        background: "var(--cui-table-head-bg, var(--color-surface-50))"
+        background: X,
+        zIndex: e && t ? 11 : e ? 5 : 10
       };
-      return t === A.value && (e.boxShadow = "2px 0 4px -1px rgba(0,0,0,0.08)"), e;
+      return t && (o.top = 0), e && (o.left = e), e && l && (o.boxShadow = Y), o;
     }
-    function q(t) {
-      const a = V.value.get(t.key), e = !!a, o = m.stickyHeader, l = t.sortable ? { cursor: "pointer", userSelect: "none" } : {};
-      return (e || o) && (l.position = "sticky", l.background = "var(--cui-table-head-bg, var(--color-surface-50))", l.zIndex = e && o ? 11 : e ? 5 : 10), o && (l.top = 0), e && (l.left = a, t.key === A.value && (l.boxShadow = "2px 0 4px -1px rgba(0,0,0,0.08)")), l;
+    function ne(e) {
+      return {
+        ...e.sortable ? { cursor: "pointer", userSelect: "none" } : {},
+        ...I(L.value.get(e.key), e.key === A.value)
+      };
     }
-    const I = c(
-      () => m.stickyHeader ? {
-        position: "sticky",
-        top: 0,
-        zIndex: 10,
-        background: "var(--cui-table-head-bg, var(--color-surface-50))"
-      } : {}
-    ), R = Y(null);
-    function J(t) {
-      R.value = m.virtualize && m.maxHeight ? t : null;
+    const ae = s(() => ({
+      ...x,
+      ...I(M.value ? "0" : void 0)
+    })), ie = s(() => ({ ...x, ...I(void 0) })), K = de(null);
+    function re(e) {
+      K.value = v.virtualize && v.maxHeight ? e : null;
     }
-    const v = te(
-      c(() => i.displayData.value),
+    const p = ye(
+      s(() => a.displayData.value),
       {
-        containerRef: R,
-        rowHeight: m.virtualRowHeight
+        containerRef: K,
+        rowHeight: v.virtualRowHeight
       }
-    ), P = c(
-      () => m.virtualize ? v.visibleRows.value : i.displayData.value
-    ), K = c(() => {
-      let t = i.visibleColumns.value.length;
-      return g.value && (t += 1), C.value && (t += 1), t;
+    ), oe = s(
+      () => v.virtualize ? p.visibleRows.value : a.displayData.value
+    ), U = s(() => {
+      let e = a.visibleColumns.value.length;
+      return g.value && (e += 1), w.value && (e += 1), e;
     });
-    return (t, a) => (r(), s(le, {
-      ref: (e) => J((e == null ? void 0 : e.scrollWrapper) ?? null),
+    return (e, l) => (i(), d(me, {
+      class: "cui-data-grid-table",
+      ref: (t) => re((t == null ? void 0 : t.scrollWrapper) ?? null),
       size: u.size,
       striped: u.striped,
       hoverable: u.hoverable,
       bordered: u.bordered,
       "sticky-header": u.stickyHeader,
       "max-height": u.maxHeight,
-      "min-width": L.value,
-      "aria-rowcount": u.virtualize ? d(i).displayData.value.length + 1 : void 0
+      "min-width": ee.value,
+      "aria-rowcount": u.virtualize ? c(a).displayData.value.length + 1 : void 0
     }, {
-      default: n(() => [
-        f(ae, null, {
-          default: n(() => [
-            f(M, {
+      default: r(() => [
+        f(ve, null, {
+          default: r(() => [
+            f(G, {
               "aria-rowindex": u.virtualize ? 1 : void 0
             }, {
-              default: n(() => [
-                g.value ? (r(), s(h, {
+              default: r(() => [
+                g.value ? (i(), d(h, {
                   key: 0,
-                  width: "3rem",
+                  width: D,
                   align: "center",
-                  style: p(I.value)
+                  style: m(ae.value)
                 }, {
-                  default: n(() => [
-                    u.showSelectAll ? (r(), s(N, {
+                  default: r(() => [
+                    u.showSelectAll ? (i(), d(P, {
                       key: 0,
-                      "model-value": H.value === !0,
-                      indeterminate: H.value === "indeterminate",
-                      "onUpdate:modelValue": G
+                      "model-value": N.value === !0,
+                      indeterminate: N.value === "indeterminate",
+                      "onUpdate:modelValue": J
                     }, null, 8, ["model-value", "indeterminate"])) : y("", !0)
                   ]),
                   _: 1
                 }, 8, ["style"])) : y("", !0),
-                (r(!0), k(b, null, w(d(i).visibleColumns.value, (e) => (r(), s(h, {
-                  key: e.key,
-                  align: e.align,
-                  width: e.width,
-                  nowrap: e.nowrap,
-                  style: p(q(e)),
-                  onClick: (o) => e.sortable ? d(i).applySort(e.key) : void 0
+                (i(!0), k(C, null, b(c(a).visibleColumns.value, (t) => (i(), d(h, {
+                  key: t.key,
+                  align: t.align,
+                  width: t.width,
+                  nowrap: t.nowrap,
+                  style: m(ne(t)),
+                  onClick: (o) => t.sortable ? c(a).applySort(t.key) : void 0
                 }, {
-                  default: n(() => [
-                    _("span", de, [
-                      S(z(e.label) + " ", 1),
-                      e.sortable ? (r(), s(W, {
+                  default: r(() => [
+                    E("span", we, [
+                      _(z(t.label) + " ", 1),
+                      t.sortable ? (i(), d(j, {
                         key: 0,
-                        name: O(e.key),
+                        name: Q(t.key),
                         size: "0.875rem",
-                        style: p({ opacity: F(e.key) })
+                        style: m({ opacity: Z(t.key) })
                       }, null, 8, ["name", "style"])) : y("", !0)
                     ])
                   ]),
                   _: 2
                 }, 1032, ["align", "width", "nowrap", "style", "onClick"]))), 128)),
-                C.value ? (r(), s(h, {
+                w.value ? (i(), d(h, {
                   key: 1,
-                  width: "3rem",
-                  style: p(I.value)
-                }, null, 8, ["style"])) : y("", !0)
+                  width: c(R),
+                  style: m(ie.value)
+                }, null, 8, ["width", "style"])) : y("", !0)
               ]),
               _: 1
             }, 8, ["aria-rowindex"])
           ]),
           _: 1
         }),
-        f(ie, null, {
-          default: n(() => [
-            u.virtualize && d(v).paddingTop.value > 0 ? (r(), k("tr", {
+        f(pe, null, {
+          default: r(() => [
+            u.virtualize && c(p).paddingTop.value > 0 ? (i(), k("tr", {
               key: 0,
               "aria-hidden": "true",
-              style: p({ height: `${d(v).paddingTop.value}px`, padding: 0, border: 0 })
+              style: m({ height: `${c(p).paddingTop.value}px`, padding: 0, border: 0 })
             }, [
-              _("td", {
-                colspan: K.value,
+              E("td", {
+                colspan: U.value,
                 style: { padding: "0", border: "none" }
-              }, null, 8, ce)
+              }, null, 8, Se)
             ], 4)) : y("", !0),
-            (r(!0), k(b, null, w(P.value, (e, o) => (r(), s(se, {
-              key: B(e),
-              disabled: x(e).length === 0
+            (i(!0), k(C, null, b(oe.value, (t, o) => (i(), d(be, {
+              key: $(t),
+              disabled: S(t).length === 0
             }, {
-              menu: n(() => [
-                (r(!0), k(b, null, w(x(e), (l) => (r(), s(E, {
-                  key: l.key,
-                  onSelect: (Q) => $("row-action", { action: l, row: e })
+              menu: r(() => [
+                (i(!0), k(C, null, b(S(t), (n) => (i(), d(F, {
+                  key: n.key,
+                  onSelect: (ue) => B("row-action", { action: n, row: t })
                 }, {
-                  default: n(() => [
-                    S(z(l.label), 1)
+                  default: r(() => [
+                    _(z(n.label), 1)
                   ]),
                   _: 2
                 }, 1032, ["onSelect"]))), 128))
               ]),
-              default: n(() => [
-                f(M, {
+              default: r(() => [
+                f(G, {
                   ref_for: !0,
-                  ref: (l) => {
-                    u.virtualize && o === 0 && d(v).measureRow((l == null ? void 0 : l.rowEl) ?? null);
+                  ref: (n) => {
+                    u.virtualize && o === 0 && c(p).measureRow((n == null ? void 0 : n.rowEl) ?? null);
                   },
-                  selected: D(e),
-                  "aria-rowindex": u.virtualize ? d(v).firstVisibleIndex.value + o + 2 : void 0,
+                  selected: H(t),
+                  "aria-rowindex": u.virtualize ? c(p).firstVisibleIndex.value + o + 2 : void 0,
                   style: { cursor: "pointer" },
-                  onClick: (l) => $("row-click", { row: e })
+                  onClick: (n) => B("row-click", { row: t })
                 }, {
-                  default: n(() => [
-                    g.value ? (r(), s(h, {
+                  default: r(() => [
+                    g.value ? (i(), d(h, {
                       key: 0,
                       align: "center",
-                      onClick: a[0] || (a[0] = T(() => {
+                      style: m(le.value),
+                      onClick: l[0] || (l[0] = W(() => {
                       }, ["stop"]))
                     }, {
-                      default: n(() => [
-                        f(N, {
-                          "model-value": D(e),
-                          "onUpdate:modelValue": (l) => d(i).toggleSelection(B(e))
+                      default: r(() => [
+                        f(P, {
+                          "model-value": H(t),
+                          "onUpdate:modelValue": (n) => c(a).toggleSelection($(t))
                         }, null, 8, ["model-value", "onUpdate:modelValue"])
                       ]),
                       _: 2
-                    }, 1024)) : y("", !0),
-                    (r(!0), k(b, null, w(d(i).visibleColumns.value, (l) => (r(), s(h, {
-                      key: l.key,
-                      align: l.align,
-                      nowrap: l.nowrap,
-                      style: p(j(l.key))
+                    }, 1032, ["style"])) : y("", !0),
+                    (i(!0), k(C, null, b(c(a).visibleColumns.value, (n) => (i(), d(h, {
+                      key: n.key,
+                      align: n.align,
+                      nowrap: n.nowrap,
+                      style: m(te(n.key))
                     }, {
-                      default: n(() => [
-                        Z(t.$slots, `cell-${l.key}`, {
-                          value: e[l.key],
-                          row: e
+                      default: r(() => [
+                        ce(e.$slots, `cell-${n.key}`, {
+                          value: t[n.key],
+                          row: t
                         }, () => [
-                          S(z(e[l.key]), 1)
+                          _(z(t[n.key]), 1)
                         ])
                       ]),
                       _: 2
                     }, 1032, ["align", "nowrap", "style"]))), 128)),
-                    C.value ? (r(), s(h, {
+                    w.value ? (i(), d(h, {
                       key: 1,
-                      align: "right",
-                      onClick: a[1] || (a[1] = T(() => {
+                      align: "center",
+                      style: x,
+                      onClick: l[1] || (l[1] = W(() => {
                       }, ["stop"]))
                     }, {
-                      default: n(() => [
-                        x(e).length > 0 ? (r(), s(re, { key: 0 }, {
-                          default: n(() => [
-                            f(ne, null, {
-                              default: n(() => [
-                                f(ue, {
+                      default: r(() => [
+                        S(t).length > 0 ? (i(), d(ke, { key: 0 }, {
+                          default: r(() => [
+                            f(ge, null, {
+                              default: r(() => [
+                                f(Ce, {
                                   variant: "ghost",
                                   size: "xs",
                                   style: { opacity: "0.4" }
                                 }, {
-                                  default: n(() => [
-                                    f(W, {
+                                  default: r(() => [
+                                    f(j, {
                                       name: "dots-three",
                                       size: "1rem"
                                     })
@@ -287,14 +310,14 @@ const de = { style: { display: "inline-flex", "align-items": "center", gap: "cal
                               ]),
                               _: 1
                             }),
-                            f(oe, null, {
-                              default: n(() => [
-                                (r(!0), k(b, null, w(x(e), (l) => (r(), s(E, {
-                                  key: l.key,
-                                  onSelect: (Q) => $("row-action", { action: l, row: e })
+                            f(he, null, {
+                              default: r(() => [
+                                (i(!0), k(C, null, b(S(t), (n) => (i(), d(F, {
+                                  key: n.key,
+                                  onSelect: (ue) => B("row-action", { action: n, row: t })
                                 }, {
-                                  default: n(() => [
-                                    S(z(l.label), 1)
+                                  default: r(() => [
+                                    _(z(n.label), 1)
                                   ]),
                                   _: 2
                                 }, 1032, ["onSelect"]))), 128))
@@ -313,15 +336,15 @@ const de = { style: { display: "inline-flex", "align-items": "center", gap: "cal
               ]),
               _: 2
             }, 1032, ["disabled"]))), 128)),
-            u.virtualize && d(v).paddingBottom.value > 0 ? (r(), k("tr", {
+            u.virtualize && c(p).paddingBottom.value > 0 ? (i(), k("tr", {
               key: 1,
               "aria-hidden": "true",
-              style: p({ height: `${d(v).paddingBottom.value}px`, padding: 0, border: 0 })
+              style: m({ height: `${c(p).paddingBottom.value}px`, padding: 0, border: 0 })
             }, [
-              _("td", {
-                colspan: K.value,
+              E("td", {
+                colspan: U.value,
                 style: { padding: "0", border: "none" }
-              }, null, 8, fe)
+              }, null, 8, xe)
             ], 4)) : y("", !0)
           ]),
           _: 3
@@ -332,5 +355,5 @@ const de = { style: { display: "inline-flex", "align-items": "center", gap: "cal
   }
 });
 export {
-  He as default
+  Ue as default
 };

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

@@ -1 +1 @@
-{"version":3,"file":"CuiDataGridViewManager.vue.d.ts","sourceRoot":"","sources":["../../src/components/CuiDataGridViewManager.vue"],"names":[],"mappings":"AA2KA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,oBAAoB,CAAC;AAY9D,KAAK,WAAW,GAAG;IACjB,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,mBAAmB,CAAC;CAC/B,CAAC;;AAwZF,wBAMG"}
+{"version":3,"file":"CuiDataGridViewManager.vue.d.ts","sourceRoot":"","sources":["../../src/components/CuiDataGridViewManager.vue"],"names":[],"mappings":"AA4KA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,oBAAoB,CAAC;AAY9D,KAAK,WAAW,GAAG;IACjB,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,mBAAmB,CAAC;CAC/B,CAAC;;AA4ZF,wBAMG"}