@kong/kongponents 9.49.0 → 9.49.1-pr.3042.f75d935.0

package/dist/kongponents.es154.js

@@ -1,8 +1,8 @@
 import { defineComponent as l, watch as f, computed as m, createElementBlock as c, createCommentVNode as t, openBlock as o, renderSlot as d, createBlock as h, unref as n } from "vue";
-import s from "./kongponents.es212.js";
-import { KUI_ICON_SIZE_30 as u } from "./kongponents.es173.js";
+import s from "./kongponents.es222.js";
+import { KUI_ICON_SIZE_30 as u } from "./kongponents.es178.js";
 import { isValidUrl as a } from "./kongponents.es167.js";
-import { warnInvalidProp as k } from "./kongponents.es210.js";
+import { warnInvalidProp as k } from "./kongponents.es223.js";
 const p = ["href"], y = /* @__PURE__ */ l({
   __name: "KExternalLink",
   props: {

package/dist/kongponents.es156.js

@@ -1,9 +1,9 @@
 import { defineComponent as V, useCssVars as A, unref as b, ref as l, watch as K, computed as W, onMounted as O, onBeforeUnmount as P, resolveComponent as U, createElementBlock as i, openBlock as s, normalizeStyle as q, normalizeClass as F, createCommentVNode as u, createElementVNode as k, renderSlot as g, withModifiers as h, toDisplayString as M, createVNode as y, withCtx as z, createTextVNode as $, nextTick as D } from "vue";
-import L from "./kongponents.es209.js";
-import { KUI_SPACE_40 as R, KUI_ICON_SIZE_30 as Z } from "./kongponents.es173.js";
-import { ResizeObserverHelper as j } from "./kongponents.es207.js";
-import { normalizeSize as G } from "./kongponents.es186.js";
-import { warnInvalidProp as J } from "./kongponents.es210.js";
+import L from "./kongponents.es228.js";
+import { KUI_SPACE_40 as R, KUI_ICON_SIZE_30 as Z } from "./kongponents.es178.js";
+import { ResizeObserverHelper as j } from "./kongponents.es210.js";
+import { normalizeSize as G } from "./kongponents.es179.js";
+import { warnInvalidProp as J } from "./kongponents.es223.js";
 const Q = {
   key: 0,
   class: "truncate-expand-controls"
@@ -26,9 +26,9 @@ const Q = {
   },
   setup(a) {
     A((e) => ({
-      v33a5f62a: C.value,
-      c9851d34: b(H),
-      v67141d6e: e.rows
+      c3a0fcd6: C.value,
+      v51e192de: b(H),
+      v0adcd17e: e.rows
     })), K(
       () => a.rows,
       (e) => {

package/dist/kongponents.es158.js

@@ -1,10 +1,10 @@
 import { defineComponent as z, useId as S, ref as i, computed as n, watch as N, onMounted as W, onBeforeUnmount as O, createElementBlock as g, openBlock as s, createCommentVNode as p, createElementVNode as m, toDisplayString as C, normalizeClass as f, createBlock as V, createVNode as b, withCtx as v, withModifiers as F, unref as y } from "vue";
-import { ResizeObserverHelper as K } from "./kongponents.es207.js";
-import M from "./kongponents.es180.js";
+import { ResizeObserverHelper as K } from "./kongponents.es210.js";
+import M from "./kongponents.es188.js";
 import U from "./kongponents.es19.js";
 import L from "./kongponents.es24.js";
 /* empty css                 */
-import { KUI_ICON_SIZE_30 as q } from "./kongponents.es173.js";
+import { KUI_ICON_SIZE_30 as q } from "./kongponents.es178.js";
 const D = { class: "k-copy" }, H = {
   key: 0,
   class: "copy-badge-text"

package/dist/kongponents.es160.js

@@ -5,28 +5,28 @@ import Bt from "./kongponents.es21.js";
 /* empty css                 */
 import Fe from "./kongponents.es24.js";
 /* empty css                 */
-import xt from "./kongponents.es177.js";
-import It from "./kongponents.es217.js";
+import xt from "./kongponents.es185.js";
+import It from "./kongponents.es198.js";
 import zt from "./kongponents.es196.js";
-import Kt from "./kongponents.es218.js";
-import Pt from "./kongponents.es219.js";
+import Kt from "./kongponents.es231.js";
+import Pt from "./kongponents.es232.js";
 import "./kongponents.es5.js";
 import "./kongponents.es10.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 Mt, KUI_COLOR_TEXT_PRIMARY as Ft, KUI_COLOR_TEXT_NEUTRAL_WEAK as Ut, KUI_SPACE_60 as Dt } from "./kongponents.es173.js";
-import Wt from "./kongponents.es220.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.es178.js";
+import Wt from "./kongponents.es233.js";
 import Xt from "./kongponents.es52.js";
 import qt from "./kongponents.es42.js";
 import Ue from "./kongponents.es37.js";
-import Vt from "./kongponents.es221.js";
+import Vt from "./kongponents.es234.js";
 import { getInitialPageSize as jt } from "./kongponents.es169.js";
 import { getUniqueStringId as Zt } from "./kongponents.es151.js";
-import { getScrollbarSize as Gt } from "./kongponents.es185.js";
-import { useResizeObserver as Jt } from "./kongponents.es208.js";
-import { normalizeSize as Yt } from "./kongponents.es186.js";
+import { getScrollbarSize as Gt } from "./kongponents.es192.js";
+import { useResizeObserver as Jt } from "./kongponents.es204.js";
+import { normalizeSize as Yt } from "./kongponents.es179.js";
 import Qt from "./kongponents.es29.js";
-import _t from "./kongponents.es222.js";
+import _t from "./kongponents.es235.js";
 const eo = {
   key: 0,
   class: "table-toolbar",
@@ -124,39 +124,39 @@ const eo = {
   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: De }) {
     St((e) => ({
-      v6728cc3e: u(tt).expandable,
-      v0025a966: nt.value,
-      v5d9a0784: Ce.value,
-      v49a9ba12: Qe.value
+      v1d9185fc: u(tt).expandable,
+      v2e5a7fab: nt.value,
+      v3ffd4ac3: Ce.value,
+      v83fbd9d2: Qe.value
     }));
     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(() => ({
+    }, 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), de = v(!1), Ge = y(() => !a.hideToolbar && !a.nested && (!!z.toolbar || P.value || ve.value)), Je = ne("actionsDropdown"), ce = 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()), _e = (e) => `column-${e}`, U = (e) => `tooltip-${e}`, we = (e, o) => (t, n) => {
-      const l = /^on[^a-z]/, c = {};
+      const l = /^on[^a-z]/, d = {};
       for (const s in o)
-        l.test(s) && o[s] && (c[s] = o[s]);
-      return Object.keys(c).reduce((s, d) => {
-        if (d.indexOf(e) === 0) {
-          const m = d.split(e);
-          s[m[1]] = ($) => c[d]($, t, n);
+        l.test(s) && o[s] && (d[s] = o[s]);
+      return Object.keys(d).reduce((s, c) => {
+        if (c.indexOf(e) === 0) {
+          const m = c.split(e);
+          s[m[1]] = ($) => d[c]($, t, n);
         }
         return s;
       }, {});
     }, 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), {
+      return (t.click || n.click) && (de.value = !0), {
         ...t,
         ...n,
-        click(c) {
-          const s = c.target, d = s.className;
+        click(d) {
+          const s = d.target, c = s.className;
           let m = l.includes(s.tagName.toLowerCase()), $ = !1;
-          typeof d == "string" || Array.isArray(d) ? $ = d.includes("k-popover") : typeof d == "object" && ($ = Object.keys(d).includes("k-popover")), s.closest(".popover-content") !== null && ($ = !0);
+          typeof c == "string" || Array.isArray(c) ? $ = c.includes("k-popover") : typeof c == "object" && ($ = Object.keys(c).includes("k-popover")), s.closest(".popover-content") !== null && ($ = !0);
           for (let N = 0; N < l.length; N++)
             if (s.closest(l[N]) !== null) {
               m = !0;
@@ -165,12 +165,12 @@ const eo = {
           if ((!m || s.hasAttribute("disabled")) && !$ && (t.click || n.click))
             if (n.click) {
               p("cell-click", { data: e });
-              const N = n.click(c, e, "cell");
-              typeof N == "function" && N(c, e);
+              const N = n.click(d, e, "cell");
+              typeof N == "function" && N(d, e);
             } else {
               p("row-click", { data: o });
-              const N = t.click(c, o, "row");
-              typeof N == "function" && N(c, o);
+              const N = t.click(d, o, "row");
+              typeof N == "function" && N(d, o);
             }
         }
       };
@@ -240,24 +240,24 @@ const eo = {
       }
       return "auto";
     }), $e = (e, o) => {
-      var d;
+      var c;
       if (e.button !== 0)
         return;
       let t = 0, n = 0;
       X.value = o;
       let l = null;
-      (d = Oe.value) == null || d.forEach((m) => {
+      (c = Oe.value) == null || c.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) => {
+      const d = (m) => {
         const $ = m.clientX - t;
         l == null || l.setAttribute("style", `width: ${n + $}px`), I.value[o] = n + $;
       }, s = () => {
-        X.value = "", document == null || document.removeEventListener("mousemove", c), document == null || document.removeEventListener("mouseup", s), le(), D.value && ye();
+        X.value = "", document == null || document.removeEventListener("mousemove", d), document == null || document.removeEventListener("mouseup", s), le(), D.value && ye();
       };
       if (t = e.clientX, l) {
         const m = window == null ? void 0 : window.getComputedStyle(l);
-        m != null && m.width && (n = parseInt(m.width, 10)), document == null || document.addEventListener("mousemove", c), document == null || document.addEventListener("mouseup", s);
+        m != null && m.width && (n = parseInt(m.width, 10)), document == null || document.addEventListener("mousemove", d), document == null || document.addEventListener("mouseup", s);
       }
     }, 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)
@@ -280,13 +280,13 @@ const eo = {
     }, { deep: !0, immediate: !0 });
     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();
-    }, ct = (e) => {
+    }, dt = (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 = Je.value) == null || t.forEach((n) => {
         n && n.closeDropdown && n.closeDropdown();
       });
-    }, ae = (e) => j.value.find((o) => o.rowKey === E(e)), dt = (e, o) => ({
+    }, ae = (e) => j.value.find((o) => o.rowKey === E(e)), ct = (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")
@@ -304,11 +304,11 @@ const eo = {
     }, 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";
+      const { to: t, target: n } = a.rowLink(e), l = t && typeof t == "object", d = t && typeof t == "string";
       return {
         ...l && { to: t },
-        ...c && { href: t },
-        ...(l || c) && {
+        ...d && { href: t },
+        ...(l || d) && {
           ...n && { target: n }
         }
       };
@@ -334,17 +334,17 @@ const eo = {
         return;
       const e = document == null ? void 0 : document.querySelector(`[data-tableid="${S}"]`), o = e == null ? void 0 : e.querySelectorAll("th"), t = {};
       o == null || o.forEach((n, l) => {
-        const c = n.getAttribute("data-key");
-        if (c === i.EXPANDABLE)
+        const d = n.getAttribute("data-key");
+        if (d === i.EXPANDABLE)
           return;
         let s = n.getBoundingClientRect().width;
-        l === 1 && (s += Te), l === o.length - 1 && (s -= 15), t[c] = s;
+        l === 1 && (s += Te), l === o.length - 1 && (s -= 15), t[d] = s;
       }), ze.value = t;
     };
     W([H, B, D], (e) => {
       const [o, t, n] = e;
-      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();
+      let l = t.filter((d) => d.key === i.BULK_ACTIONS ? V.value : o[d.key] !== !1);
+      l.find((d) => d.key === i.EXPANDABLE) && (l = l.filter((d) => d.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 });
@@ -371,15 +371,15 @@ const eo = {
             disabled: !fe(s)
           });
         });
-        const n = t.filter((s) => !s.disabled && o.find((d) => E(d) === s.rowKey));
+        const n = t.filter((s) => !s.disabled && o.find((c) => E(c) === s.rowKey));
         n.length && n.filter((s) => s.selected).length === n.length ? G.value = !0 : (n.filter((s) => !s.selected).length, n.length, G.value = !1);
         const l = o.filter((s) => {
-          const d = t.find((m) => m.rowKey === E(s));
-          return !!(d && d.selected);
-        }), c = [];
+          const c = t.find((m) => m.rowKey === E(s));
+          return !!(c && c.selected);
+        }), d = [];
         F.value.forEach((s) => {
-          o.find((m) => E(s) === E(m)) || c.push(s);
-        }), F.value = [...c, ...l];
+          o.find((m) => E(s) === E(m)) || d.push(s);
+        }), F.value = [...d, ...l];
       }
       L.value = Ie();
     }, { deep: !0, immediate: !0 }), W(F, (e) => {
@@ -482,13 +482,13 @@ const eo = {
           ref: "table-wrapper",
           class: "table-wrapper",
           style: Pe(Ye.value),
-          onScrollPassive: ct
+          onScrollPassive: dt
         }, [
           R("table", {
             ref: "table",
             class: h(["table", {
-              "has-hover": a.rowHover && !de.value,
-              "is-clickable": ce.value
+              "has-hover": a.rowHover && !ce.value,
+              "is-clickable": de.value
             }]),
             "data-tableid": u(S)
           }, [
@@ -617,16 +617,16 @@ const eo = {
                     "last-row": n === a.data.length - 1 && !L.value.includes(n)
                   },
                   role: a.rowLink(t).to ? "link" : void 0,
-                  tabindex: ce.value && !a.rowLink(t).to ? 0 : void 0
+                  tabindex: de.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(Qt), {
+                  (r(!0), f(Y, null, be(k.value, (l, d) => (r(), w(u(Qt), {
                     key: `${_.value.get(t)}-cell-${l.key}`,
                     data: { isRowActionsDropdownOpen: !1 }
                   }, {
                     default: C(({ data: s }) => [
                       R("td", se({
                         class: {
-                          "resize-hover": Le.value === l.key && c !== k.value.length - 1 && oe(l),
+                          "resize-hover": Le.value === l.key && d !== k.value.length - 1 && oe(l),
                           "row-link": !!a.rowLink(t).to,
                           "sticky-column": Ne(l.key),
                           "second-sticky-column": Be(l.key),
@@ -637,7 +637,7 @@ const eo = {
                           ...Ee.value[l.key],
                           ...s.isRowActionsDropdownOpen ? { zIndex: 2 } : {}
                         }
-                      }, { ref_for: !0 }, a.cellAttrs({ headerKey: l.key, row: t, rowIndex: n, colIndex: c }), Lt(et.value(t[l.key], t), !0)), [
+                      }, { ref_for: !0 }, a.cellAttrs({ headerKey: l.key, row: t, rowIndex: n, colIndex: d }), 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"
@@ -660,7 +660,7 @@ const eo = {
                               default: C(() => [
                                 O(Ue, {
                                   modelValue: ae(t).selected,
-                                  "onUpdate:modelValue": (d) => ae(t).selected = d,
+                                  "onUpdate:modelValue": (c) => ae(t).selected = c,
                                   "aria-label": "Toggle row selection",
                                   class: "bulk-actions-checkbox",
                                   "data-testid": "bulk-actions-checkbox",
@@ -674,8 +674,8 @@ const eo = {
                               ref: "actionsDropdown",
                               class: "actions-dropdown",
                               "data-testid": "actions-dropdown",
-                              "kpop-attributes": { placement: "bottom-end", target: "body", popoverElementAttributes: dt(t, n) },
-                              onToggleDropdown: (d) => it(t, d, s)
+                              "kpop-attributes": { placement: "bottom-end", target: "body", popoverElementAttributes: ct(t, n) },
+                              onToggleDropdown: (c) => it(t, c, s)
                             }, {
                               items: C(() => [
                                 T(e.$slots, "action-items", { row: t }, void 0, !0)
@@ -688,8 +688,8 @@ const eo = {
                                   "data-testid": "row-actions-dropdown-trigger",
                                   icon: "",
                                   size: "small",
-                                  onMouseleave: o[9] || (o[9] = (d) => de.value = !1),
-                                  onMouseover: o[10] || (o[10] = (d) => de.value = !0)
+                                  onMouseleave: o[9] || (o[9] = (c) => ce.value = !1),
+                                  onMouseover: o[10] || (o[10] = (c) => ce.value = !0)
                                 }, {
                                   default: C(() => [
                                     O(u(Kt), {
@@ -712,7 +712,7 @@ const eo = {
                             class: h(["expandable-row-control", { expanded: L.value.includes(n) }]),
                             "data-testid": "expandable-row-control",
                             type: "button",
-                            onClick: (d) => gt(n, t)
+                            onClick: (c) => gt(n, t)
                           }, [
                             O(u(It), {
                               class: "expandable-row-control-icon",

package/dist/kongponents.es171.js

@@ -1,121 +1,110 @@
-import { defineComponent as y, computed as s, createBlock as b, openBlock as d, resolveDynamicComponent as S, normalizeStyle as k, withCtx as x, createElementBlock as N } from "vue";
-import { KUI_ICON_SIZE_50 as u } from "./kongponents.es259.js";
-const w = ["aria-hidden"], c = '<path d="M8 14.4L4 10.4L5.4 9L8 11.6L14.6 5L16 6.4L8 14.4Z" fill="currentColor"/>', z = /* @__PURE__ */ y({
-  __name: "CheckSmallIcon",
-  props: {
-    /** The accessibility text provided to screen readers */
-    title: {
-      type: String,
-      required: !1,
-      default: ""
-    },
-    /** The icon color. Defaults to `currentColor` which inherits text color from the parent element */
-    color: {
-      type: String,
-      required: !1,
-      default: "currentColor"
+import { computed as s, ref as v, watchEffect as D } from "vue";
+import "./kongponents.es240.js";
+import m from "./kongponents.es241.js";
+const S = {
+  VALIDATING: "VALIDATING",
+  VALIDATING_HAS_DATA: "VALIDATING_HAS_DATA",
+  PENDING: "PENDING",
+  SUCCESS: "SUCCESS",
+  SUCCESS_HAS_DATA: "SUCCESS_HAS_DATA",
+  ERROR: "ERROR",
+  STALE_IF_ERROR: "STALE_IF_ERROR"
+};
+function w() {
+  return {
+    useRequest: (e, u, a) => {
+      const {
+        data: t,
+        error: n,
+        isValidating: c,
+        isLoading: o,
+        mutate: r
+      } = m(e, u, {
+        revalidateDebounce: 500,
+        dedupingInterval: 100,
+        ...a
+      });
+      return {
+        data: s(() => {
+          var A;
+          return (A = t.value) == null ? void 0 : A.data;
+        }),
+        response: t,
+        error: n,
+        isValidating: c,
+        isLoading: o,
+        revalidate: r
+      };
     },
-    /** The CSS display property for the icon. Defaults to `block` */
-    display: {
-      type: String,
-      required: !1,
-      default: "block"
+    useDebounce: (e, u = 300) => {
+      let a;
+      const t = (n) => async (...c) => {
+        clearTimeout(a), n > 0 ? await new Promise((o) => {
+          a = setTimeout(async () => {
+            await e(...c), o();
+          }, n);
+        }) : await e(...c);
+      };
+      return {
+        debouncedFn: t(u),
+        generateDebouncedFn: t
+      };
     },
-    /** Whether the icon is just eye-candy or is meaningful to the page (should screen-readers ignore the icon?) */
-    decorative: {
-      type: Boolean,
-      required: !1,
-      default: !1
+    clientSideSorter: (e, u, a, t) => {
+      let n = null;
+      const c = (r, i) => typeof i == "number" && !Number.isNaN(r) && !Number.isNaN(i) ? r - i : 0, o = (r, i) => r.localeCompare(i);
+      return e !== u ? (n = (r, i) => {
+        const A = (l) => l == null ? "" : typeof l == "number" ? l : Array.isArray(l) && l.length && typeof l[0] == "number" ? l[0] : String(l), f = A(r[e]), d = A(i[e]);
+        switch (typeof f) {
+          case "number":
+            return c(f, d);
+          default:
+            return o(f, d);
+        }
+      }, t.sort(n), u = e, a = "ascending") : (t.reverse(), a === "descending" || a === "desc" ? a = "ascending" : a = "descending"), { previousKey: u, sortOrder: a };
     },
-    /** The icon size */
-    size: {
-      type: [Number, String],
-      required: !1,
-      default: u,
-      // if setting to the imported const fails, just pass a number of 24 as the default.
-      validator: (r) => {
-        if (typeof r == "number" && r > 0)
-          return !0;
-        if (typeof r == "string") {
-          const e = String(r).replace(/px/gi, ""), i = Number(e);
-          if (i && !isNaN(i) && Number.isInteger(i) && i > 0)
-            return !0;
+    useSwrvState: (e, u, a) => {
+      const t = v(S.PENDING), n = v(!1);
+      return D(() => {
+        var c, o, r, i, A, f;
+        if (n.value = e.value && !!((c = Object.keys(e.value)) != null && c.length || (o = e.value.data) != null && o.length || (i = (r = e.value.data) == null ? void 0 : r.data) != null && i.length || !((A = e.value.data) != null && A.data) && typeof e.value.data == "object" && Object.keys((f = e.value) == null ? void 0 : f.data).length), e.value && n.value && a.value) {
+          t.value = S.VALIDATING_HAS_DATA;
+          return;
+        }
+        if (e.value && a.value) {
+          t.value = S.VALIDATING;
+          return;
+        }
+        if (e.value && u.value) {
+          t.value = S.STALE_IF_ERROR;
+          return;
+        }
+        if (e.value === void 0 && !u.value) {
+          t.value = S.PENDING;
+          return;
+        }
+        if (e.value && !u.value && n.value) {
+          t.value = S.SUCCESS_HAS_DATA;
+          return;
+        }
+        if (e.value && !u.value) {
+          t.value = S.SUCCESS;
+          return;
         }
-        return !1;
-      }
+        e.value === void 0 && u && (t.value = S.ERROR);
+      }), {
+        hasData: n,
+        state: t,
+        swrvState: S
+      };
     },
-    /** The HTML tag to utilize for the icon's wrapper element. Defaults to `span` */
-    as: {
-      type: String,
-      required: !1,
-      default: "span"
+    cloneDeep: (e) => {
+      if (e)
+        return JSON.parse(JSON.stringify(e));
     },
-    /**
-     * A boolean to disable prefixing any internal SVG ids with a unique string which is done to resolve the potential for multiple SVG instances on the same page and the SVG utilizing the same ids and references internally (e.g. in the `<defs>` tag).
-     * Typically only set to `true` during snapshot testing.
-     * Defaults to `false`.
-     */
-    staticIds: {
-      type: Boolean,
-      default: !1
-    }
-  },
-  setup(r) {
-    const e = r, i = s(() => {
-      if (typeof e.size == "number" && e.size > 0)
-        return `${e.size}px`;
-      if (typeof e.size == "string") {
-        const a = String(e.size).replace(/px/gi, ""), t = Number(a);
-        if (t && !isNaN(t) && Number.isInteger(t) && t > 0)
-          return `${t}px`;
-      }
-      return u;
-    }), p = s(() => ({
-      boxSizing: "border-box",
-      color: e.color,
-      display: e.display,
-      flexShrink: "0",
-      height: i.value,
-      lineHeight: "0",
-      width: i.value,
-      pointerEvents: e.decorative ? "none" : void 0
-    })), f = (a) => {
-      const t = {}, h = Math.random().toString(36).substring(2, 12);
-      return a.replace(/id="([^"]+)"/g, (l, n) => {
-        const o = `${h}-${n}`;
-        return t[n] = o, `id="${o}"`;
-      }).replace(/#([^\s^")]+)/g, (l, n) => t[n] ? `#${t[n]}` : l);
-    }, g = {
-      "<": "&lt;",
-      ">": "&gt;",
-      '"': "&quot;",
-      "'": "&#39;",
-      "&": "&amp;"
-    }, m = (a) => a.replace(/[<>"'&]/g, (t) => g[t]), v = `${e.title ? `<title data-testid="kui-icon-svg-title">${m(e.title)}</title>` : ""}${e.staticIds ? c : f(c)}`;
-    return (a, t) => (d(), b(S(r.as), {
-      "aria-hidden": r.decorative ? "true" : void 0,
-      class: "kui-icon check-small-icon",
-      "data-testid": "kui-icon-wrapper-check-small-icon",
-      style: k(p.value),
-      tabindex: r.decorative ? "-1" : void 0
-    }, {
-      default: x(() => [
-        (d(), N("svg", {
-          "aria-hidden": r.decorative ? "true" : void 0,
-          "data-testid": "kui-icon-svg-check-small-icon",
-          fill: "none",
-          height: "100%",
-          role: "img",
-          viewBox: "0 0 24 24",
-          width: "100%",
-          xmlns: "http://www.w3.org/2000/svg",
-          innerHTML: v
-        }, null, 8, w))
-      ]),
-      _: 1
-    }, 8, ["aria-hidden", "style", "tabindex"]));
-  }
-});
+    stripRequiredLabel: (e, u) => !u || !e ? e || "" : /( )?\*$/gi.test(e) ? e.replace(/\*$/gi, "").trim() : e
+  };
+}
 export {
-  z as default
+  w as default
 };