@kong/kongponents 9.45.3 → 9.46.0

package/dist/kongponents.es145.js

@@ -0,0 +1,72 @@
+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";
+const N = { class: "k-tabs" }, P = {
+  "aria-label": "Tabs",
+  role: "tablist"
+}, S = ["id", "data-testid"], E = ["id", "aria-labelledby"], F = /* @__PURE__ */ k({
+  __name: "KTabs",
+  props: {
+    tabs: {},
+    modelValue: { default: "" },
+    hidePanels: { type: Boolean },
+    anchorTabindex: { default: 0 },
+    beforeChange: { default: () => (() => !0) }
+  },
+  emits: ["update:modelValue", "change"],
+  setup(a, { emit: g }) {
+    var c;
+    const r = g, t = C(a.modelValue ? a.modelValue : (c = a.tabs[0]) == null ? void 0 : c.hash), s = async (n) => {
+      (typeof a.beforeChange != "function" || await a.beforeChange(n)) && (t.value = n, r("change", n), r("update:modelValue", n));
+    }, 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, [
+      u("ul", P, [
+        (i(!0), d(v, null, b(a.tabs, (e) => (i(), d("li", {
+          id: `${e.hash.replace("#", "")}-tab`,
+          key: e.hash,
+          class: f(["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 }]),
+            disabled: e.disabled,
+            role: "tab",
+            tabindex: T(e),
+            to: e.to,
+            onClick: [
+              (l) => e.disabled ? void 0 : s(e.hash),
+              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"])
+            ]
+          }, {
+            default: w(() => [
+              $(n.$slots, `${o(e.hash)}-anchor`, {}, () => [
+                u("span", null, K(e.title), 1)
+              ])
+            ]),
+            _: 2
+          }, 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", {
+        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)
+      ], 8, E))), 128))
+    ]));
+  }
+});
+export {
+  F as default
+};

package/dist/kongponents.es147.js

