@kong/kongponents 9.49.9-pr.3070.700f0b8.0 → 9.49.9-pr.3072.1a77a45.0

package/dist/kongponents.es143.js

@@ -1,20 +1,20 @@
-import { defineComponent as ft, useCssVars as gt, computed as u, useAttrs as yt, useSlots as mt, useId as pt, ref as i, watch as $, onMounted as bt, createElementBlock as p, openBlock as c, createCommentVNode as A, createBlock as D, renderSlot as H, createVNode as L, unref as h, createSlots as Ae, withCtx as E, createTextVNode as Z, toDisplayString as x, createElementVNode as M, normalizeStyle as He, normalizeClass as F, Fragment as se, renderList as oe, withModifiers as Me, mergeProps as Ie, toHandlers as ht } from "vue";
-import Te from "./kongponents.es33.js";
-import we from "./kongponents.es44.js";
-import kt from "./kongponents.es21.js";
+import { defineComponent as ft, useCssVars as gt, useAttrs as yt, useSlots as mt, useId as pt, ref as i, computed as u, watch as $, onMounted as bt, openBlock as c, createElementBlock as p, renderSlot as A, createVNode as L, unref as h, createCommentVNode as H, createBlock as D, createSlots as Ae, withCtx as E, createTextVNode as Z, toDisplayString as x, createElementVNode as M, normalizeStyle as He, normalizeClass as F, Fragment as se, renderList as oe, withModifiers as Me, mergeProps as Ie, toHandlers as ht } from "vue";
+import Te from "./kongponents.es32.js";
+import we from "./kongponents.es45.js";
+import kt from "./kongponents.es20.js";
 /* empty css                 */
-import St from "./kongponents.es52.js";
+import St from "./kongponents.es54.js";
 import Ct from "./kongponents.es24.js";
 /* empty css                 */
-import zt from "./kongponents.es175.js";
-import $t from "./kongponents.es199.js";
-import Pt from "./kongponents.es194.js";
+import zt from "./kongponents.es200.js";
+import $t from "./kongponents.es174.js";
+import Pt from "./kongponents.es182.js";
 import "./kongponents.es5.js";
 import "./kongponents.es10.js";
 import { EmptyStateIconVariants as Ot } from "./kongponents.es11.js";
