@kong/kongponents 9.46.7 → 9.46.8

package/dist/kongponents.es160.js

@@ -1,57 +1,57 @@
-import { defineComponent as At, useCssVars as Ct, computed as y, ref as v, unref as u, createPropsRestProxy as St, useSlots as wt, useId as Tt, useTemplateRef as ne, watch as W, createElementBlock as f, openBlock as r, normalizeClass as h, createCommentVNode as b, createBlock as w, renderSlot as T, withCtx as C, createVNode as O, createSlots as ze, createTextVNode as ie, toDisplayString as J, createElementVNode as R, normalizeStyle as Ke, Fragment as Y, renderList as be, withModifiers as Pe, withDirectives as Rt, mergeProps as se, toHandlers as Et, resolveDynamicComponent as Lt, vShow as Ot, nextTick as $t } from "vue";
+import { defineComponent as Ct, useCssVars as St, computed as y, ref as v, unref as u, createPropsRestProxy as wt, useSlots as Tt, useId as Rt, useTemplateRef as ne, watch as W, createElementBlock as f, openBlock as r, normalizeClass as h, createCommentVNode as b, createBlock as w, renderSlot as T, withCtx as C, createVNode as O, createSlots as Ke, createTextVNode as ie, toDisplayString as J, createElementVNode as R, normalizeStyle as Pe, Fragment as Y, renderList as be, withModifiers as He, withDirectives as Et, mergeProps as se, toHandlers as Lt, resolveDynamicComponent as Ot, vShow as $t, nextTick as Nt } from "vue";
 import ke from "./kongponents.es33.js";
-import He from "./kongponents.es44.js";
-import Nt from "./kongponents.es21.js";
+import Me from "./kongponents.es44.js";
+import Bt from "./kongponents.es21.js";
 /* empty css                 */
-import Me from "./kongponents.es24.js";
+import Fe from "./kongponents.es24.js";
 /* empty css                 */
-import Bt from "./kongponents.es212.js";
-import xt from "./kongponents.es181.js";
-import It from "./kongponents.es192.js";
-import zt from "./kongponents.es221.js";
-import Kt from "./kongponents.es222.js";
+import xt from "./kongponents.es197.js";
+import It from "./kongponents.es186.js";
+import zt from "./kongponents.es174.js";
+import Kt from "./kongponents.es210.js";
+import Pt from "./kongponents.es211.js";
 import "./kongponents.es5.js";
 import "./kongponents.es10.js";
-import { EmptyStateIconVariants as Pt } from "./kongponents.es11.js";
+import { EmptyStateIconVariants as Ht } from "./kongponents.es11.js";
 import { TableViewHeaderKeys as i } from "./kongponents.es17.js";
-import { KUI_ICON_SIZE_30 as re, KUI_COLOR_TEXT_NEUTRAL as Ht, KUI_COLOR_TEXT_PRIMARY as Mt, KUI_COLOR_TEXT_NEUTRAL_WEAK as Ft, KUI_SPACE_60 as Ut } from "./kongponents.es178.js";
-import Dt from "./kongponents.es223.js";
-import Wt from "./kongponents.es52.js";
-import Xt from "./kongponents.es42.js";
-import Fe from "./kongponents.es37.js";
-import qt from "./kongponents.es224.js";
+import { KUI_ICON_SIZE_30 as re, KUI_COLOR_TEXT_NEUTRAL as Mt, KUI_COLOR_TEXT_PRIMARY as Ft, KUI_COLOR_TEXT_NEUTRAL_WEAK as Ut, KUI_SPACE_60 as Dt } from "./kongponents.es177.js";
+import Wt from "./kongponents.es198.js";
+import Xt from "./kongponents.es52.js";
+import qt from "./kongponents.es42.js";
+import Ue from "./kongponents.es37.js";
+import Vt from "./kongponents.es212.js";
 import { getInitialPageSize as jt } from "./kongponents.es169.js";
