@orchidui/core 1.98.0 → 1.99.0

package/dist/{OcDataTable-C8vKFXfq.js → OcDataTable-CCM7iLFd.js}

@@ -1,15 +1,15 @@
-import { ref as P, onMounted as Ce, createBlock as L, openBlock as o, unref as n, withCtx as p, createVNode as I, createElementVNode as R, createElementBlock as x, createCommentVNode as f, mergeProps as we, Fragment as ue, renderList as ae, normalizeClass as ie, toDisplayString as xe, computed as D, watch as $e, toRaw as We, nextTick as Xe, renderSlot as C, resolveDynamicComponent as Ye, createSlots as Ze, normalizeProps as Se, guardReactiveProps as Oe } from "vue";
-import { aG as Pe, B as je, C as He, E as _e, Q as el, a4 as ll, aR as al, aS as tl, aT as sl, K as ol, L as Ve, j as ul } from "./index-DjJgcNHc.js";
+import { ref as P, onMounted as Ce, createBlock as L, openBlock as o, unref as n, withCtx as f, createVNode as I, createElementVNode as Q, createElementBlock as $, createCommentVNode as p, mergeProps as we, Fragment as ue, renderList as ae, normalizeClass as ie, toDisplayString as xe, computed as D, watch as $e, toRaw as We, nextTick as Xe, renderSlot as C, resolveDynamicComponent as Ye, createSlots as Ze, normalizeProps as Se, guardReactiveProps as Oe } from "vue";
+import { aG as Pe, B as Ae, C as He, E as _e, Q as el, a4 as ll, aR as al, aS as tl, aT as sl, K as ol, L as Ve, j as ul } from "./index-BFI9sA-S.js";
 import { V as Fe } from "./vue-draggable-next.esm-bundler-QQ8zx__3.js";
-import { getFromLocalStorage as Ae, formatHeadersFromLocalStorage as Ke, formatHeadersToLocalStorage as il, setInLocalStorage as rl } from "./DataTable/utils/editColumnsUtils.js";
+import { getFromLocalStorage as je, formatHeadersFromLocalStorage as Ke, formatHeadersToLocalStorage as il, setInLocalStorage as rl } from "./DataTable/utils/editColumnsUtils.js";
 import { _ as Ee } from "./OcIcon-CUKFUeB7.js";
 import { formatFilterDisplay as nl, clearAllFilters as dl } from "./DataTable/utils/filterUtils.js";
 import { formatCustomItemsPerPageOptions as vl, getItemsPerPageOptions as cl } from "./DataTable/utils/paginationUtils.js";
 import "./dayjs.min-7xVZzECu.js";
