@synopackageland/ui 0.25.21 → 0.25.22

package/dist/modules/components/composite/data-grid/DataGrid2.vue.js

@@ -0,0 +1,4 @@
+import f from "./DataGrid.vue.js";
+export {
+  f as default
+};

package/dist/modules/components/composite/data-grid/DataGridSelectBox.vue.js

@@ -0,0 +1,41 @@
+import { defineComponent as d, openBlock as l, createElementBlock as s, createVNode as c, createBlock as u } from "vue";
+import o from "../../primitives/checkbox/Checkbox.vue.js";
+const b = ["data-ui-tooltip-hint", "aria-label"], k = /* @__PURE__ */ d({
+  __name: "DataGridSelectBox",
+  props: {
+    rowKey: {},
+    checked: { type: Boolean },
+    disabled: { type: Boolean },
+    reason: {},
+    label: {}
+  },
+  emits: ["toggle"],
+  setup(t, { emit: i }) {
+    const e = t, n = i;
+    return (m, a) => e.reason ? (l(), s("span", {
+      key: 0,
+      "data-ui-tooltip-hint": e.reason,
+      "data-ui-grid-select-reason": "",
+      tabindex: "0",
+      role: "img",
+      "aria-label": e.reason,
+      class: "inline-flex rounded-[var(--ui-radius-inner)] outline-none focus-visible:shadow-[var(--ui-shadow-focus)] [&_[role=checkbox]]:pointer-events-none"
+    }, [
+      c(o, {
+        "model-value": e.checked,
+        disabled: "",
+        tabindex: "-1",
+        "aria-label": e.label
+      }, null, 8, ["model-value", "aria-label"])
+    ], 8, b)) : (l(), u(o, {
+      key: 1,
+      "model-value": e.checked,
+      disabled: e.disabled,
+      "aria-label": e.label,
+      "onUpdate:modelValue": a[0] || (a[0] = (r) => n("toggle", e.rowKey, r))
+    }, null, 8, ["model-value", "disabled", "aria-label"]));
+  }
+});
+export {
+  k as default
+};

package/dist/modules/components/composite/data-grid/DataGridSelectBox2.vue.js

@@ -0,0 +1,4 @@
+import f from "./DataGridSelectBox.vue.js";
+export {
+  f as default
+};

package/dist/modules/components/composite/data-grid/columnState.js

@@ -0,0 +1,12 @@
+function o(n, r) {
+  const a = new Map(n.map((e) => [e.key, e])), t = r.flatMap((e) => a.get(e) ?? []);
+  return [.../* @__PURE__ */ new Set([...t, ...n])];
+}
+function i(n, r, a) {
+  const t = n.filter((e) => e !== r);
+  return t.splice(Math.max(0, Math.min(a, t.length)), 0, r), t;
+}
+export {
+  i as moveKey,
+  o as orderColumns
+};

package/dist/modules/components/composite/data-grid/columnType.js

@@ -0,0 +1,12 @@
+function e(t) {
+  return t.align === "right" ? "text-right" : t.align === "center" ? "text-center" : "text-left";
+}
+function n(t) {
+  return t.type === "number" || t.type === "date" || t.align === "right";
+}
+const r = "-ml-1 flex items-center justify-start gap-1";
+export {
+  r as ACTIONS_CELL_CLASS,
+  e as columnAlignClass,
+  n as columnHasTabularDigits
+};

package/dist/modules/components/composite/data-grid/columnWidths.js

@@ -0,0 +1,45 @@
+const c = 40, h = 80, u = 10;
+function l(i) {
+  if (typeof i == "number") return i;
+  if (!(i === void 0 || !/^\s*\d+(\.\d+)?(px)?\s*$/.test(i)))
+    return parseFloat(i);
+}
+function m(i, r) {
+  return Math.max(r, Math.round(i));
+}
+function p(i, r) {
+  const d = {};
+  let o = i.filter((t) => t.width === void 0);
+  for (const t of i) t.width !== void 0 && (d[t.key] = t.width);
+  let f = r - i.reduce((t, n) => t + (n.width ?? 0), 0);
+  for (; ; ) {
+    const t = o.reduce((e, s) => e + s.flex, 0), n = o.filter((e) => t <= 0 || f * e.flex / t < e.minWidth);
+    if (n.length === 0) {
+      for (const e of o) d[e.key] = Math.floor(f * e.flex / t);
+      return d;
+    }
+    for (const e of n)
+      d[e.key] = e.minWidth, f -= e.minWidth;
+    o = o.filter((e) => !n.includes(e));
+  }
+}
+function x(i, r) {
+  if (r <= 0) return [];
+  const d = i.map((t, n) => ({ ...t, index: n })).filter((t) => t.priority !== void 0).sort((t, n) => t.priority - n.priority || n.index - t.index);
+  let o = i.reduce((t, n) => t + n.minWidth, 0);
+  const f = [];
+  for (const t of d) {
+    if (o <= r) break;
+    f.push(t.key), o -= t.minWidth;
+  }
+  return f;
+}
+export {
+  c as DEFAULT_MIN_COLUMN_WIDTH,
+  h as FLEX_MIN_COLUMN_WIDTH,
+  u as KEYBOARD_RESIZE_STEP,
+  m as clampWidth,
+  x as columnsHiddenByWidth,
+  p as distributeColumnWidths,
+  l as toPixels
+};

