@kong/kongponents 9.64.4 → 9.64.5

package/dist/kongponents282.es.js

@@ -1,7 +1,377 @@
-function n(t) {
-  var e = typeof t;
-  return t != null && (e == "object" || e == "function");
+import { evaluate as j, getSideAxis as T, getSide as L, clamp as X, getOppositePlacement as q, getExpandedPlacements as z, getOppositeAxisPlacements as G, getAlignmentSides as U, placements as I, getAlignment as D, getOppositeAxis as H, getOppositeAlignmentPlacement as J, getAlignmentAxis as K, getPaddingObject as Q, rectToClientRect as Y, getAxisLength as Z } from "./kongponents283.es.js";
+function N(t, i, f) {
+  let {
+    reference: n,
+    floating: e
+  } = t;
+  const o = T(i), s = K(i), l = Z(s), g = L(i), A = o === "y", x = n.x + n.width / 2 - e.width / 2, a = n.y + n.height / 2 - e.height / 2, c = n[l] / 2 - e[l] / 2;
+  let r;
+  switch (g) {
+    case "top":
+      r = {
+        x,
+        y: n.y - e.height
+      };
+      break;
+    case "bottom":
+      r = {
+        x,
+        y: n.y + n.height
+      };
+      break;
+    case "right":
+      r = {
+        x: n.x + n.width,
+        y: a
+      };
+      break;
+    case "left":
+      r = {
+        x: n.x - e.width,
+        y: a
+      };
+      break;
+    default:
+      r = {
+        x: n.x,
+        y: n.y
+      };
+  }
+  switch (D(i)) {
+    case "start":
+      r[s] -= c * (f && A ? -1 : 1);
+      break;
+    case "end":
+      r[s] += c * (f && A ? -1 : 1);
+      break;
+  }
+  return r;
 }
+async function ee(t, i) {
+  var f;
+  i === void 0 && (i = {});
+  const {
+    x: n,
+    y: e,
+    platform: o,
+    rects: s,
+    elements: l,
+    strategy: g
+  } = t, {
+    boundary: A = "clippingAncestors",
+    rootBoundary: x = "viewport",
+    elementContext: a = "floating",
+    altBoundary: c = !1,
+    padding: r = 0
+  } = j(i, t), m = Q(r), h = l[c ? a === "floating" ? "reference" : "floating" : a], d = Y(await o.getClippingRect({
+    element: (f = await (o.isElement == null ? void 0 : o.isElement(h))) == null || f ? h : h.contextElement || await (o.getDocumentElement == null ? void 0 : o.getDocumentElement(l.floating)),
+    boundary: A,
+    rootBoundary: x,
+    strategy: g
+  })), u = a === "floating" ? {
+    x: n,
+    y: e,
+    width: s.floating.width,
+    height: s.floating.height
+  } : s.reference, p = await (o.getOffsetParent == null ? void 0 : o.getOffsetParent(l.floating)), y = await (o.isElement == null ? void 0 : o.isElement(p)) ? await (o.getScale == null ? void 0 : o.getScale(p)) || {
+    x: 1,
+    y: 1
+  } : {
+    x: 1,
+    y: 1
+  }, P = Y(o.convertOffsetParentRelativeRectToViewportRelativeRect ? await o.convertOffsetParentRelativeRectToViewportRelativeRect({
+    elements: l,
+    rect: u,
+    offsetParent: p,
+    strategy: g
+  }) : u);
+  return {
+    top: (d.top - P.top + m.top) / y.y,
+    bottom: (P.bottom - d.bottom + m.bottom) / y.y,
+    left: (d.left - P.left + m.left) / y.x,
+    right: (P.right - d.right + m.right) / y.x
+  };
+}
+const te = 50, oe = async (t, i, f) => {
+  const {
+    placement: n = "bottom",
+    strategy: e = "absolute",
+    middleware: o = [],
+    platform: s
+  } = f, l = s.detectOverflow ? s : {
+    ...s,
+    detectOverflow: ee
+  }, g = await (s.isRTL == null ? void 0 : s.isRTL(i));
+  let A = await s.getElementRects({
+    reference: t,
+    floating: i,
+    strategy: e
+  }), {
+    x,
+    y: a
+  } = N(A, n, g), c = n, r = 0;
+  const m = {};
+  for (let w = 0; w < o.length; w++) {
+    const h = o[w];
+    if (!h)
+      continue;
+    const {
+      name: d,
+      fn: u
+    } = h, {
+      x: p,
+      y,
+      data: P,
+      reset: O
+    } = await u({
+      x,
+      y: a,
+      initialPlacement: n,
+      placement: c,
+      strategy: e,
+      middlewareData: m,
+      rects: A,
+      platform: l,
+      elements: {
+        reference: t,
+        floating: i
+      }
+    });
+    x = p ?? x, a = y ?? a, m[d] = {
+      ...m[d],
+      ...P
+    }, O && r < te && (r++, typeof O == "object" && (O.placement && (c = O.placement), O.rects && (A = O.rects === !0 ? await s.getElementRects({
+      reference: t,
+      floating: i,
+      strategy: e
+    }) : O.rects), {
+      x,
+      y: a
+    } = N(A, c, g)), w = -1);
+  }
+  return {
+    x,
+    y: a,
+    placement: c,
+    strategy: e,
+    middlewareData: m
+  };
+};
+function ne(t, i, f) {
+  return (t ? [...f.filter((e) => D(e) === t), ...f.filter((e) => D(e) !== t)] : f.filter((e) => L(e) === e)).filter((e) => t ? D(e) === t || (i ? J(e) !== e : !1) : !0);
+}
+const le = function(t) {
+  return t === void 0 && (t = {}), {
+    name: "autoPlacement",
+    options: t,
+    async fn(i) {
+      var f, n, e;
+      const {
+        rects: o,
+        middlewareData: s,
+        placement: l,
+        platform: g,
+        elements: A
+      } = i, {
+        crossAxis: x = !1,
+        alignment: a,
+        allowedPlacements: c = I,
+        autoAlignment: r = !0,
+        ...m
+      } = j(t, i), w = a !== void 0 || c === I ? ne(a || null, r, c) : c, h = await g.detectOverflow(i, m), d = ((f = s.autoPlacement) == null ? void 0 : f.index) || 0, u = w[d];
+      if (u == null)
+        return {};
+      const p = U(u, o, await (g.isRTL == null ? void 0 : g.isRTL(A.floating)));
+      if (l !== u)
+        return {
+          reset: {
+            placement: w[0]
+          }
+        };
+      const y = [h[L(u)], h[p[0]], h[p[1]]], P = [...((n = s.autoPlacement) == null ? void 0 : n.overflows) || [], {
+        placement: u,
+        overflows: y
+      }], O = w[d + 1];
+      if (O)
+        return {
+          data: {
+            index: d + 1,
+            overflows: P
+          },
+          reset: {
+            placement: O
+          }
+        };
+      const B = P.map((v) => {
+        const S = D(v.placement);
+        return [v.placement, S && x ? (
+          // Check along the mainAxis and main crossAxis side.
+          v.overflows.slice(0, 2).reduce((_, $) => _ + $, 0)
+        ) : (
+          // Check only the mainAxis.
+          v.overflows[0]
+        ), v.overflows];
+      }).sort((v, S) => v[1] - S[1]), k = ((e = B.filter((v) => v[2].slice(
+        0,
+        // Aligned placements should not check their opposite crossAxis
+        // side.
+        D(v[0]) ? 2 : 3
+      ).every((S) => S <= 0))[0]) == null ? void 0 : e[0]) || B[0][0];
+      return k !== l ? {
+        data: {
+          index: d + 1,
+          overflows: P
+        },
+        reset: {
+          placement: k
+        }
+      } : {};
+    }
+  };
+}, se = function(t) {
+  return t === void 0 && (t = {}), {
+    name: "flip",
+    options: t,
+    async fn(i) {
+      var f, n;
+      const {
+        placement: e,
+        middlewareData: o,
+        rects: s,
+        initialPlacement: l,
+        platform: g,
+        elements: A
+      } = i, {
+        mainAxis: x = !0,
+        crossAxis: a = !0,
+        fallbackPlacements: c,
+        fallbackStrategy: r = "bestFit",
+        fallbackAxisSideDirection: m = "none",
+        flipAlignment: w = !0,
+        ...h
+      } = j(t, i);
+      if ((f = o.arrow) != null && f.alignmentOffset)
+        return {};
+      const d = L(e), u = T(l), p = L(l) === l, y = await (g.isRTL == null ? void 0 : g.isRTL(A.floating)), P = c || (p || !w ? [q(l)] : z(l)), O = m !== "none";
+      !c && O && P.push(...G(l, w, m, y));
+      const B = [l, ...P], M = await g.detectOverflow(i, h), k = [];
+      let v = ((n = o.flip) == null ? void 0 : n.overflows) || [];
+      if (x && k.push(M[d]), a) {
+        const C = U(e, s, y);
+        k.push(M[C[0]], M[C[1]]);
+      }
+      if (v = [...v, {
+        placement: e,
+        overflows: k
+      }], !k.every((C) => C <= 0)) {
+        var S, _;
+        const C = (((S = o.flip) == null ? void 0 : S.index) || 0) + 1, V = B[C];
+        if (V && (!(a === "alignment" ? u !== T(V) : !1) || // We leave the current main axis only if every placement on that axis
+        // overflows the main axis.
+        v.every((b) => T(b.placement) === u ? b.overflows[0] > 0 : !0)))
+          return {
+            data: {
+              index: C,
+              overflows: v
+            },
+            reset: {
+              placement: V
+            }
+          };
+        let F = (_ = v.filter((E) => E.overflows[0] <= 0).sort((E, b) => E.overflows[1] - b.overflows[1])[0]) == null ? void 0 : _.placement;
+        if (!F)
+          switch (r) {
+            case "bestFit": {
+              var $;
+              const E = ($ = v.filter((b) => {
+                if (O) {
+                  const R = T(b.placement);
+                  return R === u || // Create a bias to the `y` side axis due to horizontal
+                  // reading directions favoring greater width.
+                  R === "y";
+                }
+                return !0;
+              }).map((b) => [b.placement, b.overflows.filter((R) => R > 0).reduce((R, W) => R + W, 0)]).sort((b, R) => b[1] - R[1])[0]) == null ? void 0 : $[0];
+              E && (F = E);
+              break;
+            }
+            case "initialPlacement":
+              F = l;
+              break;
+          }
+        if (e !== F)
+          return {
+            reset: {
+              placement: F
+            }
+          };
+      }
+      return {};
+    }
+  };
+}, ae = function(t) {
+  return t === void 0 && (t = {}), {
+    name: "shift",
+    options: t,
+    async fn(i) {
+      const {
+        x: f,
+        y: n,
+        placement: e,
+        platform: o
+      } = i, {
+        mainAxis: s = !0,
+        crossAxis: l = !1,
+        limiter: g = {
+          fn: (d) => {
+            let {
+              x: u,
+              y: p
+            } = d;
+            return {
+              x: u,
+              y: p
+            };
+          }
+        },
+        ...A
+      } = j(t, i), x = {
+        x: f,
+        y: n
+      }, a = await o.detectOverflow(i, A), c = T(L(e)), r = H(c);
+      let m = x[r], w = x[c];
+      if (s) {
+        const d = r === "y" ? "top" : "left", u = r === "y" ? "bottom" : "right", p = m + a[d], y = m - a[u];
+        m = X(p, m, y);
+      }
+      if (l) {
+        const d = c === "y" ? "top" : "left", u = c === "y" ? "bottom" : "right", p = w + a[d], y = w - a[u];
+        w = X(p, w, y);
+      }
+      const h = g.fn({
+        ...i,
+        [r]: m,
+        [c]: w
+      });
+      return {
+        ...h,
+        data: {
+          x: h.x - f,
+          y: h.y - n,
+          enabled: {
+            [r]: s,
+            [c]: l
+          }
+        }
+      };
+    }
+  };
+};
 export {
-  n as default
+  le as autoPlacement,
+  oe as computePosition,
+  ee as detectOverflow,
+  se as flip,
+  Y as rectToClientRect,
+  ae as shift
 };

package/dist/kongponents283.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./kongponents301.cjs");var t=function(){return e.default.Date.now()};exports.default=t;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const p=["top","right","bottom","left"],l=["start","end"],y=p.reduce((t,e)=>t.concat(e,e+"-"+l[0],e+"-"+l[1]),[]),d=Math.min,h=Math.max,S=Math.round,M=Math.floor,j=t=>({x:t,y:t}),C={left:"right",right:"left",bottom:"top",top:"bottom"};function w(t,e,n){return h(t,d(e,n))}function L(t,e){return typeof t=="function"?t(e):t}function a(t){return t.split("-")[0]}function u(t){return t.split("-")[1]}function x(t){return t==="x"?"y":"x"}function b(t){return t==="y"?"height":"width"}function A(t){const e=t[0];return e==="t"||e==="b"?"y":"x"}function P(t){return x(A(t))}function T(t,e,n){n===void 0&&(n=!1);const r=u(t),i=P(t),o=b(i);let c=i==="x"?r===(n?"end":"start")?"right":"left":r==="start"?"bottom":"top";return e.reference[o]>e.floating[o]&&(c=g(c)),[c,g(c)]}function E(t){const e=g(t);return[s(t),e,s(e)]}function s(t){return t.includes("start")?t.replace("start","end"):t.replace("end","start")}const m=["left","right"],f=["right","left"],R=["top","bottom"],v=["bottom","top"];function k(t,e,n){switch(t){case"top":case"bottom":return n?e?f:m:e?m:f;case"left":case"right":return e?R:v;default:return[]}}function q(t,e,n,r){const i=u(t);let o=k(a(t),n==="start",r);return i&&(o=o.map(c=>c+"-"+i),e&&(o=o.concat(o.map(s)))),o}function g(t){const e=a(t);return C[e]+t.slice(e.length)}function O(t){return{top:0,right:0,bottom:0,left:0,...t}}function z(t){return typeof t!="number"?O(t):{top:t,right:t,bottom:t,left:t}}function B(t){const{x:e,y:n,width:r,height:i}=t;return{width:r,height:i,top:n,left:e,right:e+r,bottom:n+i,x:e,y:n}}exports.alignments=l;exports.clamp=w;exports.createCoords=j;exports.evaluate=L;exports.expandPaddingObject=O;exports.floor=M;exports.getAlignment=u;exports.getAlignmentAxis=P;exports.getAlignmentSides=T;exports.getAxisLength=b;exports.getExpandedPlacements=E;exports.getOppositeAlignmentPlacement=s;exports.getOppositeAxis=x;exports.getOppositeAxisPlacements=q;exports.getOppositePlacement=g;exports.getPaddingObject=z;exports.getSide=a;exports.getSideAxis=A;exports.max=h;exports.min=d;exports.placements=y;exports.rectToClientRect=B;exports.round=S;exports.sides=p;

package/dist/kongponents283.es.js

@@ -1,7 +1,130 @@
-import o from "./kongponents301.es.js";
-var t = function() {
-  return o.Date.now();
+const h = ["top", "right", "bottom", "left"], f = ["start", "end"], C = /* @__PURE__ */ h.reduce((t, n) => t.concat(n, n + "-" + f[0], n + "-" + f[1]), []), p = Math.min, x = Math.max, j = Math.round, L = Math.floor, E = (t) => ({
+  x: t,
+  y: t
+}), b = {
+  left: "right",
+  right: "left",
+  bottom: "top",
+  top: "bottom"
 };
+function R(t, n, e) {
+  return x(t, p(n, e));
+}
+function T(t, n) {
+  return typeof t == "function" ? t(n) : t;
+}
+function g(t) {
+  return t.split("-")[0];
+}
+function m(t) {
+  return t.split("-")[1];
+}
+function d(t) {
+  return t === "x" ? "y" : "x";
+}
+function A(t) {
+  return t === "y" ? "height" : "width";
+}
+function P(t) {
+  const n = t[0];
+  return n === "t" || n === "b" ? "y" : "x";
+}
+function y(t) {
+  return d(P(t));
+}
+function k(t, n, e) {
+  e === void 0 && (e = !1);
+  const r = m(t), i = y(t), o = A(i);
+  let c = i === "x" ? r === (e ? "end" : "start") ? "right" : "left" : r === "start" ? "bottom" : "top";
+  return n.reference[o] > n.floating[o] && (c = u(c)), [c, u(c)];
+}
+function q(t) {
+  const n = u(t);
+  return [s(t), n, s(n)];
+}
+function s(t) {
+  return t.includes("start") ? t.replace("start", "end") : t.replace("end", "start");
+}
+const l = ["left", "right"], a = ["right", "left"], O = ["top", "bottom"], M = ["bottom", "top"];
+function S(t, n, e) {
+  switch (t) {
+    case "top":
+    case "bottom":
+      return e ? n ? a : l : n ? l : a;
+    case "left":
+    case "right":
+      return n ? O : M;
+    default:
+      return [];
+  }
+}
+function z(t, n, e, r) {
+  const i = m(t);
+  let o = S(g(t), e === "start", r);
+  return i && (o = o.map((c) => c + "-" + i), n && (o = o.concat(o.map(s)))), o;
+}
+function u(t) {
+  const n = g(t);
+  return b[n] + t.slice(n.length);
+}
+function w(t) {
+  return {
+    top: 0,
+    right: 0,
+    bottom: 0,
+    left: 0,
+    ...t
+  };
+}
+function B(t) {
+  return typeof t != "number" ? w(t) : {
+    top: t,
+    right: t,
+    bottom: t,
+    left: t
+  };
+}
+function D(t) {
+  const {
+    x: n,
+    y: e,
+    width: r,
+    height: i
+  } = t;
+  return {
+    width: r,
+    height: i,
+    top: e,
+    left: n,
+    right: n + r,
+    bottom: e + i,
+    x: n,
+    y: e
+  };
+}
 export {
-  t as default
+  f as alignments,
+  R as clamp,
+  E as createCoords,
+  T as evaluate,
+  w as expandPaddingObject,
+  L as floor,
+  m as getAlignment,
+  y as getAlignmentAxis,
+  k as getAlignmentSides,
+  A as getAxisLength,
+  q as getExpandedPlacements,
+  s as getOppositeAlignmentPlacement,
+  d as getOppositeAxis,
+  z as getOppositeAxisPlacements,
+  u as getOppositePlacement,
+  B as getPaddingObject,
+  g as getSide,
+  P as getSideAxis,
+  x as max,
+  p as min,
+  C as placements,
+  D as rectToClientRect,
+  j as round,
+  h as sides
 };

package/dist/kongponents284.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const f=require("./kongponents328.cjs"),i=require("./kongponents282.cjs"),n=require("./kongponents304.cjs");var s=NaN,o=/^[-+]0x[0-9a-f]+$/i,c=/^0b[01]+$/i,d=/^0o[0-7]+$/i,b=parseInt;function a(r){if(typeof r=="number")return r;if(n.default(r))return s;if(i.default(r)){var t=typeof r.valueOf=="function"?r.valueOf():r;r=i.default(t)?t+"":t}if(typeof r!="string")return r===0?r:+r;r=f.default(r);var e=c.test(r);return e||d.test(r)?b(r.slice(2),e?2:8):o.test(r)?s:+r}exports.default=a;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),r=require("./kongponents199.cjs"),p={ref:"itemsContainer"},B={key:1,class:"select-group","data-propagate-clicks":"false"},g={class:"select-group-title"},v={class:"select-item-description"},u=".select-item button:not(:disabled)",w='.select-item[aria-selected="true"] button:not(:disabled)',C=e.defineComponent({__name:"KSelectItems",props:{items:{default:()=>[]},itemCreationEnabled:{type:Boolean},filterString:{default:""},itemCreationValid:{type:Boolean,default:!0}},emits:["selected","add-item"],setup(i,{expose:f,emit:E}){const k=E,a=n=>"items"in n&&Array.isArray(n.items),d=n=>k("selected",n),m=e.useTemplateRef("itemsContainer"),S=n=>{const o=m.value;if(!o)return;const t=o.querySelectorAll(u);if(!t?.length)return;const s=o.querySelector(w);if(s){const l=[...t].indexOf(s);t[n==="down"?l+1:l-1]?.focus()}else t[n==="down"?0:t.length-1]?.focus()},c=({target:n,key:o})=>{if(o==="ArrowDown"||o==="ArrowUp"){const t=m.value?.querySelectorAll(u);if(t?.length){const s=[...t].indexOf(n),l=o==="ArrowDown"?s+1:s-1;t[l]?.focus()}}};return f({setFocus:S}),(n,o)=>(e.openBlock(),e.createElementBlock("div",p,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(i.items,(t,s)=>(e.openBlock(),e.createElementBlock(e.Fragment,{key:a(t)?`${t.key||t.label}-group`:t.key||t.value||s},[a(t)?(e.openBlock(),e.createElementBlock("div",B,[e.createElementVNode("span",g,e.toDisplayString(t.label),1),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.items,l=>(e.openBlock(),e.createBlock(r.default,{key:l.key,item:l,onKeydown:c,onSelected:d},{content:e.withCtx(()=>[e.renderSlot(n.$slots,"content",{item:l},void 0,!0)]),_:2},1032,["item"]))),128))])):(e.openBlock(),e.createBlock(r.default,{key:0,item:t,onKeydown:c,onSelected:d},{content:e.withCtx(()=>[e.renderSlot(n.$slots,"content",{item:t},void 0,!0)]),_:2},1032,["item"]))],64))),128)),i.itemCreationEnabled?(e.openBlock(),e.createBlock(r.default,{key:"select-add-item",class:"select-add-item","data-testid":"select-add-item",item:{label:`${i.filterString} (Add new value)`,value:"add_item",disabled:!i.itemCreationValid},onKeydown:c,onSelected:o[0]||(o[0]=t=>n.$emit("add-item"))},{content:e.withCtx(()=>[e.createElementVNode("div",v,[e.createTextVNode(e.toDisplayString(i.filterString)+" ",1),o[1]||(o[1]=e.createElementVNode("span",{class:"select-item-new-indicator"},"(Add new value)",-1))])]),_:1},8,["item"])):e.createCommentVNode("",!0)],512))}});exports.default=C;

