@kong/kongponents 9.54.1 → 9.54.2

package/dist/kongponents.es162.js

@@ -1,32 +1,32 @@
-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 V, 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 Pe, Fragment as Y, renderList as be, withModifiers as He, mergeProps as se, toHandlers as Et, resolveDynamicComponent as Lt, withDirectives as Ot, vShow as $t, nextTick as Nt } from "vue";
+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 V, openBlock as r, createElementBlock as f, normalizeClass as p, 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 be, withModifiers as He, mergeProps as se, toHandlers as Et, resolveDynamicComponent as Lt, withDirectives as Ot, vShow as $t, nextTick as Nt } from "vue";
 import ke from "./kongponents.es32.js";
 import Me from "./kongponents.es45.js";
 import Bt from "./kongponents.es20.js";
 /* empty css                 */
 import Fe from "./kongponents.es24.js";
 /* empty css                 */
-import xt from "./kongponents.es182.js";
-import It from "./kongponents.es219.js";
-import zt from "./kongponents.es206.js";
-import Kt from "./kongponents.es220.js";
-import Pt from "./kongponents.es221.js";
+import xt from "./kongponents.es195.js";
+import It from "./kongponents.es213.js";
+import zt from "./kongponents.es178.js";
+import Pt from "./kongponents.es214.js";
+import Kt from "./kongponents.es215.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.es178.js";
-import Vt from "./kongponents.es218.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 "./kongponents.es181.js";
+import Vt from "./kongponents.es207.js";
 import Wt from "./kongponents.es55.js";
 import Xt from "./kongponents.es43.js";
-import Ue from "./kongponents.es36.js";
-import qt from "./kongponents.es222.js";
+import De from "./kongponents.es36.js";
+import qt from "./kongponents.es216.js";
 import { getInitialPageSize as jt } from "./kongponents.es173.js";
 import { getUniqueStringId as Zt } from "./kongponents.es153.js";
-import { getScrollbarSize as Gt } from "./kongponents.es190.js";
-import { useResizeObserver as Jt } from "./kongponents.es197.js";
-import { normalizeSize as Yt } from "./kongponents.es175.js";
+import { getScrollbarSize as Gt } from "./kongponents.es202.js";
+import { useResizeObserver as Jt } from "./kongponents.es184.js";
+import { normalizeSize as Yt } from "./kongponents.es182.js";
 import Qt from "./kongponents.es40.js";