@@ -0,0 +1,133 @@
+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.es187.js";
+import le from "./kongponents.es48.js";
+import { IS_MAYBE_FIREFOX as w, getScrollbarSize as re, cssSupports as ie } from "./kongponents.es183.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",
+  props: {
+    modelValue: { default: "" },
+    label: { default: "" },
+    labelAttributes: { default: () => ({}) },
+    characterLimit: { type: [Boolean, Number], default: () => E },
+    rows: { default: 5 },
+    error: { type: Boolean },
+    resizable: { type: Boolean },
+    autosize: { type: Boolean },
+    help: { default: "" },
+    isResizable: { type: Boolean },
+    hasError: { type: Boolean }
+  },
+  emits: ["input", "update:modelValue", "char-limit-exceeded"],
+  setup(t, { emit: V }) {
+    X((e) => ({
+      v5b352807: e.rows
+    })), s(() => t.isResizable, (e) => {
+      e && console.warn("KTextArea: `isResizable` prop is deprecated in favor of `resizable` prop. See the migration guide for more details: https://kongponents.konghq.com/guide/migrating-to-version-9.html#ktextarea");
+    }, { immediate: !0 }), s(() => t.hasError, (e) => {
+      e && console.warn("KTextArea: `hasError` prop is deprecated. Please use `error` prop instead. See the migration guide for more details: https://kongponents.konghq.com/guide/migrating-to-version-9.html#ktextarea");
+    }, { immediate: !0 });
+    const d = V, r = Y(), m = G(), { stripRequiredLabel: C } = ae(), p = l(() => (r == null ? void 0 : r.required) !== void 0 && String(r == null ? void 0 : r.required) !== "false"), i = k(""), q = l(() => C(t.label, p.value)), $ = l(() => {
+      var e, a;
+      return !!((e = t.labelAttributes) != null && e.help || (a = t.labelAttributes) != null && a.info || m["label-tooltip"]);
+    }), D = l(() => t.error || t.hasError || n.value ? !0 : void 0), x = k(0), F = l({
+      get() {
+        return t.modelValue;
+      },
+      set(e) {
+        v({ target: { value: e } });
+      }
+    }), H = j(), y = l(() => r.id ? String(r.id) : H), K = l(() => {
+      const e = { ...r };
+      return delete e.class, e;
+    }), n = l(() => typeof t.characterLimit == "boolean" ? t.characterLimit ? i.value.length > E : !1 : i.value.length > t.characterLimit), v = (e) => {
+      var o;
+      const a = JSON.parse(JSON.stringify((o = e == null ? void 0 : e.target) == null ? void 0 : o.value));
+      d("input", a), d("update:modelValue", a), i.value = a;
+    }, O = l(() => !n.value && !!(t.help || m.help)), h = l(() => {
+      var a;
+      const e = typeof t.characterLimit == "number" ? t.characterLimit : E;
+      return n.value ? `${(a = i.value) == null ? void 0 : a.toString().length} / ${e}` : t.help;
+    });
+    s(n, (e, a) => {
+      e !== a && (d("char-limit-exceeded", {
+        value: i.value,
+        length: i.value.length,
+        characterLimit: Number(t.characterLimit),
+        limitExceeded: e
+      }), x.value += 1);
+    }), s(F, (e, a) => {
+      e !== a && v({ target: { value: e } });
+    });
+    const P = () => i.value ? i.value : t.modelValue, L = w ? () => {
+    } : (e) => {
+      const { target: a, clientX: o, clientY: M } = e;
+      if (!(a instanceof HTMLTextAreaElement))
+        return;
+      const { right: U, bottom: Z } = a.getBoundingClientRect();
+      o > U - R && M > Z - R && (a.style.height = "");
+    };
+    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({
+        key: 0,
+        for: y.value
+      }, t.labelAttributes, { required: p.value }), _({
+        default: g(() => [
+          b(S(q.value) + " ", 1)
+        ]),
+        _: 2
+      }, [
+        $.value ? {
+          name: "tooltip",
+          fn: g(() => [
+            N(e.$slots, "label-tooltip", {}, void 0, !0)
+          ]),
+          key: "0"
+        } : void 0
+      ]), 1040, ["for", "required"])) : z("", !0),
+      T("div", {
+        class: A(["input-textarea-wrapper", {
+          autosize: t.autosize,
+          legacy: t.autosize && !c(B)
+        }]),
+        "data-allow-mismatch": "class",
+        "data-value": c(B) ? null : i.value
+      }, [
+        T("textarea", I({ id: y.value }, K.value, {
+          "aria-invalid": D.value,
+          class: ["input-textarea", {
+            resizable: t.resizable || t.isResizable
+          }],
+          rows: t.rows,
+          value: P(),
+          onDblclick: a[0] || (a[0] = //@ts-ignore
+          (...o) => c(L) && c(L)(...o)),
+          onInput: v
+        }), null, 16, ne)
+      ], 10, oe),
+      W(ee, {
+        mode: "out-in",
+        name: "kongponents-fade-transition"
+      }, {
+        default: g(() => [
+          h.value || m.help ? (u(), f("p", {
+            key: String(x.value),
+            class: "help-text"
+          }, [
+            O.value ? N(e.$slots, "help", { key: 0 }, () => [
+              b(S(h.value), 1)
+            ], !0) : (u(), f(te, { key: 1 }, [
+              b(S(h.value), 1)
+            ], 64))
+          ])) : z("", !0)
+        ]),
+        _: 3
+      })
+    ], 2));
+  }
+});
+export {
+  me as default
+};

package/dist/kongponents.es149.js

@@ -0,0 +1,84 @@
+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.es211.js";
+import E from "./kongponents.es232.js";
+import $ from "./kongponents.es176.js";
+import l from "./kongponents.es186.js";
+import w from "./kongponents.es200.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.es182.js";
+const N = { class: "toaster-icon-container" }, O = { class: "toaster-content" }, b = {
+  key: 0,
+  class: "toaster-title"
+}, S = {
+  key: 1,
+  class: "toaster-message"
+}, U = ["onClick"], Z = /* @__PURE__ */ _({
+  __name: "KToaster",
+  props: {
+    toasterState: { default: () => [] },
+    zIndex: { default: 1e4 }
+  },
+  emits: ["close"],
+  setup(m, { emit: u }) {
+    f((o) => ({
+      v22b9170f: o.zIndex
+    }));
+    const d = u, p = (o) => {
+      switch (o) {
+        case "info":
+          return l;
+        case "success":
+          return x;
+        case "warning":
+          return z;
+        case "danger":
+          return E;
+        case "system":
+          return w;
+        default:
+          return l;
+      }
+    };
+    return (o, V) => (t(), n(k, {
+      class: "k-toaster",
+      name: "kongponents-slide-up-transition",
+      tag: "div"
+    }, {
+      default: C(() => [
+        (t(!0), s(g, null, v(m.toasterState, (e) => (t(), s("div", {
+          key: e.key,
+          class: h(["toaster", `${e.appearance}`]),
+          role: "alert"
+        }, [
+          a("div", N, [
+            (t(), n(y(p(e.appearance)), {
+              class: "toaster-icon",
+              color: `var(--kui-color-text, ${r(B)})`,
+              decorative: ""
+            }, null, 8, ["color"]))
+          ]),
+          a("div", O, [
+            e.title ? (t(), s("span", b, i(e.title), 1)) : c("", !0),
+            e.message ? (t(), s("p", S, i(e.message), 1)) : c("", !0)
+          ]),
+          a("button", {
+            "aria-label": "Close",
+            class: "toaster-close-icon",
+            "data-testid": "toaster-close-icon",
+            type: "button",
+            onClick: I((R) => d("close", e.key), ["stop"])
+          }, [
+            T(r($), {
+              color: `var(--kui-color-text-neutral-weak, ${r(L)})`,
+              size: r(K)
+            }, null, 8, ["color", "size"])
+          ], 8, U)
+        ], 2))), 128))
+      ]),
+      _: 1
+    }));
+  }
+});
+export {
+  Z as default
+};

