@kong/kongponents 9.45.3 → 9.46.0

package/dist/kongponents.es128.js

@@ -0,0 +1,150 @@
+import { defineComponent as z, watch as V, useSlots as D, useAttrs as E, useId as P, computed as l, resolveComponent as q, createElementBlock as o, openBlock as i, normalizeClass as v, createElementVNode as w, createCommentVNode as d, mergeProps as $, createVNode as C, createSlots as U, withCtx as u, renderSlot as s, createTextVNode as k, toDisplayString as b, withKeys as K, withModifiers as M, createBlock as X, unref as R } from "vue";
+import j from "./kongponents.es48.js";
+import F from "./kongponents.es186.js";
+import { KUI_COLOR_TEXT_NEUTRAL as G } from "./kongponents.es182.js";
+const H = ["id", "aria-checked", "checked", "disabled", "tabindex"], J = {
+  key: 0,
+  class: "radio-description"
+}, Q = ["data-testid", "for", "tabindex"], W = {
+  key: 0,
+  class: "card-content-wrapper"
+}, Y = {
+  key: 1,
+  class: "card-label-container"
+}, Z = {
+  key: 0,
+  class: "radio-label"
+}, x = {
+  key: 1,
+  class: "radio-description"
+}, _ = {
+  inheritAttrs: !1
+}, ie = /* @__PURE__ */ z({
+  ..._,
+  __name: "KRadio",
+  props: {
+    modelValue: {},
+    label: { default: "" },
+    labelAttributes: { default: () => ({}) },
+    description: { default: "" },
+    selectedValue: {},
+    error: { type: Boolean },
+    card: { type: Boolean },
+    cardRadioVisible: { type: Boolean, default: !0 },
+    cardOrientation: { default: "vertical" },
+    type: { default: "" }
+  },
+  emits: ["change", "update:modelValue"],
+  setup(e, { emit: A }) {
+    V(() => e.labelAttributes, (t) => {
+      t.help && console.warn("KRadio: `help` property of `labelAttributes` prop is deprecated. Please use `info` prop instead. See the migration guide for more details: https://kongponents.konghq.com/guide/migrating-to-version-9.html#klabel");
+    }, { deep: !0, immediate: !0 }), V(() => e.type, (t) => {
+      t && console.warn("KRadio: `type` prop is deprecated. Please use `card` prop instead. See the migration guide for more details: https://kongponents.konghq.com/guide/migrating-to-version-9.html#kradio");
+    }, { immediate: !0 });
+    const p = A, r = D(), a = E(), S = P(), h = l(() => a.id ? String(a.id) : S), c = l(() => (a == null ? void 0 : a.disabled) !== void 0 && String(a == null ? void 0 : a.disabled) !== "false"), T = l(() => !!(e.label || r.default)), m = l(() => T.value && (!!e.description || !!r.description)), f = l(() => !!e.label && (!!e.description || !!r.description)), B = l(() => !!r.tooltip), n = l(() => e.selectedValue === e.modelValue), g = () => {
+      p("change", e.selectedValue), p("update:modelValue", e.selectedValue);
+    }, I = l(() => {
+      const t = { ...a };
+      return delete t.class, t;
+    }), L = l(() => ({
+      disabled: c.value,
+      "radio-card": e.card || e.type === "card",
+      "input-error": e.error,
+      checked: n.value,
+      "has-description": m.value,
+      "card-horizontal": e.card && e.cardOrientation === "horizontal",
+      // Add vertical class for `vertical` or an invalid prop value
+      "card-vertical": e.card && e.cardOrientation !== "horizontal"
+    })), N = l(() => e.card && a["data-testid"] ? `${a["data-testid"]}-label` : void 0);
+    return (t, y) => {
+      const O = q("KTooltip");
+      return i(), o("div", {
+        class: v(["k-radio", [
+          t.$attrs.class ? t.$attrs.class : "",
+          L.value
+        ]])
+      }, [
+        w("input", $({ id: h.value }, I.value, {
+          "aria-checked": n.value,
+          checked: n.value,
+          class: ["radio-input", { hidden: e.card && !e.cardRadioVisible }],
+          disabled: c.value,
+          tabindex: e.card || c.value || n.value ? -1 : 0,
+          type: "radio",
+          onClick: g
+        }), null, 16, H),
+        !e.card && (e.label || t.$slots.default) ? (i(), o("div", {
+          key: 0,
+          class: v(["radio-label-wrapper", { "has-description": m.value }])
+        }, [
+          C(j, $(e.labelAttributes, {
+            class: "radio-label",
+            for: h.value
+          }), U({
+            default: u(() => [
+              s(t.$slots, "default", {}, () => [
+                k(b(e.label), 1)
+              ], !0)
+            ]),
+            _: 2
+          }, [
+            B.value ? {
+              name: "tooltip",
+              fn: u(() => [
+                s(t.$slots, "tooltip", {}, void 0, !0)
+              ]),
+              key: "0"
+            } : void 0
+          ]), 1040, ["for"]),
+          m.value ? (i(), o("div", J, [
+            s(t.$slots, "description", {}, () => [
+              w("p", null, b(e.description), 1)
+            ], !0)
+          ])) : d("", !0)
+        ], 2)) : e.label || t.$slots.default ? (i(), o("label", {
+          key: 1,
+          class: v(["radio-card-wrapper radio-label-wrapper", { "has-label": e.label, "has-description": f.value, "show-radio": e.cardRadioVisible }]),
+          "data-testid": N.value,
+          for: h.value,
+          tabindex: c.value || n.value ? -1 : 0,
+          onKeydown: y[0] || (y[0] = K(M(() => {
+          }, ["prevent"]), ["space"])),
+          onKeyup: K(g, ["space"])
+        }, [
+          t.$slots.default ? (i(), o("span", W, [
+            s(t.$slots, "default", {}, void 0, !0)
+          ])) : d("", !0),
+          e.label || f.value ? (i(), o("span", Y, [
+            e.label ? (i(), o("span", Z, [
+              k(b(e.label) + " ", 1),
+              r.tooltip ? (i(), X(O, {
+                key: 0,
+                class: "label-tooltip"
+              }, {
+                content: u(() => [
+                  s(t.$slots, "tooltip", {}, void 0, !0)
+                ]),
+                default: u(() => [
+                  C(R(F), {
+                    class: "tooltip-trigger-icon",
+                    color: `var(--kui-color-text-neutral, ${R(G)})`,
+                    tabindex: "0"
+                  }, null, 8, ["color"])
+                ]),
+                _: 3
+              })) : d("", !0)
+            ])) : d("", !0),
+            f.value ? (i(), o("span", x, [
+              s(t.$slots, "description", {}, () => [
+                k(b(e.description), 1)
+              ], !0)
+            ])) : d("", !0)
+          ])) : d("", !0)
+        ], 42, Q)) : d("", !0)
+      ], 2);
+    };
+  }
+});
+export {
+  ie as default
+};

