@kong/kongponents 9.64.22 → 9.64.23

package/dist/kongponents242.es.js

@@ -1,184 +1,180 @@
-import { defineComponent as K, useModel as F, ref as T, useId as L, computed as h, onMounted as Q, watch as M, openBlock as s, createElementBlock as v, createBlock as I, unref as f, mergeProps as P, createElementVNode as m, toDisplayString as V, createCommentVNode as g, withDirectives as B, normalizeClass as A, vModelText as U, Fragment as X, createVNode as Z, Transition as _, withCtx as ee, mergeModels as te } from "vue";
-import { DatePicker as Y } from "v-calendar";
-import ae from "./kongponents322.es.js";
-import ne from "./kongponents334.es.js";
-import k from "./kongponents212.es.js";
-import $ from "./kongponents329.es.js";
-import le from "./kongponents325.es.js";
-import ie from "./kongponents327.es.js";
-const re = { class: "calendar-wrapper" }, ue = {
-  key: 2,
-  class: "time-wrapper"
-}, se = { class: "time-inputs-container" }, oe = { class: "time-input-column" }, de = ["for"], me = { key: 0 }, ce = { key: 1 }, ve = ["id", "step"], fe = { class: "time-input-column" }, ye = ["for"], ge = { key: 0 }, De = ["id", "step"], he = {
-  key: 0,
-  class: "help-text"
-}, He = /* @__PURE__ */ K({
-  __name: "CalendarWrapper",
-  props: /* @__PURE__ */ te({
-    isRange: { type: Boolean },
-    kDatePickerMode: {},
-    maxDate: { default: () => {
-    } },
-    minDate: { default: () => {
-    } },
-    errorMessage: { default: () => {
-    } },
-    timeGranularity: { default: "minutely" },
-    sameDayFullRange: { type: Boolean, default: !1 },
-    customRangeValidation: { type: Function, default: void 0 }
-  }, {
-    modelValue: { required: !0 },
-    modelModifiers: {},
-    error: { type: Boolean, default: !1 },
-    errorModifiers: {}
-  }),
-  emits: ["update:modelValue", "update:error"],
-  setup(t, { expose: N }) {
-    const i = (n, a) => a === "secondly" ? k(n, "HH:mm:ss") : k(n, "HH:mm"), e = F(t, "modelValue"), y = F(t, "error"), r = T(i(/* @__PURE__ */ new Date(), t.timeGranularity)), u = T(i(/* @__PURE__ */ new Date(), t.timeGranularity)), c = T({
-      start: i(/* @__PURE__ */ new Date(), t.timeGranularity),
-      end: i(/* @__PURE__ */ new Date(), t.timeGranularity)
-    }), D = L(), W = h(() => t.isRange && o(e.value) ? { 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 && ae(t.maxDate, ne()) ? { year: t.maxDate.getFullYear(), month: t.maxDate.getMonth() + 1 } : { year: (/* @__PURE__ */ new Date()).getFullYear(), month: (/* @__PURE__ */ new Date()).getMonth() + 1 }), b = h(() => ({
-      borderless: !0,
-      color: "blue",
-      dragAttribute: q,
-      expanded: !0,
-      initialPage: W.value,
-      maxDate: t.maxDate,
-      minDate: t.minDate,
-      mode: "date",
-      modelConfig: p,
-      selectAttribute: z,
-      transparent: !0,
-      trimWeeks: !0
-    })), w = h(() => ["time", "dateTime", "relativeDateTime"].includes(t.kDatePickerMode)), x = h(() => {
-      switch (t.timeGranularity) {
-        case "minutely":
-          return 60;
-        case "secondly":
-          return 1;
-        default:
-          return 60;
-      }
-    }), R = (n, a) => n > a ? !0 : t.customRangeValidation ? t.customRangeValidation(n, a) : !1, o = (n) => !n || typeof n != "object" || !("start" in n) || !("end" in n) ? !1 : n.start instanceof Date && n.end instanceof Date, j = () => {
-      if (!t.sameDayFullRange || !t.isRange || !o(e.value))
-        return !1;
-      const n = e.value.start.getTime(), a = e.value.end.getTime(), l = t.timeGranularity === "secondly" ? "HH:mm:ss" : "HH:mm", d = r.value ? $(r.value, l, e.value.start).getTime() : n, G = u.value ? $(u.value, l, e.value.end).getTime() : a, J = le(e.value.start, e.value.end);
-      return (ie(e.value.start, e.value.end) || J && (d >= G || n >= a)) && (e.value.start.setHours(0, 0, 0, 0), e.value.end.setHours(23, 59, 59, 999)), !0;
-    }, H = () => {
-      w.value && (t.isRange && o(e.value) ? (r.value = i(e.value.start, t.timeGranularity), u.value = i(e.value.end, t.timeGranularity)) : e.value instanceof Date ? r.value = i(e.value, t.timeGranularity) : r.value = i(/* @__PURE__ */ new Date(), t.timeGranularity));
-    }, C = (n) => {
-      const a = n.split(":"), l = parseInt(a[0] ?? "0", 10), d = parseInt(a[1] ?? "0", 10), G = t.timeGranularity === "secondly" && a[2] ? parseInt(a[2], 10) : 0;
-      return { hours: l, minutes: d, seconds: G };
-    };
-    Q(() => {
-      H(), c.value.start = r.value, c.value.end = u.value;
-    });
-    const p = { 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" }
-      }
-    };
-    M(() => r.value, (n) => {
-      if (!n)
-        return;
-      const { hours: a, minutes: l, seconds: d } = C(n);
-      t.isRange && o(e.value) ? (e.value.start.setHours(a, l, d, 0), y.value = R(e.value.start, e.value.end)) : e.value instanceof Date && e.value.setHours(a, l, d, 0);
-    }), M(() => u.value, (n) => {
-      if (!n)
+import { defineComponent as B, ref as u, computed as D, watch as L, onMounted as $, onBeforeMount as H, openBlock as m, createElementBlock as h, createVNode as o, withCtx as n, unref as b, createBlock as C, withModifiers as v, createSlots as K, createCommentVNode as N, createElementVNode as g, Fragment as P, renderList as z, createTextVNode as w, toDisplayString as E, nextTick as U } from "vue";
+import { debounce as A } from "./kongponents178.es.js";
+import { TableColumnsIcon as J, SearchIcon as R, CloseIcon as F } from "@kong/icons";
+import p from "./kongponents38.es.js";
+import O from "./kongponents42.es.js";
+import j from "./kongponents49.es.js";
+import q from "./kongponents50.es.js";
+import G from "./kongponents55.es.js";
+import Q from "./kongponents30.es.js";
+/* empty css                 */
+import W from "./kongponents57.es.js";
+const X = { class: "table-column-visibility-menu" }, Y = { class: "apply-button-wrapper" }, ue = /* @__PURE__ */ B({
+  __name: "ColumnVisibilityMenu",
+  props: {
+    columns: {},
+    tableId: {},
+    visibilityPreferences: {},
+    disabled: { type: Boolean }
+  },
+  emits: ["update"],
+  setup(a, { emit: I }) {
+    const V = I, y = u(!1), r = u({}), d = u(!1), s = u(), i = u(""), f = () => {
+      r.value = a.columns.reduce((e, t) => (e[t.key] = a.visibilityPreferences[t.key] === void 0 ? !0 : a.visibilityPreferences[t.key], e), {}), d.value = !1;
+    }, x = A((e) => {
+      i.value = e, s.value && c(s.value);
+    }, 500), k = D(() => i.value ? a.columns.filter((e) => (e.label ? e.label : e.key).toLowerCase().includes(i.value.toLowerCase())) : a.columns), S = () => {
+      V("update", JSON.parse(JSON.stringify(r.value))), d.value = !1, i.value = "";
+    }, M = (e) => {
+      y.value = e, e && s.value && U(() => {
+        s.value && c(s.value);
+      }), !e && d.value && f(), e || (i.value = "");
+    }, c = (e) => {
+      if (!(e.scrollHeight > e.clientHeight)) {
+        e.classList.remove("is-bottom-overflowing");
         return;
-      const { hours: a, minutes: l, seconds: d } = C(n);
-      t.isRange && o(e.value) && (e.value.end.setHours(a, l, d, 0), y.value = R(e.value.start, e.value.end));
-    }), M(() => e.value, () => {
-      t.isRange && o(e.value) ? (j(), r.value = i(e.value.start, t.timeGranularity), u.value = i(e.value.end, t.timeGranularity), y.value = R(e.value.start, e.value.end)) : e.value instanceof Date && (r.value = i(e.value, t.timeGranularity));
-    }, { immediate: !1, deep: !0 }), M(() => t.timeGranularity, () => {
-      t.isRange && o(e.value) ? (c.value.start = i(e.value.start, t.timeGranularity), c.value.end = i(e.value.end, t.timeGranularity)) : e.value instanceof Date && (c.value.start = i(e.value, t.timeGranularity));
-    });
-    const E = () => t.isRange && o(e.value), O = () => {
-      r.value = c.value.start, u.value = c.value.end;
-    }, S = (n) => {
-      try {
-        return k(n, "EEE MMM d yyyy");
-      } catch (a) {
-        console.warn("Error formatting date:", a);
       }
+      const l = e.scrollHeight < e.clientHeight + e.scrollTop + 1;
+      e.classList.toggle("is-bottom-overflowing", !l);
     };
-    return N({
-      resetTime: O,
-      initTimeInputs: H
-    }), (n, a) => (s(), v("div", re, [
-      t.isRange ? (s(), I(f(Y), P({ key: 0 }, b.value, {
-        modelValue: e.value,
-        "onUpdate:modelValue": a[0] || (a[0] = (l) => e.value = l),
-        modelModifiers: { range: !0 }
-      }), null, 16, ["modelValue"])) : (s(), I(f(Y), P({ key: 1 }, b.value, {
-        modelValue: e.value,
-        "onUpdate:modelValue": a[1] || (a[1] = (l) => e.value = l)
-      }), null, 16, ["modelValue"])),
-      w.value ? (s(), v("div", ue, [
-        m("div", se, [
-          m("div", oe, [
-            m("label", {
-              class: "time-input-label",
-              for: `time-input-start-${f(D)}`
-            }, [
-              E() ? (s(), v("span", me, V(S(e.value.start)), 1)) : e.value && e.value instanceof Date ? (s(), v("span", ce, V(S(e.value)), 1)) : g("", !0)
-            ], 8, de),
-            B(m("input", {
-              id: `time-input-start-${f(D)}`,
-              "onUpdate:modelValue": a[2] || (a[2] = (l) => r.value = l),
-              class: A(["time-input-start", { "input-error": y.value }]),
-              "data-testid": "time-input-start",
-              step: x.value,
-              type: "time"
-            }, null, 10, ve), [
-              [U, r.value]
-            ])
-          ]),
-          t.isRange ? (s(), v(X, { key: 0 }, [
-            a[4] || (a[4] = m("div", { class: "time-input-separator" }, " - ", -1)),
-            m("div", fe, [
-              m("label", {
-                class: "time-input-label",
-                for: `time-input-end-${f(D)}`
-              }, [
-                E() ? (s(), v("span", ge, V(f(k)(e.value.end, "EEE MMM d yyyy")), 1)) : g("", !0)
-              ], 8, ye),
-              B(m("input", {
-                id: `time-input-end-${f(D)}`,
-                "onUpdate:modelValue": a[3] || (a[3] = (l) => u.value = l),
-                class: A(["time-input-end", { "input-error": y.value }]),
-                "data-testid": "time-input-end",
-                step: x.value,
-                type: "time"
-              }, null, 10, De), [
-                [U, u.value]
-              ])
-            ])
-          ], 64)) : g("", !0)
+    return L(() => a.visibilityPreferences, () => {
+      f();
+    }, { immediate: !0 }), $(() => {
+      s.value && (s.value.addEventListener("scroll", (e) => {
+        const t = e.currentTarget;
+        c(t);
+      }), c(s.value));
+    }), H(() => {
+      f();
+    }), (e, t) => (m(), h("div", X, [
+      o(j, {
+        "data-testid": "table-column-visibility-menu",
+        disabled: a.disabled,
+        "kpop-attributes": { placement: "bottom-end" },
+        onToggleDropdown: M
+      }, {
+        items: n(() => [
+          i.value || k.value.length > 5 ? (m(), C(G, {
+            key: 0,
+            modelValue: i.value,
+            "onUpdate:modelValue": t[1] || (t[1] = (l) => i.value = l),
+            modelModifiers: { trim: !0 },
+            autocapitalize: "off",
+            autocomplete: "off",
+            autocorrect: "off",
+            class: "search-input",
+            "data-testid": "search-input",
+            name: "column-search",
+            placeholder: "Search columns",
+            spellcheck: "false",
+            type: "search",
+            onClick: t[2] || (t[2] = v(() => {
+            }, ["stop"])),
+            onInput: b(x)
+          }, K({
+            before: n(() => [
+              o(b(R), { decorative: "" })
+            ]),
+            _: 2
+          }, [
+            i.value ? {
+              name: "after",
+              fn: n(() => [
+                o(p, {
+                  appearance: "tertiary",
+                  "aria-label": "Clear search",
+                  class: "clear-search",
+                  "data-testid": "clear-search-button",
+                  icon: "",
+                  size: "small",
+                  onClick: t[0] || (t[0] = v(() => i.value = "", ["stop"]))
+                }, {
+                  default: n(() => [
+                    o(b(F), { decorative: "" })
+                  ]),
+                  _: 1
+                })
+              ]),
+              key: "0"
+            } : void 0
+          ]), 1032, ["modelValue", "onInput"])) : N("", !0),
+          g("div", {
+            ref_key: "menuItemsRef",
+            ref: s,
+            class: "menu-items-wrapper"
+          }, [
+            (m(!0), h(P, null, z(k.value, (l) => (m(), C(q, {
+              key: l.key,
+              class: "column-visibility-menu-item",
+              "data-testid": `column-visibility-menu-item-${l.key}`,
+              onClick: v(() => {
+                r.value[l.key] = !r.value[l.key], d.value = !0;
+              }, ["stop"])
+            }, {
+              default: n(() => [
+                o(O, {
+                  modelValue: r.value[l.key],
+                  "onUpdate:modelValue": (T) => r.value[l.key] = T,
+                  "aria-labelledby": `${a.tableId}-${l.key}-visibility-checkbox-label`,
+                  "data-testid": `column-visibility-checkbox-${l.key}`
+                }, null, 8, ["modelValue", "onUpdate:modelValue", "aria-labelledby", "data-testid"]),
+                o(W, {
+                  id: `${a.tableId}-${l.key}-visibility-checkbox-label`,
+                  class: "visibility-checkbox-label",
+                  title: l.label
+                }, {
+                  default: n(() => [
+                    w(E(l.label), 1)
+                  ]),
+                  _: 2
+                }, 1032, ["id", "title"])
+              ]),
+              _: 2
+            }, 1032, ["data-testid", "onClick"]))), 128))
+          ], 512),
+          g("div", Y, [
+            o(p, {
+              appearance: "tertiary",
+              class: "apply-button",
+              "data-testid": "apply-button",
+              onClick: S
+            }, {
+              default: n(() => [...t[3] || (t[3] = [
+                w(" Apply ", -1)
+              ])]),
+              _: 1
+            })
+          ])
+        ]),
+        default: n(() => [
+          o(Q, {
+            placement: "bottom-end",
+            text: y.value ? void 0 : "Show/Hide Columns"
+          }, {
+            default: n(() => [
+              o(p, {
+                appearance: "tertiary",
+                "aria-label": "Show/Hide Columns",
+                class: "menu-button",
+                "data-testid": "column-visibility-menu-button",
+                disabled: a.disabled,
+                icon: "",
+                size: "large"
+              }, {
+                default: n(() => [
+                  o(b(J), { decorative: "" })
+                ]),
+                _: 1
+              }, 8, ["disabled"])
+            ]),
+            _: 1
+          }, 8, ["text"])
         ]),
-        Z(_, {
-          mode: "out-in",
-          name: "kongponents-fade-transition"
-        }, {
-          default: ee(() => [
-            y.value && t.errorMessage ? (s(), v("div", he, V(t.errorMessage), 1)) : g("", !0)
-          ]),
-          _: 1
-        })
-      ])) : g("", !0)
+        _: 1
+      }, 8, ["disabled"])
     ]));
   }
 });
 export {
-  He as default
+  ue as default
 };

package/dist/kongponents244.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),r=require("@kong/icons"),l=require("./kongponents182.cjs"),n=require("./kongponents186.cjs"),a=["aria-current","data-testid"],c={class:"step-circle"},i={key:3,class:"step-number"},s=["title"],u=e.defineComponent({__name:"KStep",props:{label:{},state:{default:"default"},maxLabelWidth:{},stepNumber:{}},setup(t){const o=e.computed(()=>({maxWidth:n.normalizeSize(t.maxLabelWidth)}));return(d,m)=>(e.openBlock(),e.createElementBlock("li",{"aria-current":t.state==="active"?"step":"false",class:"step","data-testid":`step-${t.state}`},[e.createElementVNode("div",{class:e.normalizeClass(["step-container",`${t.state}`])},[e.createElementVNode("div",c,[t.state==="completed"?(e.openBlock(),e.createBlock(e.unref(r.CheckIcon),{key:0,color:`var(--kui-color-text-inverse, ${e.unref(l.KUI_COLOR_TEXT_INVERSE)})`,size:`var(--kui-icon-size-40, ${e.unref(l.KUI_ICON_SIZE_40)})`,title:"Completed"},null,8,["color","size"])):t.state==="pending"?(e.openBlock(),e.createBlock(e.unref(r.ProgressIcon),{key:1,color:`var(--kui-color-text-primary, ${e.unref(l.KUI_COLOR_TEXT_PRIMARY)})`,size:`var(--kui-icon-size-40, ${e.unref(l.KUI_ICON_SIZE_40)})`,title:"Pending"},null,8,["color","size"])):t.state==="error"?(e.openBlock(),e.createBlock(e.unref(r.CloseIcon),{key:2,color:`var(--kui-color-text-inverse, ${e.unref(l.KUI_COLOR_TEXT_INVERSE)})`,size:`var(--kui-icon-size-40, ${e.unref(l.KUI_ICON_SIZE_40)})`,title:"Error"},null,8,["color","size"])):t.stepNumber?(e.openBlock(),e.createElementBlock("span",i,e.toDisplayString(t.stepNumber),1)):e.createCommentVNode("",!0)]),e.createElementVNode("span",{class:"step-label",style:e.normalizeStyle(o.value),title:t.label},e.toDisplayString(t.label),13,s)],2)],8,a))}});exports.default=u;
+"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/kongponents244.es.js

@@ -1,57 +1,7 @@
-import { defineComponent as m, computed as u, openBlock as l, createElementBlock as r, createElementVNode as a, normalizeClass as d, createBlock as i, unref as t, toDisplayString as s, createCommentVNode as k, normalizeStyle as z } from "vue";
-import { CheckIcon as v, ProgressIcon as b, CloseIcon as f } from "@kong/icons";
-import { KUI_ICON_SIZE_40 as o, KUI_COLOR_TEXT_INVERSE as c, KUI_COLOR_TEXT_PRIMARY as I } from "./kongponents182.es.js";
-import { normalizeSize as h } from "./kongponents186.es.js";
-const p = ["aria-current", "data-testid"], y = { class: "step-circle" }, C = {
-  key: 3,
-  class: "step-number"
-}, x = ["title"], g = /* @__PURE__ */ m({
-  __name: "KStep",
-  props: {
-    label: {},
-    state: { default: "default" },
-    maxLabelWidth: {},
-    stepNumber: {}
-  },
-  setup(e) {
-    const n = u(() => ({
-      maxWidth: h(e.maxLabelWidth)
-    }));
-    return (E, $) => (l(), r("li", {
-      "aria-current": e.state === "active" ? "step" : "false",
-      class: "step",
-      "data-testid": `step-${e.state}`
-    }, [
-      a("div", {
-        class: d(["step-container", `${e.state}`])
-      }, [
-        a("div", y, [
-          e.state === "completed" ? (l(), i(t(v), {
-            key: 0,
-            color: `var(--kui-color-text-inverse, ${t(c)})`,
-            size: `var(--kui-icon-size-40, ${t(o)})`,
-            title: "Completed"
-          }, null, 8, ["color", "size"])) : e.state === "pending" ? (l(), i(t(b), {
-            key: 1,
-            color: `var(--kui-color-text-primary, ${t(I)})`,
-            size: `var(--kui-icon-size-40, ${t(o)})`,
-            title: "Pending"
-          }, null, 8, ["color", "size"])) : e.state === "error" ? (l(), i(t(f), {
-            key: 2,
-            color: `var(--kui-color-text-inverse, ${t(c)})`,
-            size: `var(--kui-icon-size-40, ${t(o)})`,
-            title: "Error"
-          }, null, 8, ["color", "size"])) : e.stepNumber ? (l(), r("span", C, s(e.stepNumber), 1)) : k("", !0)
-        ]),
-        a("span", {
-          class: "step-label",
-          style: z(n.value),
-          title: e.label
-        }, s(e.label), 13, x)
-      ], 2)
-    ], 8, p));
-  }
-});
+function n(t) {
+  var e = typeof t;
+  return t != null && (e == "object" || e == "function");
+}
 export {
-  g as default
+  n as default
 };

package/dist/kongponents245.cjs

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

package/dist/kongponents245.es.js

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

package/dist/kongponents246.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),r=require("./kongponents214.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"}});const f=require("./kongponents290.cjs"),i=require("./kongponents244.cjs"),n=require("./kongponents266.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;

package/dist/kongponents246.es.js

@@ -1,85 +1,22 @@
-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 "./kongponents214.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));
+import n from "./kongponents290.es.js";
+import f from "./kongponents244.es.js";
+import o from "./kongponents266.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;
   }
-});
+  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 {
-  F as default
+  O as default
 };

package/dist/kongponents247.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});function u(e,t){return e===t||e!==e&&t!==t}exports.default=u;

package/dist/kongponents247.es.js

@@ -0,0 +1,6 @@
+function t(n, f) {
+  return n === f || n !== n && f !== f;
+}
+export {
+  t as default
+};

package/dist/kongponents248.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 t=require("./kongponents291.cjs");function r(e){return e==null?"":t.default(e)}exports.default=r;

package/dist/kongponents248.es.js

@@ -1,43 +1,7 @@
-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));
-  }
-});
+import r from "./kongponents291.es.js";
+function o(t) {
+  return t == null ? "" : r(t);
+}
 export {
-  K as default
+  o as default
 };

package/dist/kongponents249.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("./kongponents250.cjs");function l(e,t,n){var u=e==null?void 0:r.default(e,t);return u===void 0?n:u}exports.default=l;

package/dist/kongponents249.es.js

@@ -0,0 +1,8 @@
+import u from "./kongponents250.es.js";
+function f(e, r, t) {
+  var n = e == null ? void 0 : u(e, r);
+  return n === void 0 ? t : n;
+}
+export {
+  f as default
+};