package/dist/kongponents284.es.js

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

package/dist/kongponents286.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("./kongponents329.cjs");function r(e){return e==null?"":t.default(e)}exports.default=r;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),a=["aria-selected","data-testid"],r={class:"select-item-container"},c=["disabled","value"],m={class:"select-item-label"},u=e.defineComponent({__name:"KSelectItem",props:{item:{}},emits:["selected","arrow-down","arrow-up"],setup(t,{emit:s}){const n=s,o=i=>{if(t.item.disabled){i.stopPropagation();return}n("selected",t.item)};return(i,l)=>(e.openBlock(),e.createElementBlock("div",{key:t.item.key,"aria-selected":t.item.selected,class:"select-item","data-testid":`select-item-${t.item.value}`,role:"option"},[e.createElementVNode("div",r,[e.createElementVNode("button",{class:e.normalizeClass({selected:t.item.selected}),disabled:t.item.disabled===!0?!0:void 0,type:"button",value:t.item.value,onClick:o,onKeydown:[l[0]||(l[0]=e.withKeys(e.withModifiers(d=>i.$emit("arrow-down"),["prevent"]),["down"])),l[1]||(l[1]=e.withKeys(e.withModifiers(d=>i.$emit("arrow-up"),["prevent"]),["up"]))]},[e.createElementVNode("span",m,[e.renderSlot(i.$slots,"content",{},()=>[e.createTextVNode(e.toDisplayString(t.item.label),1)],!0)])],42,c)])],8,a))}});exports.default=u;