package/dist/kongponents.es13.js

@@ -0,0 +1,19 @@
+const t = ["click", "hover"], o = [
+  "auto",
+  "top",
+  "top-start",
+  "top-end",
+  "left",
+  "left-start",
+  "left-end",
+  "right",
+  "right-start",
+  "right-end",
+  "bottom",
+  "bottom-start",
+  "bottom-end"
+];
+export {
+  o as PopPlacementsArray,
+  t as PopTriggerArray
+};

package/dist/kongponents.es130.js

@@ -0,0 +1,51 @@
+import { defineComponent as g, watch as y, computed as h, createElementBlock as n, openBlock as o, Fragment as k, renderList as V, normalizeClass as C, renderSlot as z, createTextVNode as q, toDisplayString as w } from "vue";
+import { warnInvalidProp as S } from "./kongponents.es227.js";
+const I = { class: "k-segmented-control" }, $ = ["data-testid", "disabled", "onClick"], x = /* @__PURE__ */ g({
+  __name: "KSegmentedControl",
+  props: {
+    modelValue: {},
+    options: {},
+    size: { default: "small" },
+    disabled: { type: Boolean }
+  },
+  emits: ["click", "update:modelValue"],
+  setup(l, { emit: i }) {
+    const d = (t) => t.every((e) => e.value !== void 0), c = (t) => {
+      const e = [];
+      return t.forEach((a) => e.push(a.value + "")), e;
+    }, m = (t) => {
+      const e = c(t), a = new Set(e);
+      return e.length === a.size;
+    }, r = (t) => t.map((e) => ({
+      label: typeof e == "string" ? e : e.label || e.value + "",
+      value: typeof e == "string" ? e.toLocaleLowerCase().replace(" ", "-") : e.value,
+      disabled: typeof e == "string" ? !1 : e.disabled
+    })), p = (t) => {
+      const e = typeof t[0] == "string", a = r(t), s = m(a);
+      return e ? s && d(a) : s;
+    };
+    y(() => l.options, (t) => {
+      p(t) || S("options", "The options prop must be an array of unique strings or objects with a unique value property.");
+    }, { immediate: !0 });
+    const u = i, v = h(() => r(l.options)), b = (t) => !!t.disabled || l.disabled, f = (t) => {
+      u("click", t.value), u("update:modelValue", t.value);
+    };
+    return (t, e) => (o(), n("div", I, [
+      (o(!0), n(k, null, V(v.value, (a) => (o(), n("button", {
+        key: `${a.value}-option`,
+        class: C(["segmented-control-button", [l.size, { selected: l.modelValue === a.value }]]),
+        "data-testid": `${a.value}-option`,
+        disabled: b(a),
+        type: "button",
+        onClick: (s) => f(a)
+      }, [
+        z(t.$slots, "option-label", { option: a }, () => [
+          q(w(a.label), 1)
+        ], !0)
+      ], 10, $))), 128))
+    ]));
+  }
+});
+export {
+  x as default
+};

