@kong/kongponents 9.48.0 → 9.48.1-pr.3015.6599fb6.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kong/kongponents",
-  "version": "9.48.0",
+  "version": "9.48.1-pr.3015.6599fb6.0",
   "description": "Kong Component library",
   "type": "module",
   "repository": {
@@ -30,35 +30,6 @@
     "./package.json": "./package.json",
     "./dist/*": "./dist/*"
   },
-  "scripts": {
-    "build:cli": "rimraf ./bin && tsc --project ./cli/tsconfig.json && chmod u+x ./bin/index.js",
-    "build:docs": "vitepress build docs",
-    "build:kongponents:umd": "BUILD_UMD=true vite build",
-    "build:kongponents": "pnpm typecheck && vite build && vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly && tsc-alias -p './tsconfig.build.json' && pnpm build:kongponents:umd && pnpm build:nuxt",
-    "build:nuxt": "tsc -p ./tsconfig.build.nuxt.json --outDir dist/nuxt",
-    "build:visualize": "cross-env-shell BUILD_VISUALIZER=true vite build -m production",
-    "build": "pnpm build:cli && pnpm stylelint && pnpm lint && pnpm build:kongponents && pnpm build:docs",
-    "build:ci": "pnpm build:kongponents && pnpm build:docs",
-    "commit": "cz",
-    "create-kongponent": "node ./bin/index.js",
-    "sandbox:dev": "cross-env USE_SANDBOX=true vite",
-    "sandbox:build": "cross-env USE_SANDBOX=true vite build && shx cp sandbox/dist/index.html sandbox/dist/404.html",
-    "sandbox:build:netlify": "cross-env USE_SANDBOX=true USE_NETLIFY=true vite build && shx cp sandbox/dist/index.html sandbox/dist/404.html",
-    "sandbox:preview": "cross-env USE_SANDBOX=true vite preview",
-    "docs:build": "vitepress build docs",
-    "docs:dev": "vitepress dev docs",
-    "docs:serve": "vitepress serve docs",
-    "docs:preview": "vitepress preview docs --port 8080",
-    "typecheck": "vue-tsc -p './tsconfig.build.json' --noEmit",
-    "lint": "eslint",
-    "lint:fix": "eslint --fix",
-    "stylelint": "stylelint './src/**/*.{css,scss,sass,vue}'",
-    "stylelint:fix": "stylelint './src/**/*.{css,scss,sass,vue}' --fix",
-    "test": "cypress run --component -b chrome",
-    "test:open": "cypress open --component -b chrome",
-    "test:spec": "cypress run --component -b chrome --spec",
-    "semantic-release": "semantic-release"
-  },
   "dependencies": {
     "@floating-ui/vue": "^1.1.9",
     "@kong/icons": "^1.39.1",
@@ -190,10 +161,9 @@
     "node": ">=v16.20.2 || >=18.12.1 || >=20.14.0 || >=22.14.0",
     "pnpm": ">=9.11.0 || >=10.10.0"
   },
-  "packageManager": "pnpm@10.22.0",
   "volta": {
     "node": "24.11.1",
-    "pnpm": "10.22.0"
+    "pnpm": "10.24.0"
   },
   "config": {
     "commitizen": {
@@ -205,12 +175,33 @@
       "jiraAppend": "]"
     }
   },