package/dist/kongponents.es15.js

@@ -0,0 +1,15 @@
+const e = [
+  "table",
+  "card",
+  "form",
+  "spinner",
+  "fullscreen-kong",
+  "fullscreen-generic",
+  ""
+  // default Skeleton.vue
+], r = ["1", "2", "5", "6", "10", "25", "50", "75", "100"], n = ["1", "2"];
+export {
+  n as SkeletonBoxHeightArray,
+  r as SkeletonBoxWidthArray,
+  e as SkeletonTypeArray
+};

package/dist/kongponents.es151.js

@@ -0,0 +1,5 @@
+import { nanoid as n } from "./kongponents.es170.js";
+const t = () => n();
+export {
+  t as getUniqueStringId
+};

package/dist/kongponents.es152.js

@@ -0,0 +1,5 @@
+import o from "./kongponents.es24.js";
+/* empty css                 */
+export {
+  o as default
+};

package/dist/kongponents.es153.js

@@ -0,0 +1,5 @@
+import o from "./kongponents.es26.js";
+/* empty css                 */
+export {
+  o as default
+};

package/dist/kongponents.es154.js

@@ -0,0 +1,35 @@
+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.es238.js";
+import { KUI_ICON_SIZE_30 as u } from "./kongponents.es182.js";
+import { isValidUrl as a } from "./kongponents.es167.js";
+import { warnInvalidProp as k } from "./kongponents.es227.js";
+const p = ["href"], y = /* @__PURE__ */ l({
+  __name: "KExternalLink",
+  props: {
+    href: {},
+    hideIcon: { type: Boolean }
+  },
+  setup(e) {
+    f(() => e.href, (r) => {
+      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", {
+      key: 0,
+      class: "k-external-link",
+      href: e.href,
+      rel: "noopener",
+      target: "_blank"
+    }, [
+      d(r.$slots, "default", {}, void 0, !0),
+      e.hideIcon ? t("", !0) : (o(), h(n(s), {
+        key: 0,
+        decorative: "",
+        size: n(u)
+      }, null, 8, ["size"]))
+    ], 8, p)) : t("", !0);
+  }
+});
+export {
+  y as default
+};

package/dist/kongponents.es156.js

