@kong/kongponents 9.60.9 → 9.60.10

package/dist/kongponents162.es.js

@@ -1,57 +1,57 @@
-import { defineComponent as At, useCssVars as Ct, unref as u, createPropsRestProxy as St, useSlots as Tt, useId as Rt, 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 w, createCommentVNode as b, createVNode as O, createSlots as Pe, createTextVNode as ie, toDisplayString as J, createElementVNode as R, normalizeStyle as Ke, Fragment as Y, renderList as ke, withModifiers as He, mergeProps as se, toHandlers as Et, resolveDynamicComponent as Lt, withDirectives as Ot, vShow as $t, nextTick as Bt } from "vue";
+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 w, 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 Bt, vShow as Nt, nextTick as xt } from "vue";
 import me from "./kongponents32.es.js";
-import Me from "./kongponents45.es.js";
-import Nt from "./kongponents20.es.js";
+import Fe from "./kongponents45.es.js";
+import zt from "./kongponents20.es.js";
 /* empty css                 */
-import Fe from "./kongponents24.es.js";
+import De from "./kongponents24.es.js";
 /* empty css                 */
-import xt from "./kongponents202.es.js";
-import zt from "./kongponents193.es.js";
-import It from "./kongponents178.es.js";
-import Pt from "./kongponents203.es.js";
-import Kt from "./kongponents204.es.js";
+import It from "./kongponents216.es.js";
+import Pt from "./kongponents180.es.js";
+import Kt from "./kongponents191.es.js";
+import Ht from "./kongponents217.es.js";
+import Mt from "./kongponents218.es.js";
 import "./kongponents5.es.js";
 import "./kongponents10.es.js";
-import { EmptyStateIconVariants as Ht } from "./kongponents11.es.js";
+import { EmptyStateIconVariants as Ft } from "./kongponents11.es.js";
 import { TableViewHeaderKeys as i } from "./kongponents17.es.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 Dt, KUI_SPACE_60 as Ut } from "./kongponents181.es.js";
