@gcsa/console-vue 0.1.0

package/dist/components/GcsaDataTable.vue.js

@@ -0,0 +1,1020 @@
+import { defineComponent as el, computed as u, ref as R, watch as S, openBlock as i, createElementBlock as c, normalizeClass as E, createElementVNode as w, toDisplayString as z, createCommentVNode as m, renderSlot as B, normalizeStyle as T, createVNode as D, unref as C, withCtx as tl, createTextVNode as ll, Fragment as Y, renderList as oe, createBlock as re, withModifiers as U } from "vue";
+import { useVueTable as al, getPaginationRowModel as nl, getExpandedRowModel as ol, getSortedRowModel as il, getFilteredRowModel as sl, getCoreRowModel as cl, FlexRender as de } from "@tanstack/vue-table";
+import { normalizeGcsaTableColumns as ul, GCSA_TABLE_SELECTION_COLUMN_WIDTH as rl, GCSA_TABLE_EXPAND_COLUMN_WIDTH as dl, getGcsaTableSortChange as ke, formatGcsaLocaleMessage as Te, getGcsaTableRowId as gl, getGcsaTableDefaultExpandedKeys as fl, getGcsaTableSorting as vl, getGcsaTableFixedOffset as ml } from "@gcsa/console-core";
+import pl from "./GcsaButton.vue.js";
+import Ze from "./GcsaCheckbox.vue.js";
+import hl from "./GcsaEmpty.vue.js";
+import De from "./GcsaIcon.vue.js";
+import yl from "./GcsaInput.vue.js";
+import bl from "./GcsaPagination.vue.js";
+import Cl from "./GcsaSelect.vue.js";
+import xl from "./GcsaSpin.vue.js";
+import { resolveGcsaTableColumns as _l, formatGcsaTableCellValue as et, gcsaTableCellSlotName as wl, gcsaTableHeaderSlotName as Rl } from "../utils/gcsaTableColumns.js";
+import { useGcsaLocaleMessages as Sl } from "../composables/useGcsaLocale.js";
+import { useGcsaComponentSize as kl } from "../composables/useGcsaComponentSize.js";
+const Tl = {
+  key: 0,
+  class: "gcsa-data-table__toolbar"
+}, Dl = { class: "gcsa-data-table__toolbar-meta" }, Ml = {
+  key: 0,
+  class: "gcsa-data-table__count"
+}, Ll = {
+  key: 1,
+  class: "gcsa-data-table__selected"
+}, El = {
+  key: 0,
+  class: "gcsa-data-table__toolbar-actions"
+}, zl = {
+  key: 1,
+  class: "gcsa-data-table__columns-control"
+}, Kl = {
+  key: 0,
+  class: "gcsa-data-table__state gcsa-data-table__state--loading",
+  role: "status",
+  "aria-live": "polite"
+}, Wl = { class: "gcsa-data-table__loading-label" }, $l = {
+  key: 1,
+  class: "gcsa-data-table__state gcsa-data-table__state--error",
+  role: "alert"
+}, Vl = { class: "gcsa-table__head" }, Bl = ["rowspan"], Ol = ["rowspan"], Al = ["colspan", "rowspan", "onClick", "aria-sort"], Fl = ["onClick"], Pl = { class: "gcsa-table__sort-label" }, jl = {
+  class: "gcsa-table__sort-icon",
+  "aria-hidden": "true"
+}, Nl = {
+  key: 1,
+  class: "gcsa-table__head-text"
+}, Hl = {
+  key: 2,
+  class: "gcsa-table__head-text"
+}, Gl = {
+  key: 3,
+  class: "gcsa-table__filter"
+}, Il = ["aria-label", "onPointerdown"], Ul = {
+  key: 0,
+  class: "gcsa-table__body"
+}, Jl = ["data-selected", "data-current", "onClick", "onDblclick", "onContextmenu"], Xl = ["disabled", "aria-label", "aria-expanded", "onClick"], ql = {
+  key: 1,
+  class: "gcsa-table__tree-state",
+  role: "status"
+}, Ql = ["onClick"], Yl = ["data-label", "title", "data-column-id", "onClick", "onDblclick", "onContextmenu"], Zl = { key: 1 }, ea = ["colspan"], ta = {
+  key: 1,
+  class: "gcsa-table__foot"
+}, la = { class: "gcsa-table__summary-row" }, aa = {
+  key: 3,
+  class: "gcsa-data-table__empty"
+}, na = {
+  key: 1,
+  class: "gcsa-data-table__footer"
+}, oa = {
+  key: 0,
+  class: "gcsa-data-table__footer-meta"
+}, Ca = /* @__PURE__ */ el({
+  name: "GcsaDataTable",
+  __name: "GcsaDataTable",
+  props: {
+    data: { default: () => [] },
+    columns: {},
+    legacyColumns: {},
+    selectable: { type: [Boolean, Function] },
+    pagination: { type: Boolean, default: !0 },
+    pageSize: { default: 10 },
+    pageSizeOptions: { default: () => [10, 20, 50, 100] },
+    showPageSize: { type: Boolean, default: !1 },
+    showJumper: { type: Boolean, default: !1 },
+    pageSizeLabel: {},
+    jumperLabel: {},
+    paginationLayout: {},
+    paginationAlign: {},
+    showTotal: { type: Boolean, default: !0 },
+    page: { default: 1 },
+    showToolbar: { type: Boolean, default: !0 },
+    showCount: { type: Boolean, default: !0 },
+    size: {},
+    rowKey: {},
+    height: {},
+    maxHeight: {},
+    expandable: { type: Boolean },
+    defaultExpandAll: { type: Boolean, default: !1 },
+    selectedRowKeys: {},
+    fixedSelection: { type: Boolean },
+    selectionColumnWidth: { default: void 0 },
+    expandColumnWidth: { default: void 0 },
+    columnVisibility: {},
+    resizable: { type: Boolean },
+    columnWidths: {},
+    treeData: { type: Boolean, default: !1 },
+    childrenKey: { default: "children" },
+    treeLazy: { type: Boolean, default: !1 },
+    treeHasChildrenKey: { default: "hasChildren" },
+    treeHasChildren: {},
+    loadChildren: {},
+    treeLoadingText: {},
+    treeLoadErrorText: {},
+    expandedRowKeys: {},
+    mobileMode: { default: "scroll" },
+    stripe: { type: Boolean, default: !1 },
+    bordered: { type: Boolean, default: !1 },
+    highlightCurrentRow: { type: Boolean, default: !1 },
+    currentRowKey: {},
+    rowClassName: {},
+    summary: {},
+    summaryLabel: {},
+    total: { default: void 0 },
+    serverSide: { type: Boolean, default: !1 },
+    sorting: {},
+    filters: {},
+    defaultSorting: { default: () => [] },
+    defaultFilters: { default: () => ({}) },
+    loading: { type: Boolean, default: !1 },
+    error: { default: void 0 },
+    retryLabel: {},
+    onTreeLoadError: {},
+    onRowClick: {},
+    onCellClick: {},
+    onRowContextMenu: {},
+    onCellContextMenu: {},
+    onLegacyRowClick: {},
+    onLegacyCellClick: {},
+    onLegacyRowContextMenu: {},
+    onLegacyCellContextMenu: {},
+    onCurrentChange: {},
+    onExpandChange: {}
+  },
+  emits: ["update:page", "update:pageSize", "update:sorting", "sort-change", "update:filters", "filter-change", "update:selectedRows", "update:selectedRowKeys", "selection-change", "select", "select-all", "update:columnVisibility", "update:columnWidths", "update:expandedRowKeys", "update:currentRowKey", "tree-load-error", "retry", "row-click", "row-dblclick", "cell-click", "cell-dblclick", "header-click", "row-context-menu", "cell-context-menu", "legacy-row-click", "legacy-cell-click", "legacy-row-context-menu", "legacy-cell-context-menu", "current-change", "expand-change"],
+  setup(f, { expose: tt, emit: lt }) {
+    const n = f, y = Sl(), at = u(() => n.pageSizeLabel ?? y.value.paginationPageSize), nt = u(() => n.jumperLabel ?? y.value.paginationJumper), ot = u(() => n.retryLabel ?? y.value.retry), it = u(() => n.treeLoadingText ?? y.value.dataTableTreeLoading), st = u(() => n.treeLoadErrorText ?? y.value.dataTableTreeLoadError), ct = u(() => n.summaryLabel ?? y.value.dataTableSummary);
+    function ut(e) {
+      return Ce(e) ? y.value.dataTableLoadChildren : Ie(e) ? y.value.dataTableRetryChildren : V(e) ? y.value.dataTableCollapseRow : y.value.dataTableExpandRow;
+    }
+    const O = u(() => n.data ?? []), s = lt, M = R(n.page), L = R(n.pageSize), J = u(() => {
+      var e;
+      return (e = n.legacyColumns) != null && e.length ? ul(n.legacyColumns, { page: M.value, pageSize: L.value }) : void 0;
+    }), K = u(() => {
+      var e;
+      return ((e = J.value) == null ? void 0 : e.selectable) ?? n.selectable ?? !1;
+    }), F = u(() => {
+      var e;
+      return ((e = J.value) == null ? void 0 : e.expandable) ?? n.expandable ?? !1;
+    }), Me = u(() => {
+      var e;
+      return n.fixedSelection ?? ((e = J.value) == null ? void 0 : e.fixedSelection) ?? !1;
+    }), ie = u(() => {
+      var e;
+      return n.selectionColumnWidth ?? ((e = J.value) == null ? void 0 : e.selectionColumnWidth) ?? rl;
+    }), Z = u(() => {
+      var e;
+      return n.expandColumnWidth ?? ((e = J.value) == null ? void 0 : e.expandColumnWidth) ?? dl;
+    }), rt = u(() => {
+      var e;
+      return _l(((e = J.value) == null ? void 0 : e.columns) ?? n.columns ?? []);
+    }), A = R([...n.sorting ?? n.defaultSorting]), k = R(je(n.filters ?? n.defaultFilters)), P = R(le(n.selectedRowKeys)), j = R({ ...n.columnVisibility ?? {} }), X = R({ ...n.columnWidths ?? {} }), x = R(le(n.expandedRowKeys ?? (n.defaultExpandAll ? He(O.value) : void 0))), W = R(n.currentRowKey), ee = R(), $ = R({}), q = R({}), Q = R({}), ge = /* @__PURE__ */ new WeakMap();
+    let dt = 0;
+    const N = u(() => n.total ?? O.value.length), Le = u(() => Je(rt.value)), H = u(() => Ue(Le.value)), gt = u(() => H.value.filter((e) => !b(e).hidden).map((e) => ({ id: e.id ?? "", title: ye(e), visible: j.value[e.id ?? ""] !== !1 }))), ft = u(() => H.value.length + (K.value ? 1 : 0) + (F.value || n.treeData ? 1 : 0)), Ee = u(() => !!(K.value && Me.value)), fe = u(() => ({
+      width: `${Z.value}px`,
+      minWidth: `${Z.value}px`,
+      maxWidth: `${Z.value}px`,
+      ...Ee.value ? { position: "sticky", left: "0" } : {}
+    })), ve = u(() => ({
+      width: `${ie.value}px`,
+      minWidth: `${ie.value}px`,
+      maxWidth: `${ie.value}px`,
+      ...Ee.value ? {
+        position: "sticky",
+        left: F.value || n.treeData ? `${Z.value}px` : "0"
+      } : {}
+    })), vt = u(() => {
+      const e = {};
+      return n.height !== void 0 && (e.height = typeof n.height == "number" ? `${n.height}px` : n.height), n.maxHeight !== void 0 && (e.maxHeight = typeof n.maxHeight == "number" ? `${n.maxHeight}px` : n.maxHeight), e;
+    }), ze = u(() => {
+      if (!n.treeData || !Object.keys($.value).length) return O.value;
+      const e = (l) => l.map((t, o) => {
+        const a = ae(t, o), d = $.value[a], r = t[n.childrenKey], p = d ?? r;
+        if (!p) return t;
+        const h = { ...t, [n.childrenKey]: e(p) };
+        return ge.set(h, a), h;
+      });
+      return e(O.value);
+    }), v = al({
+      get data() {
+        return ze.value;
+      },
+      get columns() {
+        return Le.value;
+      },
+      getRowId: (e, l, t) => G(e, l, t == null ? void 0 : t.id),
+      getSubRows: (e) => n.treeData ? e[n.childrenKey] ?? [] : void 0,
+      getRowCanExpand: (e) => n.treeData ? Ge(e.original, e.index) : !1,
+      state: {
+        get sorting() {
+          return A.value;
+        },
+        get columnFilters() {
+          return k.value;
+        },
+        get rowSelection() {
+          return P.value;
+        },
+        get pagination() {
+          return {
+            pageIndex: M.value - 1,
+            pageSize: L.value
+          };
+        },
+        get expanded() {
+          return x.value;
+        }
+      },
+      enableRowSelection: (e) => typeof K.value == "function" ? K.value(e.original, e.index) : K.value,
+      onSortingChange: (e) => {
+        const l = typeof e == "function" ? e(A.value) : e;
+        A.value = l, s("sort-change", ke(l));
+      },
+      onColumnFiltersChange: (e) => {
+        k.value = typeof e == "function" ? e(k.value) : e;
+      },
+      onRowSelectionChange: (e) => {
+        const l = typeof e == "function" ? e(P.value) : e;
+        pe(l);
+      },
+      onExpandedChange: (e) => {
+        const l = typeof e == "function" ? e(x.value) : e;
+        x.value = l, s("update:expandedRowKeys", l === !0 ? v.getRowModel().flatRows.map((t) => t.id) : Object.keys(l).filter((t) => l[t]));
+      },
+      getCoreRowModel: cl(),
+      getFilteredRowModel: n.serverSide ? void 0 : sl(),
+      getSortedRowModel: n.serverSide ? void 0 : il(),
+      getExpandedRowModel: n.treeData ? ol() : void 0,
+      getPaginationRowModel: n.serverSide ? void 0 : nl(),
+      manualPagination: n.serverSide,
+      manualSorting: n.serverSide,
+      manualFiltering: n.serverSide,
+      get pageCount() {
+        return n.serverSide ? Math.ceil(N.value / L.value) : void 0;
+      }
+    }), mt = kl(() => n.size), Ke = u(() => mt.value === "sm" ? "gcsa-table--sm" : void 0), pt = u(() => ({
+      [Ke.value ?? ""]: !!Ke.value,
+      "gcsa-table--striped": n.stripe,
+      "gcsa-table--bordered": n.bordered
+    })), We = u(() => {
+      var e;
+      return (e = n.summary) == null ? void 0 : e.call(n, O.value);
+    }), $e = u(() => v.getSelectedRowModel().rows.length), ht = u(() => v.getRowModel().rows), Ve = u(() => te.value.length > 0 && te.value.every((e) => e.getIsSelected())), te = u(() => v.getRowModel().rows.filter((e) => e.getCanSelect())), yt = u(() => N.value ? (M.value - 1) * L.value + 1 : 0), bt = u(() => Math.min(M.value * L.value, N.value)), Ct = u(
+      () => Te(y.value.dataTableTotal, { count: N.value })
+    ), xt = u(
+      () => Te(y.value.dataTableSelected, { count: $e.value })
+    ), _t = u(
+      () => Te(y.value.dataTableRange, {
+        start: yt.value,
+        end: bt.value,
+        total: N.value
+      })
+    );
+    function Be(e) {
+      if (!te.value.length) return;
+      v.toggleAllPageRowsSelected(e);
+      const l = { ...P.value };
+      te.value.forEach((t) => {
+        l[t.id] = e;
+      }), s("select-all", me(l));
+    }
+    function me(e) {
+      return v.getCoreRowModel().flatRows.filter((l) => e[l.id] && l.getCanSelect()).map((l) => l.original);
+    }
+    function wt(e, l, t) {
+      var d;
+      const o = { ...P.value, [l]: t }, a = me(o);
+      (d = v.getCoreRowModel().flatRows.find((r) => r.id === l)) == null || d.toggleSelected(t), s("select", a, e);
+    }
+    function pe(e) {
+      P.value = e;
+      const l = Object.keys(e).filter((o) => e[o]);
+      s("update:selectedRowKeys", l);
+      const t = me(e);
+      s("update:selectedRows", t), s("selection-change", t);
+    }
+    function Oe() {
+      A.value = [], s("sort-change", ke([]));
+    }
+    function Ae() {
+      k.value = [], s("update:filters", {}), s("filter-change", {});
+    }
+    function Rt(e) {
+      if (e === void 0) {
+        Ae();
+        return;
+      }
+      const l = new Set(Array.isArray(e) ? e : [e]);
+      k.value = k.value.filter((o) => !l.has(o.id));
+      const t = Ne(k.value);
+      s("update:filters", t), s("filter-change", t);
+    }
+    function St(e, l) {
+      A.value = vl(e, l), s("sort-change", ke(A.value));
+    }
+    function kt() {
+      pe({});
+    }
+    function Tt() {
+      x.value = {}, s("update:expandedRowKeys", []);
+    }
+    function Fe(e, l = !0) {
+      const t = v.getCoreRowModel().flatRows.find((o) => o.id === e);
+      !t || !t.getCanSelect() || pe({ ...P.value, [e]: l });
+    }
+    function Dt(e, l) {
+      const t = he(e);
+      !t || !t.getCanSelect() || Fe(t.id, l ?? !t.getIsSelected());
+    }
+    function Mt() {
+      Be(!Ve.value);
+    }
+    async function Pe(e, l = !0) {
+      const t = v.getCoreRowModel().flatRows.find((a) => a.id === e);
+      if (!t) return;
+      if (n.treeData) {
+        if (V(e) === l) return;
+        l ? await be(t) : se(t, !1);
+        return;
+      }
+      const o = { ...x.value === !0 ? {} : x.value, [e]: l };
+      x.value = o, s("update:expandedRowKeys", Object.keys(o).filter((a) => o[a]));
+    }
+    async function Lt(e, l) {
+      const t = he(e);
+      t && await Pe(t.id, l ?? !V(t.id));
+    }
+    function Et(e) {
+      const l = e ? he(e) : void 0;
+      W.value = l == null ? void 0 : l.id, s("update:currentRowKey", l == null ? void 0 : l.id);
+    }
+    function he(e) {
+      const l = v.getCoreRowModel().flatRows, t = l.find((o) => o.original === e);
+      if (t) return t;
+      if (n.rowKey) {
+        const o = G(e, 0);
+        return l.find((a) => a.id === o);
+      }
+    }
+    function zt() {
+      return v.getCoreRowModel().flatRows.filter((e) => e.getIsSelected()).map((e) => e.original);
+    }
+    function Kt(e) {
+      var l;
+      (l = ee.value) == null || l.scrollTo({ top: e });
+    }
+    function Wt(e, l) {
+      ee.value && (typeof e == "number" ? ee.value.scrollTo(e, l ?? 0) : ee.value.scrollTo(e));
+    }
+    function $t(e) {
+      M.value = e, v.setPageIndex(e - 1), s("update:page", e);
+    }
+    function Vt(e) {
+      !n.pageSizeOptions.includes(e) || e === L.value || (L.value = e, M.value = 1, s("update:pageSize", e), s("update:page", 1));
+    }
+    function G(e, l, t) {
+      return gl(e, l, n.rowKey, t);
+    }
+    function le(e) {
+      return Object.fromEntries((e ?? []).map((l) => [l, !0]));
+    }
+    function je(e) {
+      return Object.entries(e ?? {}).filter(([, l]) => l !== "").map(([l, t]) => ({ id: l, value: t }));
+    }
+    function Ne(e) {
+      return Object.fromEntries(e.map((l) => [l.id, String(l.value)]));
+    }
+    function He(e) {
+      return fl(e, n.treeData, n.childrenKey, n.rowKey);
+    }
+    function Bt(e) {
+      const l = e === !0 ? void 0 : new Set(Object.keys(e).filter((a) => e[a])), t = [], o = (a, d) => a.forEach((r, p) => {
+        const h = G(r, p, d);
+        if ((!l || l.has(h)) && t.push(r), n.treeData) {
+          const g = r[n.childrenKey];
+          Array.isArray(g) && o(g, h);
+        }
+      });
+      return o(ze.value), t;
+    }
+    function ye(e) {
+      return typeof e.header == "string" ? e.header : e.id ?? "";
+    }
+    function Ot(e) {
+      const l = H.value.length, t = { ...j.value, [e]: j.value[e] === !1 };
+      !t[e] && l <= 1 || (j.value = t, s("update:columnVisibility", t));
+    }
+    function V(e) {
+      return x.value === !0 || x.value[e] === !0;
+    }
+    function se(e, l) {
+      const o = { ...x.value === !0 ? {} : x.value, [e.id]: l };
+      x.value = o, s("update:expandedRowKeys", Object.keys(o).filter((a) => o[a])), At(e.original, l, o);
+    }
+    async function be(e) {
+      var l;
+      if (n.treeData && n.treeLazy && !V(e.id)) {
+        const t = ae(e.original, e.index);
+        if (!Object.prototype.hasOwnProperty.call($.value, t) && n.loadChildren && Ge(e.original, e.index)) {
+          q.value = { ...q.value, [t]: !0 };
+          const o = { ...Q.value };
+          delete o[t], Q.value = o;
+          try {
+            const a = await n.loadChildren(e.original, e.index);
+            $.value = { ...$.value, [t]: a ?? [] }, a != null && a.length && se(e, !0);
+          } catch (a) {
+            Q.value = { ...Q.value, [t]: a }, s("tree-load-error", a, e.original, e.index), (l = n.onTreeLoadError) == null || l.call(n, a, e.original, e.index);
+          } finally {
+            const a = { ...q.value };
+            delete a[t], q.value = a;
+          }
+        } else Object.prototype.hasOwnProperty.call($.value, t) && se(e, !V(e.id));
+        return;
+      }
+      se(e, !V(e.id));
+    }
+    function At(e, l, t = x.value) {
+      var a;
+      const o = Bt(t);
+      s("expand-change", e, l, o), (a = n.onExpandChange) == null || a.call(n, e, l, o);
+    }
+    function ae(e, l) {
+      const t = e, o = ge.get(t);
+      if (o) return o;
+      const a = n.rowKey ? G(e, l) : `tree-${dt++}`;
+      return ge.set(t, a), a;
+    }
+    function Ge(e, l) {
+      const t = ae(e, l);
+      if (Object.prototype.hasOwnProperty.call($.value, t)) return $.value[t].length > 0;
+      const o = e[n.childrenKey];
+      return Array.isArray(o) && o.length ? !0 : n.treeLazy ? n.treeHasChildren ? n.treeHasChildren(e, l) : e[n.treeHasChildrenKey] === !0 : !1;
+    }
+    function Ce(e) {
+      const l = v.getRowModel().flatRows.find((t) => t.id === e);
+      return !!(l && q.value[ae(l.original, l.index)]);
+    }
+    function Ie(e) {
+      const l = v.getRowModel().flatRows.find((t) => t.id === e);
+      return !!(l && Q.value[ae(l.original, l.index)]);
+    }
+    function ne(e, l) {
+      const t = l ? b(l) : {};
+      return {
+        id: e,
+        prop: e,
+        label: l ? ye(l) : e,
+        width: t.width,
+        minWidth: t.minWidth,
+        fixed: t.fixed
+      };
+    }
+    function Ft(e, l, t) {
+      const o = ne(l, t);
+      s("header-click", o, e);
+    }
+    function Pt(e, l, t) {
+      var d, r, p, h, g;
+      if (n.highlightCurrentRow) {
+        const _ = (d = v.getCoreRowModel().flatRows.find((ce) => ce.id === W.value)) == null ? void 0 : d.original;
+        W.value = G(l, t), s("update:currentRowKey", W.value), s("current-change", l, _), (r = n.onCurrentChange) == null || r.call(n, l, _);
+      }
+      s("row-click", l, t), (p = n.onRowClick) == null || p.call(n, l, t);
+      const o = (h = v.getRowModel().rows.find((_) => _.original === l)) == null ? void 0 : h.getVisibleCells()[0], a = ne((o == null ? void 0 : o.column.id) ?? "", o == null ? void 0 : o.column.columnDef);
+      s("legacy-row-click", l, a, e), (g = n.onLegacyRowClick) == null || g.call(n, l, a, e);
+    }
+    function jt(e, l, t) {
+      s("row-dblclick", l, t, e);
+    }
+    function Nt(e, l) {
+      return n.highlightCurrentRow && W.value === G(e, l);
+    }
+    function Ht(e, l) {
+      return typeof n.rowClassName == "function" ? n.rowClassName(e, l) : n.rowClassName;
+    }
+    function Gt(e, l, t, o, a) {
+      var p, h, g, _, ce;
+      if (n.highlightCurrentRow) {
+        const ue = (p = v.getCoreRowModel().flatRows.find((Zt) => Zt.id === W.value)) == null ? void 0 : p.original;
+        W.value = G(l, a), s("update:currentRowKey", W.value), s("current-change", l, ue), (h = n.onCurrentChange) == null || h.call(n, l, ue);
+      }
+      s("cell-click", l, t, o, a), (g = n.onCellClick) == null || g.call(n, l, t, o, a);
+      const d = ne(t, (_ = v.getAllLeafColumns().find((ue) => ue.id === t)) == null ? void 0 : _.columnDef), r = e.currentTarget;
+      s("legacy-cell-click", l, d, r, e), (ce = n.onLegacyCellClick) == null || ce.call(n, l, d, r, e);
+    }
+    function It(e, l, t, o, a) {
+      s("cell-dblclick", l, t, o, a, e);
+    }
+    function I(e) {
+      return "columns" in e && Array.isArray(e.columns) ? e.columns : [];
+    }
+    function Ue(e) {
+      return e.flatMap((l) => {
+        const t = I(l);
+        return t.length ? Ue(t) : [l];
+      });
+    }
+    function Je(e) {
+      return e.flatMap((l) => {
+        if (b(l).hidden || j.value[l.id ?? ""] === !1) return [];
+        const o = I(l);
+        if (!o.length) return [l];
+        const a = Je(o);
+        return a.length ? [{ ...l, columns: a }] : [];
+      });
+    }
+    function Ut(e, l, t) {
+      var d, r, p;
+      s("row-context-menu", e, l, t), (d = n.onRowContextMenu) == null || d.call(n, e, l, t);
+      const o = (r = v.getRowModel().rows.find((h) => h.original === l)) == null ? void 0 : r.getVisibleCells()[0], a = ne((o == null ? void 0 : o.column.id) ?? "", o == null ? void 0 : o.column.columnDef);
+      s("legacy-row-context-menu", l, a, e), (p = n.onLegacyRowContextMenu) == null || p.call(n, l, a, e);
+    }
+    function Jt(e, l, t, o, a) {
+      var p, h, g;
+      s("cell-context-menu", e, l, t, o, a), (p = n.onCellContextMenu) == null || p.call(n, e, l, t, o, a);
+      const d = ne(t, (h = v.getAllLeafColumns().find((_) => _.id === t)) == null ? void 0 : h.columnDef), r = e.currentTarget;
+      s("legacy-cell-context-menu", l, d, r, e), (g = n.onLegacyCellContextMenu) == null || g.call(n, l, d, r, e);
+    }
+    function xe(e) {
+      if (e === "center") return "gcsa-table__align-center";
+      if (e === "right") return "gcsa-table__align-right";
+    }
+    function Xt(e) {
+      return e === "asc" ? "ascending" : e === "desc" ? "descending" : "none";
+    }
+    function Xe(e) {
+      return b(e.columnDef).slotKey ?? e.id;
+    }
+    function b(e) {
+      return e.meta ?? {};
+    }
+    function _e(e, l) {
+      const t = {}, o = X.value[l];
+      if (o ? t.width = `${o}px` : e.width && (t.width = e.width), o ? t.minWidth = `${o}px` : (e.minWidth ?? e.width) && (t.minWidth = e.minWidth ?? e.width), e.fixed) {
+        t.position = "sticky";
+        const a = e.fixed === !0 ? "left" : e.fixed, d = ml(
+          H.value.map((r) => ({ id: r.id ?? "", ...b(r) })),
+          l,
+          a,
+          {
+            expandable: F.value || n.treeData,
+            selectable: !!K.value,
+            fixedSelection: Me.value,
+            expandColumnWidth: Z.value,
+            selectionColumnWidth: ie.value,
+            columnWidths: X.value
+          }
+        );
+        t[a] = `${d}px`;
+      }
+      return Object.keys(t).length ? t : void 0;
+    }
+    function qt(e, l) {
+      const o = e.currentTarget.parentElement, a = (o == null ? void 0 : o.getBoundingClientRect().width) ?? qe(b(H.value.find((g) => g.id === l) ?? {})), d = Math.max(64, qe(b(H.value.find((g) => g.id === l) ?? {})) || 64), r = e.clientX, p = (g) => {
+        const _ = Math.max(d, Math.round(a + g.clientX - r));
+        X.value = { ...X.value, [l]: _ };
+      }, h = () => {
+        s("update:columnWidths", { ...X.value }), document.removeEventListener("pointermove", p), document.removeEventListener("pointerup", h);
+      };
+      document.addEventListener("pointermove", p), document.addEventListener("pointerup", h, { once: !0 });
+    }
+    function qe(e) {
+      const l = e.width ?? e.minWidth, t = l ? Number.parseFloat(l) : Number.NaN;
+      return Number.isFinite(t) ? t : 0;
+    }
+    function Qe(e) {
+      var l;
+      return String(((l = k.value.find((t) => t.id === e)) == null ? void 0 : l.value) ?? "");
+    }
+    function Ye(e, l) {
+      const t = k.value.filter((a) => a.id !== e);
+      l && t.push({ id: e, value: l }), k.value = t;
+      const o = Ne(t);
+      s("update:filters", o), s("filter-change", o);
+    }
+    function we(e) {
+      return Xe(e);
+    }
+    function Qt(e) {
+      return wl(e);
+    }
+    function Re(e) {
+      return Rl(e);
+    }
+    function Yt(e) {
+      return typeof e.cell == "function";
+    }
+    function Se(e) {
+      const l = e.column.columnDef.header;
+      return typeof l == "string" ? l : e.column.id;
+    }
+    return tt({
+      clearSorting: Oe,
+      clearFilters: Ae,
+      clearSelection: kt,
+      clearExpanded: Tt,
+      setRowSelected: Fe,
+      setRowExpanded: Pe,
+      clearSort: Oe,
+      clearFilter: Rt,
+      sort: St,
+      toggleRowSelection: Dt,
+      toggleAllSelection: Mt,
+      toggleRowExpansion: Lt,
+      setCurrentRow: Et,
+      getSelectionRows: zt,
+      setScrollTop: Kt,
+      scrollTo: Wt
+    }), S(
+      () => O.value.length,
+      () => {
+        M.value = 1;
+      }
+    ), S(
+      () => n.page,
+      (e) => {
+        e !== void 0 && e !== M.value && (M.value = e);
+      }
+    ), S(
+      () => n.pageSize,
+      (e) => {
+        e !== void 0 && e !== L.value && (L.value = e);
+      }
+    ), S(
+      () => n.selectedRowKeys,
+      (e) => {
+        e && (P.value = le(e));
+      },
+      { deep: !0 }
+    ), S(
+      () => n.columnVisibility,
+      (e) => {
+        e && (j.value = { ...e });
+      },
+      { deep: !0 }
+    ), S(
+      () => n.columnWidths,
+      (e) => {
+        e && (X.value = { ...e });
+      },
+      { deep: !0 }
+    ), S(
+      () => n.expandedRowKeys,
+      (e) => {
+        e && (x.value = le(e));
+      },
+      { deep: !0 }
+    ), S(
+      () => n.currentRowKey,
+      (e) => {
+        W.value = e;
+      }
+    ), S(
+      () => n.sorting,
+      (e) => {
+        e && (A.value = [...e]);
+      },
+      { deep: !0 }
+    ), S(
+      () => n.filters,
+      (e) => {
+        e && (k.value = je(e));
+      },
+      { deep: !0 }
+    ), S(
+      () => O.value,
+      (e) => {
+        $.value = {}, q.value = {}, Q.value = {}, n.defaultExpandAll && !n.expandedRowKeys && (x.value = le(He(e)));
+      }
+    ), S(A, (e) => {
+      s("update:sorting", e);
+    }), (e, l) => (i(), c("div", {
+      class: E(["gcsa-data-table", { "gcsa-data-table--cards": f.mobileMode === "cards" }])
+    }, [
+      f.showToolbar ? (i(), c("div", Tl, [
+        w("div", Dl, [
+          f.showCount && !f.loading ? (i(), c("span", Ml, z(Ct.value), 1)) : m("", !0),
+          $e.value ? (i(), c("span", Ll, z(xt.value), 1)) : m("", !0)
+        ]),
+        e.$slots.toolbar ? (i(), c("div", El, [
+          B(e.$slots, "toolbar")
+        ])) : m("", !0),
+        e.$slots.columns ? (i(), c("div", zl, [
+          B(e.$slots, "columns", {
+            columns: gt.value,
+            visibility: j.value,
+            toggle: Ot
+          })
+        ])) : m("", !0)
+      ])) : m("", !0),
+      w("div", {
+        ref_key: "tableWrap",
+        ref: ee,
+        class: "gcsa-table-wrap gcsa-ui-surface",
+        style: T(vt.value)
+      }, [
+        f.loading ? (i(), c("div", Kl, [
+          w("div", Wl, [
+            D(xl),
+            w("span", null, z(C(y).dataTableLoading), 1)
+          ])
+        ])) : f.error ? (i(), c("div", $l, [
+          w("span", null, z(f.error), 1),
+          D(pl, {
+            size: "sm",
+            variant: "secondary",
+            onClick: l[0] || (l[0] = (t) => s("retry"))
+          }, {
+            default: tl(() => [
+              ll(z(ot.value), 1)
+            ]),
+            _: 1
+          })
+        ])) : (i(), c("table", {
+          key: 2,
+          class: E(["gcsa-table", pt.value])
+        }, [
+          w("thead", Vl, [
+            (i(!0), c(Y, null, oe(C(v).getHeaderGroups(), (t, o) => (i(), c("tr", {
+              key: t.id
+            }, [
+              o === 0 && (F.value || f.treeData) ? (i(), c("th", {
+                key: 0,
+                class: "gcsa-table__col-expand",
+                scope: "col",
+                style: T(fe.value),
+                rowspan: C(v).getHeaderGroups().length
+              }, null, 12, Bl)) : m("", !0),
+              o === 0 && K.value ? (i(), c("th", {
+                key: 1,
+                class: "gcsa-table__col-check",
+                scope: "col",
+                style: T(ve.value),
+                rowspan: C(v).getHeaderGroups().length
+              }, [
+                D(Ze, {
+                  "model-value": Ve.value,
+                  disabled: !te.value.length,
+                  label: "",
+                  "aria-label": C(y).dataTableSelectAll,
+                  "onUpdate:modelValue": Be
+                }, null, 8, ["model-value", "disabled", "aria-label"])
+              ], 12, Ol)) : m("", !0),
+              (i(!0), c(Y, null, oe(t.headers, (a) => {
+                var d, r, p, h;
+                return i(), c("th", {
+                  key: a.id,
+                  scope: "col",
+                  colspan: a.colSpan,
+                  rowspan: a.rowSpan > 1 ? a.rowSpan : void 0,
+                  class: E(xe(b(a.column.columnDef).align)),
+                  style: T(_e(b(a.column.columnDef), a.column.id)),
+                  onClick: (g) => Ft(g, a.column.id, a.column.columnDef),
+                  "aria-sort": I(a.column.columnDef).length ? void 0 : Xt(a.column.getIsSorted())
+                }, [
+                  !a.isPlaceholder && !I(a.column.columnDef).length && a.column.getCanSort() ? (i(), c("button", {
+                    key: 0,
+                    type: "button",
+                    class: E(["gcsa-table__sort", { "gcsa-table__sort--active": a.column.getIsSorted() }]),
+                    onClick: (g) => {
+                      var _;
+                      return (_ = a.column.getToggleSortingHandler()) == null ? void 0 : _(g);
+                    }
+                  }, [
+                    w("span", Pl, [
+                      B(e.$slots, Re(we(a.column)), {
+                        column: a.column.id,
+                        title: Se(a)
+                      }, () => [
+                        a.isPlaceholder ? m("", !0) : (i(), re(C(de), {
+                          key: 0,
+                          render: a.column.columnDef.header,
+                          props: a.getContext()
+                        }, null, 8, ["render", "props"]))
+                      ])
+                    ]),
+                    w("span", jl, [
+                      w("span", {
+                        class: E(["gcsa-table__sort-chevron gcsa-table__sort-chevron--up", { "gcsa-table__sort-chevron--on": a.column.getIsSorted() === "asc" }])
+                      }, [
+                        D(De, {
+                          name: "chevronUp",
+                          size: "sm"
+                        })
+                      ], 2),
+                      w("span", {
+                        class: E(["gcsa-table__sort-chevron gcsa-table__sort-chevron--down", { "gcsa-table__sort-chevron--on": a.column.getIsSorted() === "desc" }])
+                      }, [
+                        D(De, {
+                          name: "chevronDown",
+                          size: "sm"
+                        })
+                      ], 2)
+                    ])
+                  ], 10, Fl)) : !a.isPlaceholder && !I(a.column.columnDef).length ? (i(), c("span", Nl, [
+                    B(e.$slots, Re(we(a.column)), {
+                      column: a.column.id,
+                      title: Se(a)
+                    }, () => [
+                      D(C(de), {
+                        render: a.column.columnDef.header,
+                        props: a.getContext()
+                      }, null, 8, ["render", "props"])
+                    ])
+                  ])) : a.isPlaceholder ? m("", !0) : (i(), c("span", Hl, [
+                    B(e.$slots, Re(we(a.column)), {
+                      column: a.column.id,
+                      title: Se(a)
+                    }, () => [
+                      D(C(de), {
+                        render: a.column.columnDef.header,
+                        props: a.getContext()
+                      }, null, 8, ["render", "props"])
+                    ])
+                  ])),
+                  !a.isPlaceholder && !I(a.column.columnDef).length && b(a.column.columnDef).filter ? (i(), c("div", Gl, [
+                    ((d = b(a.column.columnDef).filter) == null ? void 0 : d.type) === "text" ? (i(), re(yl, {
+                      key: 0,
+                      "model-value": Qe(a.column.id),
+                      placeholder: ((r = b(a.column.columnDef).filter) == null ? void 0 : r.placeholder) ?? C(y).dataTableFilter,
+                      "onUpdate:modelValue": (g) => Ye(a.column.id, g)
+                    }, null, 8, ["model-value", "placeholder", "onUpdate:modelValue"])) : (i(), re(Cl, {
+                      key: 1,
+                      "model-value": Qe(a.column.id),
+                      options: ((p = b(a.column.columnDef).filter) == null ? void 0 : p.options) ?? [],
+                      placeholder: ((h = b(a.column.columnDef).filter) == null ? void 0 : h.placeholder) ?? C(y).dataTableFilter,
+                      portalled: !0,
+                      "same-width": !1,
+                      "onUpdate:modelValue": (g) => Ye(a.column.id, g)
+                    }, null, 8, ["model-value", "options", "placeholder", "onUpdate:modelValue"]))
+                  ])) : m("", !0),
+                  f.resizable && !a.isPlaceholder && !I(a.column.columnDef).length ? (i(), c("span", {
+                    key: 4,
+                    class: "gcsa-table__resize-handle",
+                    role: "separator",
+                    "aria-label": C(y).dataTableResizeColumn,
+                    onPointerdown: U((g) => qt(g, a.column.id), ["stop", "prevent"])
+                  }, null, 40, Il)) : m("", !0)
+                ], 14, Al);
+              }), 128))
+            ]))), 128))
+          ]),
+          O.value.length ? (i(), c("tbody", Ul, [
+            (i(!0), c(Y, null, oe(C(v).getRowModel().rows, (t, o) => (i(), c(Y, {
+              key: t.id
+            }, [
+              w("tr", {
+                class: E(["gcsa-table__row", [o % 2 === 1 ? "gcsa-table__row--striped" : void 0, Ht(t.original, t.index)]]),
+                "data-selected": t.getIsSelected() || void 0,
+                "data-current": Nt(t.original, t.index) || void 0,
+                onClick: (a) => Pt(a, t.original, t.index),
+                onDblclick: (a) => jt(a, t.original, t.index),
+                onContextmenu: U((a) => Ut(a, t.original, t.index), ["prevent"])
+              }, [
+                F.value || f.treeData ? (i(), c("td", {
+                  key: 0,
+                  class: "gcsa-table__col-expand",
+                  style: T(fe.value),
+                  onClick: l[1] || (l[1] = U(() => {
+                  }, ["stop"]))
+                }, [
+                  !f.treeData || t.getCanExpand() ? (i(), c("button", {
+                    key: 0,
+                    type: "button",
+                    class: "gcsa-table__expand gcsa-focus-ring",
+                    disabled: Ce(t.id),
+                    "aria-label": ut(t.id),
+                    "aria-expanded": V(t.id),
+                    onClick: (a) => be(t)
+                  }, [
+                    D(De, {
+                      name: "chevronDown",
+                      size: "sm",
+                      class: E({ "gcsa-table__expand-icon--open": V(t.id) })
+                    }, null, 8, ["class"])
+                  ], 8, Xl)) : m("", !0),
+                  Ce(t.id) ? (i(), c("span", ql, z(it.value), 1)) : Ie(t.id) ? (i(), c("button", {
+                    key: 2,
+                    type: "button",
+                    class: "gcsa-table__tree-retry",
+                    onClick: (a) => be(t)
+                  }, z(st.value), 9, Ql)) : m("", !0)
+                ], 4)) : m("", !0),
+                K.value ? (i(), c("td", {
+                  key: 1,
+                  class: "gcsa-table__col-check",
+                  style: T(ve.value),
+                  onClick: l[2] || (l[2] = U(() => {
+                  }, ["stop"]))
+                }, [
+                  D(Ze, {
+                    "model-value": t.getIsSelected(),
+                    disabled: !t.getCanSelect(),
+                    label: "",
+                    "aria-label": C(y).dataTableSelectRow,
+                    "onUpdate:modelValue": (a) => wt(t.original, t.id, a)
+                  }, null, 8, ["model-value", "disabled", "aria-label", "onUpdate:modelValue"])
+                ], 4)) : m("", !0),
+                (i(!0), c(Y, null, oe(t.getVisibleCells(), (a, d) => (i(), c("td", {
+                  key: a.id,
+                  class: E(xe(b(a.column.columnDef).align)),
+                  style: T(_e(b(a.column.columnDef), a.column.id)),
+                  "data-label": ye(a.column.columnDef),
+                  title: b(a.column.columnDef).showOverflowTooltip ? C(et)(a.getValue()) : void 0,
+                  "data-column-id": a.column.id,
+                  onClick: U((r) => Gt(r, t.original, a.column.id, a.getValue(), t.index), ["stop"]),
+                  onDblclick: U((r) => It(r, t.original, a.column.id, a.getValue(), t.index), ["stop"]),
+                  onContextmenu: U((r) => Jt(r, t.original, a.column.id, a.getValue(), t.index), ["stop", "prevent"])
+                }, [
+                  w("div", {
+                    class: "gcsa-table__cell",
+                    style: T(f.treeData && d === 0 ? { paddingInlineStart: `${t.depth * 18}px` } : void 0)
+                  }, [
+                    B(e.$slots, Qt(Xe(a.column)), {
+                      row: t.original,
+                      value: a.getValue(),
+                      index: t.index,
+                      column: a.column.id
+                    }, () => [
+                      B(e.$slots, "cell", {
+                        row: t.original,
+                        value: a.getValue(),
+                        index: t.index,
+                        column: a.column.id
+                      }, () => [
+                        Yt(a.column.columnDef) ? (i(), re(C(de), {
+                          key: 0,
+                          render: a.column.columnDef.cell,
+                          props: a.getContext()
+                        }, null, 8, ["render", "props"])) : (i(), c("span", Zl, z(C(et)(a.getValue())), 1))
+                      ])
+                    ])
+                  ], 4)
+                ], 46, Yl))), 128))
+              ], 42, Jl),
+              F.value && V(t.id) ? (i(), c("tr", {
+                key: `${t.id}-expanded`,
+                class: "gcsa-table__expanded-row"
+              }, [
+                w("td", { colspan: ft.value }, [
+                  B(e.$slots, "expanded-row", {
+                    row: t.original,
+                    index: t.index
+                  })
+                ], 8, ea)
+              ])) : m("", !0)
+            ], 64))), 128))
+          ])) : m("", !0),
+          We.value ? (i(), c("tfoot", ta, [
+            w("tr", la, [
+              F.value || f.treeData ? (i(), c("th", {
+                key: 0,
+                class: "gcsa-table__col-expand",
+                scope: "row",
+                style: T(fe.value)
+              }, null, 4)) : m("", !0),
+              K.value ? (i(), c("th", {
+                key: 1,
+                class: "gcsa-table__col-check",
+                scope: "row",
+                style: T(ve.value)
+              }, null, 4)) : m("", !0),
+              (i(!0), c(Y, null, oe(H.value, (t, o) => (i(), c("td", {
+                key: t.id,
+                class: E(xe(b(t).align)),
+                style: T(_e(b(t), t.id ?? ""))
+              }, z(We.value[t.id ?? ""] ?? (o === 0 ? ct.value : "")), 7))), 128))
+            ])
+          ])) : m("", !0)
+        ], 2)),
+        !f.loading && !f.error && !ht.value.length ? (i(), c("div", aa, [
+          B(e.$slots, "empty", {}, () => [
+            D(hl, {
+              title: C(y).dataTableEmpty
+            }, null, 8, ["title"])
+          ])
+        ])) : m("", !0)
+      ], 4),
+      f.pagination && N.value > 0 && !f.loading && !f.error ? (i(), c("div", na, [
+        f.showTotal ? (i(), c("div", oa, z(_t.value), 1)) : m("", !0),
+        D(bl, {
+          class: "gcsa-data-table__pagination",
+          page: M.value,
+          total: N.value,
+          "page-size": L.value,
+          "page-size-options": f.pageSizeOptions,
+          "show-page-size": f.showPageSize,
+          "show-jumper": f.showJumper,
+          "page-size-label": at.value,
+          "jumper-label": nt.value,
+          layout: f.paginationLayout,
+          align: f.paginationAlign,
+          "onUpdate:page": $t,
+          "onUpdate:pageSize": Vt
+        }, null, 8, ["page", "total", "page-size", "page-size-options", "show-page-size", "show-jumper", "page-size-label", "jumper-label", "layout", "align"])
+      ])) : m("", !0)
+    ], 2));
+  }
+});
+export {
+  Ca as default
+};
+//# sourceMappingURL=GcsaDataTable.vue.js.map