package/dist/modules/components/composite/data-grid/labels.js

@@ -0,0 +1,31 @@
+function s(e) {
+  return {
+    empty: e("No data"),
+    items: (o) => e(o === 1 ? "{count} item" : "{count} items", { count: o }),
+    page: (o, n) => e("Page {page} / {pageCount}", { page: o, pageCount: n }),
+    previous: e("Previous page"),
+    next: e("Next page"),
+    refresh: e("Refresh"),
+    selectAll: e("Select visible rows"),
+    selectRow: (o) => e("Select row {key}", { key: o }),
+    resizeColumn: (o) => e("Resize column {label}", { label: o }),
+    expandRow: (o) => e("Expand row {key}", { key: o }),
+    collapseRow: (o) => e("Collapse row {key}", { key: o }),
+    reorderRow: (o) => e("Reorder row {key}", { key: o }),
+    columns: e("Columns"),
+    resetColumns: e("Reset columns"),
+    filtered: (o, n) => e("{count} of {total} items", { count: o, total: n }),
+    noMatch: e("No matching items"),
+    pageSize: e("Items per page"),
+    hiddenByWidth: e("Too narrow"),
+    selected: (o) => e("{count} selected", { count: o }),
+    cancelSelection: e("Cancel"),
+    viewOptions: e("View options"),
+    sortBy: e("Sort by"),
+    ascending: e("Ascending"),
+    descending: e("Descending")
+  };
+}
+export {
+  s as localizedDataGridLabels
+};

package/dist/modules/components/composite/data-grid/listLayout.js

@@ -0,0 +1,9 @@
+const c = 2;
+function d(r) {
+  const e = r.filter((t) => t.list !== "none"), l = e.filter((t) => t.list === "trailing" || t.list === void 0 && t.type === "actions"), i = e.filter((t) => !l.includes(t)), s = i.find((t) => t.list === "title") ?? i.find((t) => t.list === void 0) ?? i[0], n = i.filter((t) => t !== s && t.list === "subtitle"), o = (n.length ? n : i.filter((t) => t !== s && t.list === void 0)).slice(0, 2);
+  return { title: s, subtitle: o, trailing: l };
+}
+export {
+  c as MAX_LIST_SUBTITLE_COLUMNS,
+  d as listLayout
+};

package/dist/modules/components/composite/data-grid/rowFilter.js

@@ -0,0 +1,12 @@
+const o = (e) => (e ?? "").trim().toLocaleLowerCase();
+function c(e, a, s) {
+  return a.some((t) => {
+    if (t.searchable === !1) return !1;
+    const r = t.searchText ? t.searchText(e) : e[t.key];
+    return r != null && typeof r != "object" && String(r).toLocaleLowerCase().includes(s);
+  });
+}
+export {
+  o as normalizeFilter,
+  c as rowMatches
+};

package/dist/modules/components/composite/data-grid/viewState.js

