@quoreadmin/ui 1.1.11 → 1.1.13

package/dist/index.js

@@ -64625,6 +64625,10 @@ const Mhe = /* @__PURE__ */ Ve(sle, [["render", cle], ["__scopeId", "data-v-f2d3
       type: String,
       default: ""
     },
+    cellClasses: {
+      type: [String, Array, Object],
+      default: ""
+    },
     /** Number of columns in the grid (1-15 supported) */
     columns: {
       type: Number,
@@ -64704,22 +64708,22 @@ const Mhe = /* @__PURE__ */ Ve(sle, [["render", cle], ["__scopeId", "data-v-f2d3
   setup(n, { emit: e }) {
     const { t } = Mo(), r = $(""), i = K({
       get: () => n.searchValue,
-      set: (m) => e("update:searchValue", m)
+      set: (y) => e("update:searchValue", y)
     }), s = K(() => {
-      const m = n.filters, y = ff(
+      const y = n.filters, g = ff(
         n.gridData,
         r.value || i.value,
-        m,
+        y,
         void 0,
         void 0,
         n.exclude
       );
-      return e("filters-updated", y), y;
+      return e("filters-updated", g), g;
     }), o = K(() => n.columns ? `grid-cols-${n.columns}` : ""), a = K(() => s.value.length % n.columns === 0), l = K(() => n.noResultMessage || t("HC_NO_RESULTS_FOUND")), u = K(() => {
-      const m = [], y = {};
+      const y = [], g = {};
       return [...Array(n.skeletonRows * n.columns)].forEach(() => {
-        m.push(y);
-      }), m;
+        y.push(g);
+      }), y;
     });
     return {
       // Refs
@@ -64731,35 +64735,41 @@ const Mhe = /* @__PURE__ */ Ve(sle, [["render", cle], ["__scopeId", "data-v-f2d3
       noResultsText: l,
       skeletonData: u,
       // Methods
-      getCellClasses: (m) => {
-        const y = s.value.length ? s.value : u.value, g = Math.ceil(y.length / n.columns), v = Math.floor(m / n.columns), b = v === 0, S = v === g - 1, C = m === y.length - 1, T = v === g - 2, M = m + n.columns >= y.length;
+      getCellClasses: (y) => {
+        const g = s.value.length ? s.value : u.value, v = Math.ceil(g.length / n.columns), b = Math.floor(y / n.columns), S = b === 0, C = b === v - 1, T = y === g.length - 1, M = b === v - 2, E = y + n.columns >= g.length;
         return {
-          "!border-t-[0.09375rem]": b,
-          "!border-b-[0.09375rem]": S || M && T,
-          "!border-l-[0.09375rem]": m % n.columns === 0,
-          "!border-r-[0.09375rem]": m % n.columns === n.columns - 1 || C,
-          "!rounded-tl-md": b && m % n.columns === 0,
-          "!rounded-tr-md": b && (m % n.columns === n.columns - 1 || C),
-          "!rounded-bl-md": S && m % n.columns === 0,
-          "!rounded-br-md": C || T && y.length % n.columns !== 0 && m % n.columns === n.columns - 1
+          "!border-t-[0.09375rem]": S,
+          "!border-b-[0.09375rem]": C || E && M,
+          "!border-l-[0.09375rem]": y % n.columns === 0,
+          "!border-r-[0.09375rem]": y % n.columns === n.columns - 1 || T,
+          "!rounded-tl-md": S && y % n.columns === 0,
+          "!rounded-tr-md": S && (y % n.columns === n.columns - 1 || T),
+          "!rounded-bl-md": C && y % n.columns === 0,
+          "!rounded-br-md": T || M && g.length % n.columns !== 0 && y % n.columns === n.columns - 1
         };
       },
-      getStatusClass: (m) => {
-        if (!n.statusClasses || !m || !n.statusClasses[m])
+      getStatusClass: (y, g) => {
+        if (!n.statusClasses || !y || !n.statusClasses[y] || g)
           return "";
-        const y = n.statusClasses[m];
-        return typeof y == "string" ? y : y.styles;
+        const v = n.statusClasses[y];
+        return typeof v == "string" ? v : v.styles;
       },
-      getStatusLabel: (m) => {
-        if (!n.statusClasses || !m || !n.statusClasses[m])
-          return m;
-        const y = n.statusClasses[m];
-        return typeof y == "string" ? m : y.label || m;
+      getStatusLabel: (y) => {
+        if (!n.statusClasses || !y || !n.statusClasses[y])
+          return y;
+        const g = n.statusClasses[y];
+        return typeof g == "string" ? y : g.label || y;
+      },
+      getTextUtilityClass: (y, g = !1) => {
+        if (g || !n.statusClasses || !y || !n.statusClasses[y])
+          return "";
+        const v = n.statusClasses[y], b = typeof v == "string" ? v : v.styles, S = /(hover:)?(!?text-[a-zA-Z0-9-]+)/g, C = [...b.matchAll(S)];
+        return C.length === 0 ? "" : C.map((T) => T[0]).join(" ");
       },
-      selectGridItem: (m) => {
-        s.value.find((y) => {
-          y.active && (y.active = !1);
-        }), m.active = !0, e("select-grid-item", m);
+      selectGridItem: (y) => {
+        s.value.find((g) => {
+          g.active && (g.active = !1);
+        }), y.active = !0, e("select-grid-item", y);
       },
       // Composable
       mq: _n
@@ -64859,9 +64869,10 @@ function Cle(n, e, t, r, i, s) {
           key: u.id,
           class: j([
             "cursor-pointer truncate group",
+            n.cellClasses,
             "cell",
-            n.statusClasses && u.status && n.getStatusClass(u.status),
-            u.active == !0 ? "active" : "",
+            n.statusClasses && u.status && n.getStatusClass(u.status, !!u.active),
+            u.active ? "active" : "",
             n.mq.md && n.getCellClasses(c),
             { "bg-gray-10 animate-shimmer": n.loading }
           ]),
@@ -64869,7 +64880,10 @@ function Cle(n, e, t, r, i, s) {
         }, [
           H(n.$slots, "cell-content", {
             item: u,
-            statusClasses: n.statusClasses
+            index: c,
+            statusClasses: n.statusClasses,
+            getTextUtilityClass: n.getTextUtilityClass,
+            filteredGridData: n.filteredGridData
           }, () => [
             Le(J(u.name), 1)
           ], !0)
@@ -64882,7 +64896,7 @@ function Cle(n, e, t, r, i, s) {
     ], 8, vle)
   ], 10, fle);
 }
-const khe = /* @__PURE__ */ Ve(dle, [["render", Cle], ["__scopeId", "data-v-ebf715cd"]]), Sle = Oe({
+const khe = /* @__PURE__ */ Ve(dle, [["render", Cle], ["__scopeId", "data-v-ef2f3c17"]]), Sle = Oe({
   name: "QIconActionGroup",
   components: {
     QButton: F$,