-import { KUI_ICON_SIZE_30 as Ne, KUI_COLOR_TEXT_NEUTRAL as Ke } from "./kongponents.es183.js";
-import At from "./kongponents.es234.js";
-import { normalizeSize as Ht } from "./kongponents.es171.js";
+import { KUI_ICON_SIZE_30 as Ne, KUI_COLOR_TEXT_NEUTRAL as Ke } from "./kongponents.es177.js";
+import At from "./kongponents.es208.js";
+import { normalizeSize as Ht } from "./kongponents.es178.js";
 import { DEFAULT_PAGE_SIZE as Le } from "./kongponents.es169.js";
 const Mt = { class: "k-table" }, It = {
   key: 0,
@@ -474,7 +474,7 @@ We suggest using 'KTableData' component instead.
 Docs: https://kongponents.konghq.com/components/table-data.html`), Xe();
     }), (e, a) => (c(), p("div", Mt, [
       je.value ? (c(), p("div", It, [
-        H(e.$slots, "toolbar", { state: ze.value }, void 0, !0),
+        A(e.$slots, "toolbar", { state: ze.value }, void 0, !0),
         B.value ? (c(), p("div", Tt, [
           L(At, {
             columns: Ve.value,
@@ -482,14 +482,14 @@ Docs: https://kongponents.konghq.com/components/table-data.html`), Xe();
             "visibility-preferences": Be.value,
             onUpdate: a[0] || (a[0] = (t) => J.value = t)
           }, null, 8, ["columns", "table-id", "visibility-preferences"])
-        ])) : A("", !0)
-      ])) : A("", !0),
+        ])) : H("", !0)
+      ])) : H("", !0),
       (O.value || s.loading || W.value) && !s.error ? (c(), D(kt, {
         key: 1,
         "data-testid": "table-skeleton",
         type: "table"
       })) : s.error ? (c(), p("div", wt, [
-        H(e.$slots, "error-state", {}, () => [
+        A(e.$slots, "error-state", {}, () => [
           L(we, {
             "icon-variant": "error",
             message: s.errorStateMessage,
@@ -514,7 +514,7 @@ Docs: https://kongponents.konghq.com/components/table-data.html`), Xe();
           ]), 1032, ["message", "title"])
         ], !0)
       ])) : !s.error && !O.value && !s.loading && !W.value && b.value && !b.value.length ? (c(), p("div", Nt, [
-        H(e.$slots, "empty-state", {}, () => [
+        A(e.$slots, "empty-state", {}, () => [
           L(we, {
             "icon-variant": s.emptyStateIconVariant,
             message: s.emptyStateMessage,
@@ -530,7 +530,7 @@ Docs: https://kongponents.konghq.com/components/table-data.html`), Xe();
                   onClick: a[2] || (a[2] = (t) => e.$emit("empty-state-action-click"))
                 }, {
                   default: E(() => [
-                    H(e.$slots, "empty-state-action-icon", {}, void 0, !0),
+                    A(e.$slots, "empty-state-action-icon", {}, void 0, !0),
                     Z(" " + x(s.emptyStateActionMessage), 1)
                   ]),
                   _: 3
@@ -586,12 +586,12 @@ Docs: https://kongponents.konghq.com/components/table-data.html`), Xe();
                     onMousedown: (r) => pe(r, S.value[o - 1].key),
                     onMouseleave: a[4] || (a[4] = (r) => T.value = ""),
                     onMouseover: (r) => T.value = S.value[o - 1].key
-                  }, null, 40, Ft)) : A("", !0),
+                  }, null, 40, Ft)) : H("", !0),
                   M("div", {
                     "aria-describedby": t.tooltip || e.$slots[K(t.key)] ? `${K(t.key)}-${h(k)}` : void 0,
                     class: F(["table-headers-container", { resized: V.value === t.key }])
                   }, [
-                    H(e.$slots, We(t.key), {
+                    A(e.$slots, We(t.key), {
                       column: te(t)
                     }, () => [
                       M("span", {
@@ -606,7 +606,7 @@ Docs: https://kongponents.konghq.com/components/table-data.html`), Xe();
                       "tooltip-id": `${K(t.key)}-${h(k)}`
                     }, {
                       content: E(() => [
-                        H(e.$slots, K(t.key), {
+                        A(e.$slots, K(t.key), {
                           column: te(t)
                         }, () => [
                           Z(x(t.tooltip), 1)
@@ -620,13 +620,13 @@ Docs: https://kongponents.konghq.com/components/table-data.html`), Xe();
                         }, null, 8, ["color", "size"])
                       ]),
                       _: 2
-                    }, 1032, ["data-testid", "tooltip-id"])) : A("", !0),
+                    }, 1032, ["data-testid", "tooltip-id"])) : H("", !0),
                     s.sortable && !t.hideLabel && t.sortable ? (c(), D(h(zt), {
                       key: 1,
                       class: "sort-icon",
                       color: `var(--kui-color-text-neutral, ${h(Ke)})`,
                       size: h(Ne)
-                    }, null, 8, ["color", "size"])) : A("", !0)
+                    }, null, 8, ["color", "size"])) : H("", !0)
                   ], 10, Rt),
                   s.resizeColumns && o !== S.value.length - 1 ? (c(), p("div", {
                     key: 1,
@@ -636,7 +636,7 @@ Docs: https://kongponents.konghq.com/components/table-data.html`), Xe();
                     onMousedown: (r) => pe(r, t.key),
                     onMouseleave: a[6] || (a[6] = (r) => T.value = ""),
                     onMouseover: (r) => T.value = t.key
-                  }, null, 40, Vt)) : A("", !0)
+                  }, null, 40, Vt)) : H("", !0)
                 ], 46, Et))), 128))
               ], 2)
             ], 2),
