@kong/kongponents 9.65.2 → 9.65.3

package/dist/kongponents285.es.js

@@ -1,8 +1,248 @@
-function r(e) {
-  return function(n) {
-    return n?.[e];
-  };
-}
+import { defineComponent as X, useCssVars as Y, useAttrs as Z, ref as r, useTemplateRef as A, computed as i, onMounted as _, resolveComponent as ee, openBlock as y, createBlock as k, unref as O, withCtx as v, createElementVNode as h, createVNode as g, createTextVNode as S, renderSlot as te, normalizeProps as le, guardReactiveProps as ae, createElementBlock as oe, createCommentVNode as ie, toDisplayString as ue, mergeProps as re, withModifiers as ne, nextTick as se } from "vue";
+import { KUI_SPACE_30 as ce } from "./kongponents183.es.js";
+import ve from "./kongponents62.es.js";
+import de from "./kongponents55.es.js";
+import B from "./kongponents66.es.js";
+import fe from "./kongponents60.es.js";
+import me from "./kongponents411.es.js";
+const pe = {
+  class: "filter-content",
+  "data-testid": "filter-pill-content"
+}, ye = { class: "default-layout" }, be = {
+  key: 0,
+  class: "operator"
+}, Ve = { class: "value" }, Ce = { class: "footer" }, qe = /* @__PURE__ */ X({
+  inheritAttrs: !1,
+  __name: "FilterPill",
+  props: {
+    filter: {},
+    initOpen: { type: Boolean, default: !1 },
+    selection: { default: () => {
+    } },
+    custom: { type: Boolean, default: !1 }
+  },
+  emits: ["apply", "close", "open", "clear"],
+  setup(e, { emit: E }) {
+    Y((t) => ({
+      f988e390: N.value
+    }));
+    const K = Z(), b = E, d = r(!1), V = A("filterPopper"), u = r(), n = r(), s = r(), c = r(), C = r(), x = r(), P = r(!0), U = A("inputField"), f = i(() => e.custom ? "custom" : e.filter.options && !e.filter.multiple ? "select" : e.filter.options && e.filter.multiple ? "multiselect" : "input"), F = i(() => {
+      switch (f.value) {
+        case "input":
+          return !n.value || n.value === "";
+        case "select":
+          return !s.value;
+        case "multiselect":
+          return !c.value || c.value.length === 0;
+        case "custom":
+          return !P.value;
+        default:
+          return !1;
+      }
+    }), m = i(() => e.filter.operators && e.filter.operators.length ? e.filter.operators : ["eq"]), T = (t) => {
+      u.value = t;
+    }, D = (t, l) => {
+      C.value = t, x.value = l;
+    }, I = (t) => {
+      P.value = t;
+    }, M = i(() => ({
+      value: C.value,
+      text: x.value,
+      options: e.filter.options,
+      multiple: e.filter.multiple,
+      operators: m.value,
+      operator: u.value,
+      setOperator: T,
+      setValue: D,
+      setApplyState: I
+    })), N = i(() => m.value.some((t) => t === "lte" || t === "gte") ? "205px" : "120px"), L = i(() => {
+      let t, l;
+      switch (f.value) {
+        case "input":
+          t = n.value, l = n.value;
+          break;
+        case "select":
+          t = s.value, l = e.filter?.options?.find(({ value: a }) => a === s.value)?.label ?? s.value?.toString();
+          break;
+        case "multiselect":
+          t = c.value, l = c.value?.map((a) => e.filter.options?.find(({ value: o }) => o === a))?.filter((a) => a !== void 0)?.map(({ label: a }) => a)?.join(", ");
+          break;
+        case "custom":
+          t = C.value, l = x.value;
+          break;
+      }
+      if (!(u.value === void 0 || t === void 0 || l === void 0))
+        return {
+          operator: u.value,
+          value: t,
+          text: l
+        };
+    }), R = i(() => {
+      if (e.selection?.operatorDelimiter !== void 0)
+        return e.selection.operatorDelimiter;
+      switch (e.selection?.operator) {
+        case "eq":
+          return " = ";
+        case "neq":
+          return " ≠ ";
+        case "lt":
+          return " < ";
+        case "lte":
+          return " ≤ ";
+        case "gt":
+          return " > ";
+        case "gte":
+          return " ≥ ";
+        default:
+          return ": ";
+      }
+    }), w = i(() => {
+      const t = {
+        eq: "Equals",
+        neq: "Not equals",
+        contains: "Contains",
+        exists: "Exists",
+        lt: "Less than",
+        lte: "Less than or equal to",
+        gt: "Greater than",
+        gte: "Greater than or equal to"
+      };
+      return m.value.map((l) => ({
+        label: t[l],
+        value: l
+      }));
+    }), $ = i(() => w.value.find(({ value: t }) => t === u.value)?.label ?? ""), G = () => {
+      f.value === "input" && U.value?.input?.focus();
+    }, W = () => {
+      u.value = e.selection?.operator ?? m.value?.[0], n.value = typeof e.selection?.value == "string" ? e.selection.value : void 0, s.value = e.filter.options?.find(({ value: t }) => t === e.selection?.value)?.value, c.value = e.filter.options?.filter(({ value: t }) => {
+        if (Array.isArray(e.selection?.value))
+          return e.selection.value.includes(`${t}`);
+      }).map(({ value: t }) => t), C.value = e.selection?.value, x.value = e.selection?.text, P.value = !0;
+    }, q = async () => {
+      W(), V.value && (V.value.showPopover(), d.value = !0, await se(), G()), b("open");
+    }, p = () => {
+      V.value && (V.value.hidePopover(), d.value = !1), b("close");
+    };
+    _(() => {
+      e.initOpen && q();
+    });
+    const j = () => {
+      d.value && p();
+    }, z = () => {
+      b("apply", L.value), p();
+    }, H = () => {
+      p();
+    }, J = () => {
+      p(), b("clear");
+    }, Q = () => {
+      d.value ? p() : q();
+    };
+    return (t, l) => {
+      const a = ee("KButton");
+      return y(), k(ve, {
+        ref: "filterPopper",
+        "max-width": e.filter.maxWidth ?? "400px",
+        offset: `var(--kui-space-30, ${O(ce)})`,
+        placement: e.filter.placement ?? "bottom-start",
+        width: "auto",
+        onClose: j
+      }, {
+        default: v(() => [
+          g(me, re({
+            "content-label": e.selection?.text,
+            "data-testid": "filter-pill",
+            delimiter: R.value,
+            label: e.filter.label,
+            "pill-focus": d.value,
+            readonly: e.filter.readonly
+          }, O(K), {
+            onClear: J,
+            onClick: l[0] || (l[0] = ne(() => {
+            }, ["prevent", "stop"])),
+            onTrigger: Q
+          }), null, 16, ["content-label", "delimiter", "label", "pill-focus", "readonly"])
+        ]),
+        title: v(() => [
+          S(ue(e.filter.label), 1)
+        ]),
+        content: v(() => [
+          h("div", pe, [
+            te(t.$slots, "default", le(ae(M.value)), () => [
+              h("div", ye, [
+                m.value.length > 1 ? (y(), oe("div", be, [
+                  g(B, {
+                    modelValue: u.value,
+                    "onUpdate:modelValue": l[1] || (l[1] = (o) => u.value = o),
+                    items: w.value,
+                    "kpop-attributes": {
+                      popoverClasses: "force-operator-width"
+                    },
+                    label: "Operator",
+                    title: $.value
+                  }, null, 8, ["modelValue", "items", "title"])
+                ])) : ie("", !0),
+                h("div", Ve, [
+                  f.value === "select" ? (y(), k(B, {
+                    key: 0,
+                    modelValue: s.value,
+                    "onUpdate:modelValue": l[2] || (l[2] = (o) => s.value = o),
+                    "data-testid": "filter-pill-select",
+                    items: e.filter.options,
+                    label: "Value",
+                    placeholder: "Select a value"
+                  }, null, 8, ["modelValue", "items"])) : f.value === "multiselect" ? (y(), k(fe, {
+                    key: 1,
+                    modelValue: c.value,
+                    "onUpdate:modelValue": l[3] || (l[3] = (o) => c.value = o),
+                    "data-testid": "filter-pill-multiselect",
+                    items: e.filter.options,
+                    label: "Value",
+                    placeholder: "Select values"
+                  }, null, 8, ["modelValue", "items"])) : (y(), k(de, {
+                    key: 2,
+                    ref: "inputField",
+                    modelValue: n.value,
+                    "onUpdate:modelValue": l[4] || (l[4] = (o) => n.value = o),
+                    modelModifiers: { trim: !0 },
+                    "data-testid": "filter-pill-input",
+                    label: "Value",
+                    placeholder: "Enter a value"
+                  }, null, 8, ["modelValue"]))
+                ])
+              ])
+            ], !0)
+          ])
+        ]),
+        footer: v(() => [
+          h("div", Ce, [
+            g(a, {
+              appearance: "secondary",
+              "data-testid": "filter-pill-cancel",
+              onClick: H
+            }, {
+              default: v(() => [...l[5] || (l[5] = [
+                S(" Cancel ", -1)
+              ])]),
+              _: 1
+            }),
+            g(a, {
+              appearance: "primary",
+              "data-testid": "filter-pill-apply",
+              disabled: F.value,
+              onClick: z
+            }, {
+              default: v(() => [...l[6] || (l[6] = [
+                S(" Apply ", -1)
+              ])]),
+              _: 1
+            }, 8, ["disabled"])
+          ])
+        ]),
+        _: 3
+      }, 8, ["max-width", "offset", "placement"]);
+    };
+  }
+});
 export {
-  r as default
+  qe as default
 };