-import { getUniqueStringId as Vt } from "./kongponents.es151.js";
-import { getScrollbarSize as Zt } from "./kongponents.es217.js";
-import { useResizeObserver as Gt } from "./kongponents.es180.js";
-import { normalizeSize as Jt } from "./kongponents.es171.js";
-import Yt from "./kongponents.es29.js";
-import Qt from "./kongponents.es225.js";
-const _t = {
+import { getUniqueStringId as Zt } from "./kongponents.es151.js";
+import { getScrollbarSize as Gt } from "./kongponents.es213.js";
+import { useResizeObserver as Jt } from "./kongponents.es190.js";
+import { normalizeSize as Yt } from "./kongponents.es191.js";
+import Qt from "./kongponents.es29.js";
+import _t from "./kongponents.es214.js";
+const eo = {
   key: 0,
   class: "table-toolbar",
   "data-testid": "table-toolbar"
-}, eo = {
+}, to = {
   key: 0,
   class: "toolbar-default-items-container"
-}, to = {
+}, oo = {
   key: 2,
   class: "table-error-state",
   "data-testid": "table-error-state"
-}, oo = {
+}, ao = {
   key: 3,
   class: "table-empty-state",
   "data-testid": "table-empty-state"
-}, ao = {
+}, lo = {
   key: 4,
   class: "table-container"
-}, lo = ["data-tableid"], no = ["aria-sort", "data-key", "data-testid", "onClick", "onMouseover"], io = ["onMousedown", "onMouseover"], so = ["aria-describedby"], ro = {
+}, no = ["data-tableid"], io = ["aria-sort", "data-key", "data-testid", "onClick", "onMouseover"], so = ["onMousedown", "onMouseover"], ro = ["aria-describedby"], uo = {
   key: 1,
   class: "table-header-bulk-actions-container"
-}, uo = ["onMousedown", "onMouseover"], co = ["role", "tabindex"], vo = {
+}, co = ["onMousedown", "onMouseover"], vo = ["role", "tabindex"], fo = {
   key: 1,
   class: "expandable-row-control-container"
-}, fo = ["aria-controls", "aria-expanded", "onClick"], yo = ["id"], bo = ["colspan"], ko = { class: "expandable-content-wrapper" }, me = "desc", jo = /* @__PURE__ */ At({
+}, yo = ["aria-controls", "aria-expanded", "onClick"], bo = ["id"], ko = ["colspan"], mo = { class: "expandable-content-wrapper" }, me = "desc", jo = /* @__PURE__ */ Ct({
   __name: "KTableView",
   props: {
     data: { default: () => [] },
@@ -69,7 +69,7 @@ const _t = {
     emptyStateMessage: { default: "There is no data to display." },
     emptyStateActionRoute: {},
     emptyStateActionMessage: { default: "" },
-    emptyStateIconVariant: { default: () => Pt.Default },
+    emptyStateIconVariant: { default: () => Ht.Default },
     emptyStateButtonAppearance: { default: "primary" },
     error: { type: Boolean },
     errorStateTitle: { default: "An error occurred" },
@@ -122,19 +122,22 @@ const _t = {
     "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: Ue }) {
-    Ct((e) => ({
-      v369e1215: u(et).expandable,
-      v49615bb2: lt.value,
-      v688a74ec: Ae.value,
-      v32c2095e: Ye.value
+  setup(a, { emit: De }) {
+    St((e) => ({
+      v6728cc3e: u(tt).expandable,
+      v0025a966: nt.value,
+      v5d9a0784: Ce.value,
+      v49a9ba12: Qe.value
     }));
-    const ge = St(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"]), p = Ue, z = wt(), S = Tt(), 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] : "", pe = ne("table-wrapper"), De = ne("table"), We = ne("header-row"), B = v([]), k = v([]), X = v(""), K = v(""), Q = v(""), Xe = y(() => B.value.some((e) => e.key === i.ACTIONS)), he = y(() => B.value.filter((e) => e.hidable).length > 0), P = y(() => a.nested || !he.value || a.error ? !1 : z.toolbar ? !0 : !a.loading && !!a.data && !!a.data.length), qe = y(() => a.loading || !(a.data && a.data.length)), je = y(() => B.value.filter((e) => e.hidable && !te(e.key))), Ve = y(() => P.value ? a.tablePreferences.columnVisibility || {} : {}), H = v(P.value ? a.tablePreferences.columnVisibility || {} : {}), Ae = v("100%"), ue = v(!1), q = v(!1), x = v(!1), M = v(!1), g = v(a.tablePreferences.sortColumnKey || ""), A = v(a.tablePreferences.sortColumnOrder || me), ce = v(!1), Ze = y(() => !a.hideToolbar && !a.nested && (!!z.toolbar || P.value || ve.value)), Ge = ne("actionsDropdown"), de = v(!1), Je = y(() => ({
-      maxHeight: Jt(a.maxHeight)
-    })), Ye = y(() => `${Zt()}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([]), ve = y(() => a.nested || !j.value || a.error ? !1 : z.toolbar ? !0 : !a.loading && !!a.data && !!a.data.length), Ce = y(() => {
+    const ge = wt(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"]), p = De, z = Tt(), S = Rt(), 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] : "", pe = (e) => {
+      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);
+      return t && o.unshift(t), n && o.push(n), o;
+    }, he = ne("table-wrapper"), We = ne("table"), Xe = ne("header-row"), B = v(pe(a.headers)), k = v([]), X = v(""), K = v(""), Q = v(""), qe = y(() => B.value.some((e) => e.key === i.ACTIONS)), Ae = y(() => B.value.filter((e) => e.hidable).length > 0), P = y(() => a.nested || !Ae.value || a.error ? !1 : z.toolbar ? !0 : !a.loading && !!a.data && !!a.data.length), Ve = y(() => a.loading || !(a.data && a.data.length)), je = y(() => B.value.filter((e) => e.hidable && !te(e.key))), Ze = y(() => P.value ? a.tablePreferences.columnVisibility || {} : {}), H = v(P.value ? a.tablePreferences.columnVisibility || {} : {}), Ce = v("100%"), ue = v(!1), q = v(!1), x = v(!1), M = v(!1), g = v(a.tablePreferences.sortColumnKey || ""), A = v(a.tablePreferences.sortColumnOrder || me), ce = v(!1), Ge = y(() => !a.hideToolbar && !a.nested && (!!z.toolbar || P.value || ve.value)), Je = ne("actionsDropdown"), de = v(!1), Ye = y(() => ({
+      maxHeight: Yt(a.maxHeight)
+    })), Qe = y(() => `${Gt()}px`), F = v([]), V = 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))), j = v([]), ve = y(() => a.nested || !V.value || a.error ? !1 : z.toolbar ? !0 : !a.loading && !!a.data && !!a.data.length), Se = y(() => {
       const e = F.value.length;
       return e ? e > 100 ? "99+" : String(e) : "";
-    }), _ = v(/* @__PURE__ */ new WeakMap()), Qe = (e) => `column-${e}`, U = (e) => `tooltip-${e}`, Se = (e, o) => (t, n) => {
+    }), _ = v(/* @__PURE__ */ new WeakMap()), _e = (e) => `column-${e}`, U = (e) => `tooltip-${e}`, we = (e, o) => (t, n) => {
       const l = /^on[^a-z]/, c = {};
       for (const s in o)
         l.test(s) && o[s] && (c[s] = o[s]);
@@ -145,8 +148,8 @@ const _t = {
         }
         return s;
       }, {});
-    }, _e = y(() => (e, o) => {
-      const t = Se("onRow:", ge)(o, "row"), n = Se("onCell:", ge)(e, "cell"), l = ["a", "button", "label", "input", "select", 'span[role="checkbox"]'];
+    }, et = y(() => (e, o) => {
+      const t = we("onRow:", ge)(o, "row"), n = we("onCell:", ge)(e, "cell"), l = ["a", "button", "label", "input", "select", 'span[role="checkbox"]'];
       return (t.click || n.click) && (ce.value = !0), {
         ...t,
         ...n,
@@ -171,11 +174,11 @@ const _t = {
             }
         }
       };
-    }), we = parseInt(Ut) * 2 + parseInt(re), Te = { expandable: we, bulkActions: 48, actions: 54 }, et = Qt(Te, (e) => `${e}px`), I = v({
+    }), Te = parseInt(Dt) * 2 + parseInt(re), Re = { expandable: Te, bulkActions: 48, actions: 54 }, tt = _t(Re, (e) => `${e}px`), I = v({
       ...a.tablePreferences.columnWidths || {},
-      ...Te
+      ...Re
       // override special columns with default widths
-    }), Re = y(() => {
+    }), Ee = y(() => {
       const e = {};
       for (const o in I.value) {
         const t = o;
@@ -189,9 +192,9 @@ const _t = {
         };
       }
       return e;
-    }), tt = (e, o) => ({
+    }), ot = (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": Ee.value === e.key && o !== k.value.length - 1 && oe(e),
+      "resize-hover": Le.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,
@@ -200,21 +203,21 @@ const _t = {
       [A.value]: e.key === g.value && !e.hideLabel,
       "is-scrolled": q.value,
       "has-tooltip": !!e.tooltip,
-      "sticky-column": $e(e.key),
-      "second-sticky-column": Ne(e.key),
+      "sticky-column": Ne(e.key),
+      "second-sticky-column": Be(e.key),
       "has-row-scroll-overlay": ee(e.key),
       "actions-column": e.key === i.ACTIONS
-    }), ot = (e) => {
+    }), at = (e) => {
       if (e.sortable && e.key !== i.BULK_ACTIONS && e.key !== i.ACTIONS) {
         let o = "asc", t = e.key;
         t === g.value && A.value === "asc" && (o = "desc"), t === g.value && A.value === "desc" && (t = "", o = me), p("sort", {
           prevKey: g.value,
           sortColumnKey: t,
           sortColumnOrder: o
-        }), rt(t);
+        }), ut(t);
       }
-    }, at = y(() => X.value ? "resizing" : K.value ? "resize-hover" : Q.value ? "th-hover" : ""), Ee = y(() => {
-      switch (at.value) {
+    }, lt = y(() => X.value ? "resizing" : K.value ? "resize-hover" : Q.value ? "th-hover" : ""), Le = y(() => {
+      switch (lt.value) {
         case "resizing":
           return X.value;
         case "resize-hover":
@@ -224,26 +227,26 @@ const _t = {
         default:
           return "";
       }
-    }), Le = y(() => {
+    }), Oe = y(() => {
       var e;
-      return (e = We.value) == null ? void 0 : e.querySelectorAll("th.resizable");
-    }), lt = y(() => {
+      return (e = Xe.value) == null ? void 0 : e.querySelectorAll("th.resizable");
+    }), nt = y(() => {
       var o;
-      const e = (o = Le.value) == null ? void 0 : o.item(0);
+      const e = (o = Oe.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";
-    }), Oe = (e, o) => {
+    }), $e = (e, o) => {
       var d;
       if (e.button !== 0)
         return;
       let t = 0, n = 0;
       X.value = o;
       let l = null;
-      (d = Le.value) == null || d.forEach((m) => {
+      (d = Oe.value) == null || d.forEach((m) => {
         m.getAttribute("data-testid") === `table-header-${o}` && (l = document == null ? void 0 : document.querySelector(`[data-tableid="${S}"] [data-testid="table-header-${o}"]`));
       });
       const c = (m) => {
@@ -256,7 +259,7 @@ const _t = {
         const m = window == null ? void 0 : window.getComputedStyle(l);
         m != null && m.width && (n = parseInt(m.width, 10)), document == null || document.addEventListener("mousemove", c), document == null || document.addEventListener("mouseup", s);
       }
-    }, $e = (e) => x.value ? e === i.BULK_ACTIONS || e === i.EXPANDABLE : !1, Ne = (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) => {
+    }, Ne = (e) => x.value ? e === i.BULK_ACTIONS || e === i.EXPANDABLE : !1, Be = (e) => e === i.BULK_ACTIONS && D.value, ee = (e) => x.value ? V.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) {
@@ -267,41 +270,38 @@ const _t = {
       }
       const t = k.value[k.value.indexOf(e) + 1];
       return !te(e.key) && !te(t.key);
-    }, nt = (e, o, t) => {
+    }, it = (e, o, t) => {
       p("row-actions-toggle", { row: e, open: o }), setTimeout(() => {
         t.isRowActionsDropdownOpen = o;
       }, o ? 0 : 100);
-    }, it = y(() => !(a.hidePagination || a.nested || a.hidePaginationWhenOptional && a.data.length && a.paginationAttributes.totalCount && a.paginationAttributes.totalCount <= a.data.length));
+    }, st = 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;
-      }
+      B.value = pe(e);
     }, { deep: !0, immediate: !0 });
-    const st = (e) => !e.hideLabel && !!e.sortable && e.key !== i.BULK_ACTIONS && e.key !== i.ACTIONS, rt = (e) => {
+    const rt = (e) => !e.hideLabel && !!e.sortable && e.key !== i.BULK_ACTIONS && e.key !== i.ACTIONS, ut = (e) => {
       g.value && e ? e === g.value ? A.value === "asc" ? A.value = "desc" : A.value = "asc" : (g.value = e, A.value = "asc") : e ? (g.value = e, A.value = "asc") : (g.value = "", A.value = me), le();
-    }, ut = (e) => {
+    }, ct = (e) => {
       var t;
       const o = e.target;
-      o && (typeof o.scrollTop == "number" || typeof o.scrollLeft == "number") && (o.scrollTop > 1 ? (ue.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 = Ge.value) == null || t.forEach((n) => {
+      o && (typeof o.scrollTop == "number" || typeof o.scrollLeft == "number") && (o.scrollTop > 1 ? (ue.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 = Je.value) == null || t.forEach((n) => {
         n && n.closeDropdown && n.closeDropdown();
       });
-    }, ae = (e) => V.value.find((o) => o.rowKey === E(e)), ct = (e, o) => ({
+    }, ae = (e) => j.value.find((o) => o.rowKey === E(e)), dt = (e, o) => ({
       "data-testid": a.rowAttrs(e)["data-testid"] ? `${a.rowAttrs(e)["data-testid"]}-actions-dropdown-popover` : `row-${o}-actions-dropdown-popover`
     }), fe = (e) => {
       if (typeof a.rowBulkActionEnabled != "function")
         return !1;
       const o = a.rowBulkActionEnabled(e);
       return typeof o == "boolean" ? o : o.enabled;
-    }, dt = (e) => {
+    }, vt = (e) => {
       if (typeof a.rowBulkActionEnabled != "function")
         return "";
       const o = a.rowBulkActionEnabled(e);
       return typeof o == "boolean" ? "" : o.disabledTooltip || "";
-    }, vt = (e, o) => {
+    }, ft = (e, o) => {
       const { to: t } = a.rowLink(e);
       return !t || o === i.BULK_ACTIONS || o === i.ACTIONS ? "div" : typeof t == "object" ? "router-link" : "a";
-    }, ft = (e, o) => {
+    }, yt = (e, o) => {
       if (o === i.BULK_ACTIONS || o === i.ACTIONS)
         return {};
       const { to: t, target: n } = a.rowLink(e), l = t && typeof t == "object", c = t && typeof t == "string";
@@ -312,24 +312,24 @@ const _t = {
           ...n && { target: n }
         }
       };
-    }, Be = v(0), Z = v(jt(a.tablePreferences, a.paginationAttributes)), yt = (e) => {
+    }, xe = v(0), Z = v(jt(a.tablePreferences, a.paginationAttributes)), bt = (e) => {
       Z.value = e.pageSize, p("page-size-change", e), le();
-    }, bt = y(() => ({
+    }, kt = y(() => ({
       sortColumnKey: g.value,
       sortColumnOrder: A.value,
       ...a.resizeColumns ? { columnWidths: I.value } : {},
-      ...he.value ? { columnVisibility: H.value } : {},
+      ...Ae.value ? { columnVisibility: H.value } : {},
       ...Z.value && !a.hidePagination && { pageSize: Z.value }
     })), le = () => {
-      p("update:table-preferences", bt.value);
-    }, D = y(() => !a.nested && a.data.some((e) => a.rowExpandable(e))), kt = { key: i.EXPANDABLE, label: "Expandable rows controls", hideLabel: !0 }, xe = () => {
+      p("update:table-preferences", kt.value);
+    }, D = y(() => !a.nested && a.data.some((e) => a.rowExpandable(e))), mt = { key: i.EXPANDABLE, label: "Expandable rows controls", hideLabel: !0 }, Ie = () => {
       const e = [];
       return a.data.forEach((o, t) => {
         a.rowExpanded(o) && e.push(t);
       }), e;
-    }, L = v(xe()), mt = async (e, o) => {
-      ye(), await $t(), L.value.includes(e) ? (L.value = L.value.filter((t) => t !== e), p("update:row-expanded", { row: o, expanded: !1 })) : (L.value = [...L.value, e], p("update:row-expanded", { row: o, expanded: !0 }));
-    }, gt = y(() => k.value.filter((e) => e.key !== i.EXPANDABLE && e.key !== i.BULK_ACTIONS)), Ie = v({}), ye = () => {
+    }, L = v(Ie()), gt = async (e, o) => {
+      ye(), await Nt(), L.value.includes(e) ? (L.value = L.value.filter((t) => t !== e), p("update:row-expanded", { row: o, expanded: !1 })) : (L.value = [...L.value, e], p("update:row-expanded", { row: o, expanded: !0 }));
+    }, pt = y(() => k.value.filter((e) => e.key !== i.EXPANDABLE && e.key !== i.BULK_ACTIONS)), ze = v({}), ye = () => {
       if (typeof document > "u")
         return;
       const e = document == null ? void 0 : document.querySelector(`[data-tableid="${S}"]`), o = e == null ? void 0 : e.querySelectorAll("th"), t = {};
@@ -338,34 +338,34 @@ const _t = {
         if (c === i.EXPANDABLE)
           return;
         let s = n.getBoundingClientRect().width;
-        l === 1 && (s += we), l === o.length - 1 && (s -= 15), t[c] = s;
-      }), Ie.value = t;
+        l === 1 && (s += Te), l === o.length - 1 && (s -= 15), t[c] = s;
+      }), ze.value = t;
     };
     W([H, B, D], (e) => {
       const [o, t, n] = e;
-      let l = t.filter((c) => c.key === i.BULK_ACTIONS ? j.value : o[c.key] !== !1);
-      l.find((c) => c.key === i.EXPANDABLE) && (l = l.filter((c) => c.key !== i.EXPANDABLE)), n && l.unshift(kt), JSON.stringify(l) !== JSON.stringify(k.value) && (k.value = l, le()), n && ye();
+      let l = t.filter((c) => c.key === i.BULK_ACTIONS ? V.value : o[c.key] !== !1);
+      l.find((c) => c.key === i.EXPANDABLE) && (l = l.filter((c) => c.key !== i.EXPANDABLE)), n && l.unshift(mt), JSON.stringify(l) !== JSON.stringify(k.value) && (k.value = l, le()), n && ye();
     }, { deep: !0, immediate: !0 }), W(P, (e) => {
       e && (H.value = a.tablePreferences.columnVisibility || {});
     }, { immediate: !0 });
-    const G = v(!1), pt = y(() => {
-      const e = V.value.filter((o) => !o.disabled && a.data.find((t) => E(t) === o.rowKey));
+    const G = v(!1), ht = y(() => {
+      const e = j.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;
-    }), ht = (e) => {
-      V.value.forEach((o) => {
+    }), At = (e) => {
+      j.value.forEach((o) => {
         a.data.find((t) => E(t) === o.rowKey) && !o.disabled && (o.selected = e);
       });
     };
-    return W([() => a.data, V], (e) => {
+    return W([() => a.data, j], (e) => {
       const [o, t] = e;
       if (o.forEach((n) => {
         if (!_.value.get(n)) {
-          const l = E(n) || Vt();
+          const l = E(n) || Zt();
           _.value.set(n, `table-${S}-row-${l}`);
         }
-      }), j.value) {
+      }), V.value) {
         o.forEach((s) => {
-          ae(s) || V.value.push({
+          ae(s) || j.value.push({
             rowKey: E(s),
             selected: !1,
             disabled: !fe(s)
@@ -381,29 +381,29 @@ const _t = {
           o.find((m) => E(s) === E(m)) || c.push(s);
         }), F.value = [...c, ...l];
       }
-      L.value = xe();
+      L.value = Ie();
     }, { deep: !0, immediate: !0 }), W(F, (e) => {
       p("row-select", e);
     }), W(() => a.tablePreferences, (e) => {
-      e != null && e.pageSize && (Z.value = e.pageSize, Be.value++), g.value = e != null && e.sortColumnKey ? e.sortColumnKey : g.value, A.value = e != null && e.sortColumnOrder ? e.sortColumnOrder : A.value, I.value = e != null && e.columnWidths ? e.columnWidths : I.value, H.value = e != null && e.columnVisibility ? e.columnVisibility : H.value;
-    }), Gt([pe, De], () => {
-      const e = pe.value;
-      e && (M.value = e.scrollWidth > e.clientWidth, Ae.value = e.clientHeight + "px", ue.value = e.scrollHeight > e.clientHeight);
+      e != null && e.pageSize && (Z.value = e.pageSize, xe.value++), g.value = e != null && e.sortColumnKey ? e.sortColumnKey : g.value, A.value = e != null && e.sortColumnOrder ? e.sortColumnOrder : A.value, I.value = e != null && e.columnWidths ? e.columnWidths : I.value, H.value = e != null && e.columnVisibility ? e.columnVisibility : H.value;
+    }), Jt([he, We], () => {
+      const e = he.value;
+      e && (M.value = e.scrollWidth > e.clientWidth, Ce.value = e.clientHeight + "px", ue.value = e.scrollHeight > e.clientHeight);
     }), (e, o) => (r(), f("div", {
       class: h(["k-table-view", { "hide-headers": a.hideHeaders }])
     }, [
-      Ze.value ? (r(), f("div", _t, [
+      Ge.value ? (r(), f("div", eo, [
         T(e.$slots, "toolbar", {}, void 0, !0),
-        ve.value || P.value ? (r(), f("div", eo, [
+        ve.value || P.value ? (r(), f("div", to, [
           ve.value ? T(e.$slots, "bulk-actions", {
             key: 0,
             selectedRows: F.value
           }, () => [
-            e.$slots["bulk-actions"] ? b("", !0) : (r(), w(qt, {
+            e.$slots["bulk-actions"] ? b("", !0) : (r(), w(Vt, {
               key: 0,
               "button-label": B.value.find((t) => t.key === u(i).BULK_ACTIONS).label,
-              count: Ce.value,
-              disabled: !Ce.value || a.loading || !a.data.length
+              count: Se.value,
+              disabled: !Se.value || a.loading || !a.data.length
             }, {
               items: C(() => [
                 T(e.$slots, "bulk-action-items", { selectedRows: F.value }, void 0, !0)
@@ -411,27 +411,27 @@ const _t = {
               _: 3
             }, 8, ["button-label", "count", "disabled"]))
           ], !0) : b("", !0),
-          P.value ? (r(), w(Dt, {
+          P.value ? (r(), w(Wt, {
             key: 1,
             columns: je.value,
-            disabled: qe.value,
+            disabled: Ve.value,
             "table-id": u(S),
-            "visibility-preferences": Ve.value,
+            "visibility-preferences": Ze.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(Nt, {
+      a.loading && !a.error ? (r(), w(Bt, {
         key: 1,
         "data-testid": "table-skeleton",
         type: "table"
-      })) : a.error ? (r(), f("div", to, [
+      })) : a.error ? (r(), f("div", oo, [
         T(e.$slots, "error-state", {}, () => [
-          O(He, {
+          O(Me, {
             "icon-variant": "error",
             message: a.errorStateMessage,
             title: a.errorStateTitle
-          }, ze({ _: 2 }, [
+          }, Ke({ _: 2 }, [
             a.errorStateActionMessage ? {
               name: "action",
               fn: C(() => [
@@ -450,13 +450,13 @@ const _t = {
             } : void 0
           ]), 1032, ["message", "title"])
         ], !0)
-      ])) : !a.error && !a.loading && a.data && !a.data.length ? (r(), f("div", oo, [
+      ])) : !a.error && !a.loading && a.data && !a.data.length ? (r(), f("div", ao, [
         T(e.$slots, "empty-state", {}, () => [
-          O(He, {
+          O(Me, {
             "icon-variant": a.emptyStateIconVariant,
             message: a.emptyStateMessage,
             title: a.emptyStateTitle
-          }, ze({ _: 2 }, [
+          }, Ke({ _: 2 }, [
             a.emptyStateActionMessage ? {
               name: "action",
               fn: C(() => [
@@ -477,12 +477,12 @@ const _t = {
             } : void 0
           ]), 1032, ["icon-variant", "message", "title"])
         ], !0)
-      ])) : (r(), f("div", ao, [
+      ])) : (r(), f("div", lo, [
         R("div", {
           ref: "table-wrapper",
           class: "table-wrapper",
-          style: Ke(Je.value),
-          onScrollPassive: ut
+          style: Pe(Ye.value),
+          onScrollPassive: ct
         }, [
           R("table", {
             ref: "table",
@@ -503,28 +503,28 @@ const _t = {
                 (r(!0), f(Y, null, be(k.value, (t, n) => (r(), f("th", {
                   key: `table-${u(S)}-headers-${t.key}`,
                   "aria-sort": t.key === g.value ? A.value === "asc" ? "ascending" : "descending" : void 0,
-                  class: h(["table-headers", tt(t, n)]),
+                  class: h(["table-headers", ot(t, n)]),
                   "data-key": t.key,
                   "data-testid": `table-header-${t.key}`,
-                  style: Ke(Re.value[t.key]),
-                  onClick: () => ot(t),
+                  style: Pe(Ee.value[t.key]),
+                  onClick: () => at(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] = Pe(() => {
+                    onClick: o[3] || (o[3] = He(() => {
                     }, ["stop"])),
-                    onMousedown: (l) => Oe(l, k.value[n - 1].key),
+                    onMousedown: (l) => $e(l, k.value[n - 1].key),
                     onMouseleave: o[4] || (o[4] = (l) => K.value = ""),
                     onMouseover: (l) => K.value = k.value[n - 1].key
-                  }, null, 40, io)) : b("", !0),
+                  }, null, 40, so)) : b("", !0),
                   R("div", {
                     "aria-describedby": t.tooltip || z[U(t.key)] ? `${U(t.key)}-${u(S)}` : void 0,
                     class: h(["table-headers-container", { resized: X.value === t.key }])
                   }, [
-                    t.key !== u(i).BULK_ACTIONS ? T(e.$slots, Qe(t.key), {
+                    t.key !== u(i).BULK_ACTIONS ? T(e.$slots, _e(t.key), {
                       key: 0,
                       column: t
                     }, () => [
@@ -533,18 +533,18 @@ const _t = {
                           "sr-only": t.hideLabel || t.key === u(i).ACTIONS && t.hideLabel !== !1
                         }])
                       }, J(t.label ? t.label : t.key), 3)
-                    ], !0) : (r(), f("div", ro, [
-                      O(Fe, {
+                    ], !0) : (r(), f("div", uo, [
+                      O(Ue, {
                         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: pt.value,
-                        onChange: ht
+                        indeterminate: ht.value,
+                        onChange: At
                       }, null, 8, ["modelValue", "indeterminate"])
                     ])),
-                    t.tooltip || e.$slots[U(t.key)] ? (r(), w(Me, {
+                    t.tooltip || e.$slots[U(t.key)] ? (r(), w(Fe, {
                       key: 2,
                       "data-testid": U(t.key),
                       "kpop-attributes": { target: a.tooltipTarget },
@@ -557,40 +557,40 @@ const _t = {
                         ], !0)
                       ]),
                       default: C(() => [
-                        O(u(It), {
+                        O(u(zt), {
                           class: "header-tooltip-trigger",
-                          color: `var(--kui-color-text-neutral, ${u(Ht)})`,
+                          color: `var(--kui-color-text-neutral, ${u(Mt)})`,
                           size: u(re),
                           tabindex: "0"
                         }, null, 8, ["color", "size"])
                       ]),
                       _: 2
                     }, 1032, ["data-testid", "kpop-attributes", "tooltip-id"])) : b("", !0),
-                    st(t) ? (r(), f(Y, { key: 3 }, [
-                      g.value === t.key ? (r(), w(u(Bt), {
+                    rt(t) ? (r(), f(Y, { key: 3 }, [
+                      g.value === t.key ? (r(), w(u(xt), {
                         key: 0,
                         class: "active-sort-icon",
-                        color: `var(--kui-color-text-primary, ${u(Mt)})`,
+                        color: `var(--kui-color-text-primary, ${u(Ft)})`,
                         decorative: "",
                         size: u(re)
-                      }, null, 8, ["color", "size"])) : (r(), w(u(Kt), {
+                      }, null, 8, ["color", "size"])) : (r(), w(u(Pt), {
                         key: 1,
                         class: "sort-icon",
-                        color: `var(--kui-color-text-neutral-weak, ${u(Ft)})`,
+                        color: `var(--kui-color-text-neutral-weak, ${u(Ut)})`,
                         size: u(re),
                         title: `Sort by ${t.label}`
                       }, null, 8, ["color", "size", "title"]))
                     ], 64)) : b("", !0)
-                  ], 10, so),
+                  ], 10, ro),
                   n !== k.value.length - 1 && oe(t) ? (r(), f("div", {
                     key: 1,
                     class: "resize-handle",
-                    onClick: o[6] || (o[6] = Pe(() => {
+                    onClick: o[6] || (o[6] = He(() => {
                     }, ["stop"])),
-                    onMousedown: (l) => Oe(l, t.key),
+                    onMousedown: (l) => $e(l, t.key),
                     onMouseleave: o[7] || (o[7] = (l) => K.value = ""),
                     onMouseover: (l) => K.value = t.key
-                  }, null, 40, uo)) : b("", !0),
+                  }, null, 40, co)) : b("", !0),
                   ee(t.key) ? (r(), f("div", {
                     key: 2,
                     "aria-hidden": "true",
@@ -605,7 +605,7 @@ const _t = {
                       "overlay-visible": M.value
                     }])
                   }, null, 2)) : b("", !0)
-                ], 46, no))), 128))
+                ], 46, io))), 128))
               ], 2)
             ], 2)),
             R("tbody", null, [
@@ -619,29 +619,29 @@ const _t = {
                   role: a.rowLink(t).to ? "link" : void 0,
                   tabindex: ce.value && !a.rowLink(t).to ? 0 : void 0
                 }, { ref_for: !0 }, a.rowAttrs(t)), [
-                  (r(!0), f(Y, null, be(k.value, (l, c) => (r(), w(u(Yt), {
+                  (r(!0), f(Y, null, be(k.value, (l, c) => (r(), w(u(Qt), {
                     key: `${_.value.get(t)}-cell-${l.key}`,
                     data: { isRowActionsDropdownOpen: !1 }
                   }, {
                     default: C(({ data: s }) => [
                       R("td", se({
                         class: {
-                          "resize-hover": Ee.value === l.key && c !== k.value.length - 1 && oe(l),
+                          "resize-hover": Le.value === l.key && c !== k.value.length - 1 && oe(l),
                           "row-link": !!a.rowLink(t).to,
-                          "sticky-column": $e(l.key),
-                          "second-sticky-column": Ne(l.key),
+                          "sticky-column": Ne(l.key),
+                          "second-sticky-column": Be(l.key),
                           "has-row-scroll-overlay": ee(l.key),
                           "actions-column": l.key === u(i).ACTIONS
                         },
                         style: {
-                          ...Re.value[l.key],
+                          ...Ee.value[l.key],
                           ...s.isRowActionsDropdownOpen ? { zIndex: 2 } : {}
                         }
-                      }, { ref_for: !0 }, a.cellAttrs({ headerKey: l.key, row: t, rowIndex: n, colIndex: c }), Et(_e.value(t[l.key], t), !0)), [
-                        l.key !== u(i).EXPANDABLE ? (r(), w(Lt(vt(t, l.key)), se({
+                      }, { ref_for: !0 }, a.cellAttrs({ headerKey: l.key, row: t, rowIndex: n, colIndex: c }), Lt(et.value(t[l.key], t), !0)), [
+                        l.key !== u(i).EXPANDABLE ? (r(), w(Ot(ft(t, l.key)), se({
                           key: 0,
                           class: "cell-wrapper"
-                        }, { ref_for: !0 }, ft(t, l.key)), {
+                        }, { ref_for: !0 }, yt(t, l.key)), {
                           default: C(() => [
                             l.key !== u(i).BULK_ACTIONS && l.key !== u(i).ACTIONS ? T(e.$slots, l.key, {
                               key: 0,
@@ -650,15 +650,15 @@ const _t = {
                               rowValue: t[l.key]
                             }, () => [
                               ie(J(t[l.key]), 1)
-                            ], !0) : l.key === u(i).BULK_ACTIONS && ae(t) ? (r(), w(Me, {
+                            ], !0) : l.key === u(i).BULK_ACTIONS && ae(t) ? (r(), w(Fe, {
                               key: 1,
                               "kpop-attributes": { target: a.tooltipTarget },
                               "max-width": "200",
                               placement: "bottom-start",
-                              text: fe(t) ? void 0 : dt(t)
+                              text: fe(t) ? void 0 : vt(t)
                             }, {
                               default: C(() => [
-                                O(Fe, {
+                                O(Ue, {
                                   modelValue: ae(t).selected,
                                   "onUpdate:modelValue": (d) => ae(t).selected = d,
                                   "aria-label": "Toggle row selection",
@@ -668,14 +668,14 @@ const _t = {
                                 }, null, 8, ["modelValue", "onUpdate:modelValue", "disabled"])
                               ]),
                               _: 2
-                            }, 1032, ["kpop-attributes", "text"])) : l.key === u(i).ACTIONS ? (r(), w(Xt, {
+                            }, 1032, ["kpop-attributes", "text"])) : l.key === u(i).ACTIONS ? (r(), w(qt, {
                               key: 2,
                               ref_for: !0,
                               ref: "actionsDropdown",
                               class: "actions-dropdown",
                               "data-testid": "actions-dropdown",
-                              "kpop-attributes": { placement: "bottom-end", target: "body", popoverElementAttributes: ct(t, n) },
-                              onToggleDropdown: (d) => nt(t, d, s)
+                              "kpop-attributes": { placement: "bottom-end", target: "body", popoverElementAttributes: dt(t, n) },
+                              onToggleDropdown: (d) => it(t, d, s)
                             }, {
                               items: C(() => [
                                 T(e.$slots, "action-items", { row: t }, void 0, !0)
@@ -692,7 +692,7 @@ const _t = {
                                   onMouseover: o[10] || (o[10] = (d) => de.value = !0)
                                 }, {
                                   default: C(() => [
-                                    O(u(zt), {
+                                    O(u(Kt), {
                                       class: "more-icon",
                                       decorative: ""
                                     })
@@ -704,7 +704,7 @@ const _t = {
                             }, 1032, ["kpop-attributes", "onToggleDropdown"])) : b("", !0)
                           ]),
                           _: 2
-                        }, 1040)) : a.rowExpandable(t) ? (r(), f("div", vo, [
+                        }, 1040)) : a.rowExpandable(t) ? (r(), f("div", fo, [
                           R("button", {
                             "aria-controls": `table-${u(S)}-row-${n}-expandable-content`,
                             "aria-expanded": L.value.includes(n),
@@ -712,13 +712,13 @@ const _t = {
                             class: h(["expandable-row-control", { expanded: L.value.includes(n) }]),
                             "data-testid": "expandable-row-control",
                             type: "button",
-                            onClick: (d) => mt(n, t)
+                            onClick: (d) => gt(n, t)
                           }, [
-                            O(u(xt), {
+                            O(u(It), {
                               class: "expandable-row-control-icon",
                               decorative: ""
                             })
-                          ], 10, fo)
+                          ], 10, yo)
                         ])) : b("", !0),
                         ee(l.key) ? (r(), f("div", {
                           key: 2,
@@ -738,8 +738,8 @@ const _t = {
                     ]),
                     _: 2
                   }, 1024))), 128))
-                ], 16, co),
-                D.value && a.rowExpandable(t) ? Rt((r(), f("tr", {
+                ], 16, vo),
+                D.value && a.rowExpandable(t) ? Et((r(), f("tr", {
                   key: 0,
                   id: `table-${u(S)}-row-${n}-expandable-content`,
                   class: "expandable-content-row",
@@ -748,29 +748,29 @@ const _t = {
                   R("td", {
                     colspan: k.value.length
                   }, [
-                    R("div", ko, [
+                    R("div", mo, [
                       T(e.$slots, "row-expanded", {
-                        columnWidths: Ie.value,
-                        nestedHeaders: gt.value,
+                        columnWidths: ze.value,
+                        nestedHeaders: pt.value,
                         row: t
                       }, void 0, !0)
                     ])
-                  ], 8, bo)
-                ], 8, yo)), [
-                  [Ot, L.value.includes(n)]
+                  ], 8, ko)
+                ], 8, bo)), [
+                  [$t, L.value.includes(n)]
                 ]) : b("", !0)
               ], 64))), 128))
             ])
-          ], 10, lo)
+          ], 10, no)
         ], 36),
-        !j.value && !D.value ? (r(), f("div", {
+        !V.value && !D.value ? (r(), f("div", {
           key: 0,
           "aria-hidden": "true",
           class: h(["scroll-overlay table-overlay left", {
             "overlay-visible": x.value
           }])
         }, null, 2)) : b("", !0),
-        Xe.value ? b("", !0) : (r(), f("div", {
+        qe.value ? b("", !0) : (r(), f("div", {
           key: 1,
           "aria-hidden": "true",
           class: h(["scroll-overlay table-overlay right", {
@@ -778,8 +778,8 @@ const _t = {
             "scrollbar-offset": ue.value
           }])
         }, null, 2)),
-        it.value ? (r(), w(Wt, se({
-          key: `table-${u(S)}-pagination-${Be.value}`,
+        st.value ? (r(), w(Xt, se({
+          key: `table-${u(S)}-pagination-${xe.value}`,
           class: "table-pagination",
           "data-testid": "table-pagination",
           "initial-page-size": Z.value
@@ -787,7 +787,7 @@ const _t = {
           onGetNextOffset: o[11] || (o[11] = (t) => p("get-next-offset")),
           onGetPreviousOffset: o[12] || (o[12] = (t) => p("get-previous-offset")),
           onPageChange: o[13] || (o[13] = (t) => p("page-change", t)),
-          onPageSizeChange: yt
+          onPageSizeChange: bt
         }), null, 16, ["initial-page-size"])) : b("", !0)
       ]))
     ], 2));