@@ -653,7 +653,7 @@ Docs: https://kongponents.konghq.com/components/table-data.html`), Xe();
                   },
                   style: ge.value[r.key]
                 }, ht(xe.value(t[r.key], t), !0)), [
-                  H(e.$slots, r.key, {
+                  A(e.$slots, r.key, {
                     row: te(t),
                     rowKey: o,
                     rowValue: t[r.key]
@@ -682,7 +682,7 @@ Docs: https://kongponents.konghq.com/components/table-data.html`), Xe();
           onGetPreviousOffset: dt,
           onPageChange: rt,
           onPageSizeChange: it
-        }, null, 8, ["current-page", "disable-page-jump", "initial-page-size", "neighbors", "offset", "offset-next-button-disabled", "offset-previous-button-disabled", "page-sizes", "total-count"])) : A("", !0)
+        }, null, 8, ["current-page", "disable-page-jump", "initial-page-size", "neighbors", "offset", "offset-next-button-disabled", "offset-previous-button-disabled", "page-sizes", "total-count"])) : H("", !0)
       ]))
     ]));
   }

package/dist/kongponents.es145.js

@@ -1,5 +1,5 @@
-import { defineComponent as k, ref as C, watch as x, createElementBlock as d, openBlock as i, createElementVNode as u, createCommentVNode as m, Fragment as v, renderList as b, normalizeClass as f, createVNode as V, withKeys as y, withModifiers as h, withCtx as w, renderSlot as $, toDisplayString as K } from "vue";
-import B from "./kongponents.es33.js";
+import { defineComponent as k, ref as C, watch as x, openBlock as d, createElementBlock as i, createElementVNode as u, Fragment as m, renderList as v, normalizeClass as b, createVNode as V, withKeys as f, withModifiers as h, withCtx as w, renderSlot as y, toDisplayString as K, createCommentVNode as $ } from "vue";
+import B from "./kongponents.es32.js";
 const N = { class: "k-tabs" }, P = {
   "aria-label": "Tabs",
   role: "tablist"
@@ -20,19 +20,19 @@ const N = { class: "k-tabs" }, P = {
     }, o = (n) => n.replace("#", ""), T = (n) => n.disabled ? "-1" : typeof a.anchorTabindex == "number" && a.anchorTabindex >= -1 && a.anchorTabindex <= 32767 ? String(a.anchorTabindex) : "0";
     return x(() => a.modelValue, (n) => {
       t.value = n;
-    }), (n, z) => (i(), d("div", N, [
+    }), (n, z) => (d(), i("div", N, [
       u("ul", P, [
-        (i(!0), d(v, null, b(a.tabs, (e) => (i(), d("li", {
+        (d(!0), i(m, null, v(a.tabs, (e) => (d(), i("li", {
           id: `${e.hash.replace("#", "")}-tab`,
           key: e.hash,
-          class: f(["tab-item", { active: t.value === e.hash }]),
+          class: b(["tab-item", { active: t.value === e.hash }]),
           "data-testid": `${e.hash.replace("#", "")}-tab`
         }, [
           V(B, {
             appearance: "none",
             "aria-controls": a.hidePanels ? void 0 : `panel-${e.hash}`,
             "aria-selected": a.hidePanels ? void 0 : t.value === e.hash ? "true" : "false",
-            class: f(["tab-link", { disabled: e.disabled }]),
+            class: b(["tab-link", { disabled: e.disabled }]),
             disabled: e.disabled,
             role: "tab",
             tabindex: T(e),
@@ -42,12 +42,12 @@ const N = { class: "k-tabs" }, P = {
               h((l) => e.disabled ? void 0 : s(e.hash), ["prevent"])
             ],
             onKeydown: [
-              y(h((l) => e.disabled ? void 0 : s(e.hash), ["prevent"]), ["enter"]),
-              y(h((l) => e.disabled ? void 0 : s(e.hash), ["prevent"]), ["space"])
+              f(h((l) => e.disabled ? void 0 : s(e.hash), ["prevent"]), ["enter"]),
+              f(h((l) => e.disabled ? void 0 : s(e.hash), ["prevent"]), ["space"])
             ]
           }, {
             default: w(() => [
-              $(n.$slots, `${o(e.hash)}-anchor`, {}, () => [
+              y(n.$slots, `${o(e.hash)}-anchor`, {}, () => [
                 u("span", null, K(e.title), 1)
               ])
             ]),
@@ -55,14 +55,14 @@ const N = { class: "k-tabs" }, P = {
           }, 1032, ["aria-controls", "aria-selected", "class", "disabled", "tabindex", "to", "onClick", "onKeydown"])
         ], 10, S))), 128))
       ]),
-      a.hidePanels ? m("", !0) : (i(!0), d(v, { key: 0 }, b(a.tabs, (e, l) => (i(), d("div", {
+      a.hidePanels ? $("", !0) : (d(!0), i(m, { key: 0 }, v(a.tabs, (e, l) => (d(), i("div", {
         id: `panel-${l}`,
         key: e.hash,
         "aria-labelledby": `${o(e.hash)}-tab`,
         class: "tab-container",
         role: "tabpanel"
       }, [
-        t.value === e.hash ? $(n.$slots, o(e.hash), { key: 0 }) : m("", !0)
+        t.value === e.hash ? y(n.$slots, o(e.hash), { key: 0 }) : $("", !0)
       ], 8, E))), 128))
     ]));
   }

package/dist/kongponents.es147.js

@@ -1,7 +1,7 @@
-import { defineComponent as J, useCssVars as X, watch as s, useAttrs as Y, useSlots as G, computed as l, ref as k, useId as j, createElementBlock as f, openBlock as u, normalizeClass as A, createBlock as Q, createCommentVNode as z, createElementVNode as T, createVNode as W, mergeProps as I, createSlots as _, withCtx as g, createTextVNode as b, toDisplayString as S, renderSlot as N, unref as c, Transition as ee, Fragment as te } from "vue";
-import ae from "./kongponents.es194.js";
-import le from "./kongponents.es48.js";
-import { IS_MAYBE_FIREFOX as w, getScrollbarSize as re, cssSupports as ie } from "./kongponents.es184.js";
+import { defineComponent as J, useCssVars as X, watch as s, useAttrs as Y, useSlots as G, computed as l, ref as k, useId as j, openBlock as u, createElementBlock as f, normalizeClass as A, createBlock as Q, mergeProps as z, createSlots as W, withCtx as g, createTextVNode as b, toDisplayString as S, renderSlot as T, createCommentVNode as I, createElementVNode as N, unref as c, createVNode as _, Transition as ee, Fragment as te } from "vue";
+import ae from "./kongponents.es182.js";
+import le from "./kongponents.es50.js";
+import { IS_MAYBE_FIREFOX as w, getScrollbarSize as re, cssSupports as ie } from "./kongponents.es206.js";
 const oe = ["data-value"], ne = ["id", "aria-invalid", "rows", "value"], E = 2048, R = w ? 0 : re(), B = ie("field-sizing", "content"), me = /* @__PURE__ */ J({
   inheritAttrs: !1,
   __name: "KTextArea",
@@ -70,10 +70,10 @@ const oe = ["data-value"], ne = ["id", "aria-invalid", "rows", "value"], E = 204
     return (e, a) => (u(), f("div", {
       class: A(["k-textarea", [e.$attrs.class, { "input-error": t.error || t.hasError || n.value }]])
     }, [
-      t.label ? (u(), Q(le, I({
+      t.label ? (u(), Q(le, z({
         key: 0,
         for: y.value
-      }, t.labelAttributes, { required: p.value }), _({
+      }, t.labelAttributes, { required: p.value }), W({
         default: g(() => [
           b(S(q.value) + " ", 1)
         ]),
@@ -82,12 +82,12 @@ const oe = ["data-value"], ne = ["id", "aria-invalid", "rows", "value"], E = 204
         $.value ? {
           name: "tooltip",
           fn: g(() => [
-            N(e.$slots, "label-tooltip", {}, void 0, !0)
+            T(e.$slots, "label-tooltip", {}, void 0, !0)
           ]),
           key: "0"
         } : void 0
-      ]), 1040, ["for", "required"])) : z("", !0),
-      T("div", {
+      ]), 1040, ["for", "required"])) : I("", !0),
+      N("div", {
         class: A(["input-textarea-wrapper", {
           autosize: t.autosize,
           legacy: t.autosize && !c(B)
@@ -95,7 +95,7 @@ const oe = ["data-value"], ne = ["id", "aria-invalid", "rows", "value"], E = 204
         "data-allow-mismatch": "class",
         "data-value": c(B) ? null : i.value
       }, [
-        T("textarea", I({ id: y.value }, K.value, {
+        N("textarea", z({ id: y.value }, K.value, {
           "aria-invalid": D.value,
           class: ["input-textarea", {
             resizable: t.resizable || t.isResizable
@@ -107,7 +107,7 @@ const oe = ["data-value"], ne = ["id", "aria-invalid", "rows", "value"], E = 204
           onInput: v
         }), null, 16, ne)
       ], 10, oe),
-      W(ee, {
+      _(ee, {
         mode: "out-in",
         name: "kongponents-fade-transition"
       }, {
@@ -116,12 +116,12 @@ const oe = ["data-value"], ne = ["id", "aria-invalid", "rows", "value"], E = 204
             key: String(x.value),
             class: "help-text"
           }, [
-            O.value ? N(e.$slots, "help", { key: 0 }, () => [
+            O.value ? T(e.$slots, "help", { key: 0 }, () => [
               b(S(h.value), 1)
             ], !0) : (u(), f(te, { key: 1 }, [
               b(S(h.value), 1)
             ], 64))
-          ])) : z("", !0)
+          ])) : I("", !0)
         ]),
         _: 3
       })

package/dist/kongponents.es149.js

@@ -1,11 +1,11 @@
-import { defineComponent as _, useCssVars as f, createBlock as n, openBlock as t, TransitionGroup as k, withCtx as C, createElementBlock as s, Fragment as g, renderList as v, normalizeClass as h, createElementVNode as a, resolveDynamicComponent as y, unref as r, createCommentVNode as c, toDisplayString as i, withModifiers as I, createVNode as T } from "vue";
-import x from "./kongponents.es197.js";
-import E from "./kongponents.es239.js";
-import $ from "./kongponents.es177.js";
-import l from "./kongponents.es199.js";
-import w from "./kongponents.es212.js";
-import z from "./kongponents.es201.js";
-import { KUI_COLOR_TEXT as B, KUI_ICON_SIZE_50 as K, KUI_COLOR_TEXT_NEUTRAL_WEAK as L } from "./kongponents.es183.js";
+import { defineComponent as _, useCssVars as f, openBlock as t, createBlock as n, TransitionGroup as k, withCtx as C, createElementBlock as s, Fragment as g, renderList as v, normalizeClass as h, createElementVNode as a, resolveDynamicComponent as y, unref as r, toDisplayString as c, createCommentVNode as i, withModifiers as I, createVNode as T } from "vue";
+import x from "./kongponents.es171.js";
+import E from "./kongponents.es216.js";
+import $ from "./kongponents.es172.js";
+import l from "./kongponents.es174.js";
+import w from "./kongponents.es180.js";
+import z from "./kongponents.es176.js";
+import { KUI_COLOR_TEXT as B, KUI_ICON_SIZE_50 as K, KUI_COLOR_TEXT_NEUTRAL_WEAK as L } from "./kongponents.es177.js";
 const N = { class: "toaster-icon-container" }, O = { class: "toaster-content" }, S = {
   key: 0,
   class: "toaster-title"
@@ -58,8 +58,8 @@ const N = { class: "toaster-icon-container" }, O = { class: "toaster-content" },
             }, null, 8, ["color"]))
           ]),
           a("div", O, [
-            e.title ? (t(), s("span", S, i(e.title), 1)) : c("", !0),
-            e.message ? (t(), s("p", U, i(e.message), 1)) : c("", !0)
+            e.title ? (t(), s("span", S, c(e.title), 1)) : i("", !0),
+            e.message ? (t(), s("p", U, c(e.message), 1)) : i("", !0)
           ]),
           a("button", {
             "aria-label": "Close",

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.es237.js";
-import { KUI_ICON_SIZE_30 as u } from "./kongponents.es183.js";
+import { defineComponent as l, watch as f, computed as m, openBlock as t, createElementBlock as c, renderSlot as d, createBlock as h, unref as o, createCommentVNode as n } from "vue";
+import s from "./kongponents.es231.js";
+import { KUI_ICON_SIZE_30 as u } from "./kongponents.es177.js";
 import { isValidUrl as a } from "./kongponents.es167.js";
-import { warnInvalidProp as k } from "./kongponents.es210.js";
+import { warnInvalidProp as k } from "./kongponents.es191.js";
 const p = ["href"], y = /* @__PURE__ */ l({
   __name: "KExternalLink",
   props: {
@@ -14,7 +14,7 @@ const p = ["href"], y = /* @__PURE__ */ l({
       a(r) || k("href", `\`href\` should be a valid URL, but got "${r}".`);
     }, { immediate: !0 });
     const i = m(() => !!a(e.href));
-    return (r, I) => i.value ? (o(), c("a", {
+    return (r, I) => i.value ? (t(), c("a", {
       key: 0,
       class: "k-external-link",
       href: e.href,
@@ -22,12 +22,12 @@ const p = ["href"], y = /* @__PURE__ */ l({
       target: "_blank"
     }, [
       d(r.$slots, "default", {}, void 0, !0),
-      e.hideIcon ? t("", !0) : (o(), h(n(s), {
+      e.hideIcon ? n("", !0) : (t(), h(o(s), {
         key: 0,
         decorative: "",
-        size: n(u)
+        size: o(u)
       }, null, 8, ["size"]))
-    ], 8, p)) : t("", !0);
+    ], 8, p)) : n("", !0);
   }
 });
 export {

package/dist/kongponents.es156.js

@@ -1,10 +1,10 @@
-import { defineComponent as A, useCssVars as K, unref as b, ref as l, watch as W, computed as O, onMounted as P, onBeforeUnmount as U, createElementBlock as i, openBlock as s, normalizeStyle as q, normalizeClass as F, createCommentVNode as u, createElementVNode as T, renderSlot as g, withModifiers as p, toDisplayString as M, createVNode as k, withCtx as S, createTextVNode as z, nextTick as D } from "vue";
-import L from "./kongponents.es238.js";
-import { KUI_SPACE_40 as R, KUI_ICON_SIZE_30 as Z } from "./kongponents.es183.js";
-import { ResizeObserverHelper as j } from "./kongponents.es205.js";
-import { normalizeSize as G } from "./kongponents.es171.js";
-import { warnInvalidProp as J } from "./kongponents.es210.js";
-import $ from "./kongponents.es33.js";
+import { defineComponent as A, useCssVars as K, unref as b, watch as W, ref as l, computed as O, onMounted as P, onBeforeUnmount as U, openBlock as i, createElementBlock as s, normalizeStyle as q, normalizeClass as F, renderSlot as g, createElementVNode as T, withModifiers as p, toDisplayString as M, createCommentVNode as u, createVNode as k, withCtx as S, createTextVNode as z, nextTick as D } from "vue";
+import L from "./kongponents.es215.js";
+import { KUI_SPACE_40 as R, KUI_ICON_SIZE_30 as Z } from "./kongponents.es177.js";
+import { ResizeObserverHelper as j } from "./kongponents.es190.js";
+import { normalizeSize as G } from "./kongponents.es178.js";
+import { warnInvalidProp as J } from "./kongponents.es191.js";
+import $ from "./kongponents.es32.js";
 const Q = {
   key: 0,
   class: "truncate-expand-controls"
@@ -70,14 +70,14 @@ const Q = {
     }), U(() => {
       var e;
       (e = m.value) == null || e.unobserve(r.value);
-    }), (e, t) => (s(), i("div", {
+    }), (e, t) => (i(), s("div", {
       ref_key: "kTruncateWrapper",
       ref: c,
       class: F(["k-truncate", [o.value ? "expanded" : "", `truncate-${a.truncateText ? "text" : "content"}`]]),
       style: q(B.value)
     }, [
-      !a.truncateText && h.value ? (s(), i("div", Q, [
-        o.value ? u("", !0) : (s(), i("div", X, [
+      !a.truncateText && h.value ? (i(), s("div", Q, [
+        o.value ? u("", !0) : (i(), s("div", X, [
           g(e.$slots, "expand-trigger", {
             expand: n,
             truncatedCount: d.value
@@ -97,7 +97,7 @@ const Q = {
         class: "truncate-container"
       }, [
         g(e.$slots, "default", {}, void 0, !0),
-        !a.truncateText && o.value ? (s(), i("div", _, [
+        !a.truncateText && o.value ? (i(), s("div", _, [
           g(e.$slots, "collapse-trigger", { collapse: n }, () => [
             T("button", {
               "aria-label": "Collapse content",
@@ -113,13 +113,13 @@ const Q = {
           ], !0)
         ])) : u("", !0)
       ], 512),
-      a.truncateText && (h.value || o.value) ? (s(), i("div", {
+      a.truncateText && (h.value || o.value) ? (i(), s("div", {
         key: 1,
         ref_key: "textToggleControls",
         ref: x,
         class: "truncate-collapse-controls"
       }, [
-        o.value ? u("", !0) : (s(), i("div", ee, [
+        o.value ? u("", !0) : (i(), s("div", ee, [
           g(e.$slots, "expand-trigger", { expand: n }, () => [
             k($, {
               appearance: "tertiary",
@@ -133,7 +133,7 @@ const Q = {
             })
           ], !0)
         ])),
-        o.value ? (s(), i("div", te, [
+        o.value ? (i(), s("div", te, [
           g(e.$slots, "collapse-trigger", { collapse: n }, () => [
             k($, {
               appearance: "tertiary",

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.es205.js";
-import M from "./kongponents.es178.js";
+import { defineComponent as z, useId as S, ref as i, computed as n, watch as N, onMounted as W, onBeforeUnmount as O, openBlock as s, createElementBlock as g, toDisplayString as p, createCommentVNode as C, createElementVNode as m, normalizeClass as f, createBlock as V, withCtx as b, createVNode as v, withModifiers as F, unref as y } from "vue";
+import { ResizeObserverHelper as K } from "./kongponents.es190.js";
+import M from "./kongponents.es202.js";
 import U from "./kongponents.es19.js";
 import L from "./kongponents.es24.js";
 /* empty css                 */
-import { KUI_ICON_SIZE_30 as q } from "./kongponents.es183.js";
+import { KUI_ICON_SIZE_30 as q } from "./kongponents.es177.js";
 const D = { class: "k-copy" }, H = {
   key: 0,
   class: "copy-badge-text"
@@ -58,7 +58,7 @@ const D = { class: "k-copy" }, H = {
     }), O(() => {
       l.value && l.value.unobserve(a.value);
     }), (e, d) => (s(), g("div", D, [
-      t.badge && t.badgeLabel ? (s(), g("span", H, C(t.badgeLabel), 1)) : p("", !0),
+      t.badge && t.badgeLabel ? (s(), g("span", H, p(t.badgeLabel), 1)) : C("", !0),
       m("div", {
         class: f(["copy-container", { "copy-element": t.truncate || t.badge, "badge-styles": t.badge }])
       }, [
@@ -70,24 +70,24 @@ const D = { class: "k-copy" }, H = {
           placement: "bottom-start",
           text: B.value
         }, {
-          default: v(() => [
+          default: b(() => [
             m("div", {
               ref_key: "copyTextElement",
               ref: a,
               class: f(["copy-text", { monospace: t.monospace || !t.badge }])
-            }, C(k.value), 3)
+            }, p(k.value), 3)
           ]),
           _: 1
-        }, 8, ["class", "text"])) : p("", !0),
-        b(L, {
+        }, 8, ["class", "text"])) : C("", !0),
+        v(L, {
           class: "text-icon-wrapper",
           "max-width": "500px",
           placement: "bottom-start",
           text: o.value
         }, {
-          default: v(() => [
-            b(U, null, {
-              default: v(({ copyToClipboard: I }) => [
+          default: b(() => [
+            v(U, null, {
+              default: b(({ copyToClipboard: I }) => [
                 m("button", {
                   id: y(u),
                   "aria-label": o.value,
@@ -96,7 +96,7 @@ const D = { class: "k-copy" }, H = {
                   type: "button",
                   onClick: F((j) => w(I), ["stop"])
                 }, [
-                  b(y(M), {
+                  v(y(M), {
                     class: "text-icon",
                     decorative: "",
                     size: y(q)