@kong/kongponents 9.64.19 → 9.64.20

package/dist/kongponents169.es.js

@@ -1,53 +1,53 @@
-import { defineComponent as St, useCssVars as Tt, unref as u, createPropsRestProxy as Rt, useSlots as Et, useId as Lt, useTemplateRef as ne, ref as v, computed as y, watch as U, openBlock as r, createElementBlock as f, normalizeClass as h, renderSlot as S, createBlock as T, withCtx as p, createCommentVNode as b, createVNode as O, createSlots as Ke, createTextVNode as ie, toDisplayString as J, createElementVNode as R, normalizeStyle as He, Fragment as Y, renderList as ke, withModifiers as Me, mergeProps as se, toHandlers as Ot, resolveDynamicComponent as $t, withDirectives as Nt, vShow as xt, nextTick as Bt } from "vue";
+import { defineComponent as Tt, useCssVars as Rt, unref as u, createPropsRestProxy as Et, useSlots as Lt, useId as Ot, useTemplateRef as ne, ref as v, computed as f, watch as U, openBlock as r, createElementBlock as y, normalizeClass as h, renderSlot as S, createBlock as T, withCtx as p, createCommentVNode as b, createVNode as O, createSlots as Ke, createTextVNode as ie, toDisplayString as J, createElementVNode as R, normalizeStyle as He, Fragment as Y, renderList as ke, withModifiers as De, mergeProps as se, toHandlers as Nt, resolveDynamicComponent as $t, withDirectives as xt, vShow as Bt, nextTick as It } from "vue";
 import ge from "./kongponents38.es.js";
-import De from "./kongponents51.es.js";
-import It from "./kongponents25.es.js";
+import Me from "./kongponents51.es.js";
+import zt from "./kongponents25.es.js";
 /* empty css                 */
 import Fe from "./kongponents30.es.js";
 /* empty css                 */
-import { InfoIcon as zt, ArrowDownIcon as Pt, SwapSortIcon as Kt, MoreIcon as Ht, ChevronRightIcon as Mt } from "@kong/icons";
+import { InfoIcon as Pt, ArrowDownIcon as Kt, SwapSortIcon as Ht, MoreIcon as Dt, ChevronRightIcon as Mt } from "@kong/icons";
 import "./kongponents7.es.js";
 import "./kongponents12.es.js";
-import { EmptyStateIconVariants as Dt } from "./kongponents13.es.js";
+import { EmptyStateIconVariants as Ft } from "./kongponents13.es.js";
 import { TableViewHeaderKeys as i } from "./kongponents19.es.js";
-import { KUI_ICON_SIZE_30 as re, KUI_COLOR_TEXT_NEUTRAL as Ft, KUI_COLOR_TEXT_PRIMARY as Ut, KUI_COLOR_TEXT_NEUTRAL_WEAK as Vt, KUI_SPACE_60 as Wt } from "./kongponents179.es.js";
-import Xt from "./kongponents194.es.js";
-import qt from "./kongponents61.es.js";
-import jt from "./kongponents49.es.js";
+import { KUI_ICON_SIZE_30 as re, KUI_COLOR_TEXT_NEUTRAL as Ut, KUI_COLOR_TEXT_PRIMARY as Vt, KUI_COLOR_TEXT_NEUTRAL_WEAK as Wt, KUI_SPACE_60 as Xt } from "./kongponents183.es.js";
+import qt from "./kongponents186.es.js";
+import jt from "./kongponents61.es.js";
+import Zt from "./kongponents49.es.js";
 import Ue from "./kongponents42.es.js";