-import Vt from "./kongponents205.es.js";
-import Wt from "./kongponents55.es.js";
-import Xt from "./kongponents43.es.js";
-import De from "./kongponents36.es.js";
-import qt from "./kongponents206.es.js";
-import { getInitialPageSize as jt } from "./kongponents173.es.js";
-import { getUniqueStringId as Zt } from "./kongponents153.es.js";
-import { getScrollbarSize as Gt } from "./kongponents207.es.js";
-import { useResizeObserver as Jt } from "./kongponents199.es.js";
-import { normalizeSize as Yt } from "./kongponents182.es.js";
-import Qt from "./kongponents40.es.js";
-import _t from "./kongponents208.es.js";
-const ea = {
+import { KUI_ICON_SIZE_30 as re, KUI_COLOR_TEXT_NEUTRAL as Dt, KUI_COLOR_TEXT_PRIMARY as Ut, KUI_COLOR_TEXT_NEUTRAL_WEAK as Vt, KUI_SPACE_60 as Wt } from "./kongponents178.es.js";
+import Xt from "./kongponents219.es.js";
+import qt from "./kongponents55.es.js";
+import jt from "./kongponents43.es.js";
+import Ue from "./kongponents36.es.js";
+import Zt from "./kongponents220.es.js";
+import { getInitialPageSize as Gt } from "./kongponents173.es.js";
+import { getUniqueStringId as Jt } from "./kongponents153.es.js";
+import { getScrollbarSize as Yt } from "./kongponents181.es.js";
+import { useElementSize as Qt, useResizeObserver as _t } from "./kongponents182.es.js";
+import { normalizeSize as ea } from "./kongponents175.es.js";
+import ta from "./kongponents40.es.js";
+import aa from "./kongponents221.es.js";
+const oa = {
   key: 0,
   class: "table-toolbar",
   "data-testid": "table-toolbar"
-}, ta = {
+}, la = {
   key: 0,
   class: "toolbar-default-items-container"
-}, aa = {
+}, na = {
   key: 2,
   class: "table-error-state",
   "data-testid": "table-error-state"
-}, oa = {
+}, ia = {
   key: 3,
   class: "table-empty-state",
   "data-testid": "table-empty-state"
-}, la = {
+}, sa = {
   key: 4,
   class: "table-container"
-}, na = ["data-tableid"], ia = ["aria-sort", "data-key", "data-testid", "onClick", "onMouseover"], sa = ["onMousedown", "onMouseover"], ra = ["aria-describedby"], ua = {
+}, ra = ["data-tableid"], ua = ["aria-sort", "data-key", "data-testid", "onClick", "onMouseover"], ca = ["onMousedown", "onMouseover"], da = ["aria-describedby"], va = {
   key: 1,
   class: "table-header-bulk-actions-container"
-}, ca = ["onMousedown", "onMouseover"], da = ["role", "tabindex"], va = {
+}, fa = ["onMousedown", "onMouseover"], ya = ["role", "tabindex"], ba = {
   key: 1,
   class: "expandable-row-control-container"
-}, fa = ["aria-controls", "aria-expanded", "onClick"], ya = ["id"], ba = ["colspan"], ka = { class: "expandable-content-wrapper" }, ge = "desc", qa = /* @__PURE__ */ At({
+}, ka = ["aria-controls", "aria-expanded", "onClick"], ma = ["id"], ga = ["colspan"], ha = { class: "expandable-content-wrapper" }, ge = "desc", Ga = /* @__PURE__ */ St({
   __name: "KTableView",
   props: {
     data: { default: () => [] },
@@ -69,7 +69,7 @@ const ea = {
     emptyStateMessage: { default: "There is no data to display." },
     emptyStateActionRoute: {},
     emptyStateActionMessage: { default: "" },
-    emptyStateIconVariant: { default: () => Ht.Default },
+    emptyStateIconVariant: { default: () => Ft.Default },
     emptyStateButtonAppearance: { default: "primary" },
     error: { type: Boolean },
     errorStateTitle: { default: "An error occurred" },
@@ -123,22 +123,22 @@ const ea = {
     "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(o, { emit: Ue }) {
-    Ct((e) => ({
-      v5c502978: u(tt).expandable,
-      v1cf717af: nt.value,
-      v5060cfc7: Ae.value,
-      v77d8ba1b: Ye.value
+  setup(o, { emit: Ve }) {
+    Tt((e) => ({
+      v1acceae9: u(tt).expandable,
+      v7798e15e: st.value,
+      v5c2a5a36: Ce.value,
+      v9da257ec: Ye.value
     }));
-    const he = St(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"]), g = Ue, B = Tt(), A = Rt(), 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] : "", pe = (e) => {
+    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"]), g = Ve, B = 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] : "", pe = (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;
-    }, we = ne("table-wrapper"), Ve = ne("table"), We = ne("header-row"), N = v(pe(o.headers)), k = v([]), V = v(""), I = v(""), Q = v(""), Xe = y(() => N.value.some((e) => e.key === i.ACTIONS)), ue = y(() => N.value.filter((e) => e.hidable).length > 0), W = () => o.nested || !ue.value || o.error ? !1 : B.toolbar ? !0 : !o.loading && !!o.data && !!o.data.length, qe = y(() => o.loading || !(o.data && o.data.length)), je = y(() => N.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 || {} : {}), Ae = v("100%"), ce = v(!1), X = v(!1), x = v(!1), K = v(!1), m = v(o.tablePreferences.sortColumnKey || ""), p = v(o.tablePreferences.sortColumnOrder || ge), de = v(!1), Ge = ne("actionsDropdown"), ve = v(!1), Je = y(() => ({
-      maxHeight: Yt(o.maxHeight)
-    })), Ye = y(() => `${Gt()}px`), H = v([]), q = y(() => !o.nested && !o.error && N.value.some((e) => e.key === i.BULK_ACTIONS) && !!(B["bulk-action-items"] || B["bulk-actions"]) && !!o.data.every((e) => E(e))), j = v([]), fe = () => o.nested || !q.value || o.error ? !1 : B.toolbar ? !0 : !o.loading && !!o.data && !!o.data.length, Qe = () => !o.hideToolbar && !o.nested && (!!B.toolbar || W() || fe()), Ce = y(() => {
+    }, we = ne("table-wrapper"), We = ne("table"), Ae = ne("header-row"), N = v(pe(o.headers)), k = v([]), V = v(""), I = v(""), Q = v(""), Xe = y(() => N.value.some((e) => e.key === i.ACTIONS)), ue = y(() => N.value.filter((e) => e.hidable).length > 0), W = () => o.nested || !ue.value || o.error ? !1 : B.toolbar ? !0 : !o.loading && !!o.data && !!o.data.length, qe = y(() => o.loading || !(o.data && o.data.length)), je = y(() => N.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), x = v(!1), K = v(!1), m = v(o.tablePreferences.sortColumnKey || ""), p = v(o.tablePreferences.sortColumnOrder || ge), 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 && N.value.some((e) => e.key === i.BULK_ACTIONS) && !!(B["bulk-action-items"] || B["bulk-actions"]) && !!o.data.every((e) => E(e))), j = v([]), fe = () => o.nested || !q.value || o.error ? !1 : B.toolbar ? !0 : !o.loading && !!o.data && !!o.data.length, Qe = () => !o.hideToolbar && !o.nested && (!!B.toolbar || W() || fe()), Se = y(() => {
       const e = H.value.length;
       return e ? e > 100 ? "99+" : String(e) : "";
-    }), _ = v(/* @__PURE__ */ new WeakMap()), _e = (e) => `column-${e}`, M = (e) => `tooltip-${e}`, Se = (e, a) => (t, n) => {
+    }), _ = v(/* @__PURE__ */ new WeakMap()), _e = (e) => `column-${e}`, M = (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]);
@@ -150,7 +150,7 @@ const ea = {
         return s;
       }, {});
     }, et = y(() => (e, a) => {
-      const t = Se("onRow:", he)(a, "row"), n = Se("onCell:", he)(e, "cell"), l = ["a", "button", "label", "input", "select", 'span[role="checkbox"]'];
+      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,
         ...n,
@@ -175,11 +175,11 @@ const ea = {
             }
         }
       };
-    }), Te = parseInt(Ut) * 2 + parseInt(re), Re = { expandable: Te, bulkActions: 48, actions: 54 }, tt = _t(Re, (e) => `${e}px`), z = v({
+    }), Re = parseInt(Wt) * 2 + parseInt(re), Ee = { expandable: Re, bulkActions: 48, actions: 54 }, tt = aa(Ee, (e) => `${e}px`), z = v({
       ...o.tablePreferences.columnWidths || {},
-      ...Re
+      ...Ee
       // override special columns with default widths
-    }), Ee = y(() => {
+    }), Le = y(() => {
       const e = {};
       for (const a in z.value) {
         const t = a;
@@ -195,7 +195,7 @@ const ea = {
       return e;
     }), at = (e, a) => ({
       // 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": Le.value === e.key && a !== k.value.length - 1 && ae(e),
+      "resize-hover": Oe.value === e.key && a !== k.value.length - 1 && ae(e),
       resizable: o.resizeColumns && !o.nested,
       // display sort control if column is sortable, label is visible, and sorting is not disabled
       sortable: !e.hideLabel && !!e.sortable,
@@ -204,8 +204,8 @@ const ea = {
       [p.value]: e.key === m.value && !e.hideLabel,
       "is-scrolled": X.value,
       "has-tooltip": !!e.tooltip,
-      "sticky-column": Be(e.key),
-      "second-sticky-column": Ne(e.key),
+      "sticky-column": Ne(e.key),
+      "second-sticky-column": xe(e.key),
       "has-row-scroll-overlay": ee(e.key),
       "actions-column": e.key === i.ACTIONS
     }), ot = (e) => {
@@ -215,9 +215,9 @@ const ea = {
           prevKey: m.value,
           sortColumnKey: t,
           sortColumnOrder: a
-        }), ut(t);
+        }), dt(t);
       }
-    }, lt = y(() => V.value ? "resizing" : I.value ? "resize-hover" : Q.value ? "th-hover" : ""), Le = y(() => {
+    }, lt = y(() => V.value ? "resizing" : I.value ? "resize-hover" : Q.value ? "th-hover" : ""), Oe = y(() => {
       switch (lt.value) {
         case "resizing":
           return V.value;
@@ -228,21 +228,13 @@ const ea = {
         default:
           return "";
       }
-    }), Oe = y(() => We.value?.querySelectorAll("th.resizable")), nt = y(() => {
-      const e = Oe.value?.item(0);
-      if (e) {
-        const a = window?.getComputedStyle(e);
-        if (a?.height)
-          return `${parseInt(a.height, 10)}px`;
-      }
-      return "auto";
-    }), $e = (e, a) => {
+    }), 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"), Be = (e, a) => {
       if (e.button !== 0)
         return;
       let t = 0, n = 0;
       V.value = a;
       let l = null;
-      Oe.value?.forEach((d) => {
+      nt.value?.forEach((d) => {
         d.getAttribute("data-testid") === `table-header-${a}` && (l = document?.querySelector(`[data-tableid="${A}"] [data-testid="table-header-${a}"]`));
       });
       const c = (d) => {
@@ -255,7 +247,7 @@ const ea = {
         const d = window?.getComputedStyle(l);
         d?.width && (n = parseInt(d.width, 10)), document?.addEventListener("mousemove", c), document?.addEventListener("mouseup", s);
       }
-    }, Be = (e) => x.value ? e === i.BULK_ACTIONS || e === i.EXPANDABLE : !1, Ne = (e) => e === i.BULK_ACTIONS && F.value, ee = (e) => x.value ? q.value ? e === i.BULK_ACTIONS : F.value ? e === i.EXPANDABLE : !1 : !1, te = (e) => e === i.EXPANDABLE || e === i.BULK_ACTIONS || e === i.ACTIONS, ae = (e, a = !1) => {
+    }, Ne = (e) => x.value ? e === i.BULK_ACTIONS || e === i.EXPANDABLE : !1, xe = (e) => e === i.BULK_ACTIONS && F.value, ee = (e) => x.value ? q.value ? e === i.BULK_ACTIONS : F.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) {
@@ -266,37 +258,37 @@ const ea = {
       }
       const t = k.value[k.value.indexOf(e) + 1];
       return !te(e.key) && !te(t.key);
-    }, it = (e, a, t) => {
+    }, rt = (e, a, t) => {
       g("row-actions-toggle", { row: e, open: a }), setTimeout(() => {
         t.isRowActionsDropdownOpen = a;
       }, a ? 0 : 100);
-    }, st = y(() => !(o.hidePagination || o.nested || o.hidePaginationWhenOptional && o.data.length && o.paginationAttributes.totalCount && o.paginationAttributes.totalCount <= o.data.length));
+    }, ut = y(() => !(o.hidePagination || o.nested || o.hidePaginationWhenOptional && o.data.length && o.paginationAttributes.totalCount && o.paginationAttributes.totalCount <= o.data.length));
     U(() => o.headers, (e) => {
       N.value = pe(e);
     }, { deep: !0, immediate: !0 });
-    const rt = (e) => !e.hideLabel && !!e.sortable && e.key !== i.BULK_ACTIONS && e.key !== i.ACTIONS, ut = (e) => {
+    const ct = (e) => !e.hideLabel && !!e.sortable && e.key !== i.BULK_ACTIONS && e.key !== i.ACTIONS, dt = (e) => {
       m.value && e ? e === m.value ? p.value === "asc" ? p.value = "desc" : p.value = "asc" : (m.value = e, p.value = "asc") : e ? (m.value = e, p.value = "asc") : (m.value = "", p.value = ge), le();
-    }, ct = (e) => {
+    }, vt = (e) => {
       const a = e.target;
       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 ? x.value = !0 : a.scrollLeft === 0 && (x.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)), dt = (e, a) => ({
+    }, oe = (e) => j.value.find((a) => a.rowKey === E(e)), ft = (e, a) => ({
       "data-testid": o.rowAttrs(e)["data-testid"] ? `${o.rowAttrs(e)["data-testid"]}-actions-dropdown-popover` : `row-${a}-actions-dropdown-popover`
     }), ye = (e) => {
       if (typeof o.rowBulkActionEnabled != "function")
         return !1;
       const a = o.rowBulkActionEnabled(e);
       return typeof a == "boolean" ? a : a.enabled;
-    }, vt = (e) => {
+    }, yt = (e) => {
       if (typeof o.rowBulkActionEnabled != "function")
         return "";
       const a = o.rowBulkActionEnabled(e);
       return typeof a == "boolean" ? "" : a.disabledTooltip || "";
-    }, ft = (e, a) => {
+    }, bt = (e, a) => {
       const { to: t } = o.rowLink(e);
       return !t || a === i.BULK_ACTIONS || a === i.ACTIONS ? "div" : typeof t == "object" ? "router-link" : "a";
-    }, yt = (e, a) => {
+    }, kt = (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";
@@ -307,24 +299,24 @@ const ea = {
           ...n && { target: n }
         }
       };
-    }, xe = v(0), Z = v(jt(o.tablePreferences, o.paginationAttributes)), bt = (e) => {
+    }, ze = v(0), Z = v(Gt(o.tablePreferences, o.paginationAttributes)), mt = (e) => {
       Z.value = e.pageSize, g("page-size-change", e), le();
-    }, kt = y(() => ({
+    }, gt = y(() => ({
       sortColumnKey: m.value,
       sortColumnOrder: p.value,
       ...o.resizeColumns ? { columnWidths: z.value } : {},
       ...ue.value ? { columnVisibility: P.value } : {},
       ...Z.value && !o.hidePagination && { pageSize: Z.value }
     })), le = () => {
-      g("update:table-preferences", kt.value);
-    }, F = y(() => !o.nested && o.data.some((e) => o.rowExpandable(e))), mt = { key: i.EXPANDABLE, label: "Expandable rows controls", hideLabel: !0 }, ze = () => {
+      g("update:table-preferences", gt.value);
+    }, F = y(() => !o.nested && o.data.some((e) => o.rowExpandable(e))), ht = { key: i.EXPANDABLE, label: "Expandable rows controls", hideLabel: !0 }, Ie = () => {
       const e = [];
       return o.data.forEach((a, t) => {
         o.rowExpanded(a) && e.push(t);
       }), e;
-    }, L = v(ze()), gt = async (e, a) => {
-      be(), await Bt(), L.value.includes(e) ? (L.value = L.value.filter((t) => t !== e), g("update:row-expanded", { row: a, expanded: !1 })) : (L.value = [...L.value, e], g("update:row-expanded", { row: a, expanded: !0 }));
-    }, ht = y(() => k.value.filter((e) => e.key !== i.EXPANDABLE && e.key !== i.BULK_ACTIONS)), Ie = v({}), be = () => {
+    }, L = v(Ie()), pt = async (e, a) => {
+      be(), await xt(), L.value.includes(e) ? (L.value = L.value.filter((t) => t !== e), g("update:row-expanded", { row: a, expanded: !1 })) : (L.value = [...L.value, e], g("update:row-expanded", { row: a, expanded: !0 }));
+    }, wt = y(() => 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 = {};
@@ -333,20 +325,20 @@ const ea = {
         if (c === i.EXPANDABLE)
           return;
         let s = n.getBoundingClientRect().width;
-        l === 1 && (s += Te), l === a.length - 1 && (s -= 15), t[c] = s;
-      }), Ie.value = t;
+        l === 1 && (s += Re), l === a.length - 1 && (s -= 15), t[c] = s;
+      }), Pe.value = t;
     };
     U([P, N, F], (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(mt), 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(ht), 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), pt = y(() => {
+    const G = v(!1), At = y(() => {
       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;
-    }), wt = (e) => {
+    }), Ct = (e) => {
       j.value.forEach((a) => {
         o.data.find((t) => E(t) === a.rowKey) && !a.disabled && (a.selected = e);
       });
@@ -355,7 +347,7 @@ const ea = {
       const [a, t] = e;
       if (a.forEach((n) => {
         if (!_.value.get(n)) {
-          const l = E(n) || Zt();
+          const l = E(n) || Jt();
           _.value.set(n, `table-${A}-row-${l}`);
         }
       }), q.value) {
@@ -376,29 +368,29 @@ const ea = {
           a.find((C) => E(s) === E(C)) || c.push(s);
         }), H.value = [...c, ...l];
       }
-      L.value = ze();
+      L.value = Ie();
     }, { deep: !0, immediate: !0 }), U(H, (e) => {
       g("row-select", e);
     }), U(() => o.tablePreferences, (e) => {
-      e?.pageSize && (Z.value = e.pageSize, xe.value++), m.value = e?.sortColumnKey ? e.sortColumnKey : m.value, p.value = e?.sortColumnOrder ? e.sortColumnOrder : p.value, z.value = e?.columnWidths ? e.columnWidths : z.value, P.value = e?.columnVisibility ? e.columnVisibility : P.value;
-    }), Jt([we, Ve], () => {
+      e?.pageSize && (Z.value = e.pageSize, ze.value++), m.value = e?.sortColumnKey ? e.sortColumnKey : m.value, p.value = e?.sortColumnOrder ? e.sortColumnOrder : p.value, z.value = e?.columnWidths ? e.columnWidths : z.value, P.value = e?.columnVisibility ? e.columnVisibility : P.value;
+    }), _t([we, We], () => {
       const e = we.value;
-      e && (K.value = e.scrollWidth > e.clientWidth, Ae.value = e.clientHeight + "px", ce.value = e.scrollHeight > e.clientHeight);
+      e && (K.value = e.scrollWidth > e.clientWidth, Ce.value = e.clientHeight + "px", ce.value = e.scrollHeight > e.clientHeight);
     }), (e, a) => (r(), f("div", {
       class: h(["k-table-view", { "hide-headers": o.hideHeaders }])
     }, [
-      Qe() ? (r(), f("div", ea, [
+      Qe() ? (r(), f("div", oa, [
         S(e.$slots, "toolbar", {}, void 0, !0),
-        fe() || W() ? (r(), f("div", ta, [
+        fe() || W() ? (r(), f("div", la, [
           fe() ? S(e.$slots, "bulk-actions", {
             key: 0,
             selectedRows: H.value
           }, () => [
-            B["bulk-actions"] ? b("", !0) : (r(), T(qt, {
+            B["bulk-actions"] ? b("", !0) : (r(), T(Zt, {
               key: 0,
               "button-label": N.value.find((t) => t.key === u(i).BULK_ACTIONS).label,
-              count: Ce.value,
-              disabled: !Ce.value || o.loading || !o.data.length
+              count: Se.value,
+              disabled: !Se.value || o.loading || !o.data.length
             }, {
               items: w(() => [
                 S(e.$slots, "bulk-action-items", { selectedRows: H.value }, void 0, !0)
@@ -406,7 +398,7 @@ const ea = {
               _: 3
             }, 8, ["button-label", "count", "disabled"]))
           ], !0) : b("", !0),
-          W() ? (r(), T(Vt, {
+          W() ? (r(), T(Xt, {
             key: 1,
             columns: je.value,
             disabled: qe.value,
@@ -416,17 +408,17 @@ const ea = {
           }, null, 8, ["columns", "disabled", "table-id", "visibility-preferences"])) : b("", !0)
         ])) : b("", !0)
       ])) : b("", !0),
-      o.loading && !o.error ? (r(), T(Nt, {
+      o.loading && !o.error ? (r(), T(zt, {
         key: 1,
         "data-testid": "table-skeleton",
         type: "table"
-      })) : o.error ? (r(), f("div", aa, [
+      })) : o.error ? (r(), f("div", na, [
         S(e.$slots, "error-state", {}, () => [
-          O(Me, {
+          O(Fe, {
             "icon-variant": "error",
             message: o.errorStateMessage,
             title: o.errorStateTitle
-          }, Pe({ _: 2 }, [
+          }, Ke({ _: 2 }, [
             o.errorStateActionMessage ? {
               name: "action",
               fn: w(() => [
@@ -445,13 +437,13 @@ const ea = {
             } : void 0
           ]), 1032, ["message", "title"])
         ], !0)
-      ])) : !o.error && !o.loading && o.data && !o.data.length ? (r(), f("div", oa, [
+      ])) : !o.error && !o.loading && o.data && !o.data.length ? (r(), f("div", ia, [
         S(e.$slots, "empty-state", {}, () => [
-          O(Me, {
+          O(Fe, {
             "icon-variant": o.emptyStateIconVariant,
             message: o.emptyStateMessage,
             title: o.emptyStateTitle
-          }, Pe({ _: 2 }, [
+          }, Ke({ _: 2 }, [
             o.emptyStateActionMessage ? {
               name: "action",
               fn: w(() => [
@@ -472,12 +464,12 @@ const ea = {
             } : void 0
           ]), 1032, ["icon-variant", "message", "title"])
         ], !0)
-      ])) : (r(), f("div", la, [
+      ])) : (r(), f("div", sa, [
         R("div", {
           ref: "table-wrapper",
           class: "table-wrapper",
-          style: Ke(Je.value),
-          onScrollPassive: ct
+          style: He(Je.value),
+          onScrollPassive: vt
         }, [
           R("table", {
             ref: "table",
@@ -501,7 +493,7 @@ const ea = {
                   class: h(["table-headers", at(t, n)]),
                   "data-key": t.key,
                   "data-testid": `table-header-${t.key}`,
-                  style: Ke(Ee.value[t.key]),
+                  style: He(Le.value[t.key]),
                   onClick: () => ot(t),
                   onMouseleave: a[8] || (a[8] = (l) => Q.value = ""),
                   onMouseover: (l) => Q.value = t.key
@@ -509,12 +501,12 @@ const ea = {
                   n !== 0 && ae(t, !0) ? (r(), f("div", {
                     key: 0,
                     class: "resize-handle previous",
-                    onClick: a[3] || (a[3] = He(() => {
+                    onClick: a[3] || (a[3] = Me(() => {
                     }, ["stop"])),
-                    onMousedown: (l) => $e(l, k.value[n - 1].key),
+                    onMousedown: (l) => Be(l, k.value[n - 1].key),
                     onMouseleave: a[4] || (a[4] = (l) => I.value = ""),
                     onMouseover: (l) => I.value = k.value[n - 1].key
-                  }, null, 40, sa)) : b("", !0),
+                  }, null, 40, ca)) : b("", !0),
                   R("div", {
                     "aria-describedby": t.tooltip || B[M(t.key)] ? `${M(t.key)}-${u(A)}` : void 0,
                     class: h(["table-headers-container", { resized: V.value === t.key }])
@@ -528,18 +520,18 @@ const ea = {
                           "sr-only": t.hideLabel || t.key === u(i).ACTIONS && t.hideLabel !== !1
                         }])
                       }, J(t.label ? t.label : t.key), 3)
-                    ], !0) : (r(), f("div", ua, [
-                      O(De, {
+                    ], !0) : (r(), f("div", va, [
+                      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: pt.value,
-                        onChange: wt
+                        indeterminate: At.value,
+                        onChange: Ct
                       }, null, 8, ["modelValue", "indeterminate"])
                     ])),
-                    t.tooltip || B[M(t.key)] ? (r(), T(Fe, {
+                    t.tooltip || B[M(t.key)] ? (r(), T(De, {
                       key: 2,
                       "data-testid": M(t.key),
                       "kpop-attributes": { target: o.tooltipTarget },
@@ -552,40 +544,40 @@ const ea = {
                         ], !0)
                       ]),
                       default: w(() => [
-                        O(u(It), {
+                        O(u(Kt), {
                           class: "header-tooltip-trigger",
-                          color: `var(--kui-color-text-neutral, ${u(Mt)})`,
+                          color: `var(--kui-color-text-neutral, ${u(Dt)})`,
                           size: `var(--kui-icon-size-30, ${u(re)})`,
                           tabindex: "0"
                         }, null, 8, ["color", "size"])
                       ]),
                       _: 2
                     }, 1032, ["data-testid", "kpop-attributes", "tooltip-id"])) : b("", !0),
-                    rt(t) ? (r(), f(Y, { key: 3 }, [
-                      m.value === t.key ? (r(), T(u(xt), {
+                    ct(t) ? (r(), f(Y, { key: 3 }, [
+                      m.value === t.key ? (r(), T(u(It), {
                         key: 0,
                         class: "active-sort-icon",
-                        color: `var(--kui-color-text-primary, ${u(Ft)})`,
+                        color: `var(--kui-color-text-primary, ${u(Ut)})`,
                         decorative: "",
                         size: `var(--kui-icon-size-30, ${u(re)})`
-                      }, null, 8, ["color", "size"])) : (r(), T(u(Kt), {
+                      }, null, 8, ["color", "size"])) : (r(), T(u(Mt), {
                         key: 1,
                         class: "sort-icon",
-                        color: `var(--kui-color-text-neutral-weak, ${u(Dt)})`,
+                        color: `var(--kui-color-text-neutral-weak, ${u(Vt)})`,
                         size: `var(--kui-icon-size-30, ${u(re)})`,
                         title: `Sort by ${t.label}`
                       }, null, 8, ["color", "size", "title"]))
                     ], 64)) : b("", !0)
-                  ], 10, ra),
+                  ], 10, da),
                   n !== k.value.length - 1 && ae(t) ? (r(), f("div", {
                     key: 1,
                     class: "resize-handle",
-                    onClick: a[6] || (a[6] = He(() => {
+                    onClick: a[6] || (a[6] = Me(() => {
                     }, ["stop"])),
-                    onMousedown: (l) => $e(l, t.key),
+                    onMousedown: (l) => Be(l, t.key),
                     onMouseleave: a[7] || (a[7] = (l) => I.value = ""),
                     onMouseover: (l) => I.value = t.key
-                  }, null, 40, ca)) : b("", !0),
+                  }, null, 40, fa)) : b("", !0),
                   ee(t.key) ? (r(), f("div", {
                     key: 2,
                     "aria-hidden": "true",
@@ -600,7 +592,7 @@ const ea = {
                       "overlay-visible": K.value
                     }])
                   }, null, 2)) : b("", !0)
-                ], 46, ia))), 128))
+                ], 46, ua))), 128))
               ], 2)
             ], 2)),
             R("tbody", null, [
@@ -614,29 +606,29 @@ const ea = {
                   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(Qt), {
+                  (r(!0), f(Y, null, ke(k.value, (l, c) => (r(), T(u(ta), {
                     key: `${_.value.get(t)}-cell-${l.key}`,
                     data: { isRowActionsDropdownOpen: !1 }
                   }, {
                     default: w(({ data: s }) => [
                       R("td", se({
                         class: {
-                          "resize-hover": Le.value === l.key && c !== k.value.length - 1 && ae(l),
+                          "resize-hover": Oe.value === l.key && c !== k.value.length - 1 && ae(l),
                           "row-link": !!o.rowLink(t).to,
-                          "sticky-column": Be(l.key),
-                          "second-sticky-column": Ne(l.key),
+                          "sticky-column": Ne(l.key),
+                          "second-sticky-column": xe(l.key),
                           "has-row-scroll-overlay": ee(l.key),
                           "actions-column": l.key === u(i).ACTIONS
                         },
                         style: {
-                          ...Ee.value[l.key],
+                          ...Le.value[l.key],
                           ...s.isRowActionsDropdownOpen ? { zIndex: 2 } : {}
                         }
-                      }, { ref_for: !0 }, o.cellAttrs({ headerKey: l.key, row: t, rowIndex: n, colIndex: c }), Et(et.value(t[l.key], t), !0)), [
-                        l.key !== u(i).EXPANDABLE ? (r(), T(Lt(ft(t, l.key)), se({
+                      }, { 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({
                           key: 0,
                           class: "cell-wrapper"
-                        }, { ref_for: !0 }, yt(t, l.key)), {
+                        }, { ref_for: !0 }, kt(t, l.key)), {
                           default: w(() => [
                             l.key !== u(i).BULK_ACTIONS && l.key !== u(i).ACTIONS ? S(e.$slots, l.key, {
                               key: 0,
@@ -645,15 +637,15 @@ const ea = {
                               rowValue: t[l.key]
                             }, () => [
                               ie(J(t[l.key]), 1)
-                            ], !0) : l.key === u(i).BULK_ACTIONS && oe(t) ? (r(), T(Fe, {
+                            ], !0) : l.key === u(i).BULK_ACTIONS && oe(t) ? (r(), T(De, {
                               key: 1,
                               "kpop-attributes": { target: o.tooltipTarget },
                               "max-width": "200",
                               placement: "bottom-start",
-                              text: ye(t) ? void 0 : vt(t)
+                              text: ye(t) ? void 0 : yt(t)
                             }, {
                               default: w(() => [
-                                O(De, {
+                                O(Ue, {
                                   modelValue: oe(t).selected,
                                   "onUpdate:modelValue": (d) => oe(t).selected = d,
                                   "aria-label": "Toggle row selection",
@@ -663,14 +655,14 @@ const ea = {
                                 }, null, 8, ["modelValue", "onUpdate:modelValue", "disabled"])
                               ]),
                               _: 2
-                            }, 1032, ["kpop-attributes", "text"])) : l.key === u(i).ACTIONS ? (r(), T(Xt, {
+                            }, 1032, ["kpop-attributes", "text"])) : l.key === u(i).ACTIONS ? (r(), T(jt, {
                               key: 2,
                               ref_for: !0,
                               ref: "actionsDropdown",
                               class: "actions-dropdown",
                               "data-testid": "actions-dropdown",
-                              "kpop-attributes": { ...o.actionsDropdownPopoverAttributes, placement: "bottom-end", target: "body", popoverElementAttributes: dt(t, n) },
-                              onToggleDropdown: (d) => it(t, d, s)
+                              "kpop-attributes": { ...o.actionsDropdownPopoverAttributes, placement: "bottom-end", target: "body", popoverElementAttributes: ft(t, n) },
+                              onToggleDropdown: (d) => rt(t, d, s)
                             }, {
                               items: w(() => [
                                 S(e.$slots, "action-items", { row: t }, void 0, !0)
@@ -687,7 +679,7 @@ const ea = {
                                   onMouseover: a[10] || (a[10] = (d) => ve.value = !0)
                                 }, {
                                   default: w(() => [
-                                    O(u(Pt), {
+                                    O(u(Ht), {
                                       class: "more-icon",
                                       decorative: ""
                                     })
@@ -699,7 +691,7 @@ const ea = {
                             }, 1032, ["kpop-attributes", "onToggleDropdown"])) : b("", !0)
                           ]),
                           _: 2
-                        }, 1040)) : o.rowExpandable(t) ? (r(), f("div", va, [
+                        }, 1040)) : o.rowExpandable(t) ? (r(), f("div", ba, [
                           R("button", {
                             "aria-controls": `table-${u(A)}-row-${n}-expandable-content`,
                             "aria-expanded": L.value.includes(n),
@@ -707,13 +699,13 @@ const ea = {
                             class: h(["expandable-row-control", { expanded: L.value.includes(n) }]),
                             "data-testid": "expandable-row-control",
                             type: "button",
-                            onClick: (d) => gt(n, t)
+                            onClick: (d) => pt(n, t)
                           }, [
-                            O(u(zt), {
+                            O(u(Pt), {
                               class: "expandable-row-control-icon",
                               decorative: ""
                             })
-                          ], 10, fa)
+                          ], 10, ka)
                         ])) : b("", !0),
                         ee(l.key) ? (r(), f("div", {
                           key: 2,
@@ -733,8 +725,8 @@ const ea = {
                     ]),
                     _: 2
                   }, 1024))), 128))
-                ], 16, da),
-                F.value && o.rowExpandable(t) ? Ot((r(), f("tr", {
+                ], 16, ya),
+                F.value && o.rowExpandable(t) ? Bt((r(), f("tr", {
                   key: 0,
                   id: `table-${u(A)}-row-${n}-expandable-content`,
                   class: "expandable-content-row",
@@ -743,20 +735,20 @@ const ea = {
                   R("td", {
                     colspan: k.value.length
                   }, [
-                    R("div", ka, [
+                    R("div", ha, [
                       S(e.$slots, "row-expanded", {
-                        columnWidths: Ie.value,
-                        nestedHeaders: ht.value,
+                        columnWidths: Pe.value,
+                        nestedHeaders: wt.value,
                         row: t
                       }, void 0, !0)
                     ])
-                  ], 8, ba)
-                ], 8, ya)), [
-                  [$t, L.value.includes(n)]
+                  ], 8, ga)
+                ], 8, ma)), [
+                  [Nt, L.value.includes(n)]
                 ]) : b("", !0)
               ], 64))), 128))
             ])
-          ], 10, na)
+          ], 10, ra)
         ], 36),
         !q.value && !F.value ? (r(), f("div", {
           key: 0,
@@ -773,8 +765,8 @@ const ea = {
             "scrollbar-offset": ce.value
           }])
         }, null, 2)),
-        st.value ? (r(), T(Wt, se({
-          key: `table-${u(A)}-pagination-${xe.value}`,
+        ut.value ? (r(), T(qt, se({
+          key: `table-${u(A)}-pagination-${ze.value}`,
           class: "table-pagination",
           "data-testid": "table-pagination",
           "initial-page-size": Z.value
@@ -782,12 +774,12 @@ const ea = {
           onGetNextOffset: a[11] || (a[11] = (t) => g("get-next-offset")),
           onGetPreviousOffset: a[12] || (a[12] = (t) => g("get-previous-offset")),
           onPageChange: a[13] || (a[13] = (t) => g("page-change", t)),
-          onPageSizeChange: bt
+          onPageSizeChange: mt
         }), null, 16, ["initial-page-size"])) : b("", !0)
       ]))
     ], 2));
   }
 });
 export {
-  qa as default
+  Ga as default
 };