-  "pnpm": {
-    "overrides": {
-      "axios@>=1.0.0 <1.12.0": ">=1.12.0",
-      "cross-spawn@>=7.0.0 <7.0.5": ">=7.0.5",
-      "glob@>=10.2.0 <10.5.0": ">=10.5.0",
-      "node-forge@<1.3.2": ">=1.3.2"
-    }
+  "scripts": {
+    "build:cli": "rimraf ./bin && tsc --project ./cli/tsconfig.json && chmod u+x ./bin/index.js",
+    "build:docs": "vitepress build docs",
+    "build:kongponents:umd": "BUILD_UMD=true vite build",
+    "build:kongponents": "pnpm typecheck && vite build && vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly && tsc-alias -p './tsconfig.build.json' && pnpm build:kongponents:umd && pnpm build:nuxt",
+    "build:nuxt": "tsc -p ./tsconfig.build.nuxt.json --outDir dist/nuxt",
+    "build:visualize": "cross-env-shell BUILD_VISUALIZER=true vite build -m production",
+    "build": "pnpm build:cli && pnpm stylelint && pnpm lint && pnpm build:kongponents && pnpm build:docs",
+    "build:ci": "pnpm build:kongponents && pnpm build:docs",
+    "commit": "cz",
+    "create-kongponent": "node ./bin/index.js",
+    "sandbox:dev": "cross-env USE_SANDBOX=true vite",
+    "sandbox:build": "cross-env USE_SANDBOX=true vite build && shx cp sandbox/dist/index.html sandbox/dist/404.html",
+    "sandbox:build:netlify": "cross-env USE_SANDBOX=true USE_NETLIFY=true vite build && shx cp sandbox/dist/index.html sandbox/dist/404.html",
+    "sandbox:preview": "cross-env USE_SANDBOX=true vite preview",
+    "docs:build": "vitepress build docs",
+    "docs:dev": "vitepress dev docs",
+    "docs:serve": "vitepress serve docs",
+    "docs:preview": "vitepress preview docs --port 8080",
+    "typecheck": "vue-tsc -p './tsconfig.build.json' --noEmit",
+    "lint": "eslint",
+    "lint:fix": "eslint --fix",
+    "stylelint": "stylelint './src/**/*.{css,scss,sass,vue}'",
+    "stylelint:fix": "stylelint './src/**/*.{css,scss,sass,vue}' --fix",
+    "test": "cypress run --component -b chrome",
+    "test:open": "cypress open --component -b chrome",
+    "test:spec": "cypress run --component -b chrome --spec",
+    "semantic-release": "semantic-release"
   }
-}
+}

package/dist/kongponents.es209.js