-import _t from "./kongponents.es223.js";
+import _t from "./kongponents.es217.js";
 const ea = {
   key: 0,
   class: "table-toolbar",
@@ -86,6 +86,7 @@ const ea = {
     hidePaginationWhenOptional: { type: Boolean },
     hideToolbar: { type: Boolean },
     tooltipTarget: { default: "body" },
+    actionsDropdownPopoverAttributes: { default: () => ({}) },
     "onRow:click": { type: Function },
     "onRow:dblclick": { type: Function },
     "onRow:auxclick": { type: Function },
@@ -122,17 +123,17 @@ 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: De }) {
+  setup(o, { emit: Ue }) {
     Ct((e) => ({
-      v1d9185fc: u(tt).expandable,
-      v2e5a7fab: nt.value,
-      v3ffd4ac3: Ae.value,
-      v83fbd9d2: Qe.value
+      v771df17d: u(tt).expandable,
+      v399eb14a: nt.value,
+      v96d0edbc: Ae.value,
+      v090058f6: Qe.value
     }));
-    const ge = 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"]), g = De, I = 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] : "", he = (e) => {
+    const ge = 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, I = 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 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"), Ve = ne("table"), We = ne("header-row"), N = v(he(o.headers)), k = v([]), W = v(""), z = v(""), Q = v(""), Xe = y(() => N.value.some((e) => e.key === i.ACTIONS)), we = y(() => N.value.filter((e) => e.hidable).length > 0), K = y(() => o.nested || !we.value || o.error ? !1 : I.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(() => K.value ? o.tablePreferences.columnVisibility || {} : {}), P = v(K.value ? o.tablePreferences.columnVisibility || {} : {}), Ae = v("100%"), ue = v(!1), X = v(!1), B = v(!1), H = v(!1), m = v(o.tablePreferences.sortColumnKey || ""), p = v(o.tablePreferences.sortColumnOrder || me), de = v(!1), Ge = y(() => !o.hideToolbar && !o.nested && (!!I.toolbar || K.value || ve.value)), Je = ne("actionsDropdown"), ce = v(!1), Ye = y(() => ({
+    }, he = ne("table-wrapper"), Ve = ne("table"), We = ne("header-row"), N = v(pe(o.headers)), k = v([]), W = v(""), z = v(""), Q = v(""), Xe = y(() => N.value.some((e) => e.key === i.ACTIONS)), we = y(() => N.value.filter((e) => e.hidable).length > 0), P = y(() => o.nested || !we.value || o.error ? !1 : I.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(() => P.value ? o.tablePreferences.columnVisibility || {} : {}), K = v(P.value ? o.tablePreferences.columnVisibility || {} : {}), Ae = v("100%"), ue = v(!1), X = v(!1), B = v(!1), H = v(!1), m = v(o.tablePreferences.sortColumnKey || ""), h = v(o.tablePreferences.sortColumnOrder || me), de = v(!1), Ge = y(() => !o.hideToolbar && !o.nested && (!!I.toolbar || P.value || ve.value)), Je = ne("actionsDropdown"), ce = v(!1), Ye = y(() => ({
       maxHeight: Yt(o.maxHeight)
     })), Qe = y(() => `${Gt()}px`), M = v([]), q = y(() => !o.nested && !o.error && N.value.some((e) => e.key === i.BULK_ACTIONS) && !!(I["bulk-action-items"] || I["bulk-actions"]) && !!o.data.every((e) => E(e))), j = v([]), ve = y(() => o.nested || !q.value || o.error ? !1 : I.toolbar ? !0 : !o.loading && !!o.data && !!o.data.length), Ce = y(() => {
       const e = M.value.length;
@@ -144,7 +145,7 @@ const ea = {
       return Object.keys(d).reduce((s, c) => {
         if (c.indexOf(e) === 0) {
           const C = c.split(e);
-          s[C[1]] = (D) => d[c](D, t, n);
+          s[C[1]] = (U) => d[c](U, t, n);
         }
         return s;
       }, {});
@@ -155,14 +156,14 @@ const ea = {
         ...n,
         click(d) {
           const s = d.target, c = s.className;
-          let C = l.includes(s.tagName.toLowerCase()), D = !1;
-          typeof c == "string" || Array.isArray(c) ? D = c.includes("k-popover") : typeof c == "object" && (D = Object.keys(c).includes("k-popover")), s.closest(".popover-content") !== null && (D = !0);
+          let C = l.includes(s.tagName.toLowerCase()), U = !1;
+          typeof c == "string" || Array.isArray(c) ? U = c.includes("k-popover") : typeof c == "object" && (U = Object.keys(c).includes("k-popover")), s.closest(".popover-content") !== null && (U = !0);
           for (let $ = 0; $ < l.length; $++)
             if (s.closest(l[$]) !== null) {
               C = !0;
               break;
             }
-          if ((!C || s.hasAttribute("disabled")) && !D && (t.click || n.click))
+          if ((!C || s.hasAttribute("disabled")) && !U && (t.click || n.click))
             if (n.click) {
               g("cell-click", { data: e });
               const $ = n.click(d, e, "cell");
@@ -174,7 +175,7 @@ const ea = {
             }
         }
       };
-    }), Te = parseInt(Dt) * 2 + parseInt(re), Re = { expandable: Te, bulkActions: 48, actions: 54 }, tt = _t(Re, (e) => `${e}px`), x = v({
+    }), Te = parseInt(Ut) * 2 + parseInt(re), Re = { expandable: Te, bulkActions: 48, actions: 54 }, tt = _t(Re, (e) => `${e}px`), x = v({
       ...o.tablePreferences.columnWidths || {},
       ...Re
       // override special columns with default widths
@@ -200,7 +201,7 @@ const ea = {
       sortable: !e.hideLabel && !!e.sortable,
       // display active sorting styles if column is currently sorted
       "active-sort": !e.hideLabel && !!e.sortable && e.key === m.value,
-      [p.value]: e.key === m.value && !e.hideLabel,
+      [h.value]: e.key === m.value && !e.hideLabel,
       "is-scrolled": X.value,
       "has-tooltip": !!e.tooltip,
       "sticky-column": Ne(e.key),
@@ -210,7 +211,7 @@ const ea = {
     }), ot = (e) => {
       if (e.sortable && e.key !== i.BULK_ACTIONS && e.key !== i.ACTIONS) {
         let a = "asc", t = e.key;
-        t === m.value && p.value === "asc" && (a = "desc"), t === m.value && p.value === "desc" && (t = "", a = me), g("sort", {
+        t === m.value && h.value === "asc" && (a = "desc"), t === m.value && h.value === "desc" && (t = "", a = me), g("sort", {
           prevKey: m.value,
           sortColumnKey: t,
           sortColumnOrder: a
@@ -248,13 +249,13 @@ const ea = {
         const C = c.clientX - t;
         l?.setAttribute("style", `width: ${n + C}px`), x.value[a] = n + C;
       }, s = () => {
-        W.value = "", document?.removeEventListener("mousemove", d), document?.removeEventListener("mouseup", s), le(), U.value && ye();
+        W.value = "", document?.removeEventListener("mousemove", d), document?.removeEventListener("mouseup", s), le(), D.value && ye();
       };
       if (t = e.clientX, l) {
         const c = window?.getComputedStyle(l);
         c?.width && (n = parseInt(c.width, 10)), document?.addEventListener("mousemove", d), document?.addEventListener("mouseup", s);
       }
-    }, Ne = (e) => B.value ? e === i.BULK_ACTIONS || e === i.EXPANDABLE : !1, Be = (e) => e === i.BULK_ACTIONS && U.value, ee = (e) => B.value ? q.value ? e === i.BULK_ACTIONS : U.value ? e === i.EXPANDABLE : !1 : !1, te = (e) => e === i.EXPANDABLE || e === i.BULK_ACTIONS || e === i.ACTIONS, ae = (e, a = !1) => {
+    }, Ne = (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) => {
       if (!o.resizeColumns || o.nested)
         return !1;
       if (a) {
@@ -271,10 +272,10 @@ const ea = {
       }, a ? 0 : 100);
     }, st = y(() => !(o.hidePagination || o.nested || o.hidePaginationWhenOptional && o.data.length && o.paginationAttributes.totalCount && o.paginationAttributes.totalCount <= o.data.length));
     V(() => o.headers, (e) => {
-      N.value = he(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) => {
-      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 = me), le();
+      m.value && e ? e === m.value ? h.value === "asc" ? h.value = "desc" : h.value = "asc" : (m.value = e, h.value = "asc") : e ? (m.value = e, h.value = "asc") : (m.value = "", h.value = me), le();
     }, dt = (e) => {
       const a = e.target;
       a && (typeof a.scrollTop == "number" || typeof a.scrollLeft == "number") && (a.scrollTop > 1 ? (ue.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 ? H.value = !1 : H.value = !0), Je.value?.forEach((t) => {
@@ -310,20 +311,20 @@ const ea = {
       Z.value = e.pageSize, g("page-size-change", e), le();
     }, kt = y(() => ({
       sortColumnKey: m.value,
-      sortColumnOrder: p.value,
+      sortColumnOrder: h.value,
       ...o.resizeColumns ? { columnWidths: x.value } : {},
-      ...we.value ? { columnVisibility: P.value } : {},
+      ...we.value ? { columnVisibility: K.value } : {},
       ...Z.value && !o.hidePagination && { pageSize: Z.value }
     })), le = () => {
       g("update:table-preferences", kt.value);
-    }, U = y(() => !o.nested && o.data.some((e) => o.rowExpandable(e))), mt = { key: i.EXPANDABLE, label: "Expandable rows controls", hideLabel: !0 }, Ie = () => {
+    }, D = y(() => !o.nested && o.data.some((e) => o.rowExpandable(e))), mt = { 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(Ie()), gt = async (e, a) => {
       ye(), await Nt(), 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)), ze = v({}), ye = () => {
+    }, pt = y(() => k.value.filter((e) => e.key !== i.EXPANDABLE && e.key !== i.BULK_ACTIONS)), ze = v({}), ye = () => {
       if (typeof document > "u")
         return;
       const a = document?.querySelector(`[data-tableid="${A}"]`)?.querySelectorAll("th"), t = {};
@@ -335,14 +336,14 @@ const ea = {
         l === 1 && (s += Te), l === a.length - 1 && (s -= 15), t[d] = s;
       }), ze.value = t;
     };
-    V([P, N, U], (e) => {
+    V([K, N, D], (e) => {
       const [a, t, n] = e;
       let l = t.filter((d) => d.key === i.BULK_ACTIONS ? q.value : a[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 }), V(K, (e) => {
-      e && (P.value = o.tablePreferences.columnVisibility || {});
+    }, { deep: !0, immediate: !0 }), V(P, (e) => {
+      e && (K.value = o.tablePreferences.columnVisibility || {});
     }, { immediate: !0 });
-    const G = v(!1), pt = y(() => {
+    const G = v(!1), ht = 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) => {
@@ -379,16 +380,16 @@ const ea = {
     }, { deep: !0, immediate: !0 }), V(M, (e) => {
       g("row-select", e);
     }), V(() => 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, x.value = e?.columnWidths ? e.columnWidths : x.value, P.value = e?.columnVisibility ? e.columnVisibility : P.value;
-    }), Jt([pe, Ve], () => {
-      const e = pe.value;
+      e?.pageSize && (Z.value = e.pageSize, xe.value++), m.value = e?.sortColumnKey ? e.sortColumnKey : m.value, h.value = e?.sortColumnOrder ? e.sortColumnOrder : h.value, x.value = e?.columnWidths ? e.columnWidths : x.value, K.value = e?.columnVisibility ? e.columnVisibility : K.value;
+    }), Jt([he, Ve], () => {
+      const e = he.value;
       e && (H.value = e.scrollWidth > e.clientWidth, Ae.value = e.clientHeight + "px", ue.value = e.scrollHeight > e.clientHeight);
     }), (e, a) => (r(), f("div", {
-      class: h(["k-table-view", { "hide-headers": o.hideHeaders }])
+      class: p(["k-table-view", { "hide-headers": o.hideHeaders }])
     }, [
       Ge.value ? (r(), f("div", ea, [
         S(e.$slots, "toolbar", {}, void 0, !0),
-        ve.value || K.value ? (r(), f("div", ta, [
+        ve.value || P.value ? (r(), f("div", ta, [
           ve.value ? S(e.$slots, "bulk-actions", {
             key: 0,
             selectedRows: M.value
@@ -405,13 +406,13 @@ const ea = {
               _: 3
             }, 8, ["button-label", "count", "disabled"]))
           ], !0) : b("", !0),
-          K.value ? (r(), T(Vt, {
+          P.value ? (r(), T(Vt, {
             key: 1,
             columns: je.value,
             disabled: qe.value,
             "table-id": u(A),
             "visibility-preferences": Ze.value,
-            onUpdate: a[0] || (a[0] = (t) => P.value = t)
+            onUpdate: a[0] || (a[0] = (t) => K.value = t)
           }, null, 8, ["columns", "disabled", "table-id", "visibility-preferences"])) : b("", !0)
         ])) : b("", !0)
       ])) : b("", !0),
@@ -425,7 +426,7 @@ const ea = {
             "icon-variant": "error",
             message: o.errorStateMessage,
             title: o.errorStateTitle
-          }, Ke({ _: 2 }, [
+          }, Pe({ _: 2 }, [
             o.errorStateActionMessage ? {
               name: "action",
               fn: w(() => [
@@ -450,7 +451,7 @@ const ea = {
             "icon-variant": o.emptyStateIconVariant,
             message: o.emptyStateMessage,
             title: o.emptyStateTitle
-          }, Ke({ _: 2 }, [
+          }, Pe({ _: 2 }, [
             o.emptyStateActionMessage ? {
               name: "action",
               fn: w(() => [
@@ -475,12 +476,12 @@ const ea = {
         R("div", {
           ref: "table-wrapper",
           class: "table-wrapper",
-          style: Pe(Ye.value),
+          style: Ke(Ye.value),
           onScrollPassive: dt
         }, [
           R("table", {
             ref: "table",
-            class: h(["table", {
+            class: p(["table", {
               "has-hover": o.rowHover && !ce.value,
               "is-clickable": de.value
             }]),
@@ -488,19 +489,19 @@ const ea = {
           }, [
             o.hideHeaders ? b("", !0) : (r(), f("thead", {
               key: 0,
-              class: h({ "is-scrolled": X.value })
+              class: p({ "is-scrolled": X.value })
             }, [
               R("tr", {
                 ref: "header-row",
-                class: h({ "is-scrolled": X.value })
+                class: p({ "is-scrolled": X.value })
               }, [
                 (r(!0), f(Y, null, be(k.value, (t, n) => (r(), f("th", {
                   key: `table-${u(A)}-headers-${t.key}`,
-                  "aria-sort": t.key === m.value ? p.value === "asc" ? "ascending" : "descending" : void 0,
-                  class: h(["table-headers", at(t, n)]),
+                  "aria-sort": t.key === m.value ? h.value === "asc" ? "ascending" : "descending" : void 0,
+                  class: p(["table-headers", at(t, n)]),
                   "data-key": t.key,
                   "data-testid": `table-header-${t.key}`,
-                  style: Pe(Ee.value[t.key]),
+                  style: Ke(Ee.value[t.key]),
                   onClick: () => ot(t),
                   onMouseleave: a[8] || (a[8] = (l) => Q.value = ""),
                   onMouseover: (l) => Q.value = t.key
@@ -516,25 +517,25 @@ const ea = {
                   }, null, 40, sa)) : b("", !0),
                   R("div", {
                     "aria-describedby": t.tooltip || I[F(t.key)] ? `${F(t.key)}-${u(A)}` : void 0,
-                    class: h(["table-headers-container", { resized: W.value === t.key }])
+                    class: p(["table-headers-container", { resized: W.value === t.key }])
                   }, [
                     t.key !== u(i).BULK_ACTIONS ? S(e.$slots, _e(t.key), {
                       key: 0,
                       column: t
                     }, () => [
                       R("span", {
-                        class: h(["table-header-label", {
+                        class: p(["table-header-label", {
                           "sr-only": t.hideLabel || t.key === u(i).ACTIONS && t.hideLabel !== !1
                         }])
                       }, J(t.label ? t.label : t.key), 3)
                     ], !0) : (r(), f("div", ua, [
-                      O(Ue, {
+                      O(De, {
                         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,
+                        indeterminate: ht.value,
                         onChange: wt
                       }, null, 8, ["modelValue", "indeterminate"])
                     ])),
@@ -567,10 +568,10 @@ const ea = {
                         color: `var(--kui-color-text-primary, ${u(Ft)})`,
                         decorative: "",
                         size: u(re)
-                      }, null, 8, ["color", "size"])) : (r(), T(u(Pt), {
+                      }, null, 8, ["color", "size"])) : (r(), T(u(Kt), {
                         key: 1,
                         class: "sort-icon",
-                        color: `var(--kui-color-text-neutral-weak, ${u(Ut)})`,
+                        color: `var(--kui-color-text-neutral-weak, ${u(Dt)})`,
                         size: u(re),
                         title: `Sort by ${t.label}`
                       }, null, 8, ["color", "size", "title"]))
@@ -588,14 +589,14 @@ const ea = {
                   ee(t.key) ? (r(), f("div", {
                     key: 2,
                     "aria-hidden": "true",
-                    class: h(["scroll-overlay row-overlay left", {
+                    class: p(["scroll-overlay row-overlay left", {
                       "overlay-visible": B.value
                     }])
                   }, null, 2)) : b("", !0),
                   t.key === u(i).ACTIONS ? (r(), f("div", {
                     key: 3,
                     "aria-hidden": "true",
-                    class: h(["scroll-overlay row-overlay right", {
+                    class: p(["scroll-overlay row-overlay right", {
                       "overlay-visible": H.value
                     }])
                   }, null, 2)) : b("", !0)
@@ -652,7 +653,7 @@ const ea = {
                               text: fe(t) ? void 0 : vt(t)
                             }, {
                               default: w(() => [
-                                O(Ue, {
+                                O(De, {
                                   modelValue: oe(t).selected,
                                   "onUpdate:modelValue": (c) => oe(t).selected = c,
                                   "aria-label": "Toggle row selection",
@@ -668,7 +669,7 @@ const ea = {
                               ref: "actionsDropdown",
                               class: "actions-dropdown",
                               "data-testid": "actions-dropdown",
-                              "kpop-attributes": { placement: "bottom-end", target: "body", popoverElementAttributes: ct(t, n) },
+                              "kpop-attributes": { ...o.actionsDropdownPopoverAttributes, placement: "bottom-end", target: "body", popoverElementAttributes: ct(t, n) },
                               onToggleDropdown: (c) => it(t, c, s)
                             }, {
                               items: w(() => [
@@ -686,7 +687,7 @@ const ea = {
                                   onMouseover: a[10] || (a[10] = (c) => ce.value = !0)
                                 }, {
                                   default: w(() => [
-                                    O(u(Kt), {
+                                    O(u(Pt), {
                                       class: "more-icon",
                                       decorative: ""
                                     })
@@ -703,7 +704,7 @@ const ea = {
                             "aria-controls": `table-${u(A)}-row-${n}-expandable-content`,
                             "aria-expanded": L.value.includes(n),
                             "aria-label": "Toggle row expandable content",
-                            class: h(["expandable-row-control", { expanded: L.value.includes(n) }]),
+                            class: p(["expandable-row-control", { expanded: L.value.includes(n) }]),
                             "data-testid": "expandable-row-control",
                             type: "button",
                             onClick: (c) => gt(n, t)
@@ -717,14 +718,14 @@ const ea = {
                         ee(l.key) ? (r(), f("div", {
                           key: 2,
                           "aria-hidden": "true",
-                          class: h(["scroll-overlay row-overlay left", {
+                          class: p(["scroll-overlay row-overlay left", {
                             "overlay-visible": B.value
                           }])
                         }, null, 2)) : b("", !0),
                         l.key === u(i).ACTIONS ? (r(), f("div", {
                           key: 3,
                           "aria-hidden": "true",
-                          class: h(["scroll-overlay row-overlay right", {
+                          class: p(["scroll-overlay row-overlay right", {
                             "overlay-visible": H.value
                           }])
                         }, null, 2)) : b("", !0)
@@ -733,7 +734,7 @@ const ea = {
                     _: 2
                   }, 1024))), 128))
                 ], 16, ca),
-                U.value && o.rowExpandable(t) ? Ot((r(), f("tr", {
+                D.value && o.rowExpandable(t) ? Ot((r(), f("tr", {
                   key: 0,
                   id: `table-${u(A)}-row-${n}-expandable-content`,
                   class: "expandable-content-row",
@@ -745,7 +746,7 @@ const ea = {
                     R("div", ka, [
                       S(e.$slots, "row-expanded", {
                         columnWidths: ze.value,
-                        nestedHeaders: ht.value,
+                        nestedHeaders: pt.value,
                         row: t
                       }, void 0, !0)
                     ])
@@ -757,17 +758,17 @@ const ea = {
             ])
           ], 10, na)
         ], 36),
-        !q.value && !U.value ? (r(), f("div", {
+        !q.value && !D.value ? (r(), f("div", {
           key: 0,
           "aria-hidden": "true",
-          class: h(["scroll-overlay table-overlay left", {
+          class: p(["scroll-overlay table-overlay left", {
             "overlay-visible": B.value
           }])
         }, null, 2)) : b("", !0),
         Xe.value ? b("", !0) : (r(), f("div", {
           key: 1,
           "aria-hidden": "true",
-          class: h(["scroll-overlay table-overlay right", {
+          class: p(["scroll-overlay table-overlay right", {
             "overlay-visible": H.value,
             "scrollbar-offset": ue.value
           }])

package/dist/kongponents.es167.js

@@ -1,7 +1,7 @@
 import { defineComponent as V, useSlots as x, useModel as M, ref as F, computed as v, watch as j, openBlock as s, createElementBlock as c, toDisplayString as B, createCommentVNode as b, Fragment as D, renderList as T, createVNode as w, unref as E, withCtx as K, renderSlot as U, createBlock as q, mergeModels as h } from "vue";
-import G from "./kongponents.es213.js";
-import P from "./kongponents.es214.js";
-import { KUI_ANIMATION_DURATION_20 as R } from "./kongponents.es178.js";
+import G from "./kongponents.es236.js";
+import P from "./kongponents.es237.js";
+import { KUI_ANIMATION_DURATION_20 as R } from "./kongponents.es181.js";
 const z = { class: "k-filter-group" }, H = {
   key: 0,
   class: "label",

package/dist/kongponents.es174.js

@@ -1,4 +1,4 @@
-import { urlAlphabet as l } from "./kongponents.es245.js";
+import { urlAlphabet as l } from "./kongponents.es243.js";
 let o = (t = 21) => {
   let e = "", r = crypto.getRandomValues(new Uint8Array(t |= 0));
   for (; t--; )

package/dist/kongponents.es175.js

@@ -1,7 +1,121 @@
-const n = (r) => {
-  const e = Number(r);
-  return Number.isNaN(e) ? `${r}` : `${e}px`;
-};
+import { defineComponent as h, computed as s, openBlock as d, createBlock as y, resolveDynamicComponent as b, normalizeStyle as k, withCtx as x, createElementBlock as S } from "vue";
+import { KUI_ICON_SIZE_50 as c } from "./kongponents.es265.js";
+const N = ["aria-hidden"], u = '<path d="M10.6 16.6L17.65 9.55L16.25 8.15L10.6 13.8L7.75 10.95L6.35 12.35L10.6 16.6ZM12 22C10.6167 22 9.31667 21.7375 8.1 21.2125C6.88333 20.6875 5.825 19.975 4.925 19.075C4.025 18.175 3.3125 17.1167 2.7875 15.9C2.2625 14.6833 2 13.3833 2 12C2 10.6167 2.2625 9.31667 2.7875 8.1C3.3125 6.88333 4.025 5.825 4.925 4.925C5.825 4.025 6.88333 3.3125 8.1 2.7875C9.31667 2.2625 10.6167 2 12 2C13.3833 2 14.6833 2.2625 15.9 2.7875C17.1167 3.3125 18.175 4.025 19.075 4.925C19.975 5.825 20.6875 6.88333 21.2125 8.1C21.7375 9.31667 22 10.6167 22 12C22 13.3833 21.7375 14.6833 21.2125 15.9C20.6875 17.1167 19.975 18.175 19.075 19.075C18.175 19.975 17.1167 20.6875 15.9 21.2125C14.6833 21.7375 13.3833 22 12 22Z" fill="currentColor"/>', I = /* @__PURE__ */ h({
+  __name: "CheckCircleIcon",
+  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"
+    },
+    /** The CSS display property for the icon. Defaults to `block` */
+    display: {
+      type: String,
+      required: !1,
+      default: "block"
+    },
+    /** 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
+    },
+    /** The icon size */
+    size: {
+      type: [Number, String],
+      required: !1,
+      default: c,
+      // 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;
+        }
+        return !1;
+      }
+    },
+    /** The HTML tag to utilize for the icon's wrapper element. Defaults to `span` */
+    as: {
+      type: String,
+      required: !1,
+      default: "span"
+    },
+    /**
+     * 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 c;
+    }), 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 = {}, v = Math.random().toString(36).substring(2, 12);
+      return a.replace(/id="([^"]+)"/g, (o, n) => {
+        const l = `${v}-${n}`;
+        return t[n] = l, `id="${l}"`;
+      }).replace(/#([^\s^")]+)/g, (o, n) => t[n] ? `#${t[n]}` : o);
+    }, g = {
+      "<": "&lt;",
+      ">": "&gt;",
+      '"': "&quot;",
+      "'": "&#39;",
+      "&": "&amp;"
+    }, C = (a) => a.replace(/[<>"'&]/g, (t) => g[t]), m = `${e.title ? `<title data-testid="kui-icon-svg-title">${C(e.title)}</title>` : ""}${e.staticIds ? u : f(u)}`;
+    return (a, t) => (d(), y(b(r.as), {
+      "aria-hidden": r.decorative ? "true" : void 0,
+      class: "kui-icon check-circle-icon",
+      "data-testid": "kui-icon-wrapper-check-circle-icon",
+      style: k(p.value),
+      tabindex: r.decorative ? "-1" : void 0
+    }, {
+      default: x(() => [
+        (d(), S("svg", {
+          "aria-hidden": r.decorative ? "true" : void 0,
+          "data-testid": "kui-icon-svg-check-circle-icon",
+          fill: "none",
+          height: "100%",
+          role: "img",
+          viewBox: "0 0 24 24",
+          width: "100%",
+          xmlns: "http://www.w3.org/2000/svg",
+          innerHTML: m
+        }, null, 8, N))
+      ]),
+      _: 1
+    }, 8, ["aria-hidden", "style", "tabindex"]));
+  }
+});
 export {
-  n as normalizeSize
+  I as default
 };