package/dist/kongponents287.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("./kongponents258.cjs"),s=require("./kongponents266.cjs");var i=/\.|\[(?:[^[\]]*|(["'])(?:(?!\1)[^\\]|\\.)*?\1)\]/,o=/^\w*$/;function u(e,t){if(n.default(e))return!1;var r=typeof e;return r=="number"||r=="symbol"||r=="boolean"||e==null||s.default(e)?!0:o.test(e)||!i.test(e)||t!=null&&e in Object(t)}exports.default=u;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),i=require("@kong/icons"),n=require("./kongponents38.cjs"),l={class:"pagination-offset-button-container"},u=e.defineComponent({__name:"PaginationOffset",props:{previousButtonDisabled:{type:Boolean,default:!1},nextButtonDisabled:{type:Boolean,default:!1}},emits:["getPreviousOffset","getNextOffset"],setup(o,{emit:s}){const a=s;return(d,t)=>(e.openBlock(),e.createElementBlock("div",l,[e.createVNode(n.default,{appearance:"tertiary","aria-label":"Go to the previous page",class:"pagination-button","data-testid":"previous-button",disabled:o.previousButtonDisabled,icon:"",size:"small",type:"button",onClick:t[0]||(t[0]=e.withModifiers(r=>a("getPreviousOffset"),["prevent"]))},{default:e.withCtx(()=>[e.createVNode(e.unref(i.BackIcon),{decorative:""})]),_:1},8,["disabled"]),e.createVNode(n.default,{appearance:"tertiary","aria-label":"Go to the next page",class:"pagination-button","data-testid":"next-button",disabled:o.nextButtonDisabled,icon:"",size:"small",type:"button",onClick:t[1]||(t[1]=e.withModifiers(r=>a("getNextOffset"),["prevent"]))},{default:e.withCtx(()=>[e.createVNode(e.unref(i.ForwardIcon),{decorative:""})]),_:1},8,["disabled"])]))}});exports.default=u;

package/dist/kongponents287.es.js

@@ -1,12 +1,57 @@
-import o from "./kongponents258.es.js";
-import n from "./kongponents266.es.js";
-var i = /\.|\[(?:[^[\]]*|(["'])(?:(?!\1)[^\\]|\\.)*?\1)\]/, s = /^\w*$/;
-function m(r, e) {
-  if (o(r))
-    return !1;
-  var t = typeof r;
-  return t == "number" || t == "symbol" || t == "boolean" || r == null || n(r) ? !0 : s.test(r) || !i.test(r) || e != null && r in Object(e);
-}
+import { defineComponent as u, openBlock as f, createElementBlock as p, createVNode as e, withModifiers as n, withCtx as i, unref as s } from "vue";
+import { BackIcon as c, ForwardIcon as b } from "@kong/icons";
+import r from "./kongponents38.es.js";
+const m = { class: "pagination-offset-button-container" }, y = /* @__PURE__ */ u({
+  __name: "PaginationOffset",
+  props: {
+    previousButtonDisabled: {
+      type: Boolean,
+      default: !1
+    },
+    nextButtonDisabled: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  emits: ["getPreviousOffset", "getNextOffset"],
+  setup(o, { emit: l }) {
+    const a = l;
+    return (v, t) => (f(), p("div", m, [
+      e(r, {
+        appearance: "tertiary",
+        "aria-label": "Go to the previous page",
+        class: "pagination-button",
+        "data-testid": "previous-button",
+        disabled: o.previousButtonDisabled,
+        icon: "",
+        size: "small",
+        type: "button",
+        onClick: t[0] || (t[0] = n((d) => a("getPreviousOffset"), ["prevent"]))
+      }, {
+        default: i(() => [
+          e(s(c), { decorative: "" })
+        ]),
+        _: 1
+      }, 8, ["disabled"]),
+      e(r, {
+        appearance: "tertiary",
+        "aria-label": "Go to the next page",
+        class: "pagination-button",
+        "data-testid": "next-button",
+        disabled: o.nextButtonDisabled,
+        icon: "",
+        size: "small",
+        type: "button",
+        onClick: t[1] || (t[1] = n((d) => a("getNextOffset"), ["prevent"]))
+      }, {
+        default: i(() => [
+          e(s(b), { decorative: "" })
+        ]),
+        _: 1
+      }, 8, ["disabled"])
+    ]));
+  }
+});
 export {
-  m as default
+  y as default
 };

package/dist/kongponents289.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});function e(){return[]}exports.default=e;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),r=require("./kongponents215.cjs"),B={ref:"itemsContainer","aria-live":"polite",class:"multiselect-items-container"},S={key:1,class:"multiselect-group"},v={class:"multiselect-group-title"},g={class:"select-item-description"},u=".multiselect-item button:not(:disabled)",w=e.defineComponent({__name:"KMultiselectItems",props:{items:{default:()=>[]},itemCreationEnabled:{type:Boolean},filterString:{default:""},itemCreationValid:{type:Boolean,default:!0}},emits:["selected","add-item"],setup(o,{expose:f,emit:k}){const p=k,a=l=>"items"in l&&Array.isArray(l.items),d=l=>p("selected",l),m=e.useTemplateRef("itemsContainer"),E=l=>{const n=m.value;if(!n)return;const t=n.querySelectorAll(u);t[l==="down"?0:t.length-1]?.focus()},c=({target:l,key:n})=>{if(n==="ArrowDown"||n==="ArrowUp"){const t=m.value?.querySelectorAll(u);if(t?.length){const s=[...t].indexOf(l),i=n==="ArrowDown"?s+1:s-1;t[i]?.focus()}}};return f({setFocus:E}),(l,n)=>(e.openBlock(),e.createElementBlock("div",B,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(o.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",S,[e.createElementVNode("span",v,e.toDisplayString(t.label),1),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.items,i=>(e.openBlock(),e.createBlock(r.default,{key:i.key,item:i,onKeydown:c,onSelected:d},{content:e.withCtx(()=>[e.renderSlot(l.$slots,"content",{item:i},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(l.$slots,"content",{item:t},void 0,!0)]),_:2},1032,["item"]))],64))),128)),o.itemCreationEnabled?(e.openBlock(),e.createBlock(r.default,{key:"multiselect-add-item",class:"multiselect-add-item","data-testid":"multiselect-add-item",item:{label:`${o.filterString} (Add new value)`,value:"add_item",disabled:!o.itemCreationValid},onKeydown:c,onSelected:n[0]||(n[0]=t=>l.$emit("add-item"))},{content:e.withCtx(()=>[e.createElementVNode("div",g,[e.createTextVNode(e.toDisplayString(o.filterString)+" ",1),n[1]||(n[1]=e.createElementVNode("span",{class:"select-item-new-indicator"},"(Add new value)",-1))])]),_:1},8,["item"])):e.createCommentVNode("",!0)],512))}});exports.default=w;

package/dist/kongponents289.es.js

@@ -1,6 +1,85 @@
-function r() {
-  return [];
-}
+import { defineComponent as x, useTemplateRef as y, openBlock as l, createElementBlock as s, Fragment as c, renderList as w, createBlock as d, withCtx as m, renderSlot as S, createElementVNode as u, toDisplayString as C, createTextVNode as B, createCommentVNode as K } from "vue";
+import f from "./kongponents215.es.js";
+const $ = {
+  ref: "itemsContainer",
+  "aria-live": "polite",
+  class: "multiselect-items-container"
+}, h = {
+  key: 1,
+  class: "multiselect-group"
+}, T = { class: "multiselect-group-title" }, V = { class: "select-item-description" }, b = ".multiselect-item button:not(:disabled)", F = /* @__PURE__ */ x({
+  __name: "KMultiselectItems",
+  props: {
+    items: { default: () => [] },
+    itemCreationEnabled: { type: Boolean },
+    filterString: { default: "" },
+    itemCreationValid: { type: Boolean, default: !0 }
+  },
+  emits: ["selected", "add-item"],
+  setup(i, { expose: g, emit: A }) {
+    const k = A, p = (t) => "items" in t && Array.isArray(t.items), E = (t) => k("selected", t), v = y("itemsContainer"), I = (t) => {
+      const n = v.value;
+      if (!n)
+        return;
+      const e = n.querySelectorAll(b);
+      e[t === "down" ? 0 : e.length - 1]?.focus();
+    }, r = ({ target: t, key: n }) => {
+      if (n === "ArrowDown" || n === "ArrowUp") {
+        const e = v.value?.querySelectorAll(b);
+        if (e?.length) {
+          const a = [...e].indexOf(t), o = n === "ArrowDown" ? a + 1 : a - 1;
+          e[o]?.focus();
+        }
+      }
+    };
+    return g({ setFocus: I }), (t, n) => (l(), s("div", $, [
+      (l(!0), s(c, null, w(i.items, (e, a) => (l(), s(c, {
+        key: p(e) ? `${e.key || e.label}-group` : e.key || e.value || a
+      }, [
+        p(e) ? (l(), s("div", h, [
+          u("span", T, C(e.label), 1),
+          (l(!0), s(c, null, w(e.items, (o) => (l(), d(f, {
+            key: o.key,
+            item: o,
+            onKeydown: r,
+            onSelected: E
+          }, {
+            content: m(() => [
+              S(t.$slots, "content", { item: o }, void 0, !0)
+            ]),
+            _: 2
+          }, 1032, ["item"]))), 128))
+        ])) : (l(), d(f, {
+          key: 0,
+          item: e,
+          onKeydown: r,
+          onSelected: E
+        }, {
+          content: m(() => [
+            S(t.$slots, "content", { item: e }, void 0, !0)
+          ]),
+          _: 2
+        }, 1032, ["item"]))
+      ], 64))), 128)),
+      i.itemCreationEnabled ? (l(), d(f, {
+        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: r,
+        onSelected: n[0] || (n[0] = (e) => t.$emit("add-item"))
+      }, {
+        content: m(() => [
+          u("div", V, [
+            B(C(i.filterString) + " ", 1),
+            n[1] || (n[1] = u("span", { class: "select-item-new-indicator" }, "(Add new value)", -1))
+          ])
+        ]),
+        _: 1
+      }, 8, ["item"])) : K("", !0)
+    ], 512));
+  }
+});
 export {
-  r as default
+  F as default
 };

package/dist/kongponents291.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./kongponents313.cjs"),u=require("./kongponents281.cjs"),f=require("./kongponents258.cjs"),s=require("./kongponents266.cjs");var i=e.default?e.default.prototype:void 0,n=i?i.toString:void 0;function o(r){if(typeof r=="string")return r;if(f.default(r))return u.default(r,o)+"";if(s.default(r))return n?n.call(r):"";var t=r+"";return t=="0"&&1/r==-1/0?"-0":t}exports.default=o;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),a=["aria-selected","data-testid"],m={class:"multiselect-item-container"},r=["disabled","value"],u={class:"multiselect-item-label"},c=e.defineComponent({__name:"KMultiselectItem",props:{item:{}},emits:["selected","arrow-down","arrow-up"],setup(t,{emit:s}){const n=s,d=()=>{t.item.disabled||n("selected",t.item)};return(l,i)=>(e.openBlock(),e.createElementBlock("div",{key:t.item.key||t.item.value,"aria-selected":t.item.selected,class:"multiselect-item","data-testid":`multiselect-item-${t.item.value}`,role:"option"},[e.createElementVNode("div",m,[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:d,onKeydown:[i[0]||(i[0]=e.withKeys(e.withModifiers(o=>l.$emit("arrow-down"),["prevent"]),["down"])),i[1]||(i[1]=e.withKeys(e.withModifiers(o=>l.$emit("arrow-up"),["prevent"]),["up"]))]},[e.createElementVNode("span",u,[e.renderSlot(l.$slots,"content",{},()=>[e.createTextVNode(e.toDisplayString(t.item.label),1)],!0)])],42,r)])],8,a))}});exports.default=c;

package/dist/kongponents291.es.js

@@ -1,18 +1,43 @@
-import t from "./kongponents313.es.js";
-import f from "./kongponents281.es.js";
-import m from "./kongponents258.es.js";
-import p from "./kongponents266.es.js";
-var i = t ? t.prototype : void 0, n = i ? i.toString : void 0;
-function y(r) {
-  if (typeof r == "string")
-    return r;
-  if (m(r))
-    return f(r, y) + "";
-  if (p(r))
-    return n ? n.call(r) : "";
-  var o = r + "";
-  return o == "0" && 1 / r == -1 / 0 ? "-0" : o;
-}
+import { defineComponent as r, openBlock as c, createElementBlock as u, createElementVNode as l, withKeys as s, withModifiers as n, normalizeClass as v, 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: a }) {
+    const d = a, o = () => {
+      e.item.disabled || d("selected", e.item);
+    };
+    return (i, t) => (c(), u("div", {
+      key: e.item.key || e.item.value,
+      "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: o,
+          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 {
-  y as default
+  K as default
 };

package/dist/kongponents293.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),r=require("./kongponents195.cjs"),B={ref:"itemsContainer","aria-live":"polite",class:"multiselect-items-container"},S={key:1,class:"multiselect-group"},v={class:"multiselect-group-title"},g={class:"select-item-description"},u=".multiselect-item button:not(:disabled)",w=e.defineComponent({__name:"KMultiselectItems",props:{items:{default:()=>[]},itemCreationEnabled:{type:Boolean},filterString:{default:""},itemCreationValid:{type:Boolean,default:!0}},emits:["selected","add-item"],setup(o,{expose:f,emit:k}){const p=k,a=l=>"items"in l&&Array.isArray(l.items),d=l=>p("selected",l),m=e.useTemplateRef("itemsContainer"),E=l=>{const n=m.value;if(!n)return;const t=n.querySelectorAll(u);t[l==="down"?0:t.length-1]?.focus()},c=({target:l,key:n})=>{if(n==="ArrowDown"||n==="ArrowUp"){const t=m.value?.querySelectorAll(u);if(t?.length){const s=[...t].indexOf(l),i=n==="ArrowDown"?s+1:s-1;t[i]?.focus()}}};return f({setFocus:E}),(l,n)=>(e.openBlock(),e.createElementBlock("div",B,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(o.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",S,[e.createElementVNode("span",v,e.toDisplayString(t.label),1),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.items,i=>(e.openBlock(),e.createBlock(r.default,{key:i.key,item:i,onKeydown:c,onSelected:d},{content:e.withCtx(()=>[e.renderSlot(l.$slots,"content",{item:i},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(l.$slots,"content",{item:t},void 0,!0)]),_:2},1032,["item"]))],64))),128)),o.itemCreationEnabled?(e.openBlock(),e.createBlock(r.default,{key:"multiselect-add-item",class:"multiselect-add-item","data-testid":"multiselect-add-item",item:{label:`${o.filterString} (Add new value)`,value:"add_item",disabled:!o.itemCreationValid},onKeydown:c,onSelected:n[0]||(n[0]=t=>l.$emit("add-item"))},{content:e.withCtx(()=>[e.createElementVNode("div",g,[e.createTextVNode(e.toDisplayString(o.filterString)+" ",1),n[1]||(n[1]=e.createElementVNode("span",{class:"select-item-new-indicator"},"(Add new value)",-1))])]),_:1},8,["item"])):e.createCommentVNode("",!0)],512))}});exports.default=w;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});function u(e){var t=typeof e;return e!=null&&(t=="object"||t=="function")}exports.default=u;

package/dist/kongponents293.es.js

@@ -1,85 +1,7 @@
-import { defineComponent as x, useTemplateRef as y, openBlock as l, createElementBlock as s, Fragment as c, renderList as w, createBlock as d, withCtx as m, renderSlot as S, createElementVNode as u, toDisplayString as C, createTextVNode as B, createCommentVNode as K } from "vue";
-import f from "./kongponents195.es.js";
-const $ = {
-  ref: "itemsContainer",
-  "aria-live": "polite",
-  class: "multiselect-items-container"
-}, h = {
-  key: 1,
-  class: "multiselect-group"
-}, T = { class: "multiselect-group-title" }, V = { class: "select-item-description" }, b = ".multiselect-item button:not(:disabled)", F = /* @__PURE__ */ x({
-  __name: "KMultiselectItems",
-  props: {
-    items: { default: () => [] },
-    itemCreationEnabled: { type: Boolean },
-    filterString: { default: "" },
-    itemCreationValid: { type: Boolean, default: !0 }
-  },
-  emits: ["selected", "add-item"],
-  setup(i, { expose: g, emit: A }) {
-    const k = A, p = (t) => "items" in t && Array.isArray(t.items), E = (t) => k("selected", t), v = y("itemsContainer"), I = (t) => {
-      const n = v.value;
-      if (!n)
-        return;
-      const e = n.querySelectorAll(b);
-      e[t === "down" ? 0 : e.length - 1]?.focus();
-    }, r = ({ target: t, key: n }) => {
-      if (n === "ArrowDown" || n === "ArrowUp") {
-        const e = v.value?.querySelectorAll(b);
-        if (e?.length) {
-          const a = [...e].indexOf(t), o = n === "ArrowDown" ? a + 1 : a - 1;
-          e[o]?.focus();
-        }
-      }
-    };
-    return g({ setFocus: I }), (t, n) => (l(), s("div", $, [
-      (l(!0), s(c, null, w(i.items, (e, a) => (l(), s(c, {
-        key: p(e) ? `${e.key || e.label}-group` : e.key || e.value || a
-      }, [
-        p(e) ? (l(), s("div", h, [
-          u("span", T, C(e.label), 1),
-          (l(!0), s(c, null, w(e.items, (o) => (l(), d(f, {
-            key: o.key,
-            item: o,
-            onKeydown: r,
-            onSelected: E
-          }, {
-            content: m(() => [
-              S(t.$slots, "content", { item: o }, void 0, !0)
-            ]),
-            _: 2
-          }, 1032, ["item"]))), 128))
-        ])) : (l(), d(f, {
-          key: 0,
-          item: e,
-          onKeydown: r,
-          onSelected: E
-        }, {
-          content: m(() => [
-            S(t.$slots, "content", { item: e }, void 0, !0)
-          ]),
-          _: 2
-        }, 1032, ["item"]))
-      ], 64))), 128)),
-      i.itemCreationEnabled ? (l(), d(f, {
-        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: r,
-        onSelected: n[0] || (n[0] = (e) => t.$emit("add-item"))
-      }, {
-        content: m(() => [
-          u("div", V, [
-            B(C(i.filterString) + " ", 1),
-            n[1] || (n[1] = u("span", { class: "select-item-new-indicator" }, "(Add new value)", -1))
-          ])
-        ]),
-        _: 1
-      }, 8, ["item"])) : K("", !0)
-    ], 512));
-  }
-});
+function n(t) {
+  var e = typeof t;
+  return t != null && (e == "object" || e == "function");
+}
 export {
-  F as default
+  n as default
 };

package/dist/kongponents294.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./kongponents312.cjs");var t=function(){return e.default.Date.now()};exports.default=t;

package/dist/kongponents294.es.js

@@ -0,0 +1,7 @@
+import o from "./kongponents312.es.js";
+var t = function() {
+  return o.Date.now();
+};
+export {
+  t as default
+};

package/dist/kongponents295.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),a=["aria-selected","data-testid"],m={class:"multiselect-item-container"},r=["disabled","value"],u={class:"multiselect-item-label"},c=e.defineComponent({__name:"KMultiselectItem",props:{item:{}},emits:["selected","arrow-down","arrow-up"],setup(t,{emit:s}){const n=s,d=()=>{t.item.disabled||n("selected",t.item)};return(l,i)=>(e.openBlock(),e.createElementBlock("div",{key:t.item.key||t.item.value,"aria-selected":t.item.selected,class:"multiselect-item","data-testid":`multiselect-item-${t.item.value}`,role:"option"},[e.createElementVNode("div",m,[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:d,onKeydown:[i[0]||(i[0]=e.withKeys(e.withModifiers(o=>l.$emit("arrow-down"),["prevent"]),["down"])),i[1]||(i[1]=e.withKeys(e.withModifiers(o=>l.$emit("arrow-up"),["prevent"]),["up"]))]},[e.createElementVNode("span",u,[e.renderSlot(l.$slots,"content",{},()=>[e.createTextVNode(e.toDisplayString(t.item.label),1)],!0)])],42,r)])],8,a))}});exports.default=c;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const f=require("./kongponents339.cjs"),i=require("./kongponents293.cjs"),n=require("./kongponents315.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;