package/dist/kongponents.es132.js

@@ -0,0 +1,389 @@
+import { defineComponent as Pe, useCssVars as xe, computed as u, ref as b, useAttrs as Be, useSlots as Te, useId as _, useTemplateRef as B, watch as T, nextTick as qe, onMounted as De, onBeforeUnmount as Le, createElementBlock as y, openBlock as f, normalizeClass as q, createBlock as D, createCommentVNode as h, createVNode as k, mergeProps as M, createSlots as ee, withCtx as m, createTextVNode as H, toDisplayString as L, renderSlot as p, unref as I, createElementVNode as te, withKeys as le, withModifiers as Oe, Transition as Ne } from "vue";
+import ze from "./kongponents.es187.js";
+import Re from "./kongponents.es48.js";
+import We from "./kongponents.es46.js";
+import Ve from "./kongponents.es53.js";
+import Ue from "./kongponents.es20.js";
+import Me from "./kongponents.es189.js";
+import He from "./kongponents.es190.js";
+import Je from "./kongponents.es191.js";
+import Qe from "./kongponents.es176.js";
+import Ye from "./kongponents.es179.js";
+import { ResizeObserverHelper as je } from "./kongponents.es192.js";
+import { sanitizeInput as oe } from "./kongponents.es168.js";
+import { useEventListener as Ge } from "./kongponents.es193.js";
+import { getUniqueStringId as Xe } from "./kongponents.es151.js";
+import { normalizeSize as ae } from "./kongponents.es184.js";
+import { KUI_SPACE_40 as Ze } from "./kongponents.es182.js";
+const _e = ["id"], et = ["aria-live"], tt = {
+  key: 0,
+  class: "select-loading",
+  "data-propagate-clicks": "false",
+  "data-testid": "select-loading"
+}, lt = {
+  key: 1,
+  class: "select-items-container",
+  "data-propagate-clicks": "false"
+}, ot = {
+  key: 1,
+  class: "dropdown-footer dropdown-footer-static"
+}, at = {
+  key: 2,
+  class: "select-empty",
+  "data-propagate-clicks": "false"
+}, rt = {
+  key: 0,
+  class: "dropdown-footer dropdown-footer-sticky"
+}, Ft = /* @__PURE__ */ Pe({
+  inheritAttrs: !1,
+  __name: "KSelect",
+  props: {
+    modelValue: { default: "" },
+    kpopAttributes: { default: () => ({}) },
+    dropdownMaxHeight: { default: "300px" },
+    label: { default: "" },
+    labelAttributes: { default: () => ({}) },
+    width: { default: "100%" },
+    placeholder: { default: "" },
+    items: { default: () => [] },
+    enableFiltering: { type: Boolean },
+    filterFunction: { default: () => ((t) => {
+      var A;
+      return (A = t.items) == null ? void 0 : A.filter((O) => {
+        var d, v;
+        return (v = O.label) == null ? void 0 : v.toLowerCase().includes((d = t.query) == null ? void 0 : d.toLowerCase());
+      });
+    }) },
+    loading: { type: Boolean },
+    clearable: { type: Boolean },
+    dropdownFooterText: { default: "" },
+    dropdownFooterTextPosition: { default: "sticky" },
+    reuseItemTemplate: { type: Boolean },
+    enableItemCreation: { type: Boolean },
+    itemCreationValidator: { type: Function, default: () => !0 },
+    error: { type: Boolean },
+    help: { default: "" }
+  },
+  emits: ["selected", "input", "change", "update:modelValue", "query-change", "item-added", "item-removed"],
+  setup(t, { emit: A }) {
+    xe((e) => ({
+      v7a089d98: ve.value,
+      v4d446bc6: E.value,
+      v549311c9: pe.value
+    }));
+    const { stripRequiredLabel: O } = ze(), d = A, v = Be(), w = Te(), re = _(), J = u(() => v.id ? String(v.id) : re), N = b(!1), z = b(), ie = u(() => {
+      var e;
+      return !!((e = t.labelAttributes) != null && e.info || w["label-tooltip"]);
+    }), Q = u(() => v.required !== void 0 && String(v.required) !== "false"), C = u(() => v.disabled !== void 0 && String(v.disabled) !== "false"), K = u(() => v.readonly !== void 0 && String(v.readonly) !== "false"), Y = {
+      popoverClasses: `k-select-popover select-popover ${t.dropdownFooterText || w["dropdown-footer-text"] ? `has-${t.dropdownFooterTextPosition}-dropdown-footer` : ""}`,
+      popoverTimeout: 0,
+      placement: "bottom-start",
+      hideCaret: !0
+    }, ne = b(0), ue = B("inputElement"), se = u(() => O(t.label, Q.value)), F = b(!1), n = b(""), j = u(() => {
+      var e, l;
+      return !(!n.value || (l = (e = r.value) == null ? void 0 : e.filter((a) => a.label === n.value)) != null && l.length);
+    }), de = _(), s = b(null), r = b([]), S = b(!1), R = B("popperElement"), g = B("selectWrapperElement"), ce = u({
+      get() {
+        return t.modelValue;
+      },
+      set(e) {
+        var a;
+        const l = (a = r.value) == null ? void 0 : a.filter((o) => o.value === e);
+        l != null && l.length ? P(l[0]) : e || V();
+      }
+    }), ve = u(() => ae(t.width || "100%")), E = b(""), fe = u(() => {
+      const e = { ...v };
+      return delete e.class, e;
+    }), me = u(() => {
+      var e;
+      return {
+        ...Y,
+        ...t.kpopAttributes,
+        popoverClasses: `${Y.popoverClasses} ${((e = t.kpopAttributes) == null ? void 0 : e.popoverClasses) ?? ""}`,
+        width: String(E.value),
+        maxWidth: String(E.value),
+        disabled: C.value || K.value
+      };
+    }), pe = u(() => ae(t.dropdownMaxHeight)), be = u(() => ({ ...me.value })), ye = u(() => t.placeholder || v.placeholder || "Select..."), he = u(() => !C.value && t.clearable && !!s.value), G = u(() => !!(s.value && (w["selected-item-template"] || t.reuseItemTemplate && w["item-template"]))), W = u(() => {
+      let e = [];
+      if (!t.enableFiltering || !n.value)
+        e = r.value;
+      else {
+        const o = t.filterFunction({ query: n.value, items: r.value });
+        e = o === !0 ? r.value : o;
+      }
+      const l = e.filter((o) => !o.group), a = e.filter((o) => o.group).sort((o, i) => o.group.toLowerCase().localeCompare(i.group.toLowerCase()));
+      return [...l, ...a];
+    }), ge = (e) => {
+      if (!t.enableFiltering)
+        return e.preventDefault(), !1;
+    }, ke = (e) => {
+      t.enableItemCreation && X(), e.preventDefault();
+    }, X = () => {
+      var a, o;
+      if (!t.enableItemCreation || !n.value || !j.value || !t.itemCreationValidator(n.value))
+        return;
+      const e = (((a = r.value) == null ? void 0 : a.length) || 0) + 1, l = {
+        label: oe(n.value),
+        value: Xe(),
+        key: `${(o = oe(n.value).replace(/ /gi, "-")) == null ? void 0 : o.replace(/[^a-z0-9-_]/gi, "")}-${e}`,
+        custom: !0
+      };
+      d("item-added", l), P(l, !0), n.value = "";
+    }, P = (e, l) => {
+      var a, o;
+      l && ((a = r.value) == null || a.push(e)), (o = r.value) == null || o.forEach((i, x) => {
+        var $;
+        i.key === e.key ? (i.selected = !0, s.value = i) : i.selected ? (i.selected = !1, i.custom && (($ = r.value) == null || $.splice(x, 1), d("item-removed", i))) : i.selected = !1;
+      }), F.value = !0, n.value = e.label;
+    }, V = () => {
+      var e;
+      (e = r.value) == null || e.forEach((l, a) => {
+        var o;
+        l.selected = !1, l.custom && ((o = r.value) == null || o.splice(a, 1), d("item-removed", l));
+      }), s.value = null, n.value = "", d("input", null), d("change", null), d("update:modelValue", null);
+    }, Z = B("kSelectItems"), we = (e, l) => {
+      var o, i;
+      if (e.keyCode === 27) {
+        l.value = !1;
+        return;
+      }
+      const a = (o = g.value) == null ? void 0 : o.children[0];
+      !l.value && a && a.click(), (e.key === "ArrowDown" || e.key === "ArrowUp") && l.value && ((i = Z.value) == null || i.setFocus(e.key === "ArrowDown" ? "down" : "up"));
+    }, Ce = (e) => {
+      n.value !== e && (n.value = e);
+    }, Fe = () => {
+      S.value = !0;
+    }, Se = () => {
+      S.value = !1;
+    }, $e = () => {
+      var e, l, a;
+      t.enableFiltering || (a = (l = (e = ue.value) == null ? void 0 : e.$el) == null ? void 0 : l.querySelector("input")) == null || a.blur();
+    }, Ie = (e) => {
+      var l;
+      (C.value || ((l = e == null ? void 0 : e.target) == null ? void 0 : l.dataset.propagateClicks) === "false") && e.stopPropagation();
+    }, Ae = (e) => {
+      e();
+    }, Ke = (e, l) => {
+      N.value = !1, s.value ? (F.value = !0, n.value = s.value.label) : n.value = "", l && e();
+    }, Ee = (e) => {
+      N.value = !0, t.enableFiltering && (n.value = ""), e();
+    };
+    return T(ce, (e, l) => {
+      var a;
+      if (e !== l) {
+        const o = (a = r.value) == null ? void 0 : a.filter((i) => i.value === e);
+        o != null && o.length ? P(o[0]) : e || V();
+      }
+    }), T(() => t.items, (e, l) => {
+      var a, o, i, x, $;
+      if (JSON.stringify(e) !== JSON.stringify(l)) {
+        r.value = JSON.parse(JSON.stringify(t.items)), (a = r.value) != null && a.length && (s.value = null);
+        for (let c = 0; c < ((o = r.value) == null ? void 0 : o.length); c++) {
+          r.value[c].selected === void 0 && (r.value[c].selected = !1);
+          let U = `${(x = (i = r.value[c].label) == null ? void 0 : i.replace(/ /gi, "-")) == null ? void 0 : x.replace(/[^a-z0-9-_]/gi, "")}-${c}`;
+          U.includes("undefined") && (U = `select-item-label-${c}`), r.value[c].key = U, (r.value[c].value === t.modelValue || r.value[c].selected) && (r.value[c].selected = !0, s.value = r.value[c], S.value || (F.value = !0, n.value = s.value.label)), (($ = s.value) == null ? void 0 : $.value) === r.value[c].value && (r.value[c].selected = !0);
+        }
+        R.value && typeof R.value.updatePopper == "function" && qe(() => {
+          R.value.updatePopper();
+        });
+      }
+    }, { deep: !0, immediate: !0 }), T(n, (e) => {
+      F.value && e || (d("query-change", e), F.value = !1);
+    }), T(s, (e, l) => {
+      e && e !== l && (d("selected", e), d("input", e.value), d("change", e), d("update:modelValue", e.value));
+    }, { deep: !0 }), De(() => {
+      g.value && (z.value = je.create(() => {
+        var e;
+        E.value = `${(e = g.value) == null ? void 0 : e.offsetWidth}px`;
+      }), z.value.observe(g.value)), Ge(document, "keydown", (e) => {
+        var l, a;
+        !t.enableFiltering && ((l = document.activeElement) == null ? void 0 : l.tagName) === "BODY" && !S.value && N.value && (e.key === "ArrowDown" || e.key === "ArrowUp") && (e.preventDefault(), (a = Z.value) == null || a.setFocus(e.key === "ArrowDown" ? "down" : "up"));
+      });
+    }), Le(() => {
+      var e;
+      g.value && ((e = z.value) == null || e.unobserve(g.value));
+    }), (e, l) => (f(), y("div", {
+      class: q(["k-select", [e.$attrs.class]])
+    }, [
+      t.label ? (f(), D(Re, M({
+        key: 0,
+        "data-testid": "select-label"
+      }, t.labelAttributes, {
+        for: J.value,
+        required: Q.value
+      }), ee({
+        default: m(() => [
+          H(L(se.value) + " ", 1)
+        ]),
+        _: 2
+      }, [
+        ie.value ? {
+          name: "tooltip",
+          fn: m(() => [
+            p(e.$slots, "label-tooltip", {}, void 0, !0)
+          ]),
+          key: "0"
+        } : void 0
+      ]), 1040, ["for", "required"])) : h("", !0),
+      k(Ue, null, {
+        default: m(({ toggle: a, isToggled: o }) => [
+          k(Ve, M({ ref: "popperElement" }, be.value, {
+            "close-on-popover-click": "",
+            "hide-close-icon": "",
+            offset: I(Ze),
+            onClose: () => Ke(a, o.value),
+            onOpen: () => Ee(a),
+            onPopoverClick: () => Ae(a)
+          }), {
+            content: m(() => [
+              te("div", {
+                "aria-live": t.enableFiltering ? "polite" : "off"
+              }, [
+                t.enableFiltering && t.loading ? (f(), y("div", tt, [
+                  p(e.$slots, "loading", {}, () => [
+                    k(I(Ye), {
+                      class: "loading-icon",
+                      title: "Loading"
+                    })
+                  ], !0)
+                ])) : (f(), y("div", lt, [
+                  k(Me, {
+                    ref: "kSelectItems",
+                    "filter-string": n.value,
+                    "item-creation-enabled": t.enableItemCreation && j.value,
+                    "item-creation-valid": t.itemCreationValidator(n.value),
+                    items: W.value,
+                    onAddItem: X,
+                    onSelected: P
+                  }, {
+                    content: m(({ item: i }) => [
+                      p(e.$slots, "item-template", { item: i }, void 0, !0)
+                    ]),
+                    _: 3
+                  }, 8, ["filter-string", "item-creation-enabled", "item-creation-valid", "items"]),
+                  !W.value.length && !e.$slots.empty && !t.enableItemCreation ? (f(), D(He, {
+                    key: 0,
+                    item: { label: "No results", value: "no_results", disabled: !0 }
+                  })) : h("", !0),
+                  (t.dropdownFooterText || e.$slots["dropdown-footer-text"]) && t.dropdownFooterTextPosition === "static" ? (f(), y("div", ot, [
+                    p(e.$slots, "dropdown-footer-text", {}, () => [
+                      H(L(t.dropdownFooterText), 1)
+                    ], !0)
+                  ])) : h("", !0)
+                ])),
+                !t.loading && !W.value.length && e.$slots.empty ? (f(), y("div", at, [
+                  p(e.$slots, "empty", {}, void 0, !0)
+                ])) : h("", !0)
+              ], 8, et),
+              (t.dropdownFooterText || e.$slots["dropdown-footer-text"]) && t.dropdownFooterTextPosition === "sticky" ? (f(), y("div", rt, [
+                p(e.$slots, "dropdown-footer-text", {}, () => [
+                  H(L(t.dropdownFooterText), 1)
+                ], !0)
+              ])) : h("", !0)
+            ]),
+            default: m(() => [
+              te("div", {
+                id: I(de),
+                ref: "selectWrapperElement",
+                class: "select-wrapper",
+                "data-testid": "select-wrapper",
+                role: "listbox",
+                onClick: Ie
+              }, [
+                (f(), D(We, M({
+                  id: J.value,
+                  key: ne.value,
+                  ref: "inputElement",
+                  autocapitalize: "off",
+                  autocomplete: "off",
+                  autocorrect: "off",
+                  class: ["select-input", { "filtering-disabled": !t.enableFiltering, "hide-model-value": G.value && (!t.enableFiltering || !o.value), "input-has-focus": S.value || o.value }],
+                  "data-testid": "select-input",
+                  disabled: C.value,
+                  error: t.error,
+                  "model-value": n.value,
+                  placeholder: s.value && !t.enableFiltering ? s.value.label : ye.value,
+                  readonly: K.value,
+                  spellcheck: "false"
+                }, fe.value, {
+                  onBlur: Se,
+                  onClick: $e,
+                  onFocus: Fe,
+                  onKeydown: le(ke, ["enter"]),
+                  onKeypress: ge,
+                  onKeyup: [
+                    (i) => we(i, o),
+                    l[0] || (l[0] = le(Oe(() => {
+                    }, ["stop"]), ["enter"]))
+                  ],
+                  "onUpdate:modelValue": Ce
+                }), ee({
+                  after: m(() => [
+                    he.value ? (f(), y("button", {
+                      key: 0,
+                      "aria-label": "Clear",
+                      class: "clear-selection-button",
+                      "data-testid": "clear-selection-icon",
+                      type: "button",
+                      onClick: V
+                    }, [
+                      k(I(Qe), { decorative: "" })
+                    ])) : h("", !0),
+                    K.value ? h("", !0) : (f(), D(I(Je), {
+                      key: 1,
+                      class: q(["chevron-down-icon", { disabled: C.value }]),
+                      decorative: ""
+                    }, null, 8, ["class"]))
+                  ]),
+                  _: 2
+                }, [
+                  w.before ? {
+                    name: "before",
+                    fn: m(() => [
+                      p(e.$slots, "before", {}, void 0, !0)
+                    ]),
+                    key: "0"
+                  } : void 0,
+                  e.$slots["label-tooltip"] ? {
+                    name: "label-tooltip",
+                    fn: m(() => [
+                      p(e.$slots, "label-tooltip", {}, void 0, !0)
+                    ]),
+                    key: "1"
+                  } : void 0
+                ]), 1040, ["id", "class", "disabled", "error", "model-value", "placeholder", "readonly", "onKeyup"])),
+                k(Ne, { name: "kongponents-fade-transition" }, {
+                  default: m(() => [
+                    G.value && (!t.enableFiltering || !o.value) ? (f(), y("div", {
+                      key: 0,
+                      class: q(["custom-selected-item-wrapper", { clearable: t.clearable, readonly: K.value }])
+                    }, [
+                      p(e.$slots, "selected-item-template", {
+                        item: s.value
+                      }, () => [
+                        p(e.$slots, "item-template", {
+                          item: s.value
+                        }, void 0, !0)
+                      ], !0)
+                    ], 2)) : h("", !0)
+                  ]),
+                  _: 2
+                }, 1024)
+              ], 8, _e)
+            ]),
+            _: 2
+          }, 1040, ["offset", "onClose", "onOpen", "onPopoverClick"])
+        ]),
+        _: 3
+      }),
+      t.help ? (f(), y("p", {
+        key: 1,
+        class: q(["help-text", { "select-error": t.error }])
+      }, L(t.help), 3)) : h("", !0)
+    ], 2));
+  }
+});
+export {
+  Ft as default
+};

package/dist/kongponents.es135.js

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

package/dist/kongponents.es136.js

@@ -0,0 +1,16 @@
+import { defineComponent as t, createElementBlock as n, openBlock as o, normalizeClass as l } from "vue";
+const h = /* @__PURE__ */ t({
+  __name: "KSkeletonBox",
+  props: {
+    width: { default: "1" },
+    height: { default: "1" }
+  },
+  setup(e) {
+    return (a, i) => (o(), n("div", {
+      class: l(["skeleton-box", { [`width-${e.width}`]: !0, [`height-${e.height}`]: !0 }])
+    }, null, 2));
+  }
+});
+export {
+  h as default
+};