-const ml = { class: "p-5 gap-y-4 text-sm flex w-[250px] flex-col" }, pl = {
+const ml = { class: "p-5 gap-y-4 text-sm flex w-[250px] flex-col" }, fl = {
   key: 0,
   class: "gap-y-2 flex flex-col border-b pb-3 border-oc-gray-200"
-}, fl = { class: "gap-y-2 flex flex-col" }, yl = {
+}, pl = { class: "gap-y-2 flex flex-col" }, yl = {
   key: 0,
   class: "flex items-center bg-white justify-between h-[26px]"
 }, gl = { class: "flex items-center w-full gap-x-3" }, bl = { class: "truncate w-full max-w-[160px]" }, kl = {
@@ -39,8 +39,8 @@ const ml = { class: "p-5 gap-y-4 text-sm flex w-[250px] flex-col" }, pl = {
     /** Column order or visibility changed. Payload: `{ fixedHeaders, activeHeaders, isOnMount }`. */
     "update-order": []
   },
-  setup($, { emit: oe }) {
-    const A = oe, k = $, m = P([]), S = P([]), O = P(!1), y = {
+  setup(k, { emit: oe }) {
+    const j = oe, h = k, m = P([]), S = P([]), O = P(!1), y = {
       handle: ".drag-el",
       filter: ".is-disabled",
       group: "headers",
@@ -52,19 +52,19 @@ const ml = { class: "p-5 gap-y-4 text-sm flex w-[250px] flex-col" }, pl = {
       S.value = S.value.map((d) => ({
         ...d,
         isActive: !0
-      })), A("update-order", {
+      })), j("update-order", {
         fixedHeaders: S.value,
         activeHeaders: m.value,
         isOnMount: l
       });
     };
     return Ce(() => {
-      const l = Ae(k.localKey), { fixed: d, active: v } = Ke(l, k.headers, k.localKey);
-      S.value = d || k.headers.slice(0, 1), m.value = v || k.headers.slice(1).map((g) => {
-        var t, U, j;
+      const l = je(h.localKey), { fixed: d, active: v } = Ke(l, h.headers, h.localKey);
+      S.value = d || h.headers.slice(0, 1), m.value = v || h.headers.slice(1).map((g) => {
+        var t, U, A;
         return {
           ...g,
-          isActive: ((j = (U = (t = k.options) == null ? void 0 : t.active) == null ? void 0 : U.find((Q) => Q.key === g.key)) == null ? void 0 : j.isActive) ?? !0
+          isActive: ((A = (U = (t = h.options) == null ? void 0 : t.active) == null ? void 0 : U.find((B) => B.key === g.key)) == null ? void 0 : A.isActive) ?? !0
         };
       }), z(!0);
     }), (l, d) => (o(), L(n(Pe), {
@@ -72,46 +72,46 @@ const ml = { class: "p-5 gap-y-4 text-sm flex w-[250px] flex-col" }, pl = {
       "onUpdate:modelValue": d[3] || (d[3] = (v) => O.value = v),
       "is-attach-to-body": ""
     }, {
-      menu: p(() => [
-        R("div", ml, [
-          S.value.length ? (o(), x("div", pl, [
-            d[4] || (d[4] = R("span", { class: "text-oc-text-400 font-medium" }, "Fixed columns", -1)),
+      menu: f(() => [
+        Q("div", ml, [
+          S.value.length ? (o(), $("div", fl, [
+            d[4] || (d[4] = Q("span", { class: "text-oc-text-400 font-medium" }, "Fixed columns", -1)),
             I(n(Fe), we({
               key: "key",
               modelValue: S.value,
               "onUpdate:modelValue": d[0] || (d[0] = (v) => S.value = v)
             }, y), {
-              default: p(() => [
-                (o(!0), x(ue, null, ae(S.value, (v, g) => (o(), x("div", {
+              default: f(() => [
+                (o(!0), $(ue, null, ae(S.value, (v, g) => (o(), $("div", {
                   key: v.key,
                   class: ie(["flex items-center justify-between h-[26px]", g ? "" : "is-disabled"])
                 }, [
-                  R("span", null, xe(v.label), 1),
+                  Q("span", null, xe(v.label), 1),
                   g ? (o(), L(n(Ee), {
                     key: 0,
                     width: "18",
                     height: "18",
                     class: "text-oc-text-400 drag-el cursor-move",
                     name: "draggable"
-                  })) : f("", !0)
+                  })) : p("", !0)
                 ], 2))), 128))
               ]),
               _: 1
             }, 16, ["modelValue"])
-          ])) : f("", !0),
-          R("div", fl, [
-            d[5] || (d[5] = R("span", { class: "text-oc-text-400 font-medium" }, "Active columns", -1)),
+          ])) : p("", !0),
+          Q("div", pl, [
+            d[5] || (d[5] = Q("span", { class: "text-oc-text-400 font-medium" }, "Active columns", -1)),
             I(n(Fe), we({
               key: "key",
               modelValue: m.value,
               "onUpdate:modelValue": d[2] || (d[2] = (v) => m.value = v)
             }, y, { "data-active-headers": "true" }), {
-              default: p(() => [
-                (o(!0), x(ue, null, ae(m.value, (v) => (o(), x(ue, {
+              default: f(() => [
+                (o(!0), $(ue, null, ae(m.value, (v) => (o(), $(ue, {
                   key: v.key
                 }, [
-                  v.key !== "actions" ? (o(), x("div", yl, [
-                    R("div", gl, [
+                  v.key !== "actions" ? (o(), $("div", yl, [
+                    Q("div", gl, [
                       I(n(He), {
                         modelValue: v.isActive,
                         "onUpdate:modelValue": [
@@ -120,7 +120,7 @@ const ml = { class: "p-5 gap-y-4 text-sm flex w-[250px] flex-col" }, pl = {
                         ],
                         class: "!w-fit"
                       }, null, 8, ["modelValue", "onUpdate:modelValue"]),
-                      R("div", bl, xe(v.label), 1)
+                      Q("div", bl, xe(v.label), 1)
                     ]),
                     m.value.length > 1 ? (o(), L(n(Ee), {
                       key: 0,
@@ -128,8 +128,8 @@ const ml = { class: "p-5 gap-y-4 text-sm flex w-[250px] flex-col" }, pl = {
                       height: "18",
                       class: "text-oc-text-400 drag-el cursor-move",
                       name: "draggable"
-                    })) : f("", !0)
-                  ])) : f("", !0)
+                    })) : p("", !0)
+                  ])) : p("", !0)
                 ], 64))), 128))
               ]),
               _: 1
@@ -137,8 +137,8 @@ const ml = { class: "p-5 gap-y-4 text-sm flex w-[250px] flex-col" }, pl = {
           ])
         ])
       ]),
-      default: p(() => [
-        I(n(je), {
+      default: f(() => [
+        I(n(Ae), {
           label: "Edit Column",
           "left-icon": "setting",
           size: "small",
@@ -237,6 +237,15 @@ const ml = { class: "p-5 gap-y-4 text-sm flex w-[250px] flex-col" }, pl = {
     selectedIndex: {
       type: Number,
       default: -1
+    },
+    /**
+     * Rows that cannot be selected (NewTable only). Array of row data objects,
+     * matched against each row by `rowKey`. Their selection checkbox is hidden
+     * and they are excluded from the select-all action.
+     */
+    disabledRows: {
+      type: Array,
+      default: () => []
     }
   },
   emits: {
@@ -263,14 +272,14 @@ const ml = { class: "p-5 gap-y-4 text-sm flex w-[250px] flex-col" }, pl = {
     /** Table has mounted and column order is initialized. */
     "on-table-ready": []
   },
-  setup($, { emit: oe }) {
-    var ve, ce, me, pe, fe, ye, ge, be, ke;
-    const A = $, k = oe, m = D(() => {
+  setup(k, { emit: oe }) {
+    var ve, ce, me, fe, pe, ye, ge, be, ke;
+    const j = k, h = oe, m = D(() => {
       var e;
-      return (e = A.options) == null ? void 0 : e.cursor;
+      return (e = j.options) == null ? void 0 : e.cursor;
     }), S = P(), O = D(() => {
       var e;
-      return (e = A.options) == null ? void 0 : e.tableOptions;
+      return (e = j.options) == null ? void 0 : e.tableOptions;
     }), y = P({
       total: 0,
       last_page: 1
@@ -278,7 +287,7 @@ const ml = { class: "p-5 gap-y-4 text-sm flex w-[250px] flex-col" }, pl = {
     $e(
       () => {
         var e;
-        return (e = A.options) == null ? void 0 : e.pagination;
+        return (e = j.options) == null ? void 0 : e.pagination;
       },
       (e) => {
         y.value = e;
@@ -292,58 +301,58 @@ const ml = { class: "p-5 gap-y-4 text-sm flex w-[250px] flex-col" }, pl = {
         headers: S.value ? S.value.map((u) => {
           var r, i;
           return u.class = ((i = (r = O.value) == null ? void 0 : r.headers.find((c) => c.key === u.key)) == null ? void 0 : i.class) ?? "", u;
-        }).filter((u) => u.isActive) : (a = O.value) == null ? void 0 : a.headers.filter((u) => Be(u.key))
+        }).filter((u) => u.isActive) : (a = O.value) == null ? void 0 : a.headers.filter((u) => Re(u.key))
       };
     }), l = D(() => {
       var e;
-      return (e = A.options) == null ? void 0 : e.filterOptions;
+      return (e = j.options) == null ? void 0 : e.filterOptions;
     }), d = D(() => {
       var e;
-      return (e = A.options) == null ? void 0 : e.hidePerPageDropdown;
+      return (e = j.options) == null ? void 0 : e.hidePerPageDropdown;
     }), v = D(() => {
       var e;
       return ((e = y.value) == null ? void 0 : e.last_page) === 1;
-    }), g = JSON.parse(JSON.stringify(We(A.filter)));
+    }), g = JSON.parse(JSON.stringify(We(j.filter)));
     !g && y.value ? g.page = 1 : !g && m && (g.cursor = "");
     const t = P(g);
     $e(
-      () => A.filter,
+      () => j.filter,
       (e) => {
         t.value = { ...e };
       },
       { deep: !0 }
     );
-    const U = P(!1), j = P(t.value[(ce = (ve = l.value) == null ? void 0 : ve.tabs) == null ? void 0 : ce.key]), Q = P(t.value.page), q = P(
-      (pe = (me = l.value) == null ? void 0 : me.per_page) != null && pe.key ? t.value[(ye = (fe = l.value) == null ? void 0 : fe.per_page) == null ? void 0 : ye.key] : t.value.per_page
+    const U = P(!1), A = P(t.value[(ce = (ve = l.value) == null ? void 0 : ve.tabs) == null ? void 0 : ce.key]), B = P(t.value.page), q = P(
+      (fe = (me = l.value) == null ? void 0 : me.per_page) != null && fe.key ? t.value[(ye = (pe = l.value) == null ? void 0 : pe.per_page) == null ? void 0 : ye.key] : t.value.per_page
     ), re = ((ke = t.value[t.value.selectedSearchOption || ((be = (ge = l.value) == null ? void 0 : ge.search) == null ? void 0 : be.key)]) == null ? void 0 : ke.trim()) ?? "", N = P(re ? re.split(",") : []), ne = P(!1), Te = D(
       () => {
         var e;
-        return vl((e = A.options) == null ? void 0 : e.perPageOptions);
+        return vl((e = j.options) == null ? void 0 : e.perPageOptions);
       }
     ), De = D(() => cl(Te.value, y.value)), Le = D(() => {
       var e;
-      return ((e = A.selected) == null ? void 0 : e.length) > 0;
+      return ((e = j.selected) == null ? void 0 : e.length) > 0;
     }), Ue = (e) => {
-      !e.trim() || !t.value.selectedSearchOption && N.value.includes(e) || (N.value = [e], K(), k("search-query-changed", e));
+      !e.trim() || !t.value.selectedSearchOption && N.value.includes(e) || (N.value = [e], K(), h("search-query-changed", e));
     }, Ie = (e) => {
       N.value = N.value.filter((a) => a !== e), K();
-    }, Ne = D(() => nl(t.value, l.value)), Be = (e) => {
-      var a, u, r, i, c, h;
-      return ((h = (c = (i = (r = t.value) == null ? void 0 : r[(u = (a = l.value) == null ? void 0 : a.columnEdit) == null ? void 0 : u.key]) == null ? void 0 : i.active) == null ? void 0 : c.find((V) => V.key === e)) == null ? void 0 : h.isActive) ?? !0;
-    }, Qe = ({ fixedHeaders: e, activeHeaders: a, isOnMount: u }) => {
-      var r, i, c, h, V, s, T, w;
-      if (t.value[(i = (r = l.value) == null ? void 0 : r.columnEdit) == null ? void 0 : i.key] || (t.value[(h = (c = l.value) == null ? void 0 : c.columnEdit) == null ? void 0 : h.key] = {}), t.value[(s = (V = l.value) == null ? void 0 : V.columnEdit) == null ? void 0 : s.key].fixed = e, t.value[(w = (T = l.value) == null ? void 0 : T.columnEdit) == null ? void 0 : w.key].active = a, S.value = [...e, ...a], !u) {
+    }, Ne = D(() => nl(t.value, l.value)), Re = (e) => {
+      var a, u, r, i, c, w;
+      return ((w = (c = (i = (r = t.value) == null ? void 0 : r[(u = (a = l.value) == null ? void 0 : a.columnEdit) == null ? void 0 : u.key]) == null ? void 0 : i.active) == null ? void 0 : c.find((V) => V.key === e)) == null ? void 0 : w.isActive) ?? !0;
+    }, Be = ({ fixedHeaders: e, activeHeaders: a, isOnMount: u }) => {
+      var r, i, c, w, V, s, T, x;
+      if (t.value[(i = (r = l.value) == null ? void 0 : r.columnEdit) == null ? void 0 : i.key] || (t.value[(w = (c = l.value) == null ? void 0 : c.columnEdit) == null ? void 0 : w.key] = {}), t.value[(s = (V = l.value) == null ? void 0 : V.columnEdit) == null ? void 0 : s.key].fixed = e, t.value[(x = (T = l.value) == null ? void 0 : T.columnEdit) == null ? void 0 : x.key].active = a, S.value = [...e, ...a], !u) {
         const F = il(e, a);
         rl(l.value.columnEdit.localStorageKey, F);
       }
-      k("columns-changed", a);
-    }, Re = () => {
+      h("columns-changed", a);
+    }, Qe = () => {
       var e, a, u, r, i, c;
       if ((a = (e = l.value) == null ? void 0 : e.columnEdit) != null && a.localStorageKey) {
-        const h = Ae(l.value.columnEdit.localStorageKey);
-        if (h) {
+        const w = je(l.value.columnEdit.localStorageKey);
+        if (w) {
           const { fixed: V, active: s } = Ke(
-            h,
+            w,
             O.value.headers,
             l.value.columnEdit.localStorageKey
           );
@@ -354,8 +363,8 @@ const ml = { class: "p-5 gap-y-4 text-sm flex w-[250px] flex-col" }, pl = {
       t.value.selectedSearchOption = e;
     }, qe = () => {
       var a, u, r, i;
-      N.value = [], j.value = "";
-      const e = (u = (a = l.value) == null ? void 0 : a.tabs) != null && u.filter_name ? g[(i = (r = l.value) == null ? void 0 : r.tabs) == null ? void 0 : i.key] : j.value;
+      N.value = [], A.value = "";
+      const e = (u = (a = l.value) == null ? void 0 : a.tabs) != null && u.filter_name ? g[(i = (r = l.value) == null ? void 0 : r.tabs) == null ? void 0 : i.key] : A.value;
       t.value = dl(
         t.value,
         l.value,
@@ -363,99 +372,100 @@ const ml = { class: "p-5 gap-y-4 text-sm flex w-[250px] flex-col" }, pl = {
         e
       ), K();
     }, Je = () => {
-      K(null, Q.value);
+      K(null, B.value);
     }, K = (e = null, a = !1, u = "", r = !1, i = !1) => {
-      var h, V, s, T, w, F, B, G, M, W, X, Y, Z, H, _, ee, le, b, te;
-      y.value && !a && (Q.value = 1), y.value ? t.value.page = Q.value : t.value.cursor = u, (h = l.value) != null && h.per_page ? t.value[l.value.per_page.key] = q.value : t.value.per_page = q.value, (V = l.value) != null && V.tabs && i && (t.value[l.value.tabs.key] = j.value), (T = (s = l.value) == null ? void 0 : s.tabs) != null && T.filter_name && (i ? t.value[(F = (w = l.value) == null ? void 0 : w.tabs) == null ? void 0 : F.filter_name] = null : e && (j.value = null)), (B = l.value) != null && B.search && ((M = (G = l.value.search) == null ? void 0 : G.options) != null && M.length ? (Object.keys(t.value).forEach((E) => {
+      var w, V, s, T, x, F, R, G, M, W, X, Y, Z, H, _, ee, le, b, te;
+      y.value && !a && (B.value = 1), y.value ? t.value.page = B.value : t.value.cursor = u, (w = l.value) != null && w.per_page ? t.value[l.value.per_page.key] = q.value : t.value.per_page = q.value, (V = l.value) != null && V.tabs && i && (t.value[l.value.tabs.key] = A.value), (T = (s = l.value) == null ? void 0 : s.tabs) != null && T.filter_name && (i ? t.value[(F = (x = l.value) == null ? void 0 : x.tabs) == null ? void 0 : F.filter_name] = null : e && (A.value = null)), (R = l.value) != null && R.search && ((M = (G = l.value.search) == null ? void 0 : G.options) != null && M.length ? (Object.keys(t.value).forEach((E) => {
         var J;
         (J = l.value.search.options) != null && J.map((se) => se.value).includes(E) && delete t.value[E];
       }), t.value[((W = t.value) == null ? void 0 : W.selectedSearchOption) || ((Z = (Y = (X = l.value.search) == null ? void 0 : X.options) == null ? void 0 : Y[0]) == null ? void 0 : Z.value) || l.value.search.key] = N.value.join()) : t.value[l.value.search.key] = N.value.join()), e && (U.value = !1, t.value = { ...t.value, ...e }, Object.keys(t.value).forEach((E) => {
         Array.isArray(t.value[E]) && t.value[E].length === 0 && delete t.value[E];
       }));
       let c = (_ = (H = l.value) == null ? void 0 : H.tabs) == null ? void 0 : _.key;
-      if (c && j.value !== t.value[c] && !((le = (ee = l.value) == null ? void 0 : ee.tabs) != null && le.filter_name)) {
+      if (c && A.value !== t.value[c] && !((le = (ee = l.value) == null ? void 0 : ee.tabs) != null && le.filter_name)) {
         const E = (te = (b = l.value.tabs) == null ? void 0 : b.options) == null ? void 0 : te.find(
           (J) => {
             var se, he;
             return ((se = J.value) == null ? void 0 : se.toString()) === ((he = t.value[c]) == null ? void 0 : he.toString());
           }
         );
-        E != null && E.value && (j.value = E.value, i || K(null, !1, "", !1, !0));
+        E != null && E.value && (A.value = E.value, i || K(null, !1, "", !1, !0));
       }
       Ge(r);
     }, de = P(null), Ge = (e = !1) => {
       clearTimeout(de.value), de.value = setTimeout(() => {
-        k("update:filter", { ...t.value }, e), k("apply-filter", { ...t.value }, e);
+        h("update:filter", { ...t.value }, e), h("apply-filter", { ...t.value }, e);
       }, 50);
     }, Me = (e, a) => {
-      (a === l.value.tabs.key || a === "tabs") && (j.value = ""), K(e), k("filter-removed", a);
+      (a === l.value.tabs.key || a === "tabs") && (A.value = ""), K(e), h("filter-removed", a);
     };
     return Ce(() => {
-      Re(), Xe(() => {
-        k("on-table-ready");
+      Qe(), Xe(() => {
+        h("on-table-ready");
       });
     }), (e, a) => {
-      var u, r, i, c, h, V;
-      return o(), x("div", hl, [
-        z.value ? (o(), L(Ye($.isNewTable ? n(_e) : n(el)), {
+      var u, r, i, c, w, V;
+      return o(), $("div", hl, [
+        z.value ? (o(), L(Ye(k.isNewTable ? n(_e) : n(el)), {
           key: 0,
-          selected: $.selected,
-          "row-key": $.rowKey,
+          selected: k.selected,
+          "row-key": k.rowKey,
           options: z.value,
-          "is-loading": $.isLoading,
+          "is-loading": k.isLoading,
           "loading-rows": q.value,
-          "row-class": $.rowClass,
-          "row-link": $.rowLink,
-          "selected-index": $.selectedIndex,
+          "row-class": k.rowClass,
+          "row-link": k.rowLink,
+          "selected-index": k.selectedIndex,
+          "disabled-rows": k.disabledRows,
           "is-sticky": O.value.isSticky,
           "is-borderless": O.value.isBorderless,
           "onUpdate:selected": a[8] || (a[8] = (s) => e.$emit("update:selected", s)),
           "onClick:row": a[9] || (a[9] = (s) => e.$emit("click:row", s)),
           "onHover:cell": a[10] || (a[10] = (s) => e.$emit("hover:cell", s))
         }, Ze({
-          after: p(() => [
+          after: f(() => [
             C(e.$slots, "after")
           ]),
-          empty: p(() => [
+          empty: f(() => [
             C(e.$slots, "empty")
           ]),
-          "table-header": p((s) => [
+          "table-header": f((s) => [
             C(e.$slots, "table-header", Se(Oe(s)))
           ]),
-          "table-body": p((s) => [
+          "table-body": f((s) => [
             C(e.$slots, "table-body", Se(Oe(s)))
           ]),
-          "after-rows": p(() => [
+          "after-rows": f(() => [
             C(e.$slots, "after-rows")
           ]),
           _: 2
         }, [
           e.$slots.before || (u = l.value) != null && u.search || (r = l.value) != null && r.form || (i = l.value) != null && i.tabs ? {
             name: "before",
-            fn: p(() => {
-              var s, T, w, F;
+            fn: f(() => {
+              var s, T, x, F;
               return [
                 C(e.$slots, "before"),
-                (s = l.value) != null && s.search || (T = l.value) != null && T.form || (w = l.value) != null && w.tabs ? (o(), x("div", wl, [
-                  Le.value ? (o(), x("div", xl, [
-                    C(e.$slots, "bulk-actions", { selectedRows: $.selected })
-                  ])) : (o(), x("div", $l, [
+                (s = l.value) != null && s.search || (T = l.value) != null && T.form || (x = l.value) != null && x.tabs ? (o(), $("div", wl, [
+                  Le.value ? (o(), $("div", xl, [
+                    C(e.$slots, "bulk-actions", { selectedRows: k.selected })
+                  ])) : (o(), $("div", $l, [
                     (F = l.value) != null && F.tabs ? (o(), L(n(ll), {
                       key: 0,
-                      modelValue: j.value,
+                      modelValue: A.value,
                       "onUpdate:modelValue": [
-                        a[0] || (a[0] = (B) => j.value = B),
-                        a[1] || (a[1] = (B) => K(null, !1, "", !1, !0))
+                        a[0] || (a[0] = (R) => A.value = R),
+                        a[1] || (a[1] = (R) => K(null, !1, "", !1, !0))
                       ],
-                      "is-disabled": $.isLoading,
+                      "is-disabled": k.isLoading,
                       tabs: l.value.tabs.options,
                       variant: "pills"
-                    }, null, 8, ["modelValue", "is-disabled", "tabs"])) : f("", !0)
+                    }, null, 8, ["modelValue", "is-disabled", "tabs"])) : p("", !0)
                   ])),
                   C(e.$slots, "filter-options", {}, () => {
-                    var B, G, M, W, X, Y, Z, H, _, ee, le;
+                    var R, G, M, W, X, Y, Z, H, _, ee, le;
                     return [
-                      (B = l.value) != null && B.search || (G = l.value) != null && G.form || (M = l.value) != null && M.columnEdit ? (o(), x("div", {
+                      (R = l.value) != null && R.search || (G = l.value) != null && G.form || (M = l.value) != null && M.columnEdit ? (o(), $("div", {
                         key: 0,
                         class: ie([
                           "flex gap-3 absolute ml-auto items-center bg-oc-bg-light right-4 max-w-[calc(100%-24px)]",
@@ -470,7 +480,7 @@ const ml = { class: "p-5 gap-y-4 text-sm flex w-[250px] flex-col" }, pl = {
                           onAddQuery: Ue,
                           onToggle: a[2] || (a[2] = (b) => ne.value = b),
                           onChangeSearchKey: ze
-                        }, null, 8, ["is-search-only", "search-options", "selected-option"])) : f("", !0),
+                        }, null, 8, ["is-search-only", "search-options", "selected-option"])) : p("", !0),
                         (ee = l.value) != null && ee.form ? (o(), L(n(Pe), {
                           key: 1,
                           modelValue: U.value,
@@ -483,19 +493,19 @@ const ml = { class: "p-5 gap-y-4 text-sm flex w-[250px] flex-col" }, pl = {
                           "is-attach-to-body": "",
                           "max-menu-height": 500
                         }, {
-                          menu: p(() => [
+                          menu: f(() => [
                             U.value ? (o(), L(n(tl), {
                               key: 0,
-                              id: $.id,
+                              id: k.id,
                               "json-form": l.value.form ?? [],
                               grid: l.value.grid ?? null,
                               values: t.value,
                               actions: l.value.actions,
                               onApplyFilter: a[3] || (a[3] = (b) => K(b)),
-                              onFilterFieldsChanged: a[4] || (a[4] = (b) => k("filter-fields-changed", b)),
+                              onFilterFieldsChanged: a[4] || (a[4] = (b) => h("filter-fields-changed", b)),
                               onCancel: a[5] || (a[5] = (b) => U.value = !1)
                             }, {
-                              default: p(({ errors: b, values: te, jsonForm: E, updateForm: J }) => [
+                              default: f(({ errors: b, values: te, jsonForm: E, updateForm: J }) => [
                                 C(e.$slots, "custom-filter-form", {
                                   errors: b,
                                   values: te,
@@ -504,10 +514,10 @@ const ml = { class: "p-5 gap-y-4 text-sm flex w-[250px] flex-col" }, pl = {
                                 })
                               ]),
                               _: 3
-                            }, 8, ["id", "json-form", "grid", "values", "actions"])) : f("", !0)
+                            }, 8, ["id", "json-form", "grid", "values", "actions"])) : p("", !0)
                           ]),
-                          default: p(() => [
-                            I(n(je), {
+                          default: f(() => [
+                            I(n(Ae), {
                               "is-active": U.value,
                               variant: "secondary",
                               "left-icon": "filter",
@@ -517,18 +527,18 @@ const ml = { class: "p-5 gap-y-4 text-sm flex w-[250px] flex-col" }, pl = {
                             }, null, 8, ["is-active"])
                           ]),
                           _: 3
-                        }, 8, ["modelValue"])) : f("", !0),
+                        }, 8, ["modelValue"])) : p("", !0),
                         l.value.columnEdit ? (o(), L(kl, {
                           key: 2,
                           options: t.value.columnEdit,
                           headers: ((le = O.value) == null ? void 0 : le.headers) || [],
                           "local-key": l.value.columnEdit.localStorageKey,
-                          onUpdateOrder: Qe
-                        }, null, 8, ["options", "headers", "local-key"])) : f("", !0)
-                      ], 2)) : f("", !0)
+                          onUpdateOrder: Be
+                        }, null, 8, ["options", "headers", "local-key"])) : p("", !0)
+                      ], 2)) : p("", !0)
                     ];
                   })
-                ])) : f("", !0),
+                ])) : p("", !0),
                 I(n(sl), {
                   filters: Ne.value,
                   queries: N.value,
@@ -543,50 +553,50 @@ const ml = { class: "p-5 gap-y-4 text-sm flex w-[250px] flex-col" }, pl = {
           } : void 0,
           ae((c = O.value) == null ? void 0 : c.headers, (s, T) => ({
             name: s.key,
-            fn: p(({ data: w, item: F }) => [
+            fn: f(({ data: x, item: F }) => [
               C(e.$slots, s.key, {
-                data: w,
+                data: x,
                 item: F
               })
             ])
           })),
-          ae((h = O.value) == null ? void 0 : h.headers, (s, T) => ({
+          ae((w = O.value) == null ? void 0 : w.headers, (s, T) => ({
             name: `header-${s.key}-tooltip`,
-            fn: p(({ data: w, item: F }) => [
+            fn: f(({ data: x, item: F }) => [
               C(e.$slots, `header-${s.key}-tooltip`, {
-                data: w,
+                data: x,
                 item: F
               })
             ])
           })),
           ae((V = O.value) == null ? void 0 : V.headers, (s, T) => ({
             name: `header-${s.key}-left-tooltip`,
-            fn: p(({ data: w, item: F }) => [
+            fn: f(({ data: x, item: F }) => [
               C(e.$slots, `header-${s.key}-left-tooltip`, {
-                data: w,
+                data: x,
                 item: F
               })
             ])
           }))
-        ]), 1064, ["selected", "row-key", "options", "is-loading", "loading-rows", "row-class", "row-link", "selected-index", "is-sticky", "is-borderless"])) : f("", !0),
+        ]), 1064, ["selected", "row-key", "options", "is-loading", "loading-rows", "row-class", "row-link", "selected-index", "disabled-rows", "is-sticky", "is-borderless"])) : p("", !0),
         C(e.$slots, "before-pagination"),
-        y.value || m.value ? (o(), x("div", {
+        y.value || m.value ? (o(), $("div", {
           key: 1,
           class: ie(["flex items-center gap-3", y.value && y.value.last_page === 1 ? "justify-end" : ""])
         }, [
           y.value && !v.value ? (o(), L(n(ol), {
             key: 0,
-            modelValue: Q.value,
+            modelValue: B.value,
             "onUpdate:modelValue": [
-              a[11] || (a[11] = (s) => Q.value = s),
+              a[11] || (a[11] = (s) => B.value = s),
               Je
             ],
             class: "justify-center text-[13px]",
             "max-page": y.value.last_page,
             strategy: y.value.strategy,
             "total-visible": "5"
-          }, null, 8, ["modelValue", "max-page", "strategy"])) : f("", !0),
-          m.value ? (o(), x("div", Sl, [
+          }, null, 8, ["modelValue", "max-page", "strategy"])) : p("", !0),
+          m.value ? (o(), $("div", Sl, [
             I(n(Ve), {
               disabled: !m.value.prev,
               onClick: a[12] || (a[12] = (s) => m.value.prev ? K(null, !1, m.value.prev) : null)
@@ -596,8 +606,8 @@ const ml = { class: "p-5 gap-y-4 text-sm flex w-[250px] flex-col" }, pl = {
               "is-next": "",
               onClick: a[13] || (a[13] = (s) => m.value.next ? K(null, !1, m.value.next) : null)
             }, null, 8, ["disabled"])
-          ])) : f("", !0),
-          d.value ? f("", !0) : (o(), x("div", Ol, [
+          ])) : p("", !0),
+          d.value ? p("", !0) : (o(), $("div", Ol, [
             I(n(ul), {
               modelValue: q.value,
               "onUpdate:modelValue": [
@@ -611,7 +621,7 @@ const ml = { class: "p-5 gap-y-4 text-sm flex w-[250px] flex-col" }, pl = {
               "select-text-class": "!text-[13px]"
             }, null, 8, ["modelValue", "options"])
           ]))
-        ], 2)) : f("", !0)
+        ], 2)) : p("", !0)
       ]);
     };
   }

package/dist/{OcDraggableList-GdjnUSzp.js → OcDraggableList-CA-wRMAh.js}

@@ -1,5 +1,5 @@
 import { ref as w, createBlock as y, openBlock as c, unref as l, withCtx as r, createElementBlock as b, Fragment as C, renderList as $, normalizeClass as s, createElementVNode as o, createCommentVNode as m, renderSlot as u, toDisplayString as x, createVNode as f } from "vue";
-import { aP as D, aL as S, aG as B } from "./index-DjJgcNHc.js";
+import { aP as D, aL as S, aG as B } from "./index-BFI9sA-S.js";
 import { _ as g } from "./OcIcon-CUKFUeB7.js";
 const M = ["onMouseleave", "onMouseover", "onClick"], L = { class: "flex justify-evenly w-full" }, N = { class: "flex w-full" }, U = { class: "ml-4 flex w-full" }, E = { class: "flex items-center flex-wrap w-full" }, O = ["href"], W = { class: "min-w-[120px]" }, j = { class: "truncate w-[200px]" }, z = { class: "flex items-center ml-4" }, A = { class: "flex w-full" }, P = {
   __name: "OcDraggableList",

package/dist/{OcEmojiPicker-6ofHBLOi.js → OcEmojiPicker-DFSKdC63.js}

@@ -1,5 +1,5 @@
 import { ref as m, computed as p, createElementBlock as l, openBlock as s, createVNode as f, createBlock as N, createCommentVNode as z, unref as c, withCtx as v, createElementVNode as n, normalizeClass as T, Fragment as V, renderList as k, createTextVNode as C } from "vue";
-import { aG as U, d as G, B as b } from "./index-DjJgcNHc.js";
+import { aG as U, d as G, B as b } from "./index-BFI9sA-S.js";
 import { EMOJI_LIST as a, EMOJI_CATEGORIES as J } from "./Form/EmojiPicker/conts/emoji.js";
 import { _ as P } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const A = { class: "flex items-center justify-center rounded bg-oc-bg-dark h-[140px] relative w-full z-50" }, F = ["innerHTML"], R = { class: "p-4 w-[340px]" }, q = { class: "bg-oc-bg-dark p-4 rounded flex items-center justify-center" }, K = ["innerHTML"], Q = { class: "pt-3 pb-4" }, W = ["id", "innerHTML", "onClick"], X = {

package/dist/{OcFilterForm-DSuc0a2A.js → OcFilterForm-PI_10uB7.js}

@@ -1,5 +1,5 @@
 import { ref as r, computed as c, onMounted as B, createElementBlock as k, openBlock as O, renderSlot as $, createElementVNode as f, createVNode as u, unref as i } from "vue";
-import { t as C, B as m } from "./index-DjJgcNHc.js";
+import { t as C, B as m } from "./index-BFI9sA-S.js";
 const w = { class: "flex w-[326px] flex-col" }, A = { class: "p-5" }, E = { class: "sticky bottom-0 flex gap-x-5 bg-oc-bg-light px-5 pb-5 pt-3" }, N = {
   __name: "OcFilterForm",
   props: {

package/dist/{OcFilterSearch-BWPyxAUb.js → OcFilterSearch-9_N39knk.js}

@@ -1,5 +1,5 @@
 import { ref as u, computed as K, createElementBlock as d, openBlock as s, Fragment as p, createElementVNode as r, createCommentVNode as f, normalizeClass as O, createVNode as m, unref as c, withKeys as N, createSlots as Q, withCtx as h, toDisplayString as D, renderList as E, createBlock as S, nextTick as F } from "vue";
-import { d as I, aG as U, aH as j, B as w } from "./index-DjJgcNHc.js";
+import { d as I, aG as U, aH as j, B as w } from "./index-BFI9sA-S.js";
 import { _ as q } from "./OcIcon-CUKFUeB7.js";
 const A = { class: "flex gap-x-4" }, G = { class: "flex gap-x-2 items-center pl-2 text-oc-text-400 font-medium text-sm" }, H = { class: "p-2 flex flex-col" }, P = {
   __name: "OcFilterSearch",

package/dist/{OcFilterSearchFor-DhTPL0hB.js → OcFilterSearchFor-DnQV0beL.js}

@@ -1,5 +1,5 @@
 import { computed as h, createBlock as c, createCommentVNode as k, openBlock as a, unref as o, withCtx as y, createElementVNode as f, createElementBlock as v, createVNode as F, Fragment as p, renderList as b } from "vue";
-import { T as $, aB as m } from "./index-DjJgcNHc.js";
+import { T as $, aB as m } from "./index-BFI9sA-S.js";
 const w = { class: "flex gap-1 items-center normal-case flex-wrap" }, E = {
   __name: "OcFilterSearchFor",
   props: {

package/dist/{OcModalCropper-Bj1x2-3a.js → OcModalCropper-DLQWHv5c.js}

@@ -1,6 +1,6 @@
 import { ref as o, createBlock as v, openBlock as d, unref as r, withCtx as x, createVNode as O } from "vue";
-import { aI as b } from "./index-DjJgcNHc.js";
-import k from "./OcCropper-DnjqTglb.js";
+import { aI as b } from "./index-BFI9sA-S.js";
+import k from "./OcCropper-2-hX5LQZ.js";
 const h = {
   __name: "OcModalCropper",
   props: {