@kong/kongponents 9.45.2-pr.2966.c5fcbfd.0 → 9.45.3-pr.2957.da143ec.0

package/dist/kongponents.es160.js

@@ -1,799 +0,0 @@
-import { defineComponent as pt, useCssVars as ht, computed as y, ref as v, unref as u, createPropsRestProxy as At, useSlots as Ct, useId as St, useTemplateRef as ye, watch as W, createElementBlock as f, openBlock as r, normalizeClass as p, createCommentVNode as b, createBlock as w, renderSlot as T, withCtx as A, createVNode as O, createSlots as xe, createTextVNode as ne, toDisplayString as J, createElementVNode as R, normalizeStyle as Ke, Fragment as Y, renderList as be, withModifiers as ze, withDirectives as wt, mergeProps as ie, toHandlers as Tt, resolveDynamicComponent as Rt, vShow as Et, nextTick as Lt } from "vue";
-import ke from "./kongponents.es33.js";
-import Ie from "./kongponents.es44.js";
-import Ot from "./kongponents.es21.js";
-/* empty css                 */
-import Pe from "./kongponents.es24.js";
-/* empty css                 */
-import $t from "./kongponents.es202.js";
-import Nt from "./kongponents.es191.js";
-import Bt from "./kongponents.es200.js";
-import xt from "./kongponents.es235.js";
-import Kt from "./kongponents.es236.js";
-import "./kongponents.es5.js";
-import "./kongponents.es10.js";
-import { EmptyStateIconVariants as zt } from "./kongponents.es11.js";
-import { TableViewHeaderKeys as i } from "./kongponents.es17.js";
-import { KUI_ICON_SIZE_30 as se, KUI_COLOR_TEXT_NEUTRAL as It, KUI_COLOR_TEXT_PRIMARY as Pt, KUI_COLOR_TEXT_NEUTRAL_WEAK as Ht, KUI_SPACE_60 as Mt } from "./kongponents.es178.js";
-import Ft from "./kongponents.es203.js";
-import Ut from "./kongponents.es52.js";
-import Dt from "./kongponents.es42.js";
-import He from "./kongponents.es37.js";
-import Wt from "./kongponents.es237.js";
-import { getInitialPageSize as Xt } from "./kongponents.es169.js";
-import { getUniqueStringId as qt } from "./kongponents.es151.js";
-import { getScrollbarSize as jt } from "./kongponents.es218.js";
-import { useResizeObserver as Vt } from "./kongponents.es188.js";
-import { normalizeSize as Zt } from "./kongponents.es179.js";
-import Gt from "./kongponents.es29.js";
-import Jt from "./kongponents.es238.js";
-const Yt = {
-  key: 0,
-  class: "table-toolbar",
-  "data-testid": "table-toolbar"
-}, Qt = {
-  key: 0,
-  class: "toolbar-default-items-container"
-}, _t = {
-  key: 2,
-  class: "table-error-state",
-  "data-testid": "table-error-state"
-}, eo = {
-  key: 3,
-  class: "table-empty-state",
-  "data-testid": "table-empty-state"
-}, to = {
-  key: 4,
-  class: "table-container"
-}, oo = ["data-tableid"], ao = ["aria-sort", "data-key", "data-testid", "onClick", "onMouseover"], lo = ["onMousedown", "onMouseover"], no = ["aria-describedby"], io = {
-  key: 1,
-  class: "table-header-bulk-actions-container"
-}, so = ["onMousedown", "onMouseover"], ro = ["role", "tabindex"], uo = {
-  key: 1,
-  class: "expandable-row-control-container"
-}, co = ["aria-controls", "aria-expanded", "onClick"], vo = ["id"], fo = ["colspan"], yo = { class: "expandable-content-wrapper" }, Xo = /* @__PURE__ */ pt({
-  __name: "KTableView",
-  props: {
-    data: { default: () => [] },
-    headers: { default: () => [] },
-    resizeColumns: { type: Boolean },
-    tablePreferences: { default: () => ({}) },
-    rowHover: { type: Boolean, default: !0 },
-    rowAttrs: { default: () => (() => ({})) },
-    rowLink: { default: () => (() => ({})) },
-    rowBulkActionEnabled: { default: () => (() => !0) },
-    rowKey: {},
-    cellAttrs: { default: () => (() => ({})) },
-    loading: { type: Boolean },
-    emptyStateTitle: { default: "No Data" },
-    emptyStateMessage: { default: "There is no data to display." },
-    emptyStateActionRoute: {},
-    emptyStateActionMessage: { default: "" },
-    emptyStateIconVariant: { default: () => zt.Default },
-    emptyStateButtonAppearance: { default: "primary" },
-    error: { type: Boolean },
-    errorStateTitle: { default: "An error occurred" },
-    errorStateMessage: { default: "Data cannot be displayed due to an error." },
-    errorStateActionRoute: {},
-    errorStateActionMessage: { default: "" },
-    maxHeight: { default: "none" },
-    hidePagination: { type: Boolean },
-    paginationAttributes: { default: () => ({}) },
-    rowExpandable: { default: () => (() => !1) },
-    rowExpanded: { default: () => (() => !1) },
-    hideHeaders: { type: Boolean },
-    nested: { type: Boolean },
-    hidePaginationWhenOptional: { type: Boolean },
-    hideToolbar: { type: Boolean },
-    tooltipTarget: { default: "body" },
-    "onRow:click": { type: Function },
-    "onRow:dblclick": { type: Function },
-    "onRow:auxclick": { type: Function },
-    "onRow:contextmenu": { type: Function },
-    "onRow:mouseover": { type: Function },
-    "onRow:mouseout": { type: Function },
-    "onRow:mouseenter": { type: Function },
-    "onRow:mouseleave": { type: Function },
-    "onRow:mousedown": { type: Function },
-    "onRow:mouseup": { type: Function },
-    "onRow:focus": { type: Function },
-    "onRow:focusin": { type: Function },
-    "onRow:blur": { type: Function },
-    "onRow:focusout": { type: Function },
-    "onRow:keydown": { type: Function },
-    "onRow:keyup": { type: Function },
-    "onRow:keypress": { type: Function },
-    "onCell:click": { type: Function },
-    "onCell:dblclick": { type: Function },
-    "onCell:auxclick": { type: Function },
-    "onCell:contextmenu": { type: Function },
-    "onCell:mouseover": { type: Function },
-    "onCell:mouseout": { type: Function },
-    "onCell:mouseenter": { type: Function },
-    "onCell:mouseleave": { type: Function },
-    "onCell:mousedown": { type: Function },
-    "onCell:mouseup": { type: Function },
-    "onCell:focus": { type: Function },
-    "onCell:focusin": { type: Function },
-    "onCell:blur": { type: Function },
-    "onCell:focusout": { type: Function },
-    "onCell:keydown": { type: Function },
-    "onCell:keyup": { type: Function },
-    "onCell:keypress": { type: Function }
-  },
-  emits: ["page-change", "page-size-change", "get-next-offset", "get-previous-offset", "cell-click", "row-click", "error-action-click", "empty-state-action-click", "update:table-preferences", "sort", "row-select", "update:row-expanded", "row-actions-toggle"],
-  setup(a, { emit: Me }) {
-    ht((e) => ({
-      bbb40330: u(Qe).expandable,
-      v21f210bf: ot.value,
-      v6fe0bcd7: pe.value,
-      v29f9af2b: Ge.value
-    }));
-    const me = At(a, ["resizeColumns", "tablePreferences", "rowHover", "rowAttrs", "rowLink", "rowBulkActionEnabled", "rowKey", "cellAttrs", "loading", "emptyStateTitle", "emptyStateMessage", "emptyStateActionMessage", "emptyStateIconVariant", "emptyStateButtonAppearance", "emptyStateActionRoute", "error", "errorStateTitle", "errorStateMessage", "errorStateActionMessage", "errorStateActionRoute", "maxHeight", "hidePagination", "paginationAttributes", "rowExpandable", "rowExpanded", "hideHeaders", "nested", "hidePaginationWhenOptional", "hideToolbar", "tooltipTarget", "data", "headers"]), g = Me, z = Ct(), C = St(), E = (e) => typeof a.rowKey == "function" && typeof a.rowKey(e) == "string" ? a.rowKey(e) : typeof a.rowKey == "string" && a.rowKey in e && typeof e[a.rowKey] == "string" ? e[a.rowKey] : "", Fe = ye("table-wrapper"), Ue = ye("header-row"), B = v([]), k = v([]), X = v(""), I = v(""), Q = v(""), De = y(() => B.value.some((e) => e.key === i.ACTIONS)), ge = y(() => B.value.filter((e) => e.hidable).length > 0), P = y(() => a.nested || !ge.value || a.error ? !1 : z.toolbar ? !0 : !a.loading && !!a.data && !!a.data.length), We = y(() => a.loading || !(a.data && a.data.length)), Xe = y(() => B.value.filter((e) => e.hidable && !te(e.key))), qe = y(() => P.value ? a.tablePreferences.columnVisibility || {} : {}), H = v(P.value ? a.tablePreferences.columnVisibility || {} : {}), pe = v("100%"), re = v(!1), q = v(!1), x = v(!1), M = v(!1), h = v(a.tablePreferences.sortColumnKey || ""), S = v(a.tablePreferences.sortColumnOrder || "desc"), ue = v(!1), je = y(() => !a.hideToolbar && !a.nested && (!!z.toolbar || P.value || ce.value)), Ve = ye("actionsDropdown"), de = v(!1), Ze = y(() => ({
-      maxHeight: Zt(a.maxHeight)
-    })), Ge = y(() => `${jt()}px`), F = v([]), j = y(() => !a.nested && !a.error && B.value.some((e) => e.key === i.BULK_ACTIONS) && !!(z["bulk-action-items"] || z["bulk-actions"]) && !!a.data.every((e) => E(e))), V = v([]), ce = y(() => a.nested || !j.value || a.error ? !1 : z.toolbar ? !0 : !a.loading && !!a.data && !!a.data.length), he = y(() => {
-      const e = F.value.length;
-      return e ? e > 100 ? "99+" : String(e) : "";
-    }), _ = v(/* @__PURE__ */ new WeakMap()), Je = (e) => `column-${e}`, U = (e) => `tooltip-${e}`, Ae = (e, o) => (t, n) => {
-      const l = /^on[^a-z]/, d = {};
-      for (const s in o)
-        l.test(s) && o[s] && (d[s] = o[s]);
-      return Object.keys(d).reduce((s, c) => {
-        if (c.indexOf(e) === 0) {
-          const m = c.split(e);
-          s[m[1]] = ($) => d[c]($, t, n);
-        }
-        return s;
-      }, {});
-    }, Ye = y(() => (e, o) => {
-      const t = Ae("onRow:", me)(o, "row"), n = Ae("onCell:", me)(e, "cell"), l = ["a", "button", "label", "input", "select", 'span[role="checkbox"]'];
-      return (t.click || n.click) && (ue.value = !0), {
-        ...t,
-        ...n,
-        click(d) {
-          const s = d.target, c = s.className;
-          let m = l.includes(s.tagName.toLowerCase()), $ = !1;
-          typeof c == "string" || Array.isArray(c) ? $ = c.includes("k-popover") : typeof c == "object" && ($ = Object.keys(c).includes("k-popover")), s.closest(".popover-content") !== null && ($ = !0);
-          for (let N = 0; N < l.length; N++)
-            if (s.closest(l[N]) !== null) {
-              m = !0;
-              break;
-            }
-          if ((!m || s.hasAttribute("disabled")) && !$ && (t.click || n.click))
-            if (n.click) {
-              g("cell-click", { data: e });
-              const N = n.click(d, e, "cell");
-              typeof N == "function" && N(d, e);
-            } else {
-              g("row-click", { data: o });
-              const N = t.click(d, o, "row");
-              typeof N == "function" && N(d, o);
-            }
-        }
-      };
-    }), Ce = parseInt(Mt) * 2 + parseInt(se), Se = { expandable: Ce, bulkActions: 48, actions: 54 }, Qe = Jt(Se, (e) => `${e}px`), K = v({
-      ...a.tablePreferences.columnWidths || {},
-      ...Se
-      // override special columns with default widths
-    }), we = y(() => {
-      const e = {};
-      for (const o in K.value) {
-        const t = o;
-        if (!K.value[t])
-          continue;
-        const n = K.value[t] + "px";
-        e[t] = {
-          width: n,
-          maxWidth: n,
-          minWidth: n
-        };
-      }
-      return e;
-    }), _e = (e, o) => ({
-      // display the resize handle on the right side of the column if resizeColumns is enabled, hovering current column, and not the last column
-      "resize-hover": Te.value === e.key && o !== k.value.length - 1 && oe(e),
-      resizable: a.resizeColumns && !a.nested,
-      // display sort control if column is sortable, label is visible, and sorting is not disabled
-      sortable: !e.hideLabel && !!e.sortable,
-      // display active sorting styles if column is currently sorted
-      "active-sort": !e.hideLabel && !!e.sortable && e.key === h.value,
-      [S.value]: e.key === h.value && !e.hideLabel,
-      "is-scrolled": q.value,
-      "has-tooltip": !!e.tooltip,
-      "sticky-column": Le(e.key),
-      "second-sticky-column": Oe(e.key),
-      "has-row-scroll-overlay": ee(e.key),
-      "actions-column": e.key === i.ACTIONS
-    }), et = (e) => {
-      if (e.sortable && e.key !== i.BULK_ACTIONS && e.key !== i.ACTIONS) {
-        let o = "asc";
-        e.key === h.value && S.value === "asc" && (o = "desc"), g("sort", {
-          prevKey: h.value,
-          sortColumnKey: e.key,
-          sortColumnOrder: o
-        }), it(e);
-      }
-    }, tt = y(() => X.value ? "resizing" : I.value ? "resize-hover" : Q.value ? "th-hover" : ""), Te = y(() => {
-      switch (tt.value) {
-        case "resizing":
-          return X.value;
-        case "resize-hover":
-          return I.value;
-        case "th-hover":
-          return Q.value;
-        default:
-          return "";
-      }
-    }), Re = y(() => {
-      var e;
-      return (e = Ue.value) == null ? void 0 : e.querySelectorAll("th.resizable");
-    }), ot = y(() => {
-      var o;
-      const e = (o = Re.value) == null ? void 0 : o.item(0);
-      if (e) {
-        const t = window == null ? void 0 : window.getComputedStyle(e);
-        if (t != null && t.height)
-          return `${parseInt(t.height, 10)}px`;
-      }
-      return "auto";
-    }), Ee = (e, o) => {
-      var c;
-      if (e.button !== 0)
-        return;
-      let t = 0, n = 0;
-      X.value = o;
-      let l = null;
-      (c = Re.value) == null || c.forEach((m) => {
-        m.getAttribute("data-testid") === `table-header-${o}` && (l = document == null ? void 0 : document.querySelector(`[data-tableid="${C}"] [data-testid="table-header-${o}"]`));
-      });
-      const d = (m) => {
-        const $ = m.clientX - t;
-        l == null || l.setAttribute("style", `width: ${n + $}px`), K.value[o] = n + $;
-      }, s = () => {
-        X.value = "", document == null || document.removeEventListener("mousemove", d), document == null || document.removeEventListener("mouseup", s), le(), D.value && fe();
-      };
-      if (t = e.clientX, l) {
-        const m = window == null ? void 0 : window.getComputedStyle(l);
-        m != null && m.width && (n = parseInt(m.width, 10)), document == null || document.addEventListener("mousemove", d), document == null || document.addEventListener("mouseup", s);
-      }
-    }, Le = (e) => x.value ? e === i.BULK_ACTIONS || e === i.EXPANDABLE : !1, Oe = (e) => e === i.BULK_ACTIONS && D.value, ee = (e) => x.value ? j.value ? e === i.BULK_ACTIONS : D.value ? e === i.EXPANDABLE : !1 : !1, te = (e) => e === i.EXPANDABLE || e === i.BULK_ACTIONS || e === i.ACTIONS, oe = (e, o = !1) => {
-      if (!a.resizeColumns || a.nested)
-        return !1;
-      if (o) {
-        if (k.value.indexOf(e) === k.value.length - 1)
-          return !1;
-        const n = k.value[k.value.indexOf(e) - 1];
-        return !te(n.key);
-      }
-      const t = k.value[k.value.indexOf(e) + 1];
-      return !te(e.key) && !te(t.key);
-    }, at = (e, o, t) => {
-      g("row-actions-toggle", { row: e, open: o }), setTimeout(() => {
-        t.isRowActionsDropdownOpen = o;
-      }, o ? 0 : 100);
-    }, lt = y(() => !(a.hidePagination || a.nested || a.hidePaginationWhenOptional && a.data.length && a.paginationAttributes.totalCount && a.paginationAttributes.totalCount <= a.data.length));
-    W(() => a.headers, (e) => {
-      if (e && e.length) {
-        const o = e.filter((l) => l.key !== i.BULK_ACTIONS && l.key !== i.ACTIONS), t = e.find((l) => l.key === i.BULK_ACTIONS), n = e.find((l) => l.key === i.ACTIONS);
-        t && o.unshift(t), n && o.push(n), B.value = o;
-      }
-    }, { deep: !0, immediate: !0 });
-    const nt = (e) => !e.hideLabel && !!e.sortable && e.key !== i.BULK_ACTIONS && e.key !== i.ACTIONS, it = (e) => {
-      const { key: o } = e;
-      h.value && o === h.value ? S.value === "asc" ? S.value = "desc" : S.value = "asc" : (h.value = o, S.value = "asc"), le();
-    }, st = (e) => {
-      var t;
-      const o = e.target;
-      o && (typeof o.scrollTop == "number" || typeof o.scrollLeft == "number") && (o.scrollTop > 1 ? (re.value = !0, q.value = !0) : o.scrollTop === 0 && (q.value = !1), o.scrollLeft > 1 ? x.value = !0 : o.scrollLeft === 0 && (x.value = !1), o.scrollWidth <= o.scrollLeft + o.clientWidth ? M.value = !1 : M.value = !0), (t = Ve.value) == null || t.forEach((n) => {
-        n && n.closeDropdown && n.closeDropdown();
-      });
-    }, ae = (e) => V.value.find((o) => o.rowKey === E(e)), rt = (e, o) => ({
-      "data-testid": a.rowAttrs(e)["data-testid"] ? `${a.rowAttrs(e)["data-testid"]}-actions-dropdown-popover` : `row-${o}-actions-dropdown-popover`
-    }), ve = (e) => {
-      if (typeof a.rowBulkActionEnabled != "function")
-        return !1;
-      const o = a.rowBulkActionEnabled(e);
-      return typeof o == "boolean" ? o : o.enabled;
-    }, ut = (e) => {
-      if (typeof a.rowBulkActionEnabled != "function")
-        return "";
-      const o = a.rowBulkActionEnabled(e);
-      return typeof o == "boolean" ? "" : o.disabledTooltip || "";
-    }, dt = (e, o) => {
-      const { to: t } = a.rowLink(e);
-      return !t || o === i.BULK_ACTIONS || o === i.ACTIONS ? "div" : typeof t == "object" ? "router-link" : "a";
-    }, ct = (e, o) => {
-      if (o === i.BULK_ACTIONS || o === i.ACTIONS)
-        return {};
-      const { to: t, target: n } = a.rowLink(e), l = t && typeof t == "object", d = t && typeof t == "string";
-      return {
-        ...l && { to: t },
-        ...d && { href: t },
-        ...(l || d) && {
-          ...n && { target: n }
-        }
-      };
-    }, $e = v(0), Z = v(Xt(a.tablePreferences, a.paginationAttributes)), vt = (e) => {
-      Z.value = e.pageSize, g("page-size-change", e), le();
-    }, ft = y(() => ({
-      sortColumnKey: h.value,
-      sortColumnOrder: S.value,
-      ...a.resizeColumns ? { columnWidths: K.value } : {},
-      ...ge.value ? { columnVisibility: H.value } : {},
-      ...Z.value && !a.hidePagination && { pageSize: Z.value }
-    })), le = () => {
-      g("update:table-preferences", ft.value);
-    }, D = y(() => !a.nested && a.data.some((e) => a.rowExpandable(e))), yt = { key: i.EXPANDABLE, label: "Expandable rows controls", hideLabel: !0 }, Ne = () => {
-      const e = [];
-      return a.data.forEach((o, t) => {
-        a.rowExpanded(o) && e.push(t);
-      }), e;
-    }, L = v(Ne()), bt = async (e, o) => {
-      fe(), await Lt(), L.value.includes(e) ? (L.value = L.value.filter((t) => t !== e), g("update:row-expanded", { row: o, expanded: !1 })) : (L.value = [...L.value, e], g("update:row-expanded", { row: o, expanded: !0 }));
-    }, kt = y(() => k.value.filter((e) => e.key !== i.EXPANDABLE && e.key !== i.BULK_ACTIONS)), Be = v({}), fe = () => {
-      if (typeof document > "u")
-        return;
-      const e = document == null ? void 0 : document.querySelector(`[data-tableid="${C}"]`), o = e == null ? void 0 : e.querySelectorAll("th"), t = {};
-      o == null || o.forEach((n, l) => {
-        const d = n.getAttribute("data-key");
-        if (d === i.EXPANDABLE)
-          return;
-        let s = n.getBoundingClientRect().width;
-        l === 1 && (s += Ce), l === o.length - 1 && (s -= 15), t[d] = s;
-      }), Be.value = t;
-    };
-    W([H, B, D], (e) => {
-      const [o, t, n] = e;
-      let l = t.filter((d) => d.key === i.BULK_ACTIONS ? j.value : o[d.key] !== !1);
-      l.find((d) => d.key === i.EXPANDABLE) && (l = l.filter((d) => d.key !== i.EXPANDABLE)), n && l.unshift(yt), JSON.stringify(l) !== JSON.stringify(k.value) && (k.value = l, le()), n && fe();
-    }, { deep: !0, immediate: !0 }), W(P, (e) => {
-      e && (H.value = a.tablePreferences.columnVisibility || {});
-    }, { immediate: !0 });
-    const G = v(!1), mt = y(() => {
-      const e = V.value.filter((o) => !o.disabled && a.data.find((t) => E(t) === o.rowKey));
-      return !!e.filter((o) => o.selected).length && !!e.filter((o) => !o.selected).length;
-    }), gt = (e) => {
-      V.value.forEach((o) => {
-        a.data.find((t) => E(t) === o.rowKey) && !o.disabled && (o.selected = e);
-      });
-    };
-    return W([() => a.data, V], (e) => {
-      const [o, t] = e;
-      if (o.forEach((n) => {
-        if (!_.value.get(n)) {
-          const l = E(n) || qt();
-          _.value.set(n, `table-${C}-row-${l}`);
-        }
-      }), j.value) {
-        o.forEach((s) => {
-          ae(s) || V.value.push({
-            rowKey: E(s),
-            selected: !1,
-            disabled: !ve(s)
-          });
-        });
-        const n = t.filter((s) => !s.disabled && o.find((c) => E(c) === s.rowKey));
-        n.length && n.filter((s) => s.selected).length === n.length ? G.value = !0 : (n.filter((s) => !s.selected).length, n.length, G.value = !1);
-        const l = o.filter((s) => {
-          const c = t.find((m) => m.rowKey === E(s));
-          return !!(c && c.selected);
-        }), d = [];
-        F.value.forEach((s) => {
-          o.find((m) => E(s) === E(m)) || d.push(s);
-        }), F.value = [...d, ...l];
-      }
-      L.value = Ne();
-    }, { deep: !0, immediate: !0 }), W(F, (e) => {
-      g("row-select", e);
-    }), W(() => a.tablePreferences, (e) => {
-      e != null && e.pageSize && (Z.value = e.pageSize, $e.value++), h.value = e != null && e.sortColumnKey ? e.sortColumnKey : h.value, S.value = e != null && e.sortColumnOrder ? e.sortColumnOrder : S.value, K.value = e != null && e.columnWidths ? e.columnWidths : K.value, H.value = e != null && e.columnVisibility ? e.columnVisibility : H.value;
-    }), Vt(Fe, (e) => {
-      var t;
-      const o = (t = e[0]) == null ? void 0 : t.target;
-      o && (M.value = o.scrollWidth > o.clientWidth, pe.value = o.clientHeight + "px", re.value = o.scrollHeight > o.clientHeight);
-    }), (e, o) => (r(), f("div", {
-      class: p(["k-table-view", { "hide-headers": a.hideHeaders }])
-    }, [
-      je.value ? (r(), f("div", Yt, [
-        T(e.$slots, "toolbar", {}, void 0, !0),
-        ce.value || P.value ? (r(), f("div", Qt, [
-          ce.value ? T(e.$slots, "bulk-actions", {
-            key: 0,
-            selectedRows: F.value
-          }, () => [
-            e.$slots["bulk-actions"] ? b("", !0) : (r(), w(Wt, {
-              key: 0,
-              "button-label": B.value.find((t) => t.key === u(i).BULK_ACTIONS).label,
-              count: he.value,
-              disabled: !he.value || a.loading || !a.data.length
-            }, {
-              items: A(() => [
-                T(e.$slots, "bulk-action-items", { selectedRows: F.value }, void 0, !0)
-              ]),
-              _: 3
-            }, 8, ["button-label", "count", "disabled"]))
-          ], !0) : b("", !0),
-          P.value ? (r(), w(Ft, {
-            key: 1,
-            columns: Xe.value,
-            disabled: We.value,
-            "table-id": u(C),
-            "visibility-preferences": qe.value,
-            onUpdate: o[0] || (o[0] = (t) => H.value = t)
-          }, null, 8, ["columns", "disabled", "table-id", "visibility-preferences"])) : b("", !0)
-        ])) : b("", !0)
-      ])) : b("", !0),
-      a.loading && !a.error ? (r(), w(Ot, {
-        key: 1,
-        "data-testid": "table-skeleton",
-        type: "table"
-      })) : a.error ? (r(), f("div", _t, [
-        T(e.$slots, "error-state", {}, () => [
-          O(Ie, {
-            "icon-variant": "error",
-            message: a.errorStateMessage,
-            title: a.errorStateTitle
-          }, xe({ _: 2 }, [
-            a.errorStateActionMessage ? {
-              name: "action",
-              fn: A(() => [
-                O(ke, {
-                  "data-testid": "error-state-action",
-                  to: a.errorStateActionRoute,
-                  onClick: o[1] || (o[1] = (t) => g("error-action-click"))
-                }, {
-                  default: A(() => [
-                    ne(J(a.errorStateActionMessage), 1)
-                  ]),
-                  _: 1
-                }, 8, ["to"])
-              ]),
-              key: "0"
-            } : void 0
-          ]), 1032, ["message", "title"])
-        ], !0)
-      ])) : !a.error && !a.loading && a.data && !a.data.length ? (r(), f("div", eo, [
-        T(e.$slots, "empty-state", {}, () => [
-          O(Ie, {
-            "icon-variant": a.emptyStateIconVariant,
-            message: a.emptyStateMessage,
-            title: a.emptyStateTitle
-          }, xe({ _: 2 }, [
-            a.emptyStateActionMessage ? {
-              name: "action",
-              fn: A(() => [
-                O(ke, {
-                  appearance: a.emptyStateButtonAppearance,
-                  "data-testid": "empty-state-action",
-                  to: a.emptyStateActionRoute,
-                  onClick: o[2] || (o[2] = (t) => g("empty-state-action-click"))
-                }, {
-                  default: A(() => [
-                    T(e.$slots, "empty-state-action-icon", {}, void 0, !0),
-                    ne(" " + J(a.emptyStateActionMessage), 1)
-                  ]),
-                  _: 3
-                }, 8, ["appearance", "to"])
-              ]),
-              key: "0"
-            } : void 0
-          ]), 1032, ["icon-variant", "message", "title"])
-        ], !0)
-      ])) : (r(), f("div", to, [
-        R("div", {
-          ref: "table-wrapper",
-          class: "table-wrapper",
-          style: Ke(Ze.value),
-          onScrollPassive: st
-        }, [
-          R("table", {
-            class: p(["table", {
-              "has-hover": a.rowHover && !de.value,
-              "is-clickable": ue.value
-            }]),
-            "data-tableid": u(C)
-          }, [
-            a.hideHeaders ? b("", !0) : (r(), f("thead", {
-              key: 0,
-              class: p({ "is-scrolled": q.value })
-            }, [
-              R("tr", {
-                ref: "header-row",
-                class: p({ "is-scrolled": q.value })
-              }, [
-                (r(!0), f(Y, null, be(k.value, (t, n) => (r(), f("th", {
-                  key: `table-${u(C)}-headers-${t.key}`,
-                  "aria-sort": t.key === h.value ? S.value === "asc" ? "ascending" : "descending" : void 0,
-                  class: p(["table-headers", _e(t, n)]),
-                  "data-key": t.key,
-                  "data-testid": `table-header-${t.key}`,
-                  style: Ke(we.value[t.key]),
-                  onClick: () => et(t),
-                  onMouseleave: o[8] || (o[8] = (l) => Q.value = ""),
-                  onMouseover: (l) => Q.value = t.key
-                }, [
-                  n !== 0 && oe(t, !0) ? (r(), f("div", {
-                    key: 0,
-                    class: "resize-handle previous",
-                    onClick: o[3] || (o[3] = ze(() => {
-                    }, ["stop"])),
-                    onMousedown: (l) => Ee(l, k.value[n - 1].key),
-                    onMouseleave: o[4] || (o[4] = (l) => I.value = ""),
-                    onMouseover: (l) => I.value = k.value[n - 1].key
-                  }, null, 40, lo)) : b("", !0),
-                  R("div", {
-                    "aria-describedby": t.tooltip || z[U(t.key)] ? `${U(t.key)}-${u(C)}` : void 0,
-                    class: p(["table-headers-container", { resized: X.value === t.key }])
-                  }, [
-                    t.key !== u(i).BULK_ACTIONS ? T(e.$slots, Je(t.key), {
-                      key: 0,
-                      column: t
-                    }, () => [
-                      R("span", {
-                        class: p(["table-header-label", {
-                          "sr-only": t.hideLabel || t.key === u(i).ACTIONS && t.hideLabel !== !1
-                        }])
-                      }, J(t.label ? t.label : t.key), 3)
-                    ], !0) : (r(), f("div", io, [
-                      O(He, {
-                        modelValue: G.value,
-                        "onUpdate:modelValue": o[5] || (o[5] = (l) => G.value = l),
-                        "aria-label": "Toggle selection for all rows",
-                        class: "table-header-bulk-actions-checkbox",
-                        "data-testid": "table-header-bulk-actions-checkbox",
-                        indeterminate: mt.value,
-                        onChange: gt
-                      }, null, 8, ["modelValue", "indeterminate"])
-                    ])),
-                    t.tooltip || e.$slots[U(t.key)] ? (r(), w(Pe, {
-                      key: 2,
-                      "data-testid": U(t.key),
-                      "kpop-attributes": { target: a.tooltipTarget },
-                      "max-width": "300",
-                      "tooltip-id": `${U(t.key)}-${u(C)}`
-                    }, {
-                      content: A(() => [
-                        T(e.$slots, U(t.key), { column: t }, () => [
-                          ne(J(t.tooltip), 1)
-                        ], !0)
-                      ]),
-                      default: A(() => [
-                        O(u(Bt), {
-                          class: "header-tooltip-trigger",
-                          color: `var(--kui-color-text-neutral, ${u(It)})`,
-                          size: u(se),
-                          tabindex: "0"
-                        }, null, 8, ["color", "size"])
-                      ]),
-                      _: 2
-                    }, 1032, ["data-testid", "kpop-attributes", "tooltip-id"])) : b("", !0),
-                    nt(t) ? (r(), f(Y, { key: 3 }, [
-                      h.value === t.key ? (r(), w(u($t), {
-                        key: 0,
-                        class: "active-sort-icon",
-                        color: `var(--kui-color-text-primary, ${u(Pt)})`,
-                        decorative: "",
-                        size: u(se)
-                      }, null, 8, ["color", "size"])) : (r(), w(u(Kt), {
-                        key: 1,
-                        class: "sort-icon",
-                        color: `var(--kui-color-text-neutral-weak, ${u(Ht)})`,
-                        size: u(se),
-                        title: `Sort by ${t.label}`
-                      }, null, 8, ["color", "size", "title"]))
-                    ], 64)) : b("", !0)
-                  ], 10, no),
-                  n !== k.value.length - 1 && oe(t) ? (r(), f("div", {
-                    key: 1,
-                    class: "resize-handle",
-                    onClick: o[6] || (o[6] = ze(() => {
-                    }, ["stop"])),
-                    onMousedown: (l) => Ee(l, t.key),
-                    onMouseleave: o[7] || (o[7] = (l) => I.value = ""),
-                    onMouseover: (l) => I.value = t.key
-                  }, null, 40, so)) : b("", !0),
-                  ee(t.key) ? (r(), f("div", {
-                    key: 2,
-                    "aria-hidden": "true",
-                    class: p(["scroll-overlay row-overlay left", {
-                      "overlay-visible": x.value
-                    }])
-                  }, null, 2)) : b("", !0),
-                  t.key === u(i).ACTIONS ? (r(), f("div", {
-                    key: 3,
-                    "aria-hidden": "true",
-                    class: p(["scroll-overlay row-overlay right", {
-                      "overlay-visible": M.value
-                    }])
-                  }, null, 2)) : b("", !0)
-                ], 46, ao))), 128))
-              ], 2)
-            ], 2)),
-            R("tbody", null, [
-              (r(!0), f(Y, null, be(a.data, (t, n) => (r(), f(Y, {
-                key: _.value.get(t)
-              }, [
-                R("tr", ie({
-                  class: {
-                    "last-row": n === a.data.length - 1 && !L.value.includes(n)
-                  },
-                  role: a.rowLink(t).to ? "link" : void 0,
-                  tabindex: ue.value && !a.rowLink(t).to ? 0 : void 0
-                }, { ref_for: !0 }, a.rowAttrs(t)), [
-                  (r(!0), f(Y, null, be(k.value, (l, d) => (r(), w(u(Gt), {
-                    key: `${_.value.get(t)}-cell-${l.key}`,
-                    data: { isRowActionsDropdownOpen: !1 }
-                  }, {
-                    default: A(({ data: s }) => [
-                      R("td", ie({
-                        class: {
-                          "resize-hover": Te.value === l.key && d !== k.value.length - 1 && oe(l),
-                          "row-link": !!a.rowLink(t).to,
-                          "sticky-column": Le(l.key),
-                          "second-sticky-column": Oe(l.key),
-                          "has-row-scroll-overlay": ee(l.key),
-                          "actions-column": l.key === u(i).ACTIONS
-                        },
-                        style: {
-                          ...we.value[l.key],
-                          ...s.isRowActionsDropdownOpen ? { zIndex: 2 } : {}
-                        }
-                      }, { ref_for: !0 }, a.cellAttrs({ headerKey: l.key, row: t, rowIndex: n, colIndex: d }), Tt(Ye.value(t[l.key], t), !0)), [
-                        l.key !== u(i).EXPANDABLE ? (r(), w(Rt(dt(t, l.key)), ie({
-                          key: 0,
-                          class: "cell-wrapper"
-                        }, { ref_for: !0 }, ct(t, l.key)), {
-                          default: A(() => [
-                            l.key !== u(i).BULK_ACTIONS && l.key !== u(i).ACTIONS ? T(e.$slots, l.key, {
-                              key: 0,
-                              row: t,
-                              rowKey: n,
-                              rowValue: t[l.key]
-                            }, () => [
-                              ne(J(t[l.key]), 1)
-                            ], !0) : l.key === u(i).BULK_ACTIONS && ae(t) ? (r(), w(Pe, {
-                              key: 1,
-                              "kpop-attributes": { target: a.tooltipTarget },
-                              "max-width": "200",
-                              placement: "bottom-start",
-                              text: ve(t) ? void 0 : ut(t)
-                            }, {
-                              default: A(() => [
-                                O(He, {
-                                  modelValue: ae(t).selected,
-                                  "onUpdate:modelValue": (c) => ae(t).selected = c,
-                                  "aria-label": "Toggle row selection",
-                                  class: "bulk-actions-checkbox",
-                                  "data-testid": "bulk-actions-checkbox",
-                                  disabled: !ve(t)
-                                }, null, 8, ["modelValue", "onUpdate:modelValue", "disabled"])
-                              ]),
-                              _: 2
-                            }, 1032, ["kpop-attributes", "text"])) : l.key === u(i).ACTIONS ? (r(), w(Dt, {
-                              key: 2,
-                              ref_for: !0,
-                              ref: "actionsDropdown",
-                              class: "actions-dropdown",
-                              "data-testid": "actions-dropdown",
-                              "kpop-attributes": { placement: "bottom-end", target: "body", popoverElementAttributes: rt(t, n) },
-                              onToggleDropdown: (c) => at(t, c, s)
-                            }, {
-                              items: A(() => [
-                                T(e.$slots, "action-items", { row: t }, void 0, !0)
-                              ]),
-                              default: A(() => [
-                                O(ke, {
-                                  appearance: "tertiary",
-                                  "aria-label": l.label,
-                                  class: "actions-dropdown-trigger",
-                                  "data-testid": "row-actions-dropdown-trigger",
-                                  icon: "",
-                                  size: "small",
-                                  onMouseleave: o[9] || (o[9] = (c) => de.value = !1),
-                                  onMouseover: o[10] || (o[10] = (c) => de.value = !0)
-                                }, {
-                                  default: A(() => [
-                                    O(u(xt), {
-                                      class: "more-icon",
-                                      decorative: ""
-                                    })
-                                  ]),
-                                  _: 1
-                                }, 8, ["aria-label"])
-                              ]),
-                              _: 2
-                            }, 1032, ["kpop-attributes", "onToggleDropdown"])) : b("", !0)
-                          ]),
-                          _: 2
-                        }, 1040)) : a.rowExpandable(t) ? (r(), f("div", uo, [
-                          R("button", {
-                            "aria-controls": `table-${u(C)}-row-${n}-expandable-content`,
-                            "aria-expanded": L.value.includes(n),
-                            "aria-label": "Toggle row expandable content",
-                            class: p(["expandable-row-control", { expanded: L.value.includes(n) }]),
-                            "data-testid": "expandable-row-control",
-                            type: "button",
-                            onClick: (c) => bt(n, t)
-                          }, [
-                            O(u(Nt), {
-                              class: "expandable-row-control-icon",
-                              decorative: ""
-                            })
-                          ], 10, co)
-                        ])) : b("", !0),
-                        ee(l.key) ? (r(), f("div", {
-                          key: 2,
-                          "aria-hidden": "true",
-                          class: p(["scroll-overlay row-overlay left", {
-                            "overlay-visible": x.value
-                          }])
-                        }, null, 2)) : b("", !0),
-                        l.key === u(i).ACTIONS ? (r(), f("div", {
-                          key: 3,
-                          "aria-hidden": "true",
-                          class: p(["scroll-overlay row-overlay right", {
-                            "overlay-visible": M.value
-                          }])
-                        }, null, 2)) : b("", !0)
-                      ], 16)
-                    ]),
-                    _: 2
-                  }, 1024))), 128))
-                ], 16, ro),
-                D.value && a.rowExpandable(t) ? wt((r(), f("tr", {
-                  key: 0,
-                  id: `table-${u(C)}-row-${n}-expandable-content`,
-                  class: "expandable-content-row",
-                  "data-testid": "expandable-content-row"
-                }, [
-                  R("td", {
-                    colspan: k.value.length
-                  }, [
-                    R("div", yo, [
-                      T(e.$slots, "row-expanded", {
-                        columnWidths: Be.value,
-                        nestedHeaders: kt.value,
-                        row: t
-                      }, void 0, !0)
-                    ])
-                  ], 8, fo)
-                ], 8, vo)), [
-                  [Et, L.value.includes(n)]
-                ]) : b("", !0)
-              ], 64))), 128))
-            ])
-          ], 10, oo)
-        ], 36),
-        !j.value && !D.value ? (r(), f("div", {
-          key: 0,
-          "aria-hidden": "true",
-          class: p(["scroll-overlay table-overlay left", {
-            "overlay-visible": x.value
-          }])
-        }, null, 2)) : b("", !0),
-        De.value ? b("", !0) : (r(), f("div", {
-          key: 1,
-          "aria-hidden": "true",
-          class: p(["scroll-overlay table-overlay right", {
-            "overlay-visible": M.value,
-            "scrollbar-offset": re.value
-          }])
-        }, null, 2)),
-        lt.value ? (r(), w(Ut, ie({
-          key: `table-${u(C)}-pagination-${$e.value}`,
-          class: "table-pagination",
-          "data-testid": "table-pagination",
-          "initial-page-size": Z.value
-        }, a.paginationAttributes, {
-          onGetNextOffset: o[11] || (o[11] = (t) => g("get-next-offset")),
-          onGetPreviousOffset: o[12] || (o[12] = (t) => g("get-previous-offset")),
-          onPageChange: o[13] || (o[13] = (t) => g("page-change", t)),
-          onPageSizeChange: vt
-        }), null, 16, ["initial-page-size"])) : b("", !0)
-      ]))
-    ], 2));
-  }
-});
-export {
-  Xo as default
-};