@@ -0,0 +1,158 @@
+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.es234.js";
+import { KUI_SPACE_40 as R, KUI_ICON_SIZE_30 as Z } from "./kongponents.es182.js";
+import { ResizeObserverHelper as j } from "./kongponents.es192.js";
+import { normalizeSize as G } from "./kongponents.es184.js";
+import { warnInvalidProp as J } from "./kongponents.es227.js";
+const Q = {
+  key: 0,
+  class: "truncate-expand-controls"
+}, X = {
+  key: 0,
+  "data-testid": "expand-trigger-wrapper"
+}, Y = ["aria-label"], _ = {
+  key: 0,
+  "data-testid": "collapse-trigger-wrapper"
+}, ee = {
+  key: 0,
+  "data-testid": "expand-trigger-wrapper"
+}, te = { key: 1 }, se = /* @__PURE__ */ V({
+  __name: "KTruncate",
+  props: {
+    rows: { default: 1 },
+    truncateText: { type: Boolean },
+    expanded: { type: Boolean },
+    width: { default: "100%" }
+  },
+  setup(a) {
+    A((e) => ({
+      v33a5f62a: C.value,
+      c9851d34: b(H),
+      v67141d6e: e.rows
+    })), K(
+      () => a.rows,
+      (e) => {
+        e < 0 && J("rows", `\`rows\` prop cannot be less than 0, but got "${e}".`);
+      },
+      { immediate: !0 }
+    );
+    const o = l(a.expanded), m = l(!1), x = l(), r = l(), c = l(), w = l(), C = l("0px"), H = R, d = l(0), B = () => {
+      var e;
+      if (!a.truncateText && r.value && (e = r.value.children) != null && e.length) {
+        const t = r.value.children, v = Number(String(H).replace(/px$/gi, ""));
+        let f = 0;
+        for (let p = 0; p < t.length; p++)
+          f = t[p].offsetHeight > f ? t[p].offsetHeight : f;
+        const S = (a.rows === 1 ? 0 : (a.rows - 1) * v) + f * a.rows + 6, E = r.value.offsetHeight > S ? `${S}px` : "auto";
+        window.requestAnimationFrame(() => {
+          C.value = E, window.requestAnimationFrame(T);
+        });
+      }
+    }, T = () => {
+      if (r.value && c.value) {
+        const e = a.truncateText ? r.value.scrollHeight : r.value.offsetHeight, t = w.value ? w.value.offsetHeight : 0;
+        m.value = e > c.value.offsetHeight - t, I();
+      }
+    }, I = () => {
+      if (!a.truncateText && (d.value = 0, r.value && c.value)) {
+        const e = r.value.children;
+        for (let t = 0; t < e.length; t++)
+          e[t].offsetTop > c.value.offsetHeight ? (d.value += 1, e[t].getAttribute("tabindex") && (e[t].tabIndex = -1)) : e[t].getAttribute("tabindex") && (e[t].tabIndex = 0);
+      }
+    }, n = async () => {
+      o.value = !o.value, await D(), T();
+    }, N = W(() => ({
+      width: G(a.width)
+    }));
+    return O(() => {
+      x.value = j.create(B), x.value.observe(r.value), a.truncateText && T();
+    }), P(() => {
+      var e;
+      (e = x.value) == null || e.unobserve(r.value);
+    }), (e, t) => {
+      const v = U("KButton");
+      return s(), i("div", {
+        ref_key: "kTruncateWrapper",
+        ref: c,
+        class: F(["k-truncate", [o.value ? "expanded" : "", `truncate-${a.truncateText ? "text" : "content"}`]]),
+        style: q(N.value)
+      }, [
+        !a.truncateText && m.value ? (s(), i("div", Q, [
+          o.value ? u("", !0) : (s(), i("div", X, [
+            g(e.$slots, "expand-trigger", {
+              expand: n,
+              truncatedCount: d.value
+            }, () => [
+              k("button", {
+                "aria-label": `Show ${d.value} more items`,
+                class: "expand-trigger",
+                type: "button",
+                onClick: h(n, ["stop"])
+              }, M(d.value), 9, Y)
+            ], !0)
+          ]))
+        ])) : u("", !0),
+        k("div", {
+          ref_key: "kTruncateContainer",
+          ref: r,
+          class: "truncate-container"
+        }, [
+          g(e.$slots, "default", {}, void 0, !0),
+          !a.truncateText && o.value ? (s(), i("div", _, [
+            g(e.$slots, "collapse-trigger", { collapse: n }, () => [
+              k("button", {
+                "aria-label": "Collapse content",
+                class: "collapse-trigger",
+                type: "button",
+                onClick: h(n, ["stop"])
+              }, [
+                y(b(L), {
+                  decorative: "",
+                  size: b(Z)
+                }, null, 8, ["size"])
+              ])
+            ], !0)
+          ])) : u("", !0)
+        ], 512),
+        a.truncateText && (m.value || o.value) ? (s(), i("div", {
+          key: 1,
+          ref_key: "textToggleControls",
+          ref: w,
+          class: "truncate-collapse-controls"
+        }, [
+          o.value ? u("", !0) : (s(), i("div", ee, [
+            g(e.$slots, "expand-trigger", { expand: n }, () => [
+              y(v, {
+                appearance: "tertiary",
+                size: "small",
+                onClick: h(n, ["stop"])
+              }, {
+                default: z(() => [...t[0] || (t[0] = [
+                  $(" Show more ", -1)
+                ])]),
+                _: 1
+              })
+            ], !0)
+          ])),
+          o.value ? (s(), i("div", te, [
+            g(e.$slots, "collapse-trigger", { collapse: n }, () => [
+              y(v, {
+                appearance: "tertiary",
+                size: "small",
+                onClick: h(n, ["stop"])
+              }, {
+                default: z(() => [...t[1] || (t[1] = [
+                  $(" Show less ", -1)
+                ])]),
+                _: 1
+              })
+            ], !0)
+          ])) : u("", !0)
+        ], 512)) : u("", !0)
+      ], 6);
+    };
+  }
+});
+export {
+  se as default
+};

package/dist/kongponents.es158.js

