@gsc-basic/components 1.0.1 → 1.0.2

package/dist/es/src/Grid/src/components/DataTable.vue.js

@@ -0,0 +1,533 @@
+import { computed as m, ref as A, reactive as xe, onMounted as Ve, onBeforeUnmount as Ee, watch as Fe, createElementBlock as i, openBlock as s, createElementVNode as c, Fragment as h, renderList as b, createCommentVNode as u, normalizeStyle as p, withModifiers as k, createBlock as w, normalizeClass as Ce, unref as d, toDisplayString as M, renderSlot as Oe, createVNode as _e } from "vue";
+import { FlexRender as V } from "../../../../node_modules/@tanstack/vue-table/build/lib/index.js";
+import Se from "./ColumnFilter.vue.js";
+import De from "./CellEditor.vue.js";
+import { useLocale as Pe } from "../../../hooks/useLocale.js";
+import './DataTable.css';/* empty css               */
+import Te from "../../../../_virtual/_plugin-vue_export-helper.js";
+const Ae = { class: "w-full" }, He = {
+  key: 0,
+  class: "overflow-auto"
+}, Be = { class: "gsc-table" }, Le = { class: "gsc-thead sticky top-0 z-10" }, Ue = ["checked", ".indeterminate"], Ge = ["onDrop"], Ne = { class: "flex items-center gap-2 min-w-0" }, We = ["onClick"], Ke = ["title", "onDragstart"], je = { class: "truncate" }, qe = {
+  key: 0,
+  class: "text-[rgba(0,0,0,0.45)] text-xs"
+}, Je = ["title", "aria-label", "onClick"], Qe = ["onMousedown"], Xe = ["checked", "onChange"], Ye = ["onDblclick"], Ze = {
+  key: 1,
+  class: "flex items-start gap-2"
+}, et = { class: "min-w-0 flex-1" }, tt = {
+  key: 1,
+  class: "break-words"
+}, nt = ["onClick"], ot = { key: 0 }, lt = ["colspan"], st = {
+  key: 1,
+  class: "w-full"
+}, it = { class: "gsc-table" }, ct = { class: "gsc-thead sticky top-0 z-10" }, rt = ["checked", ".indeterminate"], ut = ["onDrop"], at = { class: "flex items-center gap-2 min-w-0" }, dt = ["onClick"], gt = ["title", "onDragstart"], mt = { class: "truncate" }, pt = {
+  key: 0,
+  class: "text-[rgba(0,0,0,0.45)] text-xs"
+}, ft = ["title", "aria-label", "onClick"], vt = ["onMousedown"], yt = { class: "gsc-table" }, ht = ["checked", "onChange"], bt = ["onDblclick"], kt = {
+  key: 1,
+  class: "break-words"
+}, xt = { key: 0 }, Ct = ["colspan"], R = 44, _t = 6, St = {
+  __name: "DataTable",
+  props: {
+    table: { type: Object, required: !0 },
+    mode: { type: String, default: "server" },
+    loading: { type: Boolean, default: !1 },
+    virtual: { type: Boolean, default: !1 },
+    height: { type: Number, default: 400 },
+    rowHeight: { type: Number, default: 40 },
+    enableRowSelection: { type: Boolean, default: !1 }
+  },
+  emits: [
+    "selection-change",
+    "cell-change",
+    "server-filter-change"
+  ],
+  setup(f, { emit: we }) {
+    const g = f, I = we, { t: v } = Pe(), a = m(() => g.table), H = m(() => {
+      try {
+        return a.value.getHeaderGroups?.() || [];
+      } catch {
+        return [];
+      }
+    }), z = m(() => {
+      try {
+        return a.value.getRowModel?.().rows || [];
+      } catch {
+        return [];
+      }
+    }), B = m(() => (a.value.getVisibleLeafColumns?.() || []).length + (g.enableRowSelection ? 1 : 0));
+    function L(t) {
+      const n = t.getIsSorted?.();
+      return n === "asc" ? "↑" : n === "desc" ? "↓" : "";
+    }
+    function U(t, n) {
+      const o = n.column;
+      if (!o.getCanSort?.())
+        return;
+      const e = !!t?.shiftKey;
+      o.toggleSorting?.(void 0, e);
+    }
+    const x = A(null);
+    function G(t, n) {
+      x.value = n?.id ?? null;
+      try {
+        t.dataTransfer.effectAllowed = "move", t.dataTransfer.setData("text/plain", String(n?.id ?? ""));
+      } catch {
+      }
+    }
+    function $(t) {
+      const n = t?.getIsPinned?.();
+      return n === "left" ? "left" : n === "right" ? "right" : "center";
+    }
+    function E(t, n, o) {
+      const e = t.indexOf(n), l = t.indexOf(o);
+      if (e === -1 || l === -1 || e === l)
+        return t;
+      const D = t.slice();
+      return D.splice(e, 1), D.splice(l, 0, n), D;
+    }
+    function N(t, n) {
+      const o = n?.id;
+      let e = x.value;
+      try {
+        const r = t.dataTransfer.getData("text/plain");
+        r && (e = r);
+      } catch {
+      }
+      if (!e || !o || e === o) {
+        x.value = null;
+        return;
+      }
+      const l = (a.value.getAllLeafColumns?.() || []).filter(Boolean), D = l.find((r) => r.id === e), pe = l.find((r) => r.id === o);
+      if (!D || !pe) {
+        x.value = null;
+        return;
+      }
+      const T = $(D), Me = $(pe);
+      if (T !== Me) {
+        x.value = null;
+        return;
+      }
+      const fe = l.filter((r) => $(r) === "left").map((r) => r.id), ve = l.filter((r) => $(r) === "center").map((r) => r.id), ye = l.filter((r) => $(r) === "right").map((r) => r.id);
+      let he = fe, be = ve, ke = ye;
+      T === "left" ? he = E(fe, e, o) : T === "right" ? ke = E(ye, e, o) : be = E(ve, e, o), a.value.setColumnOrder?.([...he, ...be, ...ke]), x.value = null;
+    }
+    function W(t) {
+      const n = t.getIsPinned?.();
+      return n === "left" ? { position: "sticky", left: `${(t.getStart?.("left") ?? 0) + (g.enableRowSelection ? R : 0)}px`, zIndex: 2 } : n === "right" ? { position: "sticky", right: `${t.getAfter?.("right") ?? 0}px`, zIndex: 2 } : {};
+    }
+    const K = m(() => g.enableRowSelection ? {
+      width: `${R}px`,
+      minWidth: `${R}px`,
+      position: "sticky",
+      left: "0px",
+      zIndex: 4
+    } : {}), j = m(() => g.enableRowSelection ? {
+      width: `${R}px`,
+      minWidth: `${R}px`,
+      position: "sticky",
+      left: "0px",
+      zIndex: 3
+    } : {});
+    function q(t) {
+      const n = t.column, o = t.getSize?.();
+      return {
+        width: o ? `${o}px` : void 0,
+        minWidth: n.columnDef?.minSize ? `${n.columnDef.minSize}px` : void 0,
+        position: "relative",
+        ...W(n)
+      };
+    }
+    function J(t) {
+      const n = t.column, o = n.getSize?.();
+      return {
+        width: o ? `${o}px` : void 0,
+        minWidth: n.columnDef?.minSize ? `${n.columnDef.minSize}px` : void 0,
+        ...W(n)
+      };
+    }
+    const y = A(null), C = xe({});
+    function Q(t) {
+      const n = t?.columnDef?.meta?.col;
+      return !!(n?.filterable || n?.filterType || n?.filterOptions);
+    }
+    function X(t) {
+      return t?.columnDef?.meta?.col?.filterType || "text";
+    }
+    function Y(t) {
+      return t?.columnDef?.meta?.col?.filterOptions || [];
+    }
+    function Z(t) {
+      y.value = y.value === t ? null : t;
+    }
+    function ee(t, n) {
+      C[t] = n;
+    }
+    function te(t) {
+      if (g.mode === "server") {
+        I("server-filter-change", { key: t, value: C[t] }), y.value = null;
+        return;
+      }
+      a.value.getColumn?.(t)?.setFilterValue?.(C[t]), y.value = null;
+    }
+    function ne(t) {
+      if (C[t] = "", g.mode === "server") {
+        I("server-filter-change", { key: t, value: "" }), y.value = null;
+        return;
+      }
+      a.value.getColumn?.(t)?.setFilterValue?.(""), y.value = null;
+    }
+    function oe() {
+      y.value = null;
+    }
+    Ve(() => {
+      document.addEventListener("click", oe);
+    }), Ee(() => {
+      document.removeEventListener("click", oe);
+    }), Fe(
+      () => a.value.getState?.().rowSelection,
+      () => {
+        if (g.enableRowSelection)
+          try {
+            const t = a.value.getSelectedRowModel?.().rows || [];
+            I("selection-change", t.map((n) => n.original));
+          } catch {
+          }
+      },
+      { deep: !0 }
+    );
+    const _ = xe({});
+    function S(t, n) {
+      return `${t.id}::${n.id}`;
+    }
+    function le(t) {
+      return !!t?.columnDef?.meta?.col?.editor;
+    }
+    function se(t) {
+      const n = t?.columnDef?.meta?.col;
+      return !n?.editor || n.editor === "input" ? "text" : n.editor;
+    }
+    function ie(t) {
+      return t?.columnDef?.meta?.col?.options || [];
+    }
+    function F(t, n) {
+      if (!le(n))
+        return;
+      const o = S(t, n);
+      _[o] = t.original?.[n.id];
+    }
+    function O(t, n) {
+      const o = S(t, n);
+      return Object.prototype.hasOwnProperty.call(_, o);
+    }
+    function ce(t, n) {
+      const o = S(t, n);
+      return _[o];
+    }
+    function re(t, n, o) {
+      const e = S(t, n);
+      _[e] = o;
+    }
+    function ue(t, n) {
+      const o = S(t, n);
+      delete _[o];
+    }
+    function ae(t, n, o) {
+      const e = S(t, n);
+      try {
+        t.original[n.id] = o;
+      } catch {
+      }
+      I("cell-change", { row: t.original, rowId: t.id, column: n.id, value: o }), delete _[e];
+    }
+    const de = A(0);
+    function $e(t) {
+      de.value = t.target.scrollTop || 0;
+    }
+    const Re = m(() => Math.ceil(g.height / g.rowHeight) + _t), P = m(() => Math.max(0, Math.floor((de.value || 0) / g.rowHeight))), ge = m(() => P.value + Re.value), me = m(() => z.value.slice(P.value, ge.value)), Ie = m(() => P.value * g.rowHeight), ze = m(() => Math.max(0, (z.value.length - ge.value) * g.rowHeight));
+    return (t, n) => (s(), i("div", Ae, [
+      f.virtual ? (s(), i("div", st, [
+        c("table", it, [
+          c("thead", ct, [
+            (s(!0), i(h, null, b(H.value, (o) => (s(), i("tr", {
+              key: o.id
+            }, [
+              f.enableRowSelection ? (s(), i("th", {
+                key: 0,
+                class: "gsc-th text-center",
+                style: p(K.value)
+              }, [
+                c("input", {
+                  type: "checkbox",
+                  class: "gsc-checkbox",
+                  checked: a.value.getIsAllPageRowsSelected?.(),
+                  ".indeterminate": a.value.getIsSomePageRowsSelected?.(),
+                  onChange: n[2] || (n[2] = (e) => a.value.toggleAllPageRowsSelected?.(!!e.target.checked))
+                }, null, 40, rt)
+              ], 4)) : u("", !0),
+              (s(!0), i(h, null, b(o.headers, (e) => (s(), i("th", {
+                key: e.id,
+                class: "gsc-th",
+                style: p(q(e)),
+                onDragover: n[3] || (n[3] = k(() => {
+                }, ["prevent"])),
+                onDrop: (l) => N(l, e.column)
+              }, [
+                c("div", at, [
+                  c("div", {
+                    class: Ce(["flex items-center gap-1 min-w-0", e.column.getCanSort?.() ? "cursor-pointer" : ""]),
+                    onClick: (l) => U(l, e)
+                  }, [
+                    c("span", {
+                      class: "text-[rgba(0,0,0,0.25)] hover:text-[rgba(0,0,0,0.45)] cursor-grab select-none",
+                      title: d(v)("gsc.grid.table.dragReorder"),
+                      draggable: "true",
+                      onDragstart: (l) => G(l, e.column)
+                    }, " ⋮⋮ ", 40, gt),
+                    c("span", mt, [
+                      e.isPlaceholder ? u("", !0) : (s(), w(d(V), {
+                        key: 0,
+                        render: e.column.columnDef.header,
+                        props: e.getContext()
+                      }, null, 8, ["render", "props"]))
+                    ]),
+                    e.column.getCanSort?.() ? (s(), i("span", pt, M(L(e.column)), 1)) : u("", !0)
+                  ], 10, dt),
+                  Q(e.column) ? (s(), i("button", {
+                    key: 0,
+                    type: "button",
+                    class: "ml-auto gsc-btn gsc-btn-text gsc-btn-icon-sm",
+                    title: d(v)("gsc.grid.table.filter"),
+                    "aria-label": d(v)("gsc.grid.table.filter"),
+                    onClick: k((l) => Z(e.column.id), ["stop"])
+                  }, [...n[5] || (n[5] = [
+                    c("i", {
+                      class: "i-material-symbols:filter-alt-outline",
+                      "aria-hidden": "true"
+                    }, null, -1)
+                  ])], 8, ft)) : u("", !0)
+                ]),
+                y.value === e.column.id ? (s(), w(Se, {
+                  key: 0,
+                  value: C[e.column.id],
+                  type: X(e.column),
+                  options: Y(e.column),
+                  "onUpdate:value": (l) => ee(e.column.id, l),
+                  onApply: (l) => te(e.column.id),
+                  onClear: (l) => ne(e.column.id)
+                }, null, 8, ["value", "type", "options", "onUpdate:value", "onApply", "onClear"])) : u("", !0),
+                e.column.getCanResize?.() ? (s(), i("div", {
+                  key: 1,
+                  class: "absolute right-0 top-0 h-full w-2 cursor-col-resize",
+                  onMousedown: k((l) => e.getResizeHandler?.()(l), ["prevent"])
+                }, null, 40, vt)) : u("", !0)
+              ], 44, ut))), 128))
+            ]))), 128))
+          ])
+        ]),
+        c("div", {
+          class: "overflow-auto",
+          style: p({ height: `${f.height}px` }),
+          onScroll: $e
+        }, [
+          c("div", {
+            style: p({ height: `${Ie.value}px` })
+          }, null, 4),
+          c("table", yt, [
+            c("tbody", null, [
+              (s(!0), i(h, null, b(me.value, (o) => (s(), i("tr", {
+                key: o.id,
+                class: "gsc-tr",
+                style: p({ height: `${f.rowHeight}px` })
+              }, [
+                f.enableRowSelection ? (s(), i("td", {
+                  key: 0,
+                  class: "gsc-td text-center",
+                  style: p(j.value)
+                }, [
+                  c("input", {
+                    type: "checkbox",
+                    class: "gsc-checkbox",
+                    checked: o.getIsSelected?.(),
+                    onChange: (e) => o.toggleSelected?.(!!e.target.checked)
+                  }, null, 40, ht)
+                ], 4)) : u("", !0),
+                (s(!0), i(h, null, b(o.getVisibleCells(), (e) => (s(), i("td", {
+                  key: e.id,
+                  class: "gsc-td align-top",
+                  style: p(J(e)),
+                  onDblclick: (l) => F(o, e.column)
+                }, [
+                  O(o, e.column) ? (s(), w(De, {
+                    key: 0,
+                    "model-value": ce(o, e.column),
+                    type: se(e.column),
+                    options: ie(e.column),
+                    onUpdateModelValue: (l) => re(o, e.column, l),
+                    onCommit: (l) => ae(o, e.column, l),
+                    onCancel: (l) => ue(o, e.column)
+                  }, null, 8, ["model-value", "type", "options", "onUpdateModelValue", "onCommit", "onCancel"])) : (s(), i("span", kt, [
+                    _e(d(V), {
+                      render: e.column.columnDef.cell,
+                      props: e.getContext()
+                    }, null, 8, ["render", "props"])
+                  ]))
+                ], 44, bt))), 128))
+              ], 4))), 128)),
+              me.value.length === 0 ? (s(), i("tr", xt, [
+                c("td", {
+                  colspan: B.value,
+                  class: "px-3 py-10 text-center text-sm text-[rgba(0,0,0,0.45)]"
+                }, M(f.loading ? d(v)("gsc.grid.table.loading") : d(v)("gsc.grid.table.empty")), 9, Ct)
+              ])) : u("", !0)
+            ])
+          ]),
+          c("div", {
+            style: p({ height: `${ze.value}px` })
+          }, null, 4)
+        ], 36)
+      ])) : (s(), i("div", He, [
+        c("table", Be, [
+          c("thead", Le, [
+            (s(!0), i(h, null, b(H.value, (o) => (s(), i("tr", {
+              key: o.id
+            }, [
+              f.enableRowSelection ? (s(), i("th", {
+                key: 0,
+                class: "gsc-th text-center",
+                style: p(K.value)
+              }, [
+                c("input", {
+                  type: "checkbox",
+                  class: "gsc-checkbox",
+                  checked: a.value.getIsAllPageRowsSelected?.(),
+                  ".indeterminate": a.value.getIsSomePageRowsSelected?.(),
+                  onChange: n[0] || (n[0] = (e) => a.value.toggleAllPageRowsSelected?.(!!e.target.checked))
+                }, null, 40, Ue)
+              ], 4)) : u("", !0),
+              (s(!0), i(h, null, b(o.headers, (e) => (s(), i("th", {
+                key: e.id,
+                class: "gsc-th",
+                style: p(q(e)),
+                onDragover: n[1] || (n[1] = k(() => {
+                }, ["prevent"])),
+                onDrop: (l) => N(l, e.column)
+              }, [
+                c("div", Ne, [
+                  c("div", {
+                    class: Ce(["flex items-center gap-1 min-w-0", e.column.getCanSort?.() ? "cursor-pointer" : ""]),
+                    onClick: (l) => U(l, e)
+                  }, [
+                    c("span", {
+                      class: "text-[rgba(0,0,0,0.25)] hover:text-[rgba(0,0,0,0.45)] cursor-grab select-none",
+                      title: d(v)("gsc.grid.table.dragReorder"),
+                      draggable: "true",
+                      onDragstart: (l) => G(l, e.column)
+                    }, " ⋮⋮ ", 40, Ke),
+                    c("span", je, [
+                      e.isPlaceholder ? u("", !0) : (s(), w(d(V), {
+                        key: 0,
+                        render: e.column.columnDef.header,
+                        props: e.getContext()
+                      }, null, 8, ["render", "props"]))
+                    ]),
+                    e.column.getCanSort?.() ? (s(), i("span", qe, M(L(e.column)), 1)) : u("", !0)
+                  ], 10, We),
+                  Q(e.column) ? (s(), i("button", {
+                    key: 0,
+                    type: "button",
+                    class: "ml-auto gsc-btn gsc-btn-text gsc-btn-icon-sm",
+                    title: d(v)("gsc.grid.table.filter"),
+                    "aria-label": d(v)("gsc.grid.table.filter"),
+                    onClick: k((l) => Z(e.column.id), ["stop"])
+                  }, [...n[4] || (n[4] = [
+                    c("i", {
+                      class: "i-material-symbols:filter-alt-outline",
+                      "aria-hidden": "true"
+                    }, null, -1)
+                  ])], 8, Je)) : u("", !0)
+                ]),
+                y.value === e.column.id ? (s(), w(Se, {
+                  key: 0,
+                  value: C[e.column.id],
+                  type: X(e.column),
+                  options: Y(e.column),
+                  "onUpdate:value": (l) => ee(e.column.id, l),
+                  onApply: (l) => te(e.column.id),
+                  onClear: (l) => ne(e.column.id)
+                }, null, 8, ["value", "type", "options", "onUpdate:value", "onApply", "onClear"])) : u("", !0),
+                e.column.getCanResize?.() ? (s(), i("div", {
+                  key: 1,
+                  class: "absolute right-0 top-0 h-full w-2 cursor-col-resize",
+                  onMousedown: k((l) => e.getResizeHandler?.()(l), ["prevent"])
+                }, null, 40, Qe)) : u("", !0)
+              ], 44, Ge))), 128))
+            ]))), 128))
+          ]),
+          c("tbody", null, [
+            (s(!0), i(h, null, b(z.value, (o) => (s(), i("tr", {
+              key: o.id,
+              class: "gsc-tr"
+            }, [
+              f.enableRowSelection ? (s(), i("td", {
+                key: 0,
+                class: "gsc-td text-center",
+                style: p(j.value)
+              }, [
+                c("input", {
+                  type: "checkbox",
+                  class: "gsc-checkbox",
+                  checked: o.getIsSelected?.(),
+                  onChange: (e) => o.toggleSelected?.(!!e.target.checked)
+                }, null, 40, Xe)
+              ], 4)) : u("", !0),
+              (s(!0), i(h, null, b(o.getVisibleCells(), (e) => (s(), i("td", {
+                key: e.id,
+                class: "gsc-td align-top",
+                style: p(J(e)),
+                onDblclick: (l) => F(o, e.column)
+              }, [
+                t.$slots[`cell-${e.column.id}`] ? Oe(t.$slots, `cell-${e.column.id}`, {
+                  key: 0,
+                  value: e.getValue(),
+                  row: o.original
+                }, void 0, !0) : (s(), i("div", Ze, [
+                  c("div", et, [
+                    O(o, e.column) ? (s(), w(De, {
+                      key: 0,
+                      "model-value": ce(o, e.column),
+                      type: se(e.column),
+                      options: ie(e.column),
+                      onUpdateModelValue: (l) => re(o, e.column, l),
+                      onCommit: (l) => ae(o, e.column, l),
+                      onCancel: (l) => ue(o, e.column)
+                    }, null, 8, ["model-value", "type", "options", "onUpdateModelValue", "onCommit", "onCancel"])) : (s(), i("span", tt, [
+                      _e(d(V), {
+                        render: e.column.columnDef.cell,
+                        props: e.getContext()
+                      }, null, 8, ["render", "props"])
+                    ]))
+                  ]),
+                  le(e.column) && !O(o, e.column) ? (s(), i("button", {
+                    key: 0,
+                    class: "shrink-0 mt-0.5 gsc-btn gsc-btn-default px-2 h-6 text-xs",
+                    onClick: k((l) => F(o, e.column), ["stop"])
+                  }, " ✎ ", 8, nt)) : u("", !0)
+                ]))
+              ], 44, Ye))), 128))
+            ]))), 128)),
+            z.value.length === 0 ? (s(), i("tr", ot, [
+              c("td", {
+                colspan: B.value,
+                class: "px-3 py-10 text-center text-sm text-[rgba(0,0,0,0.45)]"
+              }, M(f.loading ? d(v)("gsc.grid.table.loading") : d(v)("gsc.grid.table.empty")), 9, lt)
+            ])) : u("", !0)
+          ])
+        ])
+      ]))
+    ]));
+  }
+}, Vt = /* @__PURE__ */ Te(St, [["__scopeId", "data-v-94c3d799"]]);
+export {
+  Vt as default
+};