@@ -1,319 +0,0 @@
-import { defineComponent as ie, ref as Z, computed as W, onMounted as ye, onUnmounted as oe, watch as _, createVNode as J, isVNode as ae, mergeProps as be } from "vue";
-const C = null, { min: F, max: P, abs: se, floor: ge } = Math, ue = (e, t, n) => F(n, P(t, e)), ce = (e) => [...e].sort(((t, n) => t - n)), we = typeof queueMicrotask == "function" ? queueMicrotask : (e) => {
-  Promise.resolve().then(e);
-}, $ = () => {
-  let e;
-  return [new Promise(((t) => {
-    e = t;
-  })), e];
-}, ee = (e) => {
-  let t;
-  return () => (e && (t = e(), e = void 0), t);
-}, U = (e, t, n) => {
-  const i = n ? "unshift" : "push";
-  for (let p = 0; p < t; p++) e[i](-1);
-  return e;
-}, G = (e, t) => {
-  const n = e.t[t];
-  return n === -1 ? e.o : n;
-}, ke = (e, t, n) => {
-  const i = e.t[t] === -1;
-  return e.t[t] = n, e.i = F(t, e.i), i;
-}, K = (e, t) => {
-  if (!e.l) return 0;
-  if (e.i >= t) return e.u[t];
-  e.i < 0 && (e.u[0] = 0, e.i = 0);
-  let n = e.i, i = e.u[n];
-  for (; n < t; ) i += G(e, n), e.u[++n] = i;
-  return e.i = t, i;
-}, V = (e, t, n = 0, i = e.l - 1) => {
-  for (; n <= i; ) {
-    const p = ge((n + i) / 2), v = K(e, p);
-    if (v <= t) {
-      if (v + G(e, p) > t) return p;
-      n = p + 1;
-    } else i = p - 1;
-  }
-  return ue(n, 0, e.l - 1);
-}, le = (e, t, n) => {
-  const i = t - e.l;
-  return e.i = n ? -1 : F(t - 1, e.i), e.l = t, i > 0 ? (U(e.u, i), U(e.t, i, n), e.o * i) : (e.u.splice(i), (n ? e.t.splice(0, -i) : e.t.splice(i)).reduce(((p, v) => p - (v === -1 ? e.o : v)), 0));
-}, Oe = typeof window < "u", fe = () => document.documentElement, Ae = (e) => e.ownerDocument, Se = (e) => e.defaultView, de = /* @__PURE__ */ ee((() => !!Oe && getComputedStyle(fe()).direction === "rtl")), pe = /* @__PURE__ */ ee((() => !!/iP(hone|od|ad)/.test(navigator.userAgent) || navigator.platform === "MacIntel" && navigator.maxTouchPoints > 0)), Ee = /* @__PURE__ */ ee((() => "scrollBehavior" in fe().style)), xe = (e, t = 40, n = 4, i = 0, p, v = !1) => {
-  let y = !!i, s = 1, d = 0, b = 0, m = 0, A = 0, x = 0, q = 0, M = 0, T = 0, L = y ? [0, P(i - 1, 0)] : C, r = [0, 0], f = 0;
-  const a = ((o, l) => ({ o: l, t: U([], o), l: o, i: -1, u: U([], o) }))(e, t), g = /* @__PURE__ */ new Set(), B = () => m - b, k = () => B() + x + A, c = (o) => ((l, S, D, w) => {
-    if (w = F(w, l.l - 1), K(l, w) <= S) {
-      const z = V(l, S + D, w);
-      return [V(l, S, w, z), z];
-    }
-    {
-      const z = V(l, S, void 0, w);
-      return [z, V(l, S + D, z)];
-    }
-  })(a, o, d, r[0]), h = () => ((o) => o.l ? K(o, o.l - 1) + G(o, o.l - 1) : 0)(a), N = (o) => K(a, o) - x, u = (o) => G(a, o), j = (o, l = -1) => a.t[o] === l, R = (o) => {
-    o && (pe() && M !== 0 || L && T === 1 ? x += o : A += o);
-  };
-  return { p: () => s, m: () => ((o) => [o.t.slice(), o.o])(a), h: () => {
-    let o, l;
-    return q ? [o, l] = r : ([o, l] = r = c(P(0, k())), L && (o = F(o, L[0]), l = P(l, L[1]))), M !== 1 && (o -= P(0, n)), M !== 2 && (l += P(0, n)), [P(o, 0), F(l, a.l - 1)];
-  }, v: () => V(a, k()), S: () => V(a, k() + d), I: j, k: N, O: u, j: () => a.l, T: () => m, q: () => M !== 0, B: () => d, M: () => b, N: h, P: () => (q = A, A = 0, [q, T === 2]), R: (o, l) => {
-    const S = [o, l];
-    return g.add(S), () => {
-      g.delete(S);
-    };
-  }, A: (o, l) => {
-    let S, D, w = 0;
-    switch (o) {
-      case 1: {
-        const z = q;
-        q = 0;
-        const O = l - m, E = se(O);
-        z && E < se(z) + 1 || T !== 0 || (M = O < 0 ? 2 : 1), y && (L = C, y = !1), m = l, w = 4;
-        const I = B();
-        I >= -d && I <= h() && (w += 1, D = E > d);
-        break;
-      }
-      case 2:
-        w = 8, M !== 0 && (S = !0, w += 1), M = 0, T = 0, L = C;
-        break;
-      case 3: {
-        const z = l.filter((([O, E]) => !j(O, E)));
-        if (!z.length) break;
-        R(z.reduce(((O, [E, I]) => ((T === 2 || (L && T === 1 ? E < L[0] : N(E) + (M === 0 && T === 0 ? u(E) : 0) < B())) && (O += I - u(E)), O)), 0));
-        for (const [O, E] of z) {
-          const I = u(O), X = ke(a, O, E);
-          v && (f += X ? E : E - I);
-        }
-        v && d && f > d && (R(((O, E) => {
-          let I = 0;
-          const X = [];
-          O.t.forEach(((ne, me) => {
-            ne !== -1 && (X.push(ne), me < E && I++);
-          })), O.i = -1;
-          const Y = ce(X), re = Y.length, H = re / 2 | 0, ve = re % 2 == 0 ? (Y[H - 1] + Y[H]) / 2 : Y[H], he = O.o;
-          return ((O.o = ve) - he) * P(E - I, 0);
-        })(a, V(a, k()))), v = !1), w = 3, D = !0;
-        break;
-      }
-      case 4:
-        d !== l && (d = l, w = 3);
-        break;
-      case 5:
-        l[1] ? (R(le(a, l[0], !0)), T = 2, w = 1) : (le(a, l[0]), w = 1);
-        break;
-      case 6:
-        b = l;
-        break;
-      case 7:
-        T = 1;
-        break;
-      case 8:
-        L = c(l), w = 1;
-    }
-    w && (s = 1 + (2147483647 & s), S && x && (A += x, x = 0), g.forEach((([z, O]) => {
-      w & z && O(D);
-    })));
-  } };
-}, te = setTimeout, Q = (e, t) => t && de() ? -e : e, Be = (e, t, n, i, p, v) => {
-  const y = Date.now;
-  let s = 0, d = !1, b = !1, m = !1, A = !1;
-  const x = (() => {
-    let r;
-    const f = () => {
-      r != C && clearTimeout(r);
-    }, a = () => {
-      f(), r = te((() => {
-        r = C, (() => {
-          if (d || b) return d = !1, void x();
-          m = !1, e.A(2);
-        })();
-      }), 150);
-    };
-    return a.H = f, a;
-  })(), q = () => {
-    s = y(), m && (A = !0), e.A(1, i()), x();
-  }, M = (r) => {
-    if (d || !e.q() || r.ctrlKey) return;
-    const f = y() - s;
-    150 > f && 50 < f && (n ? r.deltaX : r.deltaY) && (d = !0);
-  }, T = () => {
-    b = !0, m = A = !1;
-  }, L = () => {
-    b = !1, pe() && (m = !0);
-  };
-  return t.addEventListener("scroll", q), t.addEventListener("wheel", M, { passive: !0 }), t.addEventListener("touchstart", T, { passive: !0 }), t.addEventListener("touchend", L, { passive: !0 }), { V: () => {
-    t.removeEventListener("scroll", q), t.removeEventListener("wheel", M), t.removeEventListener("touchstart", T), t.removeEventListener("touchend", L), x.H();
-  }, C: () => {
-    const [r, f] = e.P();
-    r && (p(Q(r, n), f, A), A = !1, f && e.B() > e.N() && e.A(1, i()));
-  } };
-}, je = (e, t, n) => {
-  let i;
-  return [async (p, v) => {
-    if (!await t()) return;
-    i && i();
-    const y = () => {
-      const [s, d] = $();
-      return i = () => {
-        d(!1);
-      }, e.B() && te(i, 150), [s, e.R(2, (() => {
-        d(!0);
-      }))];
-    };
-    if (v && Ee()) e.A(8, p()), we((async () => {
-      for (; ; ) {
-        let s = !0;
-        for (let [m, A] = e.h(); m <= A; m++) if (e.I(m)) {
-          s = !1;
-          break;
-        }
-        if (s) break;
-        const [d, b] = y();
-        try {
-          if (!await d) return;
-        } finally {
-          b();
-        }
-      }
-      e.A(7), n(p(), v);
-    }));
-    else for (; ; ) {
-      const [s, d] = y();
-      try {
-        if (e.A(7), n(p()), !await s) return;
-      } finally {
-        d();
-      }
-    }
-  }, () => {
-    i && i();
-  }];
-}, qe = (e) => {
-  let t;
-  return { F(n) {
-    (t || (t = new (Se(Ae(n))).ResizeObserver(e))).observe(n);
-  }, J(n) {
-    t.unobserve(n);
-  }, V() {
-    t && t.disconnect();
-  } };
-}, Me = /* @__PURE__ */ ie({ props: { L: { type: Object, required: !0 }, W: { type: Object, required: !0 }, X: { type: Object, required: !0 }, Y: { type: Function, required: !0 }, D: { type: Number, required: !0 }, U: { type: Boolean }, G: { type: Boolean }, K: { type: String, required: !0 }, Z: Object }, setup(e) {
-  const t = Z(), n = W((() => e.L.value && e.W.k(e.D))), i = W((() => e.L.value && e.W.I(e.D)));
-  return _((() => t.value && e.D), ((p, v, y) => {
-    y(e.Y(t.value, e.D));
-  }), { flush: "post" }), () => {
-    var p;
-    const { X: v, U: y, G: s, K: d } = e, b = i.value, { style: m, ...A } = (p = e.Z) !== null && p !== void 0 ? p : {}, x = { contain: "layout style", position: b && s ? void 0 : "absolute", [y ? "height" : "width"]: "100%", [y ? "top" : "left"]: "0px", [y ? de() ? "right" : "left" : "top"]: n.value + "px", visibility: !b || s ? "visible" : "hidden", ...m };
-    return y && (x.display = "inline-flex"), J(d, be({ ref: t, style: x }, A), typeof (q = v) == "function" || Object.prototype.toString.call(q) === "[object Object]" && !ae(q) ? v : { default: () => [v], _: 2 }, 16, ["style"]);
-    var q;
-  };
-} }), Te = (e, t) => {
-  const n = e.key;
-  return n ?? "_" + t;
-}, Le = (e, t) => e[0] === t[0] && e[1] === t[1], Ne = /* @__PURE__ */ ie({ props: { data: { type: Array, required: !0 }, overscan: Number, itemSize: Number, shift: Boolean, horizontal: Boolean, startMargin: { type: Number, default: 0 }, ssrCount: Number, scrollRef: Object, as: { type: String, default: "div" }, item: { type: String, default: "div" }, itemProps: Function, keepMounted: Array }, emits: ["scroll", "scrollEnd"], setup(e, { emit: t, expose: n, slots: i }) {
-  let p = !!e.ssrCount;
-  const v = e.horizontal, y = Z(), s = xe(e.data.length, e.itemSize, e.overscan, e.ssrCount, 0, !e.itemSize), d = ((r, f) => {
-    let a;
-    const g = f ? "width" : "height", B = /* @__PURE__ */ new WeakMap(), k = qe(((c) => {
-      const h = [];
-      for (const { target: N, contentRect: u } of c) if (N.offsetParent) if (N === a) r.A(4, u[g]);
-      else {
-        const j = B.get(N);
-        j != C && h.push([j, u[g]]);
-      }
-      h.length && r.A(3, h);
-    }));
-    return { ee(c) {
-      k.F(a = c);
-    }, te: (c, h) => (B.set(c, h), k.F(c), () => {
-      B.delete(c), k.J(c);
-    }), oe: k.V };
-  })(s, v), b = ((r, f) => {
-    let a, g, B = $();
-    const k = f ? "scrollLeft" : "scrollTop", c = f ? "overflowX" : "overflowY", [h, N] = je(r, (() => B[0]), ((u, j) => {
-      u = Q(u, f), j ? a.scrollTo({ [f ? "left" : "top"]: u, behavior: "smooth" }) : a[k] = u;
-    }));
-    return { re(u) {
-      a = u, g = Be(r, u, f, (() => Q(u[k], f)), ((j, R, o) => {
-        if (o) {
-          const l = u.style, S = l[c];
-          l[c] = "hidden", te((() => {
-            l[c] = S;
-          }));
-        }
-        u[k] = r.T() + j, R && N();
-      })), B[1](!0);
-    }, oe() {
-      g && g.V(), B[1](!1), B = $();
-    }, ne(u) {
-      h((() => u));
-    }, se(u) {
-      u += r.T(), h((() => u));
-    }, ie(u, { align: j, smooth: R, offset: o = 0 } = {}) {
-      if (u = ue(u, 0, r.j() - 1), j === "nearest") {
-        const l = r.k(u), S = r.T();
-        if (l < S) j = "start";
-        else {
-          if (!(l + r.O(u) > S + r.B())) return;
-          j = "end";
-        }
-      }
-      h((() => o + r.M() + r.k(u) + (j === "end" ? r.O(u) - r.B() : j === "center" ? (r.O(u) - r.B()) / 2 : 0)), R);
-    }, le: () => {
-      g && g.C();
-    } };
-  })(s, v), m = Z(s.p()), A = s.R(1, (() => {
-    m.value = s.p();
-  })), x = s.R(4, (() => {
-    t("scroll", s.T());
-  })), q = s.R(8, (() => {
-    t("scrollEnd");
-  })), M = W(((r) => {
-    m.value;
-    const f = s.h();
-    return r && Le(r, f) ? r : f;
-  })), T = W((() => m.value && s.q())), L = W((() => m.value && s.N()));
-  return ye((() => {
-    p = !1;
-    const r = requestAnimationFrame((() => {
-      const f = (a) => {
-        d.ee(a), b.re(a);
-      };
-      e.scrollRef ? f(e.scrollRef) : f(y.value.parentElement);
-    }));
-    oe((() => {
-      cancelAnimationFrame(r);
-    }));
-  })), oe((() => {
-    A(), x(), q(), d.oe(), b.oe();
-  })), _((() => e.data.length), ((r) => {
-    s.A(5, [r, e.shift]);
-  })), _((() => e.startMargin), ((r) => {
-    s.A(6, r);
-  }), { immediate: !0 }), _([m], (() => {
-    b.le();
-  }), { flush: "post" }), n({ get scrollOffset() {
-    return s.T();
-  }, get scrollSize() {
-    return ((r) => P(r.N(), r.B()))(s);
-  }, get viewportSize() {
-    return s.B();
-  }, findStartIndex: s.v, findEndIndex: s.S, getItemOffset: s.k, getItemSize: s.O, scrollToIndex: b.ie, scrollTo: b.ne, scrollBy: b.se }), () => {
-    const r = e.as, f = e.item, a = L.value, g = [], B = (c) => {
-      var h;
-      const N = i.default({ item: e.data[c], index: c })[0];
-      return J(Me, { key: Te(N, c), L: m, W: s, Y: d.te, D: c, X: N, U: v, G: p, K: f, Z: (h = e.itemProps) === null || h === void 0 ? void 0 : h.call(e, { item: e.data[c], index: c }) }, null, 8, ["L", "W", "Y", "D", "X", "U", "G", "K", "Z"]);
-    };
-    if (e.keepMounted) {
-      const c = new Set(e.keepMounted);
-      for (let [h, N] = M.value; h <= N; h++) c.add(h);
-      ce([...c]).forEach(((h) => {
-        g.push(B(h));
-      }));
-    } else for (let [c, h] = M.value; c <= h; c++) g.push(B(c));
-    return J(r, { ref: y, style: { contain: "size paint style", overflowAnchor: "none", overflow: "clip", flex: "none", position: "relative", width: v ? a + "px" : "100%", height: v ? "100%" : a + "px", pointerEvents: T.value ? "none" : void 0 } }, typeof (k = g) == "function" || Object.prototype.toString.call(k) === "[object Object]" && !ae(k) ? g : { default: () => [g], _: 2 }, 8, ["style"]);
-    var k;
-  };
-} });
-export {
-  Ne as Virtualizer
-};

