@orchidui/core 1.98.0 → 1.100.0

package/dist/OcDataTable-DPwZCrNW.js

@@ -0,0 +1,640 @@
+import { ref as C, onMounted as Ce, createBlock as D, openBlock as o, unref as r, withCtx as y, createVNode as N, createElementVNode as q, createElementBlock as $, createCommentVNode as p, mergeProps as we, Fragment as ie, renderList as se, normalizeClass as re, toDisplayString as xe, computed as L, watch as $e, toRaw as Ze, nextTick as He, renderSlot as E, resolveDynamicComponent as _e, createSlots as el, normalizeProps as Se, guardReactiveProps as Oe } from "vue";
+import { aG as Pe, B as Ae, C as ll, E as al, Q as tl, a4 as sl, aR as ol, aS as ul, aT as il, aU as rl, K as nl, L as Ve, j as dl } from "./index-I7kkCShO.js";
+import { V as Fe } from "./vue-draggable-next.esm-bundler-QQ8zx__3.js";
+import { getFromLocalStorage as je, formatHeadersFromLocalStorage as Ke, formatHeadersToLocalStorage as vl, setInLocalStorage as cl } from "./DataTable/utils/editColumnsUtils.js";
+import { _ as Ee } from "./OcIcon-CUKFUeB7.js";
+import { formatFilterDisplay as ml, clearAllFilters as pl } from "./DataTable/utils/filterUtils.js";
+import { formatCustomItemsPerPageOptions as fl, getItemsPerPageOptions as yl } from "./DataTable/utils/paginationUtils.js";
+import "./dayjs.min-7xVZzECu.js";
+const gl = { class: "p-5 gap-y-4 text-sm flex w-[250px] flex-col" }, bl = {
+  key: 0,
+  class: "gap-y-2 flex flex-col border-b pb-3 border-oc-gray-200"
+}, kl = { class: "gap-y-2 flex flex-col" }, hl = {
+  key: 0,
+  class: "flex items-center bg-white justify-between h-[26px]"
+}, wl = { class: "flex items-center w-full gap-x-3" }, xl = { class: "truncate w-full max-w-[160px]" }, $l = {
+  __name: "ColumnEdit",
+  props: {
+    /** Initial active/visible state overrides for columns. Keyed by column key. */
+    options: {
+      type: Object,
+      default: () => ({})
+    },
+    /** Full list of column header objects — each with `key`, `label`, and optional `isActive`. */
+    headers: {
+      type: Array,
+      default: () => []
+    },
+    /** localStorage key used to persist the column order and visibility across sessions. */
+    localKey: {
+      type: String,
+      default: ""
+    }
+  },
+  emits: {
+    /** A column's active state was toggled. Payload: column header object. */
+    "change-active": [],
+    /** A column was reordered via drag. Payload: move event. */
+    onMoved: [],
+    /** Column order or visibility changed. Payload: `{ fixedHeaders, activeHeaders, isOnMount }`. */
+    "update-order": []
+  },
+  setup(k, { emit: ue }) {
+    const j = ue, h = k, f = C([]), S = C([]), O = C(!1), g = {
+      handle: ".drag-el",
+      filter: ".is-disabled",
+      group: "headers",
+      animation: 500,
+      forceFallback: !1,
+      move: (l) => l.to.dataset.activeHeaders ? !0 : !!l.draggedContext.futureIndex,
+      "onUpdate:modelValue": () => J()
+    }, J = (l = !1) => {
+      S.value = S.value.map((d) => ({
+        ...d,
+        isActive: !0
+      })), j("update-order", {
+        fixedHeaders: S.value,
+        activeHeaders: f.value,
+        isOnMount: l
+      });
+    };
+    return Ce(() => {
+      const l = je(h.localKey), { fixed: d, active: v } = Ke(l, h.headers, h.localKey);
+      S.value = d || h.headers.slice(0, 1), f.value = v || h.headers.slice(1).map((b) => {
+        var t, I, P;
+        return {
+          ...b,
+          isActive: ((P = (I = (t = h.options) == null ? void 0 : t.active) == null ? void 0 : I.find((Q) => Q.key === b.key)) == null ? void 0 : P.isActive) ?? !0
+        };
+      }), J(!0);
+    }), (l, d) => (o(), D(r(Pe), {
+      modelValue: O.value,
+      "onUpdate:modelValue": d[3] || (d[3] = (v) => O.value = v),
+      "is-attach-to-body": ""
+    }, {
+      menu: y(() => [
+        q("div", gl, [
+          S.value.length ? (o(), $("div", bl, [
+            d[4] || (d[4] = q("span", { class: "text-oc-text-400 font-medium" }, "Fixed columns", -1)),
+            N(r(Fe), we({
+              key: "key",
+              modelValue: S.value,
+              "onUpdate:modelValue": d[0] || (d[0] = (v) => S.value = v)
+            }, g), {
+              default: y(() => [
+                (o(!0), $(ie, null, se(S.value, (v, b) => (o(), $("div", {
+                  key: v.key,
+                  class: re(["flex items-center justify-between h-[26px]", b ? "" : "is-disabled"])
+                }, [
+                  q("span", null, xe(v.label), 1),
+                  b ? (o(), D(r(Ee), {
+                    key: 0,
+                    width: "18",
+                    height: "18",
+                    class: "text-oc-text-400 drag-el cursor-move",
+                    name: "draggable"
+                  })) : p("", !0)
+                ], 2))), 128))
+              ]),
+              _: 1
+            }, 16, ["modelValue"])
+          ])) : p("", !0),
+          q("div", kl, [
+            d[5] || (d[5] = q("span", { class: "text-oc-text-400 font-medium" }, "Active columns", -1)),
+            N(r(Fe), we({
+              key: "key",
+              modelValue: f.value,
+              "onUpdate:modelValue": d[2] || (d[2] = (v) => f.value = v)
+            }, g, { "data-active-headers": "true" }), {
+              default: y(() => [
+                (o(!0), $(ie, null, se(f.value, (v) => (o(), $(ie, {
+                  key: v.key
+                }, [
+                  v.key !== "actions" ? (o(), $("div", hl, [
+                    q("div", wl, [
+                      N(r(ll), {
+                        modelValue: v.isActive,
+                        "onUpdate:modelValue": [
+                          (b) => v.isActive = b,
+                          d[1] || (d[1] = (b) => J())
+                        ],
+                        class: "!w-fit"
+                      }, null, 8, ["modelValue", "onUpdate:modelValue"]),
+                      q("div", xl, xe(v.label), 1)
+                    ]),
+                    f.value.length > 1 ? (o(), D(r(Ee), {
+                      key: 0,
+                      width: "18",
+                      height: "18",
+                      class: "text-oc-text-400 drag-el cursor-move",
+                      name: "draggable"
+                    })) : p("", !0)
+                  ])) : p("", !0)
+                ], 64))), 128))
+              ]),
+              _: 1
+            }, 16, ["modelValue"])
+          ])
+        ])
+      ]),
+      default: y(() => [
+        N(r(Ae), {
+          label: "Edit Column",
+          "left-icon": "setting",
+          size: "small",
+          class: "whitespace-nowrap",
+          variant: "secondary"
+        })
+      ]),
+      _: 1
+    }, 8, ["modelValue"]));
+  }
+}, Sl = { class: "relative flex flex-col gap-9" }, Ol = {
+  key: 0,
+  class: "flex items-center px-4 min-h-[44px]"
+}, Vl = {
+  key: 0,
+  class: "absolute flex items-center gap-5 left-5"
+}, Fl = {
+  key: 1,
+  class: "absolute flex gap-3 left-5"
+}, El = {
+  key: 1,
+  class: "flex justify-center w-full gap-5 md:justify-start"
+}, Cl = {
+  key: 2,
+  class: "items-center hidden md:flex"
+}, Il = {
+  __name: "OcDataTable",
+  props: {
+    /** Show skeleton loading rows while data is being fetched. */
+    isLoading: Boolean,
+    /**
+     * Unique ID for this table instance. Used as a localStorage namespace when columnEdit is enabled.
+     */
+    id: {
+      type: String,
+      required: !0
+    },
+    /**
+     * Full configuration object for the table.
+     *
+     * `tableOptions` — table structure:
+     * - `headers` — array of `{ key, label, variant?, class?, isCopy?, stickyLeft?, stickyRight?, chipOptions?, disableClickRow? }`
+     * - `fields` — array of row data objects keyed to header keys
+     * - `isSelectable` — show row checkboxes
+     * - `isCursorPointer` — cursor:pointer on rows
+     * - `isSticky` — horizontal scroll with sticky first column
+     * - `isBorderless` — remove outer border
+     *
+     * `filterOptions` (optional) — filter toolbar config:
+     * - `search` — `{ key, options? }` enables search bar
+     * - `form` — FormBuilder jsonForm array rendered in the filter dropdown
+     * - `sort` — `{ key, options }` renders the Sort control; `key` is the filterData key holding `{ field, direction }`, `options` is the `{ label, value }` field list
+     * - `tabs` — `{ key, options }` tab bar above the table
+     * - `per_page` — `{ key }` controls which filter key holds items-per-page
+     * - `columnEdit` — `{ key, localStorageKey }` enables column show/hide editor
+     *
+     * `pagination` — `{ total, last_page }` for numbered pagination; omit for cursor mode.
+     * `cursor` — `{ prev, next }` cursor strings for cursor-based navigation.
+     * `perPageOptions` — custom per-page dropdown options.
+     * `hidePerPageDropdown` — hide the per-page selector.
+     */
+    options: {
+      type: Object,
+      required: !0
+    },
+    /**
+     * Current filter state object (v-model:filter). Includes page, per_page, search query, tab value, etc.
+     * The component emits `update:filter` whenever filters change.
+     */
+    filter: {
+      type: Object,
+      default: () => ({})
+    },
+    /** Currently selected rows array (v-model:selected). Each item is a row data object from fields. */
+    selected: {
+      type: Array,
+      required: !1
+    },
+    /** CSS class or function `(row, index) => string` applied to each data row element. */
+    rowClass: String,
+    /**
+     * Field name or function used to uniquely identify each row.
+     * If a string, `row[rowKey]` is used. If a function, receives the row and returns a key.
+     */
+    rowKey: {
+      type: [String, Function],
+      default: "id"
+    },
+    /** Field name in each row data object containing the URL to navigate to on row click. */
+    rowLink: String,
+    /** Use the new table design (NewTable component) instead of the classic Table. */
+    isNewTable: {
+      type: Boolean,
+      default: !1
+    },
+    /** Highlight a specific row by index (0-based). Set -1 to clear. */
+    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: {
+    /** Selected rows changed. Payload: array of selected row objects (v-model:selected). */
+    "update:selected": [],
+    /** Filter state changed. Payload: current filter object (v-model:filter). */
+    "update:filter": [],
+    /** Emitted alongside update:filter after every filter action. Payload: current filter object. */
+    "apply-filter": [],
+    /** A row cell was clicked. Payload: `{ field, header }`. */
+    "click:row": [],
+    /** A filter form field value changed. Payload: `{ form, value }`. */
+    "filter-fields-changed": [],
+    /** A filter tag was dismissed. Payload: the removed filter field key. */
+    "filter-removed": [],
+    /** Filter dropdown opened or closed. Payload: boolean. */
+    "filter-open": [],
+    /** Search query was submitted or cleared. Payload: query string. */
+    "search-query-changed": [],
+    /** A table cell was hovered. Payload: `{ item, key }`. */
+    "hover:cell": [],
+    /** Column visibility or order changed via the column editor. Payload: active headers array. */
+    "columns-changed": [],
+    /** Table has mounted and column order is initialized. */
+    "on-table-ready": []
+  },
+  setup(k, { emit: ue }) {
+    var ce, me, pe, fe, ye, ge, be, ke, he;
+    const j = k, h = ue, f = L(() => {
+      var e;
+      return (e = j.options) == null ? void 0 : e.cursor;
+    }), S = C(), O = L(() => {
+      var e;
+      return (e = j.options) == null ? void 0 : e.tableOptions;
+    }), g = C({
+      total: 0,
+      last_page: 1
+    });
+    $e(
+      () => {
+        var e;
+        return (e = j.options) == null ? void 0 : e.pagination;
+      },
+      (e) => {
+        g.value = e;
+      },
+      { deep: !0, immediate: !0 }
+    );
+    const J = L(() => {
+      var a;
+      return {
+        ...O.value,
+        headers: S.value ? S.value.map((u) => {
+          var n, i;
+          return u.class = ((i = (n = O.value) == null ? void 0 : n.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) => Re(u.key))
+      };
+    }), l = L(() => {
+      var e;
+      return (e = j.options) == null ? void 0 : e.filterOptions;
+    }), d = L(() => {
+      var e;
+      return (e = j.options) == null ? void 0 : e.hidePerPageDropdown;
+    }), v = L(() => {
+      var e;
+      return ((e = g.value) == null ? void 0 : e.last_page) === 1;
+    }), b = JSON.parse(JSON.stringify(Ze(j.filter)));
+    !b && g.value ? b.page = 1 : !b && f && (b.cursor = "");
+    const t = C(b);
+    $e(
+      () => j.filter,
+      (e) => {
+        t.value = { ...e };
+      },
+      { deep: !0 }
+    );
+    const I = C(!1), P = C(t.value[(me = (ce = l.value) == null ? void 0 : ce.tabs) == null ? void 0 : me.key]), Q = C(t.value.page), G = C(
+      (fe = (pe = l.value) == null ? void 0 : pe.per_page) != null && fe.key ? t.value[(ge = (ye = l.value) == null ? void 0 : ye.per_page) == null ? void 0 : ge.key] : t.value.per_page
+    ), ne = ((he = t.value[t.value.selectedSearchOption || ((ke = (be = l.value) == null ? void 0 : be.search) == null ? void 0 : ke.key)]) == null ? void 0 : he.trim()) ?? "", R = C(ne ? ne.split(",") : []), de = C(!1), Ue = L(
+      () => {
+        var e;
+        return fl((e = j.options) == null ? void 0 : e.perPageOptions);
+      }
+    ), Te = L(() => yl(Ue.value, g.value)), De = L(() => {
+      var e;
+      return ((e = j.selected) == null ? void 0 : e.length) > 0;
+    }), Le = (e) => {
+      !e.trim() || !t.value.selectedSearchOption && R.value.includes(e) || (R.value = [e], A(), h("search-query-changed", e));
+    }, Ie = (e) => {
+      R.value = R.value.filter((a) => a !== e), A();
+    }, Ne = L(() => ml(t.value, l.value)), Re = (e) => {
+      var a, u, n, i, c, w;
+      return ((w = (c = (i = (n = t.value) == null ? void 0 : n[(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 n, i, c, w, V, K, s, U;
+      if (t.value[(i = (n = l.value) == null ? void 0 : n.columnEdit) == null ? void 0 : i.key] || (t.value[(w = (c = l.value) == null ? void 0 : c.columnEdit) == null ? void 0 : w.key] = {}), t.value[(K = (V = l.value) == null ? void 0 : V.columnEdit) == null ? void 0 : K.key].fixed = e, t.value[(U = (s = l.value) == null ? void 0 : s.columnEdit) == null ? void 0 : U.key].active = a, S.value = [...e, ...a], !u) {
+        const F = vl(e, a);
+        cl(l.value.columnEdit.localStorageKey, F);
+      }
+      h("columns-changed", a);
+    }, Qe = () => {
+      var e, a, u, n, i, c;
+      if ((a = (e = l.value) == null ? void 0 : e.columnEdit) != null && a.localStorageKey) {
+        const w = je(l.value.columnEdit.localStorageKey);
+        if (w) {
+          const { fixed: V, active: K } = Ke(
+            w,
+            O.value.headers,
+            l.value.columnEdit.localStorageKey
+          );
+          t.value[(n = (u = l.value) == null ? void 0 : u.columnEdit) == null ? void 0 : n.key].fixed = V, t.value[(c = (i = l.value) == null ? void 0 : i.columnEdit) == null ? void 0 : c.key].active = K, S.value = [...V, ...K];
+        }
+      }
+    }, ze = (e) => {
+      t.value.selectedSearchOption = e;
+    }, qe = () => {
+      var a, u, n, i;
+      R.value = [], P.value = "";
+      const e = (u = (a = l.value) == null ? void 0 : a.tabs) != null && u.filter_name ? b[(i = (n = l.value) == null ? void 0 : n.tabs) == null ? void 0 : i.key] : P.value;
+      t.value = pl(
+        t.value,
+        l.value,
+        G.value,
+        e
+      ), A();
+    }, Je = () => {
+      A(null, Q.value);
+    }, A = (e = null, a = !1, u = "", n = !1, i = !1) => {
+      var w, V, K, s, U, F, T, M, B, W, X, Y, Z, H, _, ee, le, ae, te;
+      g.value && !a && (Q.value = 1), g.value ? t.value.page = Q.value : t.value.cursor = u, (w = l.value) != null && w.per_page ? t.value[l.value.per_page.key] = G.value : t.value.per_page = G.value, (V = l.value) != null && V.tabs && i && (t.value[l.value.tabs.key] = P.value), (s = (K = l.value) == null ? void 0 : K.tabs) != null && s.filter_name && (i ? t.value[(F = (U = l.value) == null ? void 0 : U.tabs) == null ? void 0 : F.filter_name] = null : e && (P.value = null)), (T = l.value) != null && T.search && ((B = (M = l.value.search) == null ? void 0 : M.options) != null && B.length ? (Object.keys(t.value).forEach((x) => {
+        var z;
+        (z = l.value.search.options) != null && z.map((m) => m.value).includes(x) && delete t.value[x];
+      }), 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] = R.value.join()) : t.value[l.value.search.key] = R.value.join()), e && (I.value = !1, t.value = { ...t.value, ...e }, Object.keys(t.value).forEach((x) => {
+        Array.isArray(t.value[x]) && t.value[x].length === 0 && delete t.value[x];
+      }));
+      let c = (_ = (H = l.value) == null ? void 0 : H.tabs) == null ? void 0 : _.key;
+      if (c && P.value !== t.value[c] && !((le = (ee = l.value) == null ? void 0 : ee.tabs) != null && le.filter_name)) {
+        const x = (te = (ae = l.value.tabs) == null ? void 0 : ae.options) == null ? void 0 : te.find(
+          (z) => {
+            var m, oe;
+            return ((m = z.value) == null ? void 0 : m.toString()) === ((oe = t.value[c]) == null ? void 0 : oe.toString());
+          }
+        );
+        x != null && x.value && (P.value = x.value, i || A(null, !1, "", !1, !0));
+      }
+      Me(n);
+    }, Ge = (e) => {
+      t.value[l.value.sort.key] = e, A();
+    }, ve = C(null), Me = (e = !1) => {
+      clearTimeout(ve.value), ve.value = setTimeout(() => {
+        h("update:filter", { ...t.value }, e), h("apply-filter", { ...t.value }, e);
+      }, 50);
+    }, We = (e, a) => {
+      (a === l.value.tabs.key || a === "tabs") && (P.value = ""), A(e), h("filter-removed", a);
+    };
+    return Ce(() => {
+      Qe(), He(() => {
+        h("on-table-ready");
+      });
+    }), (e, a) => {
+      var u, n, i, c, w, V, K;
+      return o(), $("div", Sl, [
+        J.value ? (o(), D(_e(k.isNewTable ? r(al) : r(tl)), {
+          key: 0,
+          selected: k.selected,
+          "row-key": k.rowKey,
+          options: J.value,
+          "is-loading": k.isLoading,
+          "loading-rows": G.value,
+          "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))
+        }, el({
+          after: y(() => [
+            E(e.$slots, "after")
+          ]),
+          empty: y(() => [
+            E(e.$slots, "empty")
+          ]),
+          "table-header": y((s) => [
+            E(e.$slots, "table-header", Se(Oe(s)))
+          ]),
+          "table-body": y((s) => [
+            E(e.$slots, "table-body", Se(Oe(s)))
+          ]),
+          "after-rows": y(() => [
+            E(e.$slots, "after-rows")
+          ]),
+          _: 2
+        }, [
+          e.$slots.before || (u = l.value) != null && u.search || (n = l.value) != null && n.form || (i = l.value) != null && i.tabs || (c = l.value) != null && c.sort ? {
+            name: "before",
+            fn: y(() => {
+              var s, U, F, T, M;
+              return [
+                E(e.$slots, "before"),
+                (s = l.value) != null && s.search || (U = l.value) != null && U.form || (F = l.value) != null && F.tabs || (T = l.value) != null && T.sort ? (o(), $("div", Ol, [
+                  De.value ? (o(), $("div", Vl, [
+                    E(e.$slots, "bulk-actions", { selectedRows: k.selected })
+                  ])) : (o(), $("div", Fl, [
+                    (M = l.value) != null && M.tabs ? (o(), D(r(sl), {
+                      key: 0,
+                      modelValue: P.value,
+                      "onUpdate:modelValue": [
+                        a[0] || (a[0] = (B) => P.value = B),
+                        a[1] || (a[1] = (B) => A(null, !1, "", !1, !0))
+                      ],
+                      "is-disabled": k.isLoading,
+                      tabs: l.value.tabs.options,
+                      variant: "pills"
+                    }, null, 8, ["modelValue", "is-disabled", "tabs"])) : p("", !0)
+                  ])),
+                  E(e.$slots, "filter-options", {}, () => {
+                    var B, W, X, Y, Z, H, _, ee, le, ae, te, x, z;
+                    return [
+                      (B = l.value) != null && B.search || (W = l.value) != null && W.form || (X = l.value) != null && X.sort || (Y = l.value) != null && Y.columnEdit ? (o(), $("div", {
+                        key: 0,
+                        class: re([
+                          "flex gap-3 absolute ml-auto items-center bg-oc-bg-light right-4 max-w-[calc(100%-24px)]",
+                          l.value ? de.value ? "md:w-fit w-full" : "" : "w-full justify-end"
+                        ])
+                      }, [
+                        (Z = l.value) != null && Z.search ? (o(), D(r(ol), {
+                          key: 0,
+                          "is-search-only": !l.value.tabs || l.value.isSearchOnly,
+                          "search-options": ((H = l.value.search) == null ? void 0 : H.options) ?? [],
+                          "selected-option": (((_ = t.value) == null ? void 0 : _.selectedSearchOption) || ((ae = (le = (ee = l.value.search) == null ? void 0 : ee.options) == null ? void 0 : le[0]) == null ? void 0 : ae.value)) ?? "keywords",
+                          onAddQuery: Le,
+                          onToggle: a[2] || (a[2] = (m) => de.value = m),
+                          onChangeSearchKey: ze
+                        }, null, 8, ["is-search-only", "search-options", "selected-option"])) : p("", !0),
+                        (te = l.value) != null && te.form ? (o(), D(r(Pe), {
+                          key: 1,
+                          modelValue: I.value,
+                          "onUpdate:modelValue": [
+                            a[6] || (a[6] = (m) => I.value = m),
+                            a[7] || (a[7] = (m) => e.$emit("filter-open", m))
+                          ],
+                          distance: 9,
+                          placement: "bottom-end",
+                          "is-attach-to-body": "",
+                          "max-menu-height": 500
+                        }, {
+                          menu: y(() => [
+                            I.value ? (o(), D(r(ul), {
+                              key: 0,
+                              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] = (m) => A(m)),
+                              onFilterFieldsChanged: a[4] || (a[4] = (m) => h("filter-fields-changed", m)),
+                              onCancel: a[5] || (a[5] = (m) => I.value = !1)
+                            }, {
+                              default: y(({ errors: m, values: oe, jsonForm: Xe, updateForm: Ye }) => [
+                                E(e.$slots, "custom-filter-form", {
+                                  errors: m,
+                                  values: oe,
+                                  jsonForm: Xe,
+                                  updateFilter: Ye
+                                })
+                              ]),
+                              _: 3
+                            }, 8, ["id", "json-form", "grid", "values", "actions"])) : p("", !0)
+                          ]),
+                          default: y(() => [
+                            N(r(Ae), {
+                              "is-active": I.value,
+                              variant: "secondary",
+                              "left-icon": "filter",
+                              size: "small",
+                              class: "w-8",
+                              "icon-class": "shrink-0"
+                            }, null, 8, ["is-active"])
+                          ]),
+                          _: 3
+                        }, 8, ["modelValue"])) : p("", !0),
+                        (x = l.value) != null && x.sort ? (o(), D(r(il), {
+                          key: 2,
+                          "sort-options": l.value.sort.options ?? [],
+                          "model-value": t.value[l.value.sort.key],
+                          "onUpdate:modelValue": Ge
+                        }, null, 8, ["sort-options", "model-value"])) : p("", !0),
+                        l.value.columnEdit ? (o(), D($l, {
+                          key: 3,
+                          options: t.value.columnEdit,
+                          headers: ((z = O.value) == null ? void 0 : z.headers) || [],
+                          "local-key": l.value.columnEdit.localStorageKey,
+                          onUpdateOrder: Be
+                        }, null, 8, ["options", "headers", "local-key"])) : p("", !0)
+                      ], 2)) : p("", !0)
+                    ];
+                  })
+                ])) : p("", !0),
+                N(r(rl), {
+                  filters: Ne.value,
+                  queries: R.value,
+                  class: "border-t border-oc-gray-200",
+                  onRemoveQuery: Ie,
+                  onRemoveAll: qe,
+                  onRemoveFilter: We
+                }, null, 8, ["filters", "queries"])
+              ];
+            }),
+            key: "0"
+          } : void 0,
+          se((w = O.value) == null ? void 0 : w.headers, (s, U) => ({
+            name: s.key,
+            fn: y(({ data: F, item: T }) => [
+              E(e.$slots, s.key, {
+                data: F,
+                item: T
+              })
+            ])
+          })),
+          se((V = O.value) == null ? void 0 : V.headers, (s, U) => ({
+            name: `header-${s.key}-tooltip`,
+            fn: y(({ data: F, item: T }) => [
+              E(e.$slots, `header-${s.key}-tooltip`, {
+                data: F,
+                item: T
+              })
+            ])
+          })),
+          se((K = O.value) == null ? void 0 : K.headers, (s, U) => ({
+            name: `header-${s.key}-left-tooltip`,
+            fn: y(({ data: F, item: T }) => [
+              E(e.$slots, `header-${s.key}-left-tooltip`, {
+                data: F,
+                item: T
+              })
+            ])
+          }))
+        ]), 1064, ["selected", "row-key", "options", "is-loading", "loading-rows", "row-class", "row-link", "selected-index", "disabled-rows", "is-sticky", "is-borderless"])) : p("", !0),
+        E(e.$slots, "before-pagination"),
+        g.value || f.value ? (o(), $("div", {
+          key: 1,
+          class: re(["flex items-center gap-3", g.value && g.value.last_page === 1 ? "justify-end" : ""])
+        }, [
+          g.value && !v.value ? (o(), D(r(nl), {
+            key: 0,
+            modelValue: Q.value,
+            "onUpdate:modelValue": [
+              a[11] || (a[11] = (s) => Q.value = s),
+              Je
+            ],
+            class: "justify-center text-[13px]",
+            "max-page": g.value.last_page,
+            strategy: g.value.strategy,
+            "total-visible": "5"
+          }, null, 8, ["modelValue", "max-page", "strategy"])) : p("", !0),
+          f.value ? (o(), $("div", El, [
+            N(r(Ve), {
+              disabled: !f.value.prev,
+              onClick: a[12] || (a[12] = (s) => f.value.prev ? A(null, !1, f.value.prev) : null)
+            }, null, 8, ["disabled"]),
+            N(r(Ve), {
+              disabled: !f.value.next,
+              "is-next": "",
+              onClick: a[13] || (a[13] = (s) => f.value.next ? A(null, !1, f.value.next) : null)
+            }, null, 8, ["disabled"])
+          ])) : p("", !0),
+          d.value ? p("", !0) : (o(), $("div", Cl, [
+            N(r(dl), {
+              modelValue: G.value,
+              "onUpdate:modelValue": [
+                a[14] || (a[14] = (s) => G.value = s),
+                a[15] || (a[15] = (s) => A(null))
+              ],
+              label: "Item per page",
+              "is-inline-label": "",
+              "popper-options": { placement: "auto" },
+              options: Te.value,
+              "select-text-class": "!text-[13px]"
+            }, null, 8, ["modelValue", "options"])
+          ]))
+        ], 2)) : p("", !0)
+      ]);
+    };
+  }
+};
+export {
+  Il as default
+};

package/dist/{OcDraggableList-GdjnUSzp.js → OcDraggableList-C7Gr4QKY.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-I7kkCShO.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-DFv9K_sW.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-I7kkCShO.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-B6DDioJ5.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-I7kkCShO.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-DgstuIRK.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-I7kkCShO.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",