@@ -0,0 +1,31 @@
+import { appScope as s } from "../callout/calloutDismissal.js";
+const n = "syno-pkg-land-ui:data-grid:", i = (t) => `${n}${s()}:${t}`, c = (t) => `${n}${t}`;
+function a(t) {
+  try {
+    return localStorage.getItem(i(t)) ?? localStorage.getItem(c(t));
+  } catch {
+    return null;
+  }
+}
+const o = (t) => Array.isArray(t) && t.every((e) => typeof e == "string"), d = (t) => !!t && typeof t == "object" && !Array.isArray(t) && Object.values(t).every((e) => typeof e == "number" && e > 0), y = (t) => t === null || !!t && typeof t == "object" && typeof t.key == "string" && ["asc", "desc"].includes(t.direction);
+function f(t) {
+  let e;
+  try {
+    e = JSON.parse(a(t) ?? "{}");
+  } catch {
+    return {};
+  }
+  if (!e || typeof e != "object") return {};
+  const r = {};
+  return o(e.columnOrder) && (r.columnOrder = e.columnOrder), o(e.hiddenColumns) && (r.hiddenColumns = e.hiddenColumns), d(e.columnWidths) && (r.columnWidths = e.columnWidths), "sort" in e && y(e.sort) && (r.sort = e.sort), typeof e.pageSize == "number" && Number.isInteger(e.pageSize) && e.pageSize > 0 && (r.pageSize = e.pageSize), r;
+}
+function g(t, e) {
+  try {
+    localStorage.setItem(i(t), JSON.stringify(e));
+  } catch {
+  }
+}
+export {
+  f as loadGridState,
+  g as saveGridState
+};

package/dist/modules/components/composite/data-table/DataTable.vue.js

