@orchidui/core 1.98.0 → 1.100.0

package/dist/OcDataTable-C8vKFXfq.js

@@ -1,621 +0,0 @@
-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 { 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 { _ 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 = {
-  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 = {
-  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 = {
-  __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($, { emit: oe }) {
-    const A = oe, k = $, m = P([]), S = P([]), O = P(!1), y = {
-      handle: ".drag-el",
-      filter: ".is-disabled",
-      group: "headers",
-      animation: 500,
-      forceFallback: !1,
-      move: (l) => l.to.dataset.activeHeaders ? !0 : !!l.draggedContext.futureIndex,
-      "onUpdate:modelValue": () => z()
-    }, z = (l = !1) => {
-      S.value = S.value.map((d) => ({
-        ...d,
-        isActive: !0
-      })), A("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;
-        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
-        };
-      }), z(!0);
-    }), (l, d) => (o(), L(n(Pe), {
-      modelValue: O.value,
-      "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)),
-            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", {
-                  key: v.key,
-                  class: ie(["flex items-center justify-between h-[26px]", g ? "" : "is-disabled"])
-                }, [
-                  R("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)
-                ], 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)),
-            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, {
-                  key: v.key
-                }, [
-                  v.key !== "actions" ? (o(), x("div", yl, [
-                    R("div", gl, [
-                      I(n(He), {
-                        modelValue: v.isActive,
-                        "onUpdate:modelValue": [
-                          (g) => v.isActive = g,
-                          d[1] || (d[1] = (g) => z())
-                        ],
-                        class: "!w-fit"
-                      }, null, 8, ["modelValue", "onUpdate:modelValue"]),
-                      R("div", bl, xe(v.label), 1)
-                    ]),
-                    m.value.length > 1 ? (o(), L(n(Ee), {
-                      key: 0,
-                      width: "18",
-                      height: "18",
-                      class: "text-oc-text-400 drag-el cursor-move",
-                      name: "draggable"
-                    })) : f("", !0)
-                  ])) : f("", !0)
-                ], 64))), 128))
-              ]),
-              _: 1
-            }, 16, ["modelValue"])
-          ])
-        ])
-      ]),
-      default: p(() => [
-        I(n(je), {
-          label: "Edit Column",
-          "left-icon": "setting",
-          size: "small",
-          class: "whitespace-nowrap",
-          variant: "secondary"
-        })
-      ]),
-      _: 1
-    }, 8, ["modelValue"]));
-  }
-}, hl = { class: "relative flex flex-col gap-9" }, wl = {
-  key: 0,
-  class: "flex items-center px-4 min-h-[44px]"
-}, xl = {
-  key: 0,
-  class: "absolute flex items-center gap-5 left-5"
-}, $l = {
-  key: 1,
-  class: "absolute flex gap-3 left-5"
-}, Sl = {
-  key: 1,
-  class: "flex justify-center w-full gap-5 md:justify-start"
-}, Ol = {
-  key: 2,
-  class: "items-center hidden md:flex"
-}, Tl = {
-  __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
-     * - `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
-    }
-  },
-  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($, { emit: oe }) {
-    var ve, ce, me, pe, fe, ye, ge, be, ke;
-    const A = $, k = oe, m = D(() => {
-      var e;
-      return (e = A.options) == null ? void 0 : e.cursor;
-    }), S = P(), O = D(() => {
-      var e;
-      return (e = A.options) == null ? void 0 : e.tableOptions;
-    }), y = P({
-      total: 0,
-      last_page: 1
-    });
-    $e(
-      () => {
-        var e;
-        return (e = A.options) == null ? void 0 : e.pagination;
-      },
-      (e) => {
-        y.value = e;
-      },
-      { deep: !0, immediate: !0 }
-    );
-    const z = D(() => {
-      var a;
-      return {
-        ...O.value,
-        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))
-      };
-    }), l = D(() => {
-      var e;
-      return (e = A.options) == null ? void 0 : e.filterOptions;
-    }), d = D(() => {
-      var e;
-      return (e = A.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 && y.value ? g.page = 1 : !g && m && (g.cursor = "");
-    const t = P(g);
-    $e(
-      () => A.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
-    ), 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);
-      }
-    ), De = D(() => cl(Te.value, y.value)), Le = D(() => {
-      var e;
-      return ((e = A.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));
-    }, 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) {
-        const F = il(e, a);
-        rl(l.value.columnEdit.localStorageKey, F);
-      }
-      k("columns-changed", a);
-    }, Re = () => {
-      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 { fixed: V, active: s } = Ke(
-            h,
-            O.value.headers,
-            l.value.columnEdit.localStorageKey
-          );
-          t.value[(r = (u = l.value) == null ? void 0 : u.columnEdit) == null ? void 0 : r.key].fixed = V, t.value[(c = (i = l.value) == null ? void 0 : i.columnEdit) == null ? void 0 : c.key].active = s, S.value = [...V, ...s];
-        }
-      }
-    }, ze = (e) => {
-      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;
-      t.value = dl(
-        t.value,
-        l.value,
-        q.value,
-        e
-      ), K();
-    }, Je = () => {
-      K(null, Q.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 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)) {
-        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));
-      }
-      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);
-      }, 50);
-    }, Me = (e, a) => {
-      (a === l.value.tabs.key || a === "tabs") && (j.value = ""), K(e), k("filter-removed", a);
-    };
-    return Ce(() => {
-      Re(), Xe(() => {
-        k("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)), {
-          key: 0,
-          selected: $.selected,
-          "row-key": $.rowKey,
-          options: z.value,
-          "is-loading": $.isLoading,
-          "loading-rows": q.value,
-          "row-class": $.rowClass,
-          "row-link": $.rowLink,
-          "selected-index": $.selectedIndex,
-          "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(() => [
-            C(e.$slots, "after")
-          ]),
-          empty: p(() => [
-            C(e.$slots, "empty")
-          ]),
-          "table-header": p((s) => [
-            C(e.$slots, "table-header", Se(Oe(s)))
-          ]),
-          "table-body": p((s) => [
-            C(e.$slots, "table-body", Se(Oe(s)))
-          ]),
-          "after-rows": p(() => [
-            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;
-              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, [
-                    (F = l.value) != null && F.tabs ? (o(), L(n(ll), {
-                      key: 0,
-                      modelValue: j.value,
-                      "onUpdate:modelValue": [
-                        a[0] || (a[0] = (B) => j.value = B),
-                        a[1] || (a[1] = (B) => K(null, !1, "", !1, !0))
-                      ],
-                      "is-disabled": $.isLoading,
-                      tabs: l.value.tabs.options,
-                      variant: "pills"
-                    }, null, 8, ["modelValue", "is-disabled", "tabs"])) : f("", !0)
-                  ])),
-                  C(e.$slots, "filter-options", {}, () => {
-                    var B, 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", {
-                        key: 0,
-                        class: ie([
-                          "flex gap-3 absolute ml-auto items-center bg-oc-bg-light right-4 max-w-[calc(100%-24px)]",
-                          l.value ? ne.value ? "md:w-fit w-full" : "" : "w-full justify-end"
-                        ])
-                      }, [
-                        (W = l.value) != null && W.search ? (o(), L(n(al), {
-                          key: 0,
-                          "is-search-only": !l.value.tabs || l.value.isSearchOnly,
-                          "search-options": ((X = l.value.search) == null ? void 0 : X.options) ?? [],
-                          "selected-option": (((Y = t.value) == null ? void 0 : Y.selectedSearchOption) || ((_ = (H = (Z = l.value.search) == null ? void 0 : Z.options) == null ? void 0 : H[0]) == null ? void 0 : _.value)) ?? "keywords",
-                          onAddQuery: Ue,
-                          onToggle: a[2] || (a[2] = (b) => ne.value = b),
-                          onChangeSearchKey: ze
-                        }, null, 8, ["is-search-only", "search-options", "selected-option"])) : f("", !0),
-                        (ee = l.value) != null && ee.form ? (o(), L(n(Pe), {
-                          key: 1,
-                          modelValue: U.value,
-                          "onUpdate:modelValue": [
-                            a[6] || (a[6] = (b) => U.value = b),
-                            a[7] || (a[7] = (b) => e.$emit("filter-open", b))
-                          ],
-                          distance: 9,
-                          placement: "bottom-end",
-                          "is-attach-to-body": "",
-                          "max-menu-height": 500
-                        }, {
-                          menu: p(() => [
-                            U.value ? (o(), L(n(tl), {
-                              key: 0,
-                              id: $.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)),
-                              onCancel: a[5] || (a[5] = (b) => U.value = !1)
-                            }, {
-                              default: p(({ errors: b, values: te, jsonForm: E, updateForm: J }) => [
-                                C(e.$slots, "custom-filter-form", {
-                                  errors: b,
-                                  values: te,
-                                  jsonForm: E,
-                                  updateFilter: J
-                                })
-                              ]),
-                              _: 3
-                            }, 8, ["id", "json-form", "grid", "values", "actions"])) : f("", !0)
-                          ]),
-                          default: p(() => [
-                            I(n(je), {
-                              "is-active": U.value,
-                              variant: "secondary",
-                              "left-icon": "filter",
-                              size: "small",
-                              class: "w-8",
-                              "icon-class": "shrink-0"
-                            }, null, 8, ["is-active"])
-                          ]),
-                          _: 3
-                        }, 8, ["modelValue"])) : f("", !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)
-                    ];
-                  })
-                ])) : f("", !0),
-                I(n(sl), {
-                  filters: Ne.value,
-                  queries: N.value,
-                  class: "border-t border-oc-gray-200",
-                  onRemoveQuery: Ie,
-                  onRemoveAll: qe,
-                  onRemoveFilter: Me
-                }, null, 8, ["filters", "queries"])
-              ];
-            }),
-            key: "0"
-          } : void 0,
-          ae((c = O.value) == null ? void 0 : c.headers, (s, T) => ({
-            name: s.key,
-            fn: p(({ data: w, item: F }) => [
-              C(e.$slots, s.key, {
-                data: w,
-                item: F
-              })
-            ])
-          })),
-          ae((h = O.value) == null ? void 0 : h.headers, (s, T) => ({
-            name: `header-${s.key}-tooltip`,
-            fn: p(({ data: w, item: F }) => [
-              C(e.$slots, `header-${s.key}-tooltip`, {
-                data: w,
-                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 }) => [
-              C(e.$slots, `header-${s.key}-left-tooltip`, {
-                data: w,
-                item: F
-              })
-            ])
-          }))
-        ]), 1064, ["selected", "row-key", "options", "is-loading", "loading-rows", "row-class", "row-link", "selected-index", "is-sticky", "is-borderless"])) : f("", !0),
-        C(e.$slots, "before-pagination"),
-        y.value || m.value ? (o(), x("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,
-            "onUpdate:modelValue": [
-              a[11] || (a[11] = (s) => Q.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, [
-            I(n(Ve), {
-              disabled: !m.value.prev,
-              onClick: a[12] || (a[12] = (s) => m.value.prev ? K(null, !1, m.value.prev) : null)
-            }, null, 8, ["disabled"]),
-            I(n(Ve), {
-              disabled: !m.value.next,
-              "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, [
-            I(n(ul), {
-              modelValue: q.value,
-              "onUpdate:modelValue": [
-                a[14] || (a[14] = (s) => q.value = s),
-                a[15] || (a[15] = (s) => K(null))
-              ],
-              label: "Item per page",
-              "is-inline-label": "",
-              "popper-options": { placement: "auto" },
-              options: De.value,
-              "select-text-class": "!text-[13px]"
-            }, null, 8, ["modelValue", "options"])
-          ]))
-        ], 2)) : f("", !0)
-      ]);
-    };
-  }
-};
-export {
-  Tl as default
-};