package/dist/kongponents.es246.js

@@ -1,97 +0,0 @@
-import { defineComponent as K, computed as g, useTemplateRef as $, createElementBlock as d, openBlock as l, createBlock as u, createCommentVNode as h, Fragment as m, renderList as f, withCtx as S, renderSlot as v, createElementVNode as p, toDisplayString as y, createTextVNode as V } from "vue";
-import w from "./kongponents.es199.js";
-const D = { ref: "itemsContainer" }, O = { class: "select-group-title" }, R = { class: "select-item-description" }, I = ".select-item button:not(:disabled)", q = '.select-item[aria-selected="true"] button:not(:disabled)', G = /* @__PURE__ */ K({
-  __name: "KSelectItems",
-  props: {
-    items: { default: () => [] },
-    itemCreationEnabled: { type: Boolean },
-    filterString: { default: "" },
-    itemCreationValid: { type: Boolean, default: !0 }
-  },
-  emits: ["selected", "add-item"],
-  setup(s, { expose: k, emit: A }) {
-    const L = A, C = (n) => L("selected", n), T = g(() => {
-      var n;
-      return (n = s.items) == null ? void 0 : n.filter((t) => !t.group);
-    }), b = g(() => {
-      var n, t;
-      return [...new Set((t = (n = s.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()));
-    }), x = (n) => {
-      var t;
-      return (t = s.items) == null ? void 0 : t.filter((e) => e.group === n);
-    }, E = $("itemsContainer"), B = (n) => {
-      var i, c;
-      const t = E.value;
-      if (!t)
-        return;
-      const e = t.querySelectorAll(I);
-      if (!(e != null && e.length))
-        return;
-      const o = t.querySelector(q);
-      if (o) {
-        const r = [...e].indexOf(o);
-        (i = e[n === "down" ? r + 1 : r - 1]) == null || i.focus();
-      } else
-        (c = e[n === "down" ? 0 : e.length - 1]) == null || c.focus();
-    }, a = ({ target: n, key: t }) => {
-      var e;
-      if (t === "ArrowDown" || t === "ArrowUp") {
-        const o = (e = E.value) == null ? void 0 : e.querySelectorAll(I);
-        if (o != null && o.length) {
-          const i = [...o].indexOf(n), c = t === "ArrowDown" ? i + 1 : i - 1, r = o[c];
-          r == null || r.focus();
-        }
-      }
-    };
-    return k({ setFocus: B }), (n, t) => (l(), d("div", D, [
-      (l(!0), d(m, null, f(T.value, (e) => (l(), u(w, {
-        key: e.key,
-        item: e,
-        onKeydown: a,
-        onSelected: C
-      }, {
-        content: S(() => [
-          v(n.$slots, "content", { item: e }, void 0, !0)
-        ]),
-        _: 2
-      }, 1032, ["item"]))), 128)),
-      (l(!0), d(m, null, f(b.value, (e) => (l(), d("div", {
-        key: `${e}-group`,
-        class: "select-group",
-        "data-propagate-clicks": "false"
-      }, [
-        p("span", O, y(e), 1),
-        (l(!0), d(m, null, f(x(e), (o) => (l(), u(w, {
-          key: o.key,
-          item: o,
-          onKeydown: a,
-          onSelected: C
-        }, {
-          content: S(() => [
-            v(n.$slots, "content", { item: o }, void 0, !0)
-          ]),
-          _: 2
-        }, 1032, ["item"]))), 128))
-      ]))), 128)),
-      s.itemCreationEnabled ? (l(), u(w, {
-        key: "select-add-item",
-        class: "select-add-item",
-        "data-testid": "select-add-item",
-        item: { label: `${s.filterString} (Add new value)`, value: "add_item", disabled: !s.itemCreationValid },
-        onKeydown: a,
-        onSelected: t[0] || (t[0] = (e) => n.$emit("add-item"))
-      }, {
-        content: S(() => [
-          p("div", R, [
-            V(y(s.filterString) + " ", 1),
-            t[1] || (t[1] = p("span", { class: "select-item-new-indicator" }, "(Add new value)", -1))
-          ])
-        ]),
-        _: 1
-      }, 8, ["item"])) : h("", !0)
-    ], 512));
-  }
-});
-export {
-  G as default
-};

package/dist/kongponents.es248.js

@@ -1,47 +0,0 @@
-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: "select-item-container" }, $ = ["disabled", "value"], h = { class: "select-item-label" }, K = /* @__PURE__ */ r({
-  __name: "KSelectItem",
-  props: {
-    item: {}
-  },
-  emits: ["selected", "arrow-down", "arrow-up"],
-  setup(e, { emit: o }) {
-    const a = o, d = (t) => {
-      if (e.item.disabled) {
-        t.stopPropagation();
-        return;
-      }
-      a("selected", e.item);
-    };
-    return (t, i) => (u(), c("div", {
-      key: e.item.key,
-      "aria-selected": e.item.selected,
-      class: "select-item",
-      "data-testid": `select-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: d,
-          onKeydown: [
-            i[0] || (i[0] = s(n((m) => t.$emit("arrow-down"), ["prevent"]), ["down"])),
-            i[1] || (i[1] = s(n((m) => t.$emit("arrow-up"), ["prevent"]), ["up"]))
-          ]
-        }, [
-          l("span", h, [
-            w(t.$slots, "content", {}, () => [
-              b(f(e.item.label), 1)
-            ], !0)
-          ])
-        ], 42, $)
-      ])
-    ], 8, k));
-  }
-});
-export {
-  K as default
-};