@@ -0,0 +1,295 @@
+import { defineComponent as ie, useTemplateRef as se, inject as oe, ref as le, watch as ne, computed as h, onBeforeUnmount as de, provide as ue, openBlock as i, createElementBlock as s, normalizeClass as v, Fragment as c, unref as o, toDisplayString as u, renderList as y, createElementVNode as p, renderSlot as _, createTextVNode as f, createCommentVNode as b, createBlock as ce, withCtx as ve, normalizeStyle as P, withModifiers as S } from "vue";
+import { useLocalizedDefaults as ye, useUiText as pe } from "../../../i18n/text.js";
+import { FORM_FIELD_KEY as me } from "../form/context.js";
+import { useElementWidth as he } from "../../../composables/elementWidth.js";
+import { useInsertedKeys as fe } from "../../../lib/motion.js";
+import { APP_PRESENTATION_KEY as be, MOBILE_LAYOUT_MAX as ke } from "../../../lib/adaptiveLayout.js";
+import _e from "../scroll-edges/ScrollEdges.vue.js";
+import { columnHasTabularDigits as V, columnAlignClass as U, ACTIONS_CELL_CLASS as xe } from "../data-grid/columnType.js";
+import { KEYBOARD_RESIZE_STEP as F, clampWidth as X, toPixels as Y, DEFAULT_MIN_COLUMN_WIDTH as we, FLEX_MIN_COLUMN_WIDTH as ge } from "../data-grid/columnWidths.js";
+import { loadGridState as j, saveGridState as Ee } from "../data-grid/viewState.js";
+import { localizedDataGridLabels as Le } from "../data-grid/labels.js";
+import { listLayout as ze } from "../data-grid/listLayout.js";
+const We = ["data-ui-data-view", "data-fill", "data-ui-natural-height"], Te = {
+  key: 0,
+  "data-ui-mobile-list": "",
+  class: "m-0 px-[var(--ui-inset-x)] py-8 text-center text-[var(--ui-text-secondary)]"
+}, Ke = ["data-ui-row-new"], Ce = { class: "min-w-0 flex-1" }, $e = {
+  key: 0,
+  "data-ui-list-title": "",
+  class: "min-w-0 truncate text-[length:var(--ui-font-size)] text-[var(--ui-text)]"
+}, Be = {
+  key: 1,
+  "data-ui-list-subtitle": "",
+  class: "flex min-w-0 items-center gap-1 text-[length:var(--ui-font-size-sm)] text-[var(--ui-text-secondary)]"
+}, Se = {
+  key: 1,
+  "data-ui-mobile-cards": "",
+  class: "px-[var(--ui-inset-x)] py-8 text-center text-[var(--ui-text-secondary)]"
+}, De = {
+  key: 2,
+  "data-ui-mobile-cards": "",
+  class: "grid gap-3",
+  role: "list"
+}, Ae = ["data-ui-row-new"], Me = { class: "m-0 grid gap-2" }, Ne = { class: "flex min-h-[var(--ui-control-md)] items-center break-words text-[length:var(--ui-font-size-sm)] leading-5 text-[var(--ui-text-secondary)]" }, Ie = { class: "m-0 flex min-h-[var(--ui-control-md)] min-w-0 flex-wrap items-center gap-1 break-words text-[length:var(--ui-font-size-control)] leading-5 text-[var(--ui-text)]" }, Oe = { key: 0 }, Re = {
+  key: 0,
+  "data-table-filler": ""
+}, Pe = { class: "sticky top-0 z-[1] bg-[var(--ui-surface-subtle)] text-[var(--ui-text-secondary)]" }, Ve = ["data-column-type"], Ue = ["aria-label", "onPointerdown", "onKeydown"], Fe = {
+  key: 0,
+  "data-table-filler": "",
+  "aria-hidden": "true",
+  class: "border-b border-[var(--ui-border)] p-0"
+}, Xe = { key: 0 }, Ye = ["colspan"], je = ["data-ui-row-new"], Ge = ["data-column-type"], He = {
+  key: 0,
+  "data-table-filler": "",
+  "aria-hidden": "true",
+  class: "p-0"
+}, nt = /* @__PURE__ */ ie({
+  __name: "DataTable",
+  props: {
+    columns: {},
+    rows: {},
+    rowKey: { default: "id" },
+    emptyText: {},
+    compact: { type: Boolean, default: !0 },
+    mobileView: { default: "auto" },
+    containerBreakpoint: { default: 480 },
+    fill: { type: Boolean, default: !0 },
+    resizable: { type: Boolean, default: !0 },
+    columnWidths: { default: void 0 },
+    stateKey: { default: void 0 }
+  },
+  emits: ["update:columnWidths"],
+  setup(G, { emit: H }) {
+    const Z = G, q = H, a = ye(Z, { emptyText: "No data" }), D = se("root"), g = he(D), A = oe(be, void 0), J = pe(), Q = (t) => Le(J).resizeColumn(t), E = le(a.stateKey ? j(a.stateKey).columnWidths ?? {} : {});
+    ne(() => a.columnWidths, () => {
+      E.value = {};
+    });
+    const d = h(() => {
+      const t = { ...a.columnWidths, ...E.value };
+      return a.columns.every((n) => t[n.key] !== void 0) ? t : void 0;
+    }), ee = h(() => d.value ? a.columns.reduce((t, n) => t + d.value[n.key], 0) : 0), L = h(() => !!d.value || a.columns.some((t) => !!t.width)), M = (t) => d.value ? `${d.value[t.key]}px` : t.width, te = (t) => t.resizable ?? a.resizable, K = (t) => Y(t.minWidth) ?? (t.width ? we : ge), N = {};
+    function I() {
+      return Object.fromEntries(a.columns.map((t) => {
+        const n = Math.round(N[t.key]?.getBoundingClientRect().width ?? 0);
+        return [t.key, d.value?.[t.key] ?? (n || Y(t.width) || K(t))];
+      }));
+    }
+    function O(t) {
+      E.value = t, q("update:columnWidths", t), a.stateKey && Ee(a.stateKey, { ...j(a.stateKey), columnWidths: t });
+    }
+    let z;
+    function ae(t, n) {
+      const e = I(), l = t.clientX, r = (w) => ({ ...e, [n.key]: X(e[n.key] + w - l, K(n)) }), W = (w) => {
+        E.value = r(w.clientX);
+      }, T = (w) => {
+        z?.(), O(r(w.clientX));
+      };
+      z = () => {
+        document.removeEventListener("pointermove", W), document.removeEventListener("pointerup", T), document.removeEventListener("pointercancel", T), z = void 0;
+      }, document.addEventListener("pointermove", W), document.addEventListener("pointerup", T), document.addEventListener("pointercancel", T);
+    }
+    function re(t, n) {
+      const e = t.key === "ArrowRight" ? F : t.key === "ArrowLeft" ? -F : 0;
+      if (e === 0) return;
+      t.preventDefault();
+      const l = I();
+      O({ ...l, [n.key]: X(l[n.key] + e, K(n)) });
+    }
+    de(() => z?.());
+    const C = h(() => A ? A.value === "mobile" : g.value > 0 && g.value <= ke), $ = h(
+      () => a.mobileView === "cards" || a.mobileView === "container" && g.value > 0 && g.value < a.containerBreakpoint
+    ), R = h(() => a.mobileView === "list" || a.mobileView === "auto" && C.value), x = h(() => a.fill && !C.value), m = h(() => ze(a.columns));
+    function k(t, n) {
+      return String(t[a.rowKey] ?? n);
+    }
+    const B = fe(() => a.rows.flatMap((t) => t[a.rowKey] == null ? [] : [String(t[a.rowKey])]));
+    return ue(me, null), (t, n) => (i(), s("div", {
+      ref_key: "root",
+      ref: D,
+      "data-ui-data-table": "",
+      "data-ui-data-view": R.value ? "list" : $.value ? "cards" : "table",
+      "data-fill": x.value || void 0,
+      "data-ui-natural-height": C.value ? "" : void 0,
+      class: v(["min-w-0", x.value && "flex min-h-0 flex-1 flex-col"]),
+      "data-syno-pkg-land-ui": ""
+    }, [
+      R.value ? (i(), s(c, { key: 0 }, [
+        o(a).rows.length ? (i(), s("ul", {
+          key: 1,
+          "data-ui-mobile-list": "",
+          role: "list",
+          class: v(["m-0 list-none border-y border-[var(--ui-border)] p-0", x.value ? "min-h-0 flex-1 overflow-y-auto overscroll-contain" : "overflow-x-clip"])
+        }, [
+          (i(!0), s(c, null, y(o(a).rows, (e, l) => (i(), s("li", {
+            key: k(e, l),
+            "data-ui-row-new": o(B).has(k(e, l)) ? "" : void 0,
+            class: "flex min-h-[var(--ui-list-row-height)] min-w-0 items-center gap-3 border-b border-[var(--ui-border-subtle)] px-[var(--ui-inset-x)] py-2 last:border-b-0"
+          }, [
+            p("div", Ce, [
+              m.value.title ? (i(), s("div", $e, [
+                _(t.$slots, `cell-${m.value.title.key}`, {
+                  row: e,
+                  value: e[m.value.title.key],
+                  column: m.value.title
+                }, () => [
+                  f(u(e[m.value.title.key]), 1)
+                ])
+              ])) : b("", !0),
+              m.value.subtitle.length ? (i(), s("div", Be, [
+                (i(!0), s(c, null, y(m.value.subtitle, (r, W) => (i(), s("span", {
+                  key: r.key,
+                  class: v(["min-w-0 truncate", o(V)(r) && "tabular-nums", W === 0 ? "shrink" : "shrink-[2]"])
+                }, [
+                  _(t.$slots, `cell-${r.key}`, {
+                    row: e,
+                    value: e[r.key],
+                    column: r
+                  }, () => [
+                    f(u(e[r.key]), 1)
+                  ])
+                ], 2))), 128))
+              ])) : b("", !0)
+            ]),
+            (i(!0), s(c, null, y(m.value.trailing, (r) => (i(), s("div", {
+              key: r.key,
+              "data-ui-list-trailing": "",
+              class: v(["flex min-w-0 max-w-[45%] shrink-0 items-center justify-end gap-[max(4px,var(--ui-tap-gap,0px))]", r.type === "actions" && "-mr-2"])
+            }, [
+              _(t.$slots, `cell-${r.key}`, {
+                row: e,
+                value: e[r.key],
+                column: r
+              }, () => [
+                f(u(e[r.key]), 1)
+              ])
+            ], 2))), 128))
+          ], 8, Ke))), 128))
+        ], 2)) : (i(), s("p", Te, u(o(a).emptyText), 1))
+      ], 64)) : $.value && !o(a).rows.length ? (i(), s("p", Se, u(o(a).emptyText), 1)) : $.value ? (i(), s("div", De, [
+        (i(!0), s(c, null, y(o(a).rows, (e, l) => (i(), s("article", {
+          key: k(e, l),
+          "data-ui-row-new": o(B).has(k(e, l)) ? "" : void 0,
+          class: "min-w-0 rounded-[var(--ui-radius-container)] border border-[var(--ui-border)] bg-[var(--ui-surface)] p-3",
+          role: "listitem"
+        }, [
+          p("dl", Me, [
+            (i(!0), s(c, null, y(o(a).columns, (r) => (i(), s("div", {
+              key: r.key,
+              class: "grid min-w-0 grid-cols-[minmax(100px,35%)_minmax(0,1fr)] items-start gap-2"
+            }, [
+              p("dt", Ne, u(r.label), 1),
+              p("dd", Ie, [
+                _(t.$slots, `cell-${r.key}`, {
+                  row: e,
+                  value: e[r.key],
+                  column: r
+                }, () => [
+                  f(u(e[r.key]), 1)
+                ])
+              ])
+            ]))), 128))
+          ])
+        ], 8, Ae))), 128))
+      ])) : (i(), ce(_e, {
+        key: 3,
+        class: v(x.value && "min-h-0 flex-1"),
+        "viewport-class": x.value ? "h-full overflow-auto border-y border-[var(--ui-border)]" : "overflow-auto border-y border-[var(--ui-border)]"
+      }, {
+        default: ve(() => [
+          p("table", {
+            class: v(["w-full border-collapse text-[length:var(--ui-font-size-control)]", L.value && "table-fixed"]),
+            style: P(d.value ? { minWidth: `${ee.value}px` } : void 0)
+          }, [
+            L.value ? (i(), s("colgroup", Oe, [
+              (i(!0), s(c, null, y(o(a).columns, (e) => (i(), s("col", {
+                key: e.key,
+                style: P(M(e) ? { width: M(e) } : void 0)
+              }, null, 4))), 128)),
+              d.value ? (i(), s("col", Re)) : b("", !0)
+            ])) : b("", !0),
+            p("thead", Pe, [
+              p("tr", null, [
+                (i(!0), s(c, null, y(o(a).columns, (e) => (i(), s("th", {
+                  key: e.key,
+                  ref_for: !0,
+                  ref: (l) => {
+                    N[e.key] = l;
+                  },
+                  class: v(["relative border-b border-[var(--ui-border)] px-3 py-2 font-normal", [o(U)(e), L.value ? "[overflow-wrap:anywhere]" : "whitespace-nowrap"]]),
+                  "data-column-type": e.type ?? "text"
+                }, [
+                  f(u(e.label) + " ", 1),
+                  te(e) ? (i(), s("span", {
+                    key: 0,
+                    "data-resize-handle": "",
+                    role: "separator",
+                    "aria-orientation": "vertical",
+                    tabindex: "0",
+                    "aria-label": Q(e.label),
+                    class: "absolute top-0 right-0 z-10 h-full w-2 cursor-col-resize touch-none outline-none hover:bg-[var(--ui-primary-soft)] focus-visible:bg-[var(--ui-primary-soft)]",
+                    onPointerdown: S((l) => ae(l, e), ["stop", "prevent"]),
+                    onClick: n[0] || (n[0] = S(() => {
+                    }, ["stop"])),
+                    onKeydown: S((l) => re(l, e), ["stop"])
+                  }, null, 40, Ue)) : b("", !0)
+                ], 10, Ve))), 128)),
+                d.value ? (i(), s("th", Fe)) : b("", !0)
+              ])
+            ]),
+            p("tbody", null, [
+              o(a).rows.length === 0 ? (i(), s("tr", Xe, [
+                p("td", {
+                  colspan: o(a).columns.length + (d.value ? 1 : 0),
+                  class: "px-3 py-8 text-center text-[var(--ui-text-secondary)]"
+                }, u(o(a).emptyText), 9, Ye)
+              ])) : (i(!0), s(c, { key: 1 }, y(o(a).rows, (e, l) => (i(), s("tr", {
+                key: k(e, l),
+                "data-ui-row-new": o(B).has(k(e, l)) ? "" : void 0,
+                class: "border-b border-[var(--ui-border-subtle)] last:border-b-0 hover:bg-[var(--ui-surface-hover)]"
+              }, [
+                (i(!0), s(c, null, y(o(a).columns, (r) => (i(), s("td", {
+                  key: r.key,
+                  class: v([
+                    // The padding only shows in a row a two-line cell makes taller.
+                    "px-3 py-2 text-[var(--ui-text)]",
+                    L.value && "[overflow-wrap:anywhere]",
+                    o(a).compact ? "h-9" : "h-11",
+                    o(U)(r),
+                    o(V)(r) && "tabular-nums whitespace-nowrap"
+                  ]),
+                  "data-column-type": r.type ?? "text"
+                }, [
+                  r.type === "actions" ? (i(), s("div", {
+                    key: 0,
+                    "data-grid-actions": "",
+                    class: v(o(xe))
+                  }, [
+                    _(t.$slots, `cell-${r.key}`, {
+                      row: e,
+                      value: e[r.key],
+                      column: r
+                    }, () => [
+                      f(u(e[r.key]), 1)
+                    ])
+                  ], 2)) : _(t.$slots, `cell-${r.key}`, {
+                    row: e,
+                    value: e[r.key],
+                    column: r
+                  }, () => [
+                    f(u(e[r.key]), 1)
+                  ], void 0, 1)
+                ], 10, Ge))), 128)),
+                d.value ? (i(), s("td", He)) : b("", !0)
+              ], 8, je))), 128))
+            ])
+          ], 6)
+        ]),
+        _: 3
+      }, 8, ["class", "viewport-class"]))
+    ], 10, We));
+  }
+});
+export {
+  nt as default
+};

package/dist/modules/components/composite/data-table/DataTable2.vue.js

@@ -0,0 +1,4 @@
+import f from "./DataTable.vue.js";
+export {
+  f as default
+};