@@ -0,0 +1,117 @@
+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.es192.js";
+import M from "./kongponents.es177.js";
+import U from "./kongponents.es19.js";
+import L from "./kongponents.es24.js";
+/* empty css                 */
+import { KUI_ICON_SIZE_30 as q } from "./kongponents.es182.js";
+const D = { class: "k-copy" }, H = {
+  key: 0,
+  class: "copy-badge-text"
+}, R = ["id", "aria-label", "onClick"], _ = /* @__PURE__ */ z({
+  __name: "KCopy",
+  props: {
+    badgeLabel: { default: "" },
+    text: {},
+    textTooltip: { default: "" },
+    copyTooltip: { default: "" },
+    format: { default: "default" },
+    badge: { type: Boolean },
+    monospace: { type: Boolean },
+    truncate: { type: Boolean },
+    successTooltip: { default: "Copied!" },
+    truncationLimit: { default: 8 }
+  },
+  setup(t, { expose: h }) {
+    const u = S(), o = i(""), x = n(() => !t.badgeLabel || t.copyTooltip ? t.copyTooltip || "Copy" : `Copy ${t.badgeLabel.replace(/:$/, "")}`);
+    N(x, (e) => {
+      o.value = e;
+    }, { immediate: !0 });
+    const $ = n(() => `copy-tooltip-wrapper ${t.truncate && c.value || t.badge ? "truncate-content" : ""}`), k = n(() => t.format === "redacted" ? "*****" : t.format === "deleted" ? `*${String(t.text || "").substring(0, 5)}` : t.truncate && t.truncationLimit && r.value ? r.value.replace(/^"(.*)"$/, "$1") : t.text), B = n(() => {
+      if (t.textTooltip)
+        return t.textTooltip;
+      if (!(t.format === "redacted" || !c.value))
+        return t.text;
+    }), T = (e) => {
+      o.value = e || t.successTooltip, setTimeout(() => {
+        o.value = x.value;
+      }, 1800);
+    }, w = async (e) => {
+      if (!await e(t.text)) {
+        T("Failed to copy");
+        return;
+      }
+      T();
+    };
+    h({
+      copy: () => {
+        var e;
+        document != null && document.getElementById(u) && ((e = document == null ? void 0 : document.getElementById(u)) == null || e.click());
+      }
+    });
+    const a = i(), l = i(), r = n(() => t.truncate && typeof t.truncationLimit == "number" ? `${String(t.text || "").substring(0, t.truncationLimit) + "..."}` : null), c = i(!1), E = () => {
+      var e, d;
+      t.truncate && (t.truncationLimit !== "auto" && r.value ? c.value = !0 : t.truncationLimit === "auto" && a.value && (c.value = ((e = a.value) == null ? void 0 : e.offsetWidth) < ((d = a.value) == null ? void 0 : d.scrollWidth)));
+    };
+    return W(() => {
+      l.value = K.create(E), l.value.observe(a.value);
+    }), 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),
+      m("div", {
+        class: f(["copy-container", { "copy-element": t.truncate || t.badge, "badge-styles": t.badge }])
+      }, [
+        t.format !== "hidden" ? (s(), V(L, {
+          key: 0,
+          class: f([$.value]),
+          "data-testid": "copy-tooltip-wrapper",
+          "max-width": "500px",
+          placement: "bottom-start",
+          text: B.value
+        }, {
+          default: v(() => [
+            m("div", {
+              ref_key: "copyTextElement",
+              ref: a,
+              class: f(["copy-text", { monospace: t.monospace || !t.badge }])
+            }, C(k.value), 3)
+          ]),
+          _: 1
+        }, 8, ["class", "text"])) : p("", !0),
+        b(L, {
+          class: "text-icon-wrapper",
+          "max-width": "500px",
+          placement: "bottom-start",
+          text: o.value
+        }, {
+          default: v(() => [
+            b(U, null, {
+              default: v(({ copyToClipboard: I }) => [
+                m("button", {
+                  id: y(u),
+                  "aria-label": o.value,
+                  class: "copy-to-clipboard-button",
+                  "data-testid": "copy-to-clipboard",
+                  type: "button",
+                  onClick: F((j) => w(I), ["stop"])
+                }, [
+                  b(y(M), {
+                    class: "text-icon",
+                    decorative: "",
+                    size: y(q)
+                  }, null, 8, ["size"])
+                ], 8, R)
+              ]),
+              _: 1
+            })
+          ]),
+          _: 1
+        }, 8, ["text"])
+      ], 2)
+    ]));
+  }
+});
+export {
+  _ as default
+};

package/dist/kongponents.es16.js

@@ -0,0 +1,4 @@
+const e = ["active", "default", "pending", "completed", "error"];
+export {
+  e as StepperStateArray
+};