package/dist/es/src/Grid/src/components/Pager.css

@@ -0,0 +1 @@
+[data-v-8a0548c7],[data-v-8a0548c7]:before,[data-v-8a0548c7]:after{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / .5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: }[data-v-8a0548c7]::backdrop{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / .5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: }.text-sm[data-v-8a0548c7]{font-size:.875rem;line-height:1.25rem}

package/dist/es/src/Grid/src/components/Pager.vue.js

@@ -0,0 +1,55 @@
+import { computed as p, createElementBlock as n, openBlock as l, createElementVNode as s, toDisplayString as i, unref as u, Fragment as c, renderList as m } from "vue";
+import { useLocale as b } from "../../../hooks/useLocale.js";
+import './Pager.css';/* empty css           */
+import v from "../../../../_virtual/_plugin-vue_export-helper.js";
+const f = { class: "gsc-pager" }, y = { class: "text-sm gsc-text-secondary" }, z = ["value"], S = ["value"], N = ["disabled"], $ = { class: "gsc-pager-jumper text-sm" }, k = ["value"], h = { class: "gsc-text-secondary" }, x = ["disabled"], C = {
+  __name: "Pager",
+  props: {
+    page: { type: Number, default: 1 },
+    pageSize: { type: Number, default: 10 },
+    total: { type: Number, default: 0 },
+    pageSizeOptions: { type: Array, default: () => [10, 20, 50, 100] }
+  },
+  emits: ["update:page", "update:pageSize"],
+  setup(t) {
+    const g = t, { t: r } = b(), d = p(() => Math.max(1, Math.ceil((g.total || 0) / (g.pageSize || 1))));
+    return (o, e) => (l(), n("div", f, [
+      s("div", y, i(u(r)("gsc.grid.pager.total", { total: t.total })), 1),
+      s("select", {
+        class: "gsc-control gsc-control-auto",
+        value: t.pageSize,
+        onChange: e[0] || (e[0] = (a) => o.$emit("update:pageSize", Number(a.target.value)))
+      }, [
+        (l(!0), n(c, null, m(t.pageSizeOptions, (a) => (l(), n("option", {
+          key: a,
+          value: a
+        }, i(u(r)("gsc.grid.pager.pageSize", { size: a })), 9, S))), 128))
+      ], 40, z),
+      s("button", {
+        class: "gsc-btn gsc-btn-default gsc-btn-icon",
+        disabled: t.page <= 1,
+        onClick: e[1] || (e[1] = (a) => o.$emit("update:page", t.page - 1))
+      }, [...e[4] || (e[4] = [
+        s("span", { "aria-hidden": "true" }, "‹", -1)
+      ])], 8, N),
+      s("div", $, [
+        s("input", {
+          class: "gsc-control gsc-control-page gsc-control-center",
+          value: t.page,
+          onChange: e[2] || (e[2] = (a) => o.$emit("update:page", Number(a.target.value || 1)))
+        }, null, 40, k),
+        s("span", h, "/ " + i(d.value), 1)
+      ]),
+      s("button", {
+        class: "gsc-btn gsc-btn-default gsc-btn-icon",
+        disabled: t.page >= d.value,
+        onClick: e[3] || (e[3] = (a) => o.$emit("update:page", t.page + 1))
+      }, [...e[5] || (e[5] = [
+        s("span", { "aria-hidden": "true" }, "›", -1)
+      ])], 8, x)
+    ]));
+  }
+}, M = /* @__PURE__ */ v(C, [["__scopeId", "data-v-8a0548c7"]]);
+export {
+  M as default
+};

package/dist/es/src/Grid/src/components/QueryBar.css

@@ -0,0 +1 @@
+[data-v-e3036b77],[data-v-e3036b77]:before,[data-v-e3036b77]:after{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / .5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: }[data-v-e3036b77]::backdrop{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / .5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: }.grid-cols-1[data-v-e3036b77]{grid-template-columns:repeat(1,minmax(0,1fr))}@media(min-width:768px){.md\:grid-cols-2[data-v-e3036b77]{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:992px){.lg\:col-span-2[data-v-e3036b77]{grid-column:span 2/span 2}.lg\:col-span-3[data-v-e3036b77]{grid-column:span 3/span 3}.lg\:col-span-4[data-v-e3036b77]{grid-column:span 4/span 4}.lg\:grid-cols-3[data-v-e3036b77]{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(min-width:1200px){.xl\:col-span-4[data-v-e3036b77]{grid-column:span 4/span 4}.xl\:grid-cols-4[data-v-e3036b77]{grid-template-columns:repeat(4,minmax(0,1fr))}}