@kong/kongponents 9.47.1-pr.3006.26f6688.0 → 9.47.2-pr.3005.17b94c3.0

package/dist/kongponents.es240.js

@@ -1,34 +1,136 @@
-import { watch as e, getCurrentScope as i, onScopeDispose as r } from "vue";
-function u(o) {
-  return i() ? (r(o), !0) : !1;
-}
-const a = typeof window < "u" && typeof document < "u";
-typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
-const c = Object.prototype.toString, l = (o) => c.call(o) === "[object Object]", w = () => {
-}, p = /* @__PURE__ */ d();
-function d() {
-  var o, n;
-  return a && ((o = window == null ? void 0 : window.navigator) == null ? void 0 : o.userAgent) && (/iP(?:ad|hone|od)/.test(window.navigator.userAgent) || ((n = window == null ? void 0 : window.navigator) == null ? void 0 : n.maxTouchPoints) > 2 && /iPad|Macintosh/.test(window == null ? void 0 : window.navigator.userAgent));
-}
-function f(o) {
-  return Array.isArray(o) ? o : [o];
-}
-function g(o, n, t) {
-  return e(
-    o,
-    n,
-    {
-      ...t,
-      immediate: !0
+function c() {
+  return typeof window < "u";
+}
+function u(t) {
+  return p(t) ? (t.nodeName || "").toLowerCase() : "#document";
+}
+function i(t) {
+  var e;
+  return (t == null || (e = t.ownerDocument) == null ? void 0 : e.defaultView) || window;
+}
+function N(t) {
+  var e;
+  return (e = (p(t) ? t.ownerDocument : t.document) || window.document) == null ? void 0 : e.documentElement;
+}
+function p(t) {
+  return c() ? t instanceof Node || t instanceof i(t).Node : !1;
+}
+function m(t) {
+  return c() ? t instanceof Element || t instanceof i(t).Element : !1;
+}
+function w(t) {
+  return c() ? t instanceof HTMLElement || t instanceof i(t).HTMLElement : !1;
+}
+function f(t) {
+  return !c() || typeof ShadowRoot > "u" ? !1 : t instanceof ShadowRoot || t instanceof i(t).ShadowRoot;
+}
+const E = /* @__PURE__ */ new Set(["inline", "contents"]);
+function y(t) {
+  const {
+    overflow: e,
+    overflowX: n,
+    overflowY: o,
+    display: r
+  } = S(t);
+  return /auto|scroll|overlay|hidden|clip/.test(e + o + n) && !E.has(r);
+}
+const T = /* @__PURE__ */ new Set(["table", "td", "th"]);
+function A(t) {
+  return T.has(u(t));
+}
+const v = [":popover-open", ":modal"];
+function L(t) {
+  return v.some((e) => {
+    try {
+      return t.matches(e);
+    } catch {
+      return !1;
     }
+  });
+}
+const D = ["transform", "translate", "scale", "rotate", "perspective"], C = ["transform", "translate", "scale", "rotate", "perspective", "filter"], k = ["paint", "layout", "strict", "content"];
+function V(t) {
+  const e = O(), n = m(t) ? S(t) : t;
+  return D.some((o) => n[o] ? n[o] !== "none" : !1) || (n.containerType ? n.containerType !== "normal" : !1) || !e && (n.backdropFilter ? n.backdropFilter !== "none" : !1) || !e && (n.filter ? n.filter !== "none" : !1) || C.some((o) => (n.willChange || "").includes(o)) || k.some((o) => (n.contain || "").includes(o));
+}
+function B(t) {
+  let e = s(t);
+  for (; w(e) && !h(e); ) {
+    if (V(e))
+      return e;
+    if (L(e))
+      return null;
+    e = s(e);
+  }
+  return null;
+}
+function O() {
+  return typeof CSS > "u" || !CSS.supports ? !1 : CSS.supports("-webkit-backdrop-filter", "none");
+}
+const R = /* @__PURE__ */ new Set(["html", "body", "#document"]);
+function h(t) {
+  return R.has(u(t));
+}
+function S(t) {
+  return i(t).getComputedStyle(t);
+}
+function F(t) {
+  return m(t) ? {
+    scrollLeft: t.scrollLeft,
+    scrollTop: t.scrollTop
+  } : {
+    scrollLeft: t.scrollX,
+    scrollTop: t.scrollY
+  };
+}
+function s(t) {
+  if (u(t) === "html")
+    return t;
+  const e = (
+    // Step into the shadow DOM of the parent of a slotted node.
+    t.assignedSlot || // DOM Element detected.
+    t.parentNode || // ShadowRoot detected.
+    f(t) && t.host || // Fallback.
+    N(t)
   );
+  return f(e) ? e.host : e;
+}
+function b(t) {
+  const e = s(t);
+  return h(e) ? t.ownerDocument ? t.ownerDocument.body : t.body : w(e) && y(e) ? e : b(e);
+}
+function d(t, e, n) {
+  var o;
+  e === void 0 && (e = []), n === void 0 && (n = !0);
+  const r = b(t), g = r === ((o = t.ownerDocument) == null ? void 0 : o.body), l = i(r);
+  if (g) {
+    const a = _(l);
+    return e.concat(l, l.visualViewport || [], y(r) ? r : [], a && n ? d(a) : []);
+  }
+  return e.concat(r, d(r, [], n));
+}
+function _(t) {
+  return t.parent && Object.getPrototypeOf(t.parent) ? t.frameElement : null;
 }
 export {
-  a as isClient,
-  p as isIOS,
-  l as isObject,
-  w as noop,
-  f as toArray,
-  u as tryOnScopeDispose,
-  g as watchImmediate
+  S as getComputedStyle,
+  B as getContainingBlock,
+  N as getDocumentElement,
+  _ as getFrameElement,
+  b as getNearestOverflowAncestor,
+  u as getNodeName,
+  F as getNodeScroll,
+  d as getOverflowAncestors,
+  s as getParentNode,
+  i as getWindow,
+  V as isContainingBlock,
+  m as isElement,
+  w as isHTMLElement,
+  h as isLastTraversableNode,
+  p as isNode,
+  y as isOverflowElement,
+  f as isShadowRoot,
+  A as isTableElement,
+  L as isTopLayer,
+  O as isWebKit
 };

package/dist/kongponents.es241.js

@@ -1,54 +1,4 @@
-import { defineComponent as c, computed as n, createElementBlock as m, openBlock as l, createElementVNode as a, normalizeClass as d, createBlock as r, createCommentVNode as u, unref as e, normalizeStyle as f, toDisplayString as p } from "vue";
-import z from "./kongponents.es249.js";
-import k from "./kongponents.es172.js";
-import v from "./kongponents.es194.js";
-import { KUI_ICON_SIZE_40 as o, KUI_COLOR_TEXT_INVERSE as i, KUI_COLOR_TEXT_PRIMARY as x } from "./kongponents.es177.js";
-import { normalizeSize as y } from "./kongponents.es179.js";
-const E = ["aria-current", "data-testid"], C = { class: "step-circle" }, $ = /* @__PURE__ */ c({
-  __name: "KStep",
-  props: {
-    label: {},
-    state: { default: "default" },
-    maxLabelWidth: {}
-  },
-  setup(t) {
-    const s = n(() => ({
-      maxWidth: y(t.maxLabelWidth)
-    }));
-    return (I, S) => (l(), m("li", {
-      "aria-current": t.state === "active" ? "step" : "false",
-      class: "step",
-      "data-testid": `step-${t.state}`
-    }, [
-      a("div", {
-        class: d(["step-container", `${t.state}`])
-      }, [
-        a("div", C, [
-          t.state === "completed" ? (l(), r(e(z), {
-            key: 0,
-            color: `var(--kui-color-text-inverse, ${e(i)})`,
-            size: e(o),
-            title: "Completed"
-          }, null, 8, ["color", "size"])) : t.state === "pending" ? (l(), r(e(v), {
-            key: 1,
-            color: `var(--kui-color-text-primary, ${e(x)})`,
-            size: e(o),
-            title: "Pending"
-          }, null, 8, ["color", "size"])) : t.state === "error" ? (l(), r(e(k), {
-            key: 2,
-            color: `var(--kui-color-text-inverse, ${e(i)})`,
-            size: e(o),
-            title: "Error"
-          }, null, 8, ["color", "size"])) : u("", !0)
-        ]),
-        a("span", {
-          class: "step-label",
-          style: f(s.value)
-        }, p(t.label), 5)
-      ], 2)
-    ], 8, E));
-  }
-});
+import f from "./kongponents.es195.js";
 export {
-  $ as default
+  f as default
 };

package/dist/kongponents.es242.js

@@ -0,0 +1,34 @@
+import { watch as e, getCurrentScope as i, onScopeDispose as r } from "vue";
+function u(o) {
+  return i() ? (r(o), !0) : !1;
+}
+const a = typeof window < "u" && typeof document < "u";
+typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
+const c = Object.prototype.toString, l = (o) => c.call(o) === "[object Object]", w = () => {
+}, p = /* @__PURE__ */ d();
+function d() {
+  var o, n;
+  return a && ((o = window == null ? void 0 : window.navigator) == null ? void 0 : o.userAgent) && (/iP(?:ad|hone|od)/.test(window.navigator.userAgent) || ((n = window == null ? void 0 : window.navigator) == null ? void 0 : n.maxTouchPoints) > 2 && /iPad|Macintosh/.test(window == null ? void 0 : window.navigator.userAgent));
+}
+function f(o) {
+  return Array.isArray(o) ? o : [o];
+}
+function g(o, n, t) {
+  return e(
+    o,
+    n,
+    {
+      ...t,
+      immediate: !0
+    }
+  );
+}
+export {
+  a as isClient,
+  p as isIOS,
+  l as isObject,
+  w as noop,
+  f as toArray,
+  u as tryOnScopeDispose,
+  g as watchImmediate
+};

package/dist/kongponents.es243.js

@@ -1,4 +1,4 @@
-import p from "./kongponents.es444.js";
+import p from "./kongponents.es448.js";
 function f(t) {
   if (typeof t == "function")
     try {

package/dist/kongponents.es244.js

@@ -1,5 +1,5 @@
 import { getCurrentInstance as $, ref as q, reactive as z, onMounted as J, onUnmounted as K, watch as N, isReadonly as Q, toRefs as X } from "vue";
-import D from "./kongponents.es445.js";
+import D from "./kongponents.es449.js";
 import x from "./kongponents.es243.js";
 var m = function() {
   return m = Object.assign || function(u) {

package/dist/kongponents.es245.js

@@ -1,179 +1,93 @@
-import { defineComponent as W, mergeModels as j, useModel as P, ref as b, useId as J, computed as D, onMounted as K, watch as h, createElementBlock as m, openBlock as i, createBlock as I, createCommentVNode as y, unref as c, mergeProps as B, createElementVNode as M, createVNode as L, withDirectives as S, toDisplayString as k, normalizeClass as F, vModelText as A, Transition as Q, withCtx as X } from "vue";
-import { DatePicker as U } from "./kongponents.es357.js";
-import Z from "./kongponents.es286.js";
-import p from "./kongponents.es290.js";
-import G from "./kongponents.es184.js";
-const _ = { class: "calendar-wrapper" }, ee = {
-  key: 2,
-  class: "time-wrapper"
-}, te = { class: "time-input" }, ae = ["for"], ne = { key: 0 }, le = { key: 1 }, ue = ["id", "step"], se = ["for"], ie = { key: 0 }, re = ["id", "step"], oe = {
-  key: 0,
-  class: "help-text"
-}, ye = /* @__PURE__ */ W({
-  __name: "CalendarWrapper",
-  props: /* @__PURE__ */ j({
-    isRange: { type: Boolean },
-    kDatePickerMode: {},
-    maxDate: { default: () => {
-    } },
-    minDate: { default: () => {
-    } },
-    errorMessage: { default: () => {
-    } },
-    timeGranularity: { default: "minutely" }
-  }, {
-    modelValue: { required: !0 },
-    modelModifiers: {},
-    error: { type: Boolean, default: !1 },
-    errorModifiers: {}
-  }),
-  emits: ["update:modelValue", "update:error"],
-  setup(t, { expose: Y }) {
-    const u = (n, a) => a === "secondly" ? G(n, "HH:mm:ss") : G(n, "HH:mm"), e = P(t, "modelValue"), f = P(t, "error"), s = b(u(/* @__PURE__ */ new Date(), t.timeGranularity)), r = b(u(/* @__PURE__ */ new Date(), t.timeGranularity)), o = b({
-      start: u(/* @__PURE__ */ new Date(), t.timeGranularity),
-      end: u(/* @__PURE__ */ new Date(), t.timeGranularity)
-    }), g = J(), $ = D(() => t.isRange && e.value && "start" in e.value && e.value.start instanceof Date ? { year: e.value.start.getFullYear(), month: e.value.start.getMonth() + 1 } : e.value instanceof Date ? { year: e.value.getFullYear(), month: e.value.getMonth() + 1 } : t.maxDate && Z(t.maxDate, p()) ? { year: t.maxDate.getFullYear(), month: t.maxDate.getMonth() + 1 } : { year: (/* @__PURE__ */ new Date()).getFullYear(), month: (/* @__PURE__ */ new Date()).getMonth() + 1 }), x = D(() => ({
-      borderless: !0,
-      color: "blue",
-      dragAttribute: q,
-      expanded: !0,
-      initialPage: $.value,
-      maxDate: t.maxDate,
-      minDate: t.minDate,
-      mode: "date",
-      modelConfig: N,
-      selectAttribute: z,
-      transparent: !0
-    })), R = D(() => ["time", "dateTime", "relativeDateTime"].includes(t.kDatePickerMode)), H = D(() => {
-      switch (t.timeGranularity) {
-        case "minutely":
-          return 60;
-        case "secondly":
-          return 1;
-        default:
-          return 60;
-      }
-    }), V = (n, a) => n > a, C = () => {
-      if (e.value && R.value)
-        if (t.isRange && e.value.start && e.value.end) {
-          const n = e.value;
-          s.value = u(n.start, t.timeGranularity), r.value = u(n.end, t.timeGranularity);
-        } else e.value instanceof Date ? s.value = u(e.value, t.timeGranularity) : s.value = u(/* @__PURE__ */ new Date(), t.timeGranularity);
-    }, w = (n) => {
-      const a = n.split(":"), l = parseInt(a[0], 10), d = parseInt(a[1], 10), v = t.timeGranularity === "secondly" && a[2] ? parseInt(a[2], 10) : 0;
-      return { hours: l, minutes: d, seconds: v };
-    };
-    K(() => {
-      C(), o.value.start = s.value, o.value.end = r.value;
-    });
-    const N = { type: "number" }, q = {
-      key: "select-drag",
-      highlight: {
-        start: { contentClass: "vcal-day-drag-start" },
-        base: { contentClass: "vcal-day-drag-base" },
-        end: { contentClass: "vcal-day-drag-end" }
-      }
-    }, z = {
-      key: "select-calendar",
-      highlight: {
-        start: { contentClass: "vcal-day-start" },
-        base: { contentClass: "vcal-day-base" },
-        end: { contentClass: "vcal-day-end" }
-      }
-    };
-    h(() => s.value, (n) => {
-      if (n) {
-        if (e.value && t.isRange && "start" in e.value && e.value.start instanceof Date && "end" in e.value && e.value.end instanceof Date) {
-          const a = /* @__PURE__ */ new Date(), { hours: l, minutes: d, seconds: v } = w(n);
-          a.setHours(l, d, v, 0), e.value.start.setHours(a.getHours(), a.getMinutes(), a.getSeconds(), 0), f.value = V(e.value.start, e.value.end);
-        } else if (e.value instanceof Date) {
-          const a = /* @__PURE__ */ new Date(), { hours: l, minutes: d, seconds: v } = w(n);
-          a.setHours(l, d, v, 0), e.value.setHours(a.getHours(), a.getMinutes(), a.getSeconds(), 0);
+import { defineComponent as x, computed as v, useTemplateRef as T, createElementBlock as s, openBlock as l, createBlock as d, createCommentVNode as V, Fragment as m, renderList as u, withCtx as f, renderSlot as S, createElementVNode as p, toDisplayString as g, createTextVNode as h } from "vue";
+import w from "./kongponents.es190.js";
+const D = {
+  ref: "itemsContainer",
+  "aria-live": "polite",
+  class: "multiselect-items-container"
+}, F = { class: "multiselect-group-title" }, M = { class: "select-item-description" }, E = ".multiselect-item button:not(:disabled)", q = /* @__PURE__ */ x({
+  __name: "KMultiselectItems",
+  props: {
+    items: { default: () => [] },
+    itemCreationEnabled: { type: Boolean },
+    filterString: { default: "" },
+    itemCreationValid: { type: Boolean, default: !0 }
+  },
+  emits: ["selected", "add-item"],
+  setup(i, { expose: k, emit: I }) {
+    const A = I, y = (n) => A("selected", n), $ = v(() => {
+      var n;
+      return (n = i.items) == null ? void 0 : n.filter((t) => !t.group);
+    }), b = v(() => {
+      var n, t;
+      return [...new Set((t = (n = i.items) == null ? void 0 : n.filter((e) => e.group)) == null ? void 0 : t.map((e) => e.group))].sort((e, o) => e.toLowerCase().localeCompare(o.toLowerCase()));
+    }), B = (n) => {
+      var t;
+      return (t = i.items) == null ? void 0 : t.filter((e) => e.group === n);
+    }, C = T("itemsContainer"), K = (n) => {
+      var o;
+      const t = C.value;
+      if (!t)
+        return;
+      const e = t.querySelectorAll(E);
+      (o = e[n === "down" ? 0 : e.length - 1]) == null || o.focus();
+    }, a = ({ target: n, key: t }) => {
+      var e;
+      if (t === "ArrowDown" || t === "ArrowUp") {
+        const o = (e = C.value) == null ? void 0 : e.querySelectorAll(E);
+        if (o != null && o.length) {
+          const r = [...o].indexOf(n), L = t === "ArrowDown" ? r + 1 : r - 1, c = o[L];
+          c == null || c.focus();
         }
       }
-    }), h(() => r.value, (n) => {
-      if (n && e.value && t.isRange && "end" in e.value && e.value.end instanceof Date && "start" in e.value && e.value.start instanceof Date) {
-        const a = /* @__PURE__ */ new Date(), { hours: l, minutes: d, seconds: v } = w(n);
-        a.setHours(l, d, v, 0), e.value.end.setHours(a.getHours(), a.getMinutes(), a.getSeconds(), 0), f.value = V(e.value.start, e.value.end);
-      }
-    }), h(() => e.value, () => {
-      e.value && t.isRange && "start" in e.value && e.value.start instanceof Date && "end" in e.value && e.value.end instanceof Date ? (s.value = u(e.value.start, t.timeGranularity), r.value = u(e.value.end, t.timeGranularity), f.value = V(e.value.start, e.value.end)) : e.value instanceof Date && (s.value = u(e.value, t.timeGranularity));
-    }, { immediate: !0, deep: !0 }), h(() => t.timeGranularity, () => {
-      e.value && t.isRange && "start" in e.value && e.value.start instanceof Date ? o.value.start = u(e.value.start, t.timeGranularity) : e.value instanceof Date && (o.value.start = u(e.value, t.timeGranularity)), e.value && t.isRange && "end" in e.value && e.value.end instanceof Date && (o.value.end = u(e.value.end, t.timeGranularity));
-    });
-    const T = (n) => {
-      const a = e.value;
-      return t.isRange && a && n in a && a[n] instanceof Date;
-    }, O = () => {
-      s.value = o.value.start, r.value = o.value.end;
-    }, E = (n) => {
-      try {
-        return G(n, "EEE MMM d yyyy");
-      } catch (a) {
-        console.warn("Error formatting date:", a);
-      }
     };
-    return Y({
-      resetTime: O,
-      initTimeInputs: C
-    }), (n, a) => (i(), m("div", _, [
-      t.isRange ? (i(), I(c(U), B({ key: 0 }, x.value, {
-        modelValue: e.value,
-        "onUpdate:modelValue": a[0] || (a[0] = (l) => e.value = l),
-        modelModifiers: { range: !0 }
-      }), null, 16, ["modelValue"])) : (i(), I(c(U), B({ key: 1 }, x.value, {
-        modelValue: e.value,
-        "onUpdate:modelValue": a[1] || (a[1] = (l) => e.value = l)
-      }), null, 16, ["modelValue"])),
-      R.value ? (i(), m("div", ee, [
-        M("div", te, [
-          M("label", {
-            class: "time-input-label",
-            for: `time-input-start-${c(g)}`
-          }, [
-            T("start") ? (i(), m("span", ne, k(E(e.value.start)), 1)) : e.value && e.value instanceof Date ? (i(), m("span", le, k(E(e.value)), 1)) : y("", !0)
-          ], 8, ae),
-          S(M("input", {
-            id: `time-input-start-${c(g)}`,
-            "onUpdate:modelValue": a[2] || (a[2] = (l) => s.value = l),
-            class: F(["time-input-start", { "input-error": f.value }]),
-            "data-testid": "time-input-start",
-            step: H.value,
-            type: "time"
-          }, null, 10, ue), [
-            [A, s.value]
-          ]),
-          M("label", {
-            class: "time-input-label",
-            for: `time-input-end-${c(g)}`
-          }, [
-            T("end") ? (i(), m("span", ie, k(c(G)(e.value.end, "EEE MMM d yyyy")), 1)) : y("", !0)
-          ], 8, se),
-          t.isRange ? S((i(), m("input", {
-            key: 0,
-            id: `time-input-end-${c(g)}`,
-            "onUpdate:modelValue": a[3] || (a[3] = (l) => r.value = l),
-            class: F(["time-input-end", { "input-error": f.value }]),
-            "data-testid": "time-input-end",
-            step: H.value,
-            type: "time"
-          }, null, 10, re)), [
-            [A, r.value]
-          ]) : y("", !0)
+    return k({ setFocus: K }), (n, t) => (l(), s("div", D, [
+      (l(!0), s(m, null, u($.value, (e, o) => (l(), d(w, {
+        key: `${e.key ? e.key : o}-item`,
+        item: e,
+        onKeydown: a,
+        onSelected: y
+      }, {
+        content: f(() => [
+          S(n.$slots, "content", { item: e }, void 0, !0)
         ]),
-        L(Q, {
-          mode: "out-in",
-          name: "kongponents-fade-transition"
+        _: 2
+      }, 1032, ["item"]))), 128)),
+      (l(!0), s(m, null, u(b.value, (e) => (l(), s("div", {
+        key: `${e}-group`,
+        class: "multiselect-group"
+      }, [
+        p("span", F, g(e), 1),
+        (l(!0), s(m, null, u(B(e), (o, r) => (l(), d(w, {
+          key: `${o.key ? o.key : e + "-" + r + "-item"}`,
+          item: o,
+          onKeydown: a,
+          onSelected: y
         }, {
-          default: X(() => [
-            f.value && t.errorMessage ? (i(), m("div", oe, k(t.errorMessage), 1)) : y("", !0)
+          content: f(() => [
+            S(n.$slots, "content", { item: o }, void 0, !0)
           ]),
-          _: 1
-        })
-      ])) : y("", !0)
-    ]));
+          _: 2
+        }, 1032, ["item"]))), 128))
+      ]))), 128)),
+      i.itemCreationEnabled ? (l(), d(w, {
+        key: "multiselect-add-item",
+        class: "multiselect-add-item",
+        "data-testid": "multiselect-add-item",
+        item: { label: `${i.filterString} (Add new value)`, value: "add_item", disabled: !i.itemCreationValid },
+        onKeydown: a,
+        onSelected: t[0] || (t[0] = (e) => n.$emit("add-item"))
+      }, {
+        content: f(() => [
+          p("div", M, [
+            h(g(i.filterString) + " ", 1),
+            t[1] || (t[1] = p("span", { class: "select-item-new-indicator" }, "(Add new value)", -1))
+          ])
+        ]),
+        _: 1
+      }, 8, ["item"])) : V("", !0)
+    ], 512));
   }
 });
 export {
-  ye as default
+  q as default
 };

package/dist/kongponents.es247.js

@@ -1,8 +1,43 @@
-import p from "./kongponents.es305.js";
-var a = /[\\^$.*+?()[\]{}|]/g, r = RegExp(a.source);
-function x(e) {
-  return e = p(e), e && r.test(e) ? e.replace(a, "\\$&") : e;
-}
+import { defineComponent as r, createElementBlock as c, openBlock as u, createElementVNode as l, withKeys as s, normalizeClass as v, withModifiers as n, renderSlot as w, createTextVNode as b, toDisplayString as f } from "vue";
+const k = ["aria-selected", "data-testid"], y = { class: "multiselect-item-container" }, $ = ["disabled", "value"], h = { class: "multiselect-item-label" }, K = /* @__PURE__ */ r({
+  __name: "KMultiselectItem",
+  props: {
+    item: {}
+  },
+  emits: ["selected", "arrow-down", "arrow-up"],
+  setup(e, { emit: d }) {
+    const o = d, a = () => {
+      e.item.disabled || o("selected", e.item);
+    };
+    return (i, t) => (u(), c("div", {
+      key: e.item.key,
+      "aria-selected": e.item.selected,
+      class: "multiselect-item",
+      "data-testid": `multiselect-item-${e.item.value}`,
+      role: "option"
+    }, [
+      l("div", y, [
+        l("button", {
+          class: v({ selected: e.item.selected }),
+          disabled: e.item.disabled === !0 ? !0 : void 0,
+          type: "button",
+          value: e.item.value,
+          onClick: a,
+          onKeydown: [
+            t[0] || (t[0] = s(n((m) => i.$emit("arrow-down"), ["prevent"]), ["down"])),
+            t[1] || (t[1] = s(n((m) => i.$emit("arrow-up"), ["prevent"]), ["up"]))
+          ]
+        }, [
+          l("span", h, [
+            w(i.$slots, "content", {}, () => [
+              b(f(e.item.label), 1)
+            ], !0)
+          ])
+        ], 42, $)
+      ])
+    ], 8, k));
+  }
+});
 export {
-  x as default
+  K as default
 };