-import Zt from "./kongponents199.es.js";
-import { getInitialPageSize as Gt } from "./kongponents193.es.js";
-import { getUniqueStringId as Jt } from "./kongponents160.es.js";
-import { getScrollbarSize as Yt } from "./kongponents182.es.js";
-import { useElementSize as Qt, useResizeObserver as _t } from "./kongponents191.es.js";
-import { normalizeSize as ea } from "./kongponents183.es.js";
-import ta from "./kongponents46.es.js";
-import aa from "./kongponents200.es.js";
-const oa = {
+import Gt from "./kongponents187.es.js";
+import { getInitialPageSize as Jt } from "./kongponents181.es.js";
+import { getUniqueStringId as Yt } from "./kongponents160.es.js";
+import { getScrollbarSize as Qt } from "./kongponents188.es.js";
+import { useElementSize as _t, useResizeObserver as ea } from "./kongponents189.es.js";
+import { normalizeSize as ta } from "./kongponents190.es.js";
+import aa from "./kongponents46.es.js";
+import oa from "./kongponents191.es.js";
+const la = {
   key: 0,
   class: "table-toolbar",
   "data-testid": "table-toolbar"
-}, la = {
+}, na = {
   key: 0,
   class: "toolbar-default-items-container"
-}, na = {
+}, ia = {
   key: 2,
   class: "table-error-state",
   "data-testid": "table-error-state"
-}, ia = {
+}, sa = {
   key: 3,
   class: "table-empty-state",
   "data-testid": "table-empty-state"
-}, sa = {
+}, ra = {
   key: 4,
   class: "table-container"
-}, ra = ["data-tableid"], ua = ["aria-sort", "data-key", "data-testid", "onClick", "onMouseover"], ca = ["onMousedown", "onMouseover"], da = ["aria-describedby"], va = {
+}, ua = ["data-tableid"], ca = ["aria-sort", "data-key", "data-testid", "onClick", "onMouseover"], da = ["onMousedown", "onMouseover"], va = ["aria-describedby"], ya = {
   key: 1,
   class: "table-header-bulk-actions-container"
-}, fa = ["onMousedown", "onMouseover"], ya = ["role", "tabindex"], ba = {
+}, fa = ["onMousedown", "onMouseover"], ba = ["role", "tabindex"], ka = {
   key: 1,
   class: "expandable-row-control-container"
-}, ka = ["aria-controls", "aria-expanded", "onClick"], ga = ["id"], ma = ["colspan"], ha = { class: "expandable-content-wrapper" }, me = "desc", Xa = /* @__PURE__ */ St({
+}, ga = ["aria-controls", "aria-expanded", "onClick"], ma = ["id"], ha = ["colspan"], wa = { class: "expandable-content-wrapper" }, me = "desc", qa = /* @__PURE__ */ Tt({
   __name: "KTableView",
   props: {
     data: { default: () => [] },
@@ -65,7 +65,7 @@ const oa = {
     emptyStateMessage: { default: "There is no data to display." },
     emptyStateActionRoute: {},
     emptyStateActionMessage: { default: "" },
-    emptyStateIconVariant: { default: () => Dt.Default },
+    emptyStateIconVariant: { default: () => Ft.Default },
     emptyStateButtonAppearance: { default: "primary" },
     error: { type: Boolean },
     errorStateTitle: { default: "An error occurred" },
@@ -120,21 +120,21 @@ const oa = {
   },
   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(o, { emit: Ve }) {
-    Tt((e) => ({
-      v1acceae9: u(tt).expandable,
-      v7798e15e: st.value,
-      v5c2a5a36: Ce.value,
-      v9da257ec: Ye.value
+    Rt((e) => ({
+      v2debc52c: u(tt).expandable,
+      v7e6b967b: st.value,
+      v43760593: Ce.value,
+      v4e28b5e7: Ye.value
     }));
-    const he = Rt(o, ["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", "actionsDropdownPopoverAttributes"]), m = Ve, N = Et(), A = Lt(), E = (e) => typeof o.rowKey == "function" && typeof o.rowKey(e) == "string" ? o.rowKey(e) : typeof o.rowKey == "string" && o.rowKey in e && typeof e[o.rowKey] == "string" ? e[o.rowKey] : "", we = (e) => {
+    const he = Et(o, ["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", "actionsDropdownPopoverAttributes"]), m = Ve, $ = Lt(), A = Ot(), E = (e) => typeof o.rowKey == "function" && typeof o.rowKey(e) == "string" ? o.rowKey(e) : typeof o.rowKey == "string" && o.rowKey in e && typeof e[o.rowKey] == "string" ? e[o.rowKey] : "", we = (e) => {
       const a = 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 && a.unshift(t), n && a.push(n), a;
-    }, pe = ne("table-wrapper"), We = ne("table"), Ae = ne("header-row"), x = v(we(o.headers)), k = v([]), V = v(""), z = v(""), Q = v(""), Xe = y(() => x.value.some((e) => e.key === i.ACTIONS)), ue = y(() => x.value.filter((e) => e.hidable).length > 0), W = () => o.nested || !ue.value || o.error ? !1 : N.toolbar ? !0 : !o.loading && !!o.data && !!o.data.length, qe = y(() => o.loading || !(o.data && o.data.length)), je = y(() => x.value.filter((e) => e.hidable && !te(e.key))), Ze = y(() => o.nested || !ue.value || o.error ? {} : o.tablePreferences.columnVisibility || {}), P = v(W() ? o.tablePreferences.columnVisibility || {} : {}), Ce = v("100%"), ce = v(!1), X = v(!1), B = v(!1), K = v(!1), g = v(o.tablePreferences.sortColumnKey || ""), w = v(o.tablePreferences.sortColumnOrder || me), de = v(!1), Ge = ne("actionsDropdown"), ve = v(!1), Je = y(() => ({
-      maxHeight: ea(o.maxHeight)
-    })), Ye = y(() => `${Yt()}px`), H = v([]), q = y(() => !o.nested && !o.error && x.value.some((e) => e.key === i.BULK_ACTIONS) && !!(N["bulk-action-items"] || N["bulk-actions"]) && !!o.data.every((e) => E(e))), j = v([]), fe = () => o.nested || !q.value || o.error ? !1 : N.toolbar ? !0 : !o.loading && !!o.data && !!o.data.length, Qe = () => !o.hideToolbar && !o.nested && (!!N.toolbar || W() || fe()), Se = y(() => {
+    }, pe = ne("table-wrapper"), We = ne("table"), Ae = ne("header-row"), x = v(we(o.headers)), k = v([]), V = v(""), z = v(""), Q = v(""), Xe = f(() => x.value.some((e) => e.key === i.ACTIONS)), ue = f(() => x.value.filter((e) => e.hidable).length > 0), W = () => o.nested || !ue.value || o.error ? !1 : $.toolbar ? !0 : !o.loading && !!o.data && !!o.data.length, qe = f(() => o.loading || !(o.data && o.data.length)), je = f(() => x.value.filter((e) => e.hidable && !te(e.key))), Ze = f(() => o.nested || !ue.value || o.error ? {} : o.tablePreferences.columnVisibility || {}), P = v(W() ? o.tablePreferences.columnVisibility || {} : {}), Ce = v("100%"), ce = v(!1), X = v(!1), B = v(!1), K = v(!1), g = v(o.tablePreferences.sortColumnKey || ""), w = v(o.tablePreferences.sortColumnOrder || me), de = v(!1), Ge = ne("actionsDropdown"), ve = v(!1), Je = f(() => ({
+      maxHeight: ta(o.maxHeight)
+    })), Ye = f(() => `${Qt()}px`), H = v([]), q = f(() => !o.nested && !o.error && x.value.some((e) => e.key === i.BULK_ACTIONS) && !!($["bulk-action-items"] || $["bulk-actions"]) && !!o.data.every((e) => E(e))), j = v([]), ye = () => o.nested || !q.value || o.error ? !1 : $.toolbar ? !0 : !o.loading && !!o.data && !!o.data.length, Qe = () => !o.hideToolbar && !o.nested && (!!$.toolbar || W() || ye()), Se = f(() => {
       const e = H.value.length;
       return e ? e > 100 ? "99+" : String(e) : "";
-    }), _ = v(/* @__PURE__ */ new WeakMap()), _e = (e) => `column-${e}`, M = (e) => `tooltip-${e}`, Te = (e, a) => (t, n) => {
+    }), _ = v(/* @__PURE__ */ new WeakMap()), _e = (e) => `column-${e}`, D = (e) => `tooltip-${e}`, Te = (e, a) => (t, n) => {
       const l = /^on[^a-z]/, c = {};
       for (const s in a)
         l.test(s) && a[s] && (c[s] = a[s]);
@@ -145,7 +145,7 @@ const oa = {
         }
         return s;
       }, {});
-    }, et = y(() => (e, a) => {
+    }, et = f(() => (e, a) => {
       const t = Te("onRow:", he)(a, "row"), n = Te("onCell:", he)(e, "cell"), l = ["a", "button", "label", "input", "select", 'span[role="checkbox"]'];
       return (t.click || n.click) && (de.value = !0), {
         ...t,
@@ -154,28 +154,28 @@ const oa = {
           const s = c.target, d = s.className;
           let C = l.includes(s.tagName.toLowerCase()), F = !1;
           typeof d == "string" || Array.isArray(d) ? F = d.includes("k-popover") : typeof d == "object" && (F = Object.keys(d).includes("k-popover")), s.closest(".popover-content") !== null && (F = !0);
-          for (let $ = 0; $ < l.length; $++)
-            if (s.closest(l[$]) !== null) {
+          for (let N = 0; N < l.length; N++)
+            if (s.closest(l[N]) !== null) {
               C = !0;
               break;
             }
           if ((!C || s.hasAttribute("disabled")) && !F && (t.click || n.click))
             if (n.click) {
               m("cell-click", { data: e });
-              const $ = n.click(c, e, "cell");
-              typeof $ == "function" && $(c, e);
+              const N = n.click(c, e, "cell");
+              typeof N == "function" && N(c, e);
             } else {
               m("row-click", { data: a });
-              const $ = t.click(c, a, "row");
-              typeof $ == "function" && $(c, a);
+              const N = t.click(c, a, "row");
+              typeof N == "function" && N(c, a);
             }
         }
       };
-    }), Re = parseInt(Wt) * 2 + parseInt(re), Ee = { expandable: Re, bulkActions: 48, actions: 54 }, tt = aa(Ee, (e) => `${e}px`), I = v({
+    }), Re = parseInt(Xt) * 2 + parseInt(re), Ee = { expandable: Re, bulkActions: 48, actions: 54 }, tt = oa(Ee, (e) => `${e}px`), I = v({
       ...o.tablePreferences.columnWidths || {},
       ...Ee
       // override special columns with default widths
-    }), Le = y(() => {
+    }), Le = f(() => {
       const e = {};
       for (const a in I.value) {
         const t = a;
@@ -213,7 +213,7 @@ const oa = {
           sortColumnOrder: a
         }), dt(t);
       }
-    }, lt = y(() => V.value ? "resizing" : z.value ? "resize-hover" : Q.value ? "th-hover" : ""), Oe = y(() => {
+    }, lt = f(() => V.value ? "resizing" : z.value ? "resize-hover" : Q.value ? "th-hover" : ""), Oe = f(() => {
       switch (lt.value) {
         case "resizing":
           return V.value;
@@ -224,7 +224,7 @@ const oa = {
         default:
           return "";
       }
-    }), nt = y(() => Ae.value?.querySelectorAll("th.resizable")), it = y(() => o.resizeColumns && !o.nested), { height: $e } = Qt(y(() => it.value ? Ae.value : null)), st = y(() => $e.value ? `${$e.value}px` : "auto"), Ne = (e, a) => {
+    }), nt = f(() => Ae.value?.querySelectorAll("th.resizable")), it = f(() => o.resizeColumns && !o.nested), { height: Ne } = _t(f(() => it.value ? Ae.value : null)), st = f(() => Ne.value ? `${Ne.value}px` : "auto"), $e = (e, a) => {
       if (e.button !== 0)
         return;
       let t = 0, n = 0;
@@ -237,13 +237,13 @@ const oa = {
         const C = d.clientX - t;
         l?.setAttribute("style", `width: ${n + C}px`), I.value[a] = n + C;
       }, s = () => {
-        V.value = "", document?.removeEventListener("mousemove", c), document?.removeEventListener("mouseup", s), le(), D.value && be();
+        V.value = "", document?.removeEventListener("mousemove", c), document?.removeEventListener("mouseup", s), le(), M.value && be();
       };
       if (t = e.clientX, l) {
         const d = window?.getComputedStyle(l);
         d?.width && (n = parseInt(d.width, 10)), document?.addEventListener("mousemove", c), document?.addEventListener("mouseup", s);
       }
-    }, xe = (e) => B.value ? e === i.BULK_ACTIONS || e === i.EXPANDABLE : !1, Be = (e) => e === i.BULK_ACTIONS && D.value, ee = (e) => B.value ? q.value ? e === i.BULK_ACTIONS : D.value ? e === i.EXPANDABLE : !1 : !1, te = (e) => e === i.EXPANDABLE || e === i.BULK_ACTIONS || e === i.ACTIONS, ae = (e, a = !1) => {
+    }, xe = (e) => B.value ? e === i.BULK_ACTIONS || e === i.EXPANDABLE : !1, Be = (e) => e === i.BULK_ACTIONS && M.value, ee = (e) => B.value ? q.value ? e === i.BULK_ACTIONS : M.value ? e === i.EXPANDABLE : !1 : !1, te = (e) => e === i.EXPANDABLE || e === i.BULK_ACTIONS || e === i.ACTIONS, ae = (e, a = !1) => {
       if (!o.resizeColumns || o.nested)
         return !1;
       if (a) {
@@ -258,7 +258,7 @@ const oa = {
       m("row-actions-toggle", { row: e, open: a }), setTimeout(() => {
         t.isRowActionsDropdownOpen = a;
       }, a ? 0 : 100);
-    }, ut = y(() => !(o.hidePagination || o.nested || o.hidePaginationWhenOptional && o.data.length && o.paginationAttributes.totalCount && o.paginationAttributes.totalCount <= o.data.length));
+    }, ut = f(() => !(o.hidePagination || o.nested || o.hidePaginationWhenOptional && o.data.length && o.paginationAttributes.totalCount && o.paginationAttributes.totalCount <= o.data.length));
     U(() => o.headers, (e) => {
       x.value = we(e);
     }, { deep: !0, immediate: !0 });
@@ -269,22 +269,22 @@ const oa = {
       a && (typeof a.scrollTop == "number" || typeof a.scrollLeft == "number") && (a.scrollTop > 1 ? (ce.value = !0, X.value = !0) : a.scrollTop === 0 && (X.value = !1), a.scrollLeft > 1 ? B.value = !0 : a.scrollLeft === 0 && (B.value = !1), a.scrollWidth <= a.scrollLeft + a.clientWidth ? K.value = !1 : K.value = !0), Ge.value?.forEach((t) => {
         t && t.closeDropdown && t.closeDropdown();
       });
-    }, oe = (e) => j.value.find((a) => a.rowKey === E(e)), ft = (e, a) => ({
+    }, oe = (e) => j.value.find((a) => a.rowKey === E(e)), yt = (e, a) => ({
       "data-testid": o.rowAttrs(e)["data-testid"] ? `${o.rowAttrs(e)["data-testid"]}-actions-dropdown-popover` : `row-${a}-actions-dropdown-popover`
-    }), ye = (e) => {
+    }), fe = (e) => {
       if (typeof o.rowBulkActionEnabled != "function")
         return !1;
       const a = o.rowBulkActionEnabled(e);
       return typeof a == "boolean" ? a : a.enabled;
-    }, yt = (e) => {
+    }, ft = (e) => {
       if (typeof o.rowBulkActionEnabled != "function")
         return "";
       const a = o.rowBulkActionEnabled(e);
       return typeof a == "boolean" ? "" : a.disabledTooltip || "";
-    }, bt = (e, a) => {
+    }, bt = f(() => k.value.find((e) => e.key !== i.EXPANDABLE && e.key !== i.BULK_ACTIONS && e.key !== i.ACTIONS)?.key), kt = (e, a) => {
       const { to: t } = o.rowLink(e);
       return !t || a === i.BULK_ACTIONS || a === i.ACTIONS ? "div" : typeof t == "object" ? "router-link" : "a";
-    }, kt = (e, a) => {
+    }, gt = (e, a) => {
       if (a === i.BULK_ACTIONS || a === i.ACTIONS)
         return {};
       const { to: t, target: n } = o.rowLink(e), l = t && typeof t == "object", c = t && typeof t == "string";
@@ -292,27 +292,29 @@ const oa = {
         ...l && { to: t },
         ...c && { href: t },
         ...(l || c) && {
-          ...n && { target: n }
+          ...n && { target: n },
+          // keep every cell link but the first one out of the tab order
+          ...a !== bt.value && { tabindex: -1 }
         }
       };
-    }, Ie = v(0), Z = v(Gt(o.tablePreferences, o.paginationAttributes)), gt = (e) => {
+    }, Ie = v(0), Z = v(Jt(o.tablePreferences, o.paginationAttributes)), mt = (e) => {
       Z.value = e.pageSize, m("page-size-change", e), le();
-    }, mt = y(() => ({
+    }, ht = f(() => ({
       sortColumnKey: g.value,
       sortColumnOrder: w.value,
       ...o.resizeColumns ? { columnWidths: I.value } : {},
       ...ue.value ? { columnVisibility: P.value } : {},
       ...Z.value && !o.hidePagination && { pageSize: Z.value }
     })), le = () => {
-      m("update:table-preferences", mt.value);
-    }, D = y(() => !o.nested && o.data.some((e) => o.rowExpandable(e))), ht = { key: i.EXPANDABLE, label: "Expandable rows controls", hideLabel: !0 }, ze = () => {
+      m("update:table-preferences", ht.value);
+    }, M = f(() => !o.nested && o.data.some((e) => o.rowExpandable(e))), wt = { key: i.EXPANDABLE, label: "Expandable rows controls", hideLabel: !0 }, ze = () => {
       const e = [];
       return o.data.forEach((a, t) => {
         o.rowExpanded(a) && e.push(t);
       }), e;
-    }, L = v(ze()), wt = async (e, a) => {
-      be(), await Bt(), L.value.includes(e) ? (L.value = L.value.filter((t) => t !== e), m("update:row-expanded", { row: a, expanded: !1 })) : (L.value = [...L.value, e], m("update:row-expanded", { row: a, expanded: !0 }));
-    }, pt = y(() => k.value.filter((e) => e.key !== i.EXPANDABLE && e.key !== i.BULK_ACTIONS)), Pe = v({}), be = () => {
+    }, L = v(ze()), pt = async (e, a) => {
+      be(), await It(), L.value.includes(e) ? (L.value = L.value.filter((t) => t !== e), m("update:row-expanded", { row: a, expanded: !1 })) : (L.value = [...L.value, e], m("update:row-expanded", { row: a, expanded: !0 }));
+    }, At = f(() => k.value.filter((e) => e.key !== i.EXPANDABLE && e.key !== i.BULK_ACTIONS)), Pe = v({}), be = () => {
       if (typeof document > "u")
         return;
       const a = document?.querySelector(`[data-tableid="${A}"]`)?.querySelectorAll("th"), t = {};
@@ -324,17 +326,17 @@ const oa = {
         l === 1 && (s += Re), l === a.length - 1 && (s -= 15), t[c] = s;
       }), Pe.value = t;
     };
-    U([P, x, D], (e) => {
+    U([P, x, M], (e) => {
       const [a, t, n] = e;
       let l = t.filter((c) => c.key === i.BULK_ACTIONS ? q.value : a[c.key] !== !1);
-      l.find((c) => c.key === i.EXPANDABLE) && (l = l.filter((c) => c.key !== i.EXPANDABLE)), n && l.unshift(ht), JSON.stringify(l) !== JSON.stringify(k.value) && (k.value = l, le()), n && be();
+      l.find((c) => c.key === i.EXPANDABLE) && (l = l.filter((c) => c.key !== i.EXPANDABLE)), n && l.unshift(wt), JSON.stringify(l) !== JSON.stringify(k.value) && (k.value = l, le()), n && be();
     }, { deep: !0, immediate: !0 }), U(() => W(), (e) => {
       e && (P.value = o.tablePreferences.columnVisibility || {});
     }, { immediate: !0 });
-    const G = v(!1), At = y(() => {
+    const G = v(!1), Ct = f(() => {
       const e = j.value.filter((a) => !a.disabled && o.data.find((t) => E(t) === a.rowKey));
       return !!e.filter((a) => a.selected).length && !!e.filter((a) => !a.selected).length;
-    }), Ct = (e) => {
+    }), St = (e) => {
       j.value.forEach((a) => {
         o.data.find((t) => E(t) === a.rowKey) && !a.disabled && (a.selected = e);
       });
@@ -343,7 +345,7 @@ const oa = {
       const [a, t] = e;
       if (a.forEach((n) => {
         if (!_.value.get(n)) {
-          const l = E(n) || Jt();
+          const l = E(n) || Yt();
           _.value.set(n, `table-${A}-row-${l}`);
         }
       }), q.value) {
@@ -351,7 +353,7 @@ const oa = {
           oe(s) || j.value.push({
             rowKey: E(s),
             selected: !1,
-            disabled: !ye(s)
+            disabled: !fe(s)
           });
         });
         const n = t.filter((s) => !s.disabled && a.find((d) => E(d) === s.rowKey));
@@ -369,17 +371,17 @@ const oa = {
       m("row-select", e);
     }), U(() => o.tablePreferences, (e) => {
       e?.pageSize && (Z.value = e.pageSize, Ie.value++), g.value = e?.sortColumnKey ? e.sortColumnKey : g.value, w.value = e?.sortColumnOrder ? e.sortColumnOrder : w.value, I.value = e?.columnWidths ? e.columnWidths : I.value, P.value = e?.columnVisibility ? e.columnVisibility : P.value;
-    }), _t([pe, We], () => {
+    }), ea([pe, We], () => {
       const e = pe.value;
       e && (K.value = e.scrollWidth > e.clientWidth, Ce.value = e.clientHeight + "px", ce.value = e.scrollHeight > e.clientHeight);
-    }), (e, a) => (r(), f("div", {
+    }), (e, a) => (r(), y("div", {
       class: h(["k-table-view", { "hide-headers": o.hideHeaders }])
     }, [
-      Qe() ? (r(), f("div", oa, [
+      Qe() ? (r(), y("div", la, [
         S(e.$slots, "toolbar", {}, void 0, !0),
-        fe() || W() ? (r(), f("div", la, [
-          fe() ? S(e.$slots, "bulk-actions", { selectedRows: H.value }, () => [
-            N["bulk-actions"] ? b("", !0) : (r(), T(Zt, {
+        ye() || W() ? (r(), y("div", na, [
+          ye() ? S(e.$slots, "bulk-actions", { selectedRows: H.value }, () => [
+            $["bulk-actions"] ? b("", !0) : (r(), T(Gt, {
               key: 0,
               "button-label": x.value.find((t) => t.key === u(i).BULK_ACTIONS).label,
               count: Se.value,
@@ -391,7 +393,7 @@ const oa = {
               _: 3
             }, 8, ["button-label", "count", "disabled"]))
           ], !0, 0) : b("", !0),
-          W() ? (r(), T(Xt, {
+          W() ? (r(), T(qt, {
             key: 1,
             columns: je.value,
             disabled: qe.value,
@@ -401,13 +403,13 @@ const oa = {
           }, null, 8, ["columns", "disabled", "table-id", "visibility-preferences"])) : b("", !0)
         ])) : b("", !0)
       ])) : b("", !0),
-      o.loading && !o.error ? (r(), T(It, {
+      o.loading && !o.error ? (r(), T(zt, {
         key: 1,
         "data-testid": "table-skeleton",
         type: "table"
-      })) : o.error ? (r(), f("div", na, [
+      })) : o.error ? (r(), y("div", ia, [
         S(e.$slots, "error-state", {}, () => [
-          O(De, {
+          O(Me, {
             "icon-variant": "error",
             message: o.errorStateMessage,
             title: o.errorStateTitle
@@ -430,9 +432,9 @@ const oa = {
             } : void 0
           ]), 1032, ["message", "title"])
         ], !0)
-      ])) : !o.error && !o.loading && o.data && !o.data.length ? (r(), f("div", ia, [
+      ])) : !o.error && !o.loading && o.data && !o.data.length ? (r(), y("div", sa, [
         S(e.$slots, "empty-state", {}, () => [
-          O(De, {
+          O(Me, {
             "icon-variant": o.emptyStateIconVariant,
             message: o.emptyStateMessage,
             title: o.emptyStateTitle
@@ -457,7 +459,7 @@ const oa = {
             } : void 0
           ]), 1032, ["icon-variant", "message", "title"])
         ], !0)
-      ])) : (r(), f("div", sa, [
+      ])) : (r(), y("div", ra, [
         R("div", {
           ref: "table-wrapper",
           class: "table-wrapper",
@@ -472,7 +474,7 @@ const oa = {
             }]),
             "data-tableid": u(A)
           }, [
-            o.hideHeaders ? b("", !0) : (r(), f("thead", {
+            o.hideHeaders ? b("", !0) : (r(), y("thead", {
               key: 0,
               class: h({ "is-scrolled": X.value })
             }, [
@@ -480,7 +482,7 @@ const oa = {
                 ref: "header-row",
                 class: h({ "is-scrolled": X.value })
               }, [
-                (r(!0), f(Y, null, ke(k.value, (t, n) => (r(), f("th", {
+                (r(!0), y(Y, null, ke(k.value, (t, n) => (r(), y("th", {
                   key: `table-${u(A)}-headers-${t.key}`,
                   "aria-sort": t.key === g.value ? w.value === "asc" ? "ascending" : "descending" : void 0,
                   class: h(["table-headers", at(t, n)]),
@@ -491,17 +493,17 @@ const oa = {
                   onMouseleave: a[8] || (a[8] = (l) => Q.value = ""),
                   onMouseover: (l) => Q.value = t.key
                 }, [
-                  n !== 0 && ae(t, !0) ? (r(), f("div", {
+                  n !== 0 && ae(t, !0) ? (r(), y("div", {
                     key: 0,
                     class: "resize-handle previous",
-                    onClick: a[3] || (a[3] = Me(() => {
+                    onClick: a[3] || (a[3] = De(() => {
                     }, ["stop"])),
-                    onMousedown: (l) => Ne(l, k.value[n - 1].key),
+                    onMousedown: (l) => $e(l, k.value[n - 1].key),
                     onMouseleave: a[4] || (a[4] = (l) => z.value = ""),
                     onMouseover: (l) => z.value = k.value[n - 1].key
-                  }, null, 40, ca)) : b("", !0),
+                  }, null, 40, da)) : b("", !0),
                   R("div", {
-                    "aria-describedby": t.tooltip || N[M(t.key)] ? `${M(t.key)}-${u(A)}` : void 0,
+                    "aria-describedby": t.tooltip || $[D(t.key)] ? `${D(t.key)}-${u(A)}` : void 0,
                     class: h(["table-headers-container", { resized: V.value === t.key }])
                   }, [
                     t.key !== u(i).BULK_ACTIONS ? S(e.$slots, _e(t.key), { column: t }, () => [
@@ -510,83 +512,83 @@ const oa = {
                           "sr-only": t.hideLabel || t.key === u(i).ACTIONS && t.hideLabel !== !1
                         }])
                       }, J(t.label ? t.label : t.key), 3)
-                    ], !0, 0) : (r(), f("div", va, [
+                    ], !0, 0) : (r(), y("div", ya, [
                       O(Ue, {
                         modelValue: G.value,
                         "onUpdate:modelValue": a[5] || (a[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: At.value,
-                        onChange: Ct
+                        indeterminate: Ct.value,
+                        onChange: St
                       }, null, 8, ["modelValue", "indeterminate"])
                     ])),
-                    t.tooltip || N[M(t.key)] ? (r(), T(Fe, {
+                    t.tooltip || $[D(t.key)] ? (r(), T(Fe, {
                       key: 2,
-                      "data-testid": M(t.key),
+                      "data-testid": D(t.key),
                       "kpop-attributes": { target: o.tooltipTarget },
                       "max-width": "300",
-                      "tooltip-id": `${M(t.key)}-${u(A)}`
+                      "tooltip-id": `${D(t.key)}-${u(A)}`
                     }, {
                       content: p(() => [
-                        S(e.$slots, M(t.key), { column: t }, () => [
+                        S(e.$slots, D(t.key), { column: t }, () => [
                           ie(J(t.tooltip), 1)
                         ], !0)
                       ]),
                       default: p(() => [
-                        O(u(zt), {
+                        O(u(Pt), {
                           class: "header-tooltip-trigger",
-                          color: `var(--kui-color-text-neutral, ${u(Ft)})`,
+                          color: `var(--kui-color-text-neutral, ${u(Ut)})`,
                           size: `var(--kui-icon-size-30, ${u(re)})`,
                           tabindex: "0"
                         }, null, 8, ["color", "size"])
                       ]),
                       _: 2
                     }, 1032, ["data-testid", "kpop-attributes", "tooltip-id"])) : b("", !0),
-                    ct(t) ? (r(), f(Y, { key: 3 }, [
-                      g.value === t.key ? (r(), T(u(Pt), {
+                    ct(t) ? (r(), y(Y, { key: 3 }, [
+                      g.value === t.key ? (r(), T(u(Kt), {
                         key: 0,
                         class: "active-sort-icon",
-                        color: `var(--kui-color-text-primary, ${u(Ut)})`,
+                        color: `var(--kui-color-text-primary, ${u(Vt)})`,
                         decorative: "",
                         size: `var(--kui-icon-size-30, ${u(re)})`
-                      }, null, 8, ["color", "size"])) : (r(), T(u(Kt), {
+                      }, null, 8, ["color", "size"])) : (r(), T(u(Ht), {
                         key: 1,
                         class: "sort-icon",
-                        color: `var(--kui-color-text-neutral-weak, ${u(Vt)})`,
+                        color: `var(--kui-color-text-neutral-weak, ${u(Wt)})`,
                         size: `var(--kui-icon-size-30, ${u(re)})`,
                         title: `Sort by ${t.label}`
                       }, null, 8, ["color", "size", "title"]))
                     ], 64)) : b("", !0)
-                  ], 10, da),
-                  n !== k.value.length - 1 && ae(t) ? (r(), f("div", {
+                  ], 10, va),
+                  n !== k.value.length - 1 && ae(t) ? (r(), y("div", {
                     key: 1,
                     class: "resize-handle",
-                    onClick: a[6] || (a[6] = Me(() => {
+                    onClick: a[6] || (a[6] = De(() => {
                     }, ["stop"])),
-                    onMousedown: (l) => Ne(l, t.key),
+                    onMousedown: (l) => $e(l, t.key),
                     onMouseleave: a[7] || (a[7] = (l) => z.value = ""),
                     onMouseover: (l) => z.value = t.key
                   }, null, 40, fa)) : b("", !0),
-                  ee(t.key) ? (r(), f("div", {
+                  ee(t.key) ? (r(), y("div", {
                     key: 2,
                     "aria-hidden": "true",
                     class: h(["scroll-overlay row-overlay left", {
                       "overlay-visible": B.value
                     }])
                   }, null, 2)) : b("", !0),
-                  t.key === u(i).ACTIONS ? (r(), f("div", {
+                  t.key === u(i).ACTIONS ? (r(), y("div", {
                     key: 3,
                     "aria-hidden": "true",
                     class: h(["scroll-overlay row-overlay right", {
                       "overlay-visible": K.value
                     }])
                   }, null, 2)) : b("", !0)
-                ], 46, ua))), 128))
+                ], 46, ca))), 128))
               ], 2)
             ], 2)),
             R("tbody", null, [
-              (r(!0), f(Y, null, ke(o.data, (t, n) => (r(), f(Y, {
+              (r(!0), y(Y, null, ke(o.data, (t, n) => (r(), y(Y, {
                 key: _.value.get(t)
               }, [
                 R("tr", se({
@@ -596,7 +598,7 @@ const oa = {
                   role: o.rowLink(t).to ? "link" : void 0,
                   tabindex: de.value && !o.rowLink(t).to ? 0 : void 0
                 }, { ref_for: !0 }, o.rowAttrs(t)), [
-                  (r(!0), f(Y, null, ke(k.value, (l, c) => (r(), T(u(ta), {
+                  (r(!0), y(Y, null, ke(k.value, (l, c) => (r(), T(u(aa), {
                     key: `${_.value.get(t)}-cell-${l.key}`,
                     data: { isRowActionsDropdownOpen: !1 }
                   }, {
@@ -614,11 +616,11 @@ const oa = {
                           ...Le.value[l.key],
                           ...s.isRowActionsDropdownOpen ? { zIndex: 2 } : {}
                         }
-                      }, { ref_for: !0 }, o.cellAttrs({ headerKey: l.key, row: t, rowIndex: n, colIndex: c }), Ot(et.value(t[l.key], t), !0)), [
-                        l.key !== u(i).EXPANDABLE ? (r(), T($t(bt(t, l.key)), se({
+                      }, { ref_for: !0 }, o.cellAttrs({ headerKey: l.key, row: t, rowIndex: n, colIndex: c }), Nt(et.value(t[l.key], t), !0)), [
+                        l.key !== u(i).EXPANDABLE ? (r(), T($t(kt(t, l.key)), se({
                           key: 0,
                           class: "cell-wrapper"
-                        }, { ref_for: !0 }, kt(t, l.key)), {
+                        }, { ref_for: !0 }, gt(t, l.key)), {
                           default: p(() => [
                             l.key !== u(i).BULK_ACTIONS && l.key !== u(i).ACTIONS ? S(e.$slots, l.key, {
                               row: t,
@@ -631,7 +633,7 @@ const oa = {
                               "kpop-attributes": { target: o.tooltipTarget },
                               "max-width": "200",
                               placement: "bottom-start",
-                              text: ye(t) ? void 0 : yt(t)
+                              text: fe(t) ? void 0 : ft(t)
                             }, {
                               default: p(() => [
                                 O(Ue, {
@@ -640,17 +642,17 @@ const oa = {
                                   "aria-label": "Toggle row selection",
                                   class: "bulk-actions-checkbox",
                                   "data-testid": "bulk-actions-checkbox",
-                                  disabled: !ye(t)
+                                  disabled: !fe(t)
                                 }, null, 8, ["modelValue", "onUpdate:modelValue", "disabled"])
                               ]),
                               _: 2
-                            }, 1032, ["kpop-attributes", "text"])) : l.key === u(i).ACTIONS ? (r(), T(jt, {
+                            }, 1032, ["kpop-attributes", "text"])) : l.key === u(i).ACTIONS ? (r(), T(Zt, {
                               key: 2,
                               ref_for: !0,
                               ref: "actionsDropdown",
                               class: "actions-dropdown",
                               "data-testid": "actions-dropdown",
-                              "kpop-attributes": { ...o.actionsDropdownPopoverAttributes, placement: "bottom-end", target: "body", popoverElementAttributes: ft(t, n) },
+                              "kpop-attributes": { ...o.actionsDropdownPopoverAttributes, placement: "bottom-end", target: "body", popoverElementAttributes: yt(t, n) },
                               onToggleDropdown: (d) => rt(t, d, s)
                             }, {
                               items: p(() => [
@@ -668,7 +670,7 @@ const oa = {
                                   onMouseover: a[10] || (a[10] = (d) => ve.value = !0)
                                 }, {
                                   default: p(() => [
-                                    O(u(Ht), {
+                                    O(u(Dt), {
                                       class: "more-icon",
                                       decorative: ""
                                     })
@@ -680,7 +682,7 @@ const oa = {
                             }, 1032, ["kpop-attributes", "onToggleDropdown"])) : b("", !0)
                           ]),
                           _: 2
-                        }, 1040)) : o.rowExpandable(t) ? (r(), f("div", ba, [
+                        }, 1040)) : o.rowExpandable(t) ? (r(), y("div", ka, [
                           R("button", {
                             "aria-controls": `table-${u(A)}-row-${n}-expandable-content`,
                             "aria-expanded": L.value.includes(n),
@@ -688,22 +690,22 @@ const oa = {
                             class: h(["expandable-row-control", { expanded: L.value.includes(n) }]),
                             "data-testid": "expandable-row-control",
                             type: "button",
-                            onClick: (d) => wt(n, t)
+                            onClick: (d) => pt(n, t)
                           }, [
                             O(u(Mt), {
                               class: "expandable-row-control-icon",
                               decorative: ""
                             })
-                          ], 10, ka)
+                          ], 10, ga)
                         ])) : b("", !0),
-                        ee(l.key) ? (r(), f("div", {
+                        ee(l.key) ? (r(), y("div", {
                           key: 2,
                           "aria-hidden": "true",
                           class: h(["scroll-overlay row-overlay left", {
                             "overlay-visible": B.value
                           }])
                         }, null, 2)) : b("", !0),
-                        l.key === u(i).ACTIONS ? (r(), f("div", {
+                        l.key === u(i).ACTIONS ? (r(), y("div", {
                           key: 3,
                           "aria-hidden": "true",
                           class: h(["scroll-overlay row-overlay right", {
@@ -714,8 +716,8 @@ const oa = {
                     ]),
                     _: 2
                   }, 1024))), 128))
-                ], 16, ya),
-                D.value && o.rowExpandable(t) ? Nt((r(), f("tr", {
+                ], 16, ba),
+                M.value && o.rowExpandable(t) ? xt((r(), y("tr", {
                   key: 0,
                   id: `table-${u(A)}-row-${n}-expandable-content`,
                   class: "expandable-content-row",
@@ -724,29 +726,29 @@ const oa = {
                   R("td", {
                     colspan: k.value.length
                   }, [
-                    R("div", ha, [
+                    R("div", wa, [
                       S(e.$slots, "row-expanded", {
                         columnWidths: Pe.value,
-                        nestedHeaders: pt.value,
+                        nestedHeaders: At.value,
                         row: t
                       }, void 0, !0)
                     ])
-                  ], 8, ma)
-                ], 8, ga)), [
-                  [xt, L.value.includes(n)]
+                  ], 8, ha)
+                ], 8, ma)), [
+                  [Bt, L.value.includes(n)]
                 ]) : b("", !0)
               ], 64))), 128))
             ])
-          ], 10, ra)
+          ], 10, ua)
         ], 36),
-        !q.value && !D.value ? (r(), f("div", {
+        !q.value && !M.value ? (r(), y("div", {
           key: 0,
           "aria-hidden": "true",
           class: h(["scroll-overlay table-overlay left", {
             "overlay-visible": B.value
           }])
         }, null, 2)) : b("", !0),
-        Xe.value ? b("", !0) : (r(), f("div", {
+        Xe.value ? b("", !0) : (r(), y("div", {
           key: 1,
           "aria-hidden": "true",
           class: h(["scroll-overlay table-overlay right", {
@@ -754,7 +756,7 @@ const oa = {
             "scrollbar-offset": ce.value
           }])
         }, null, 2)),
-        ut.value ? (r(), T(qt, se({
+        ut.value ? (r(), T(jt, se({
           key: `table-${u(A)}-pagination-${Ie.value}`,
           class: "table-pagination",
           "data-testid": "table-pagination",
@@ -763,12 +765,12 @@ const oa = {
           onGetNextOffset: a[11] || (a[11] = (t) => m("get-next-offset")),
           onGetPreviousOffset: a[12] || (a[12] = (t) => m("get-previous-offset")),
           onPageChange: a[13] || (a[13] = (t) => m("page-change", t)),
-          onPageSizeChange: gt
+          onPageSizeChange: mt
         }), null, 16, ["initial-page-size"])) : b("", !0)
       ]))
     ], 2));
   }
 });
 export {
-  Xa as default
+  qa as default
 };