@kong/kongponents 9.66.0 → 9.66.1

package/dist/kongponents292.es.js

@@ -1,248 +1,12 @@
-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 "./kongponents182.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 "./kongponents393.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"]);
-    };
-  }
-});
+import o from "./kongponents263.es.js";
+import n from "./kongponents271.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);
+}
 export {
-  qe as default
+  m as default
 };

package/dist/kongponents293.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("./kongponents271.cjs");function i(t){if(typeof t=="string"||r.default(t))return t;var e=t+"";return e=="0"&&1/t==-1/0?"-0":e}exports.default=i;

package/dist/kongponents293.es.js

@@ -0,0 +1,10 @@
+import i from "./kongponents271.es.js";
+function o(t) {
+  if (typeof t == "string" || i(t))
+    return t;
+  var r = t + "";
+  return r == "0" && 1 / t == -1 / 0 ? "-0" : r;
+}
+export {
+  o as default
+};

package/dist/kongponents294.cjs

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

package/dist/kongponents294.es.js

@@ -1,89 +1,6 @@
-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 "./kongponents214.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));
-  }
-});
+function r() {
+  return [];
+}
 export {
-  R as default
+  r as default
 };

package/dist/kongponents295.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("./kongponents392.cjs");var t=/^\s+/;function u(e){return e&&e.slice(0,r.default(e)+1).replace(t,"")}exports.default=u;

package/dist/kongponents295.es.js

@@ -0,0 +1,8 @@
+import r from "./kongponents392.es.js";
+var a = /^\s+/;
+function t(e) {
+  return e && e.slice(0, r(e) + 1).replace(a, "");
+}
+export {
+  t as default
+};

package/dist/kongponents296.cjs

@@ -1 +1 @@
-"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;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./kongponents350.cjs"),u=require("./kongponents286.cjs"),f=require("./kongponents263.cjs"),s=require("./kongponents271.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;

package/dist/kongponents296.es.js

@@ -1,47 +1,18 @@
-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: "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) => (c(), u("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));
-  }
-});
+import t from "./kongponents350.es.js";
+import f from "./kongponents286.es.js";
+import m from "./kongponents263.es.js";
+import p from "./kongponents271.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;
+}
 export {
-  K as default
+  y as default
 };

package/dist/kongponents297.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),r=require("./kongponents212.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/kongponents297.es.js

@@ -0,0 +1,85 @@
+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 "./kongponents212.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 {
+  F as default
+};

package/dist/kongponents299.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});function u(t){if(t===null||t===!0||t===!1)return NaN;var e=Number(t);return isNaN(e)?e:e<0?Math.ceil(e):Math.floor(e)}exports.default=u;
+"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/kongponents299.es.js

@@ -1,9 +1,43 @@
-function n(a) {
-  if (a === null || a === !0 || a === !1)
-    return NaN;
-  var e = Number(a);
-  return isNaN(e) ? e : e < 0 ? Math.ceil(e) : Math.floor(e);
-}
+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 {
-  n as default
+  K as default
 };

package/dist/kongponents30.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),i=require("./kongponents62.cjs"),n=require("./kongponents182.cjs"),u=["id"],r=e.defineComponent({inheritAttrs:!1,__name:"KTooltip",props:{text:{default:""},placement:{default:"bottom"},maxWidth:{default:"none"},label:{default:""},tooltipId:{default:""},zIndex:{default:9999},kpopAttributes:{default:()=>({})},disabled:{type:Boolean}},setup(t){const l=e.useSlots(),d=()=>!t.disabled&&(!!t.text||!!t.label||!!l.content),a=e.useId();return(o,s)=>d()?(e.openBlock(),e.createBlock(i.default,e.mergeProps({key:0,"hide-caret":"","hide-close-icon":"","max-width":t.maxWidth,offset:`var(--kui-space-20, ${e.unref(n.KUI_SPACE_20)})`,placement:t.placement,"popover-classes":"k-tooltip","popover-timeout":100,trigger:"hover",width:"auto","z-index":t.zIndex},{...o.$attrs,...t.kpopAttributes}),{content:e.withCtx(()=>[e.createElementVNode("div",{id:t.tooltipId||e.unref(a),role:"tooltip"},[e.renderSlot(o.$slots,"content",{label:t.text||t.label},()=>[e.createTextVNode(e.toDisplayString(t.text||t.label),1)])],8,u)]),default:e.withCtx(()=>[e.renderSlot(o.$slots,"default")]),_:3},16,["max-width","offset","placement","z-index"])):e.renderSlot(o.$slots,"default",{},void 0,void 0,1)}});exports.default=r;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),i=require("./kongponents62.cjs"),n=require("./kongponents188.cjs"),u=["id"],r=e.defineComponent({inheritAttrs:!1,__name:"KTooltip",props:{text:{default:""},placement:{default:"bottom"},maxWidth:{default:"none"},label:{default:""},tooltipId:{default:""},zIndex:{default:9999},kpopAttributes:{default:()=>({})},disabled:{type:Boolean}},setup(t){const l=e.useSlots(),d=()=>!t.disabled&&(!!t.text||!!t.label||!!l.content),a=e.useId();return(o,s)=>d()?(e.openBlock(),e.createBlock(i.default,e.mergeProps({key:0,"hide-caret":"","hide-close-icon":"","max-width":t.maxWidth,offset:`var(--kui-space-20, ${e.unref(n.KUI_SPACE_20)})`,placement:t.placement,"popover-classes":"k-tooltip","popover-timeout":100,trigger:"hover",width:"auto","z-index":t.zIndex},{...o.$attrs,...t.kpopAttributes}),{content:e.withCtx(()=>[e.createElementVNode("div",{id:t.tooltipId||e.unref(a),role:"tooltip"},[e.renderSlot(o.$slots,"content",{label:t.text||t.label},()=>[e.createTextVNode(e.toDisplayString(t.text||t.label),1)])],8,u)]),default:e.withCtx(()=>[e.renderSlot(o.$slots,"default")]),_:3},16,["max-width","offset","placement","z-index"])):e.renderSlot(o.$slots,"default",{},void 0,void 0,1)}});exports.default=r;

package/dist/kongponents30.es.js

@@ -1,6 +1,6 @@
 import { defineComponent as s, useSlots as r, useId as c, openBlock as f, createBlock as m, mergeProps as u, unref as l, withCtx as a, renderSlot as o, createElementVNode as h, createTextVNode as x, toDisplayString as p } from "vue";
 import b from "./kongponents62.es.js";
-import { KUI_SPACE_20 as k } from "./kongponents182.es.js";
+import { KUI_SPACE_20 as k } from "./kongponents188.es.js";
 const v = ["id"], z = /* @__PURE__ */ s({
   inheritAttrs: !1,
   __name: "KTooltip",

package/dist/kongponents301.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});function r(e,t){if(t.length<e)throw new TypeError(e+" argument"+(e>1?"s":"")+" required, but only "+t.length+" present")}exports.default=r;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("./kongponents302.cjs"),n=require("./kongponents303.cjs"),a=require("./kongponents304.cjs");function d(e,t){a.default(2,arguments);var u=n.default(e).getTime(),r=i.default(t);return new Date(u+r)}exports.default=d;

package/dist/kongponents301.es.js

@@ -1,7 +1,11 @@
-function n(e, t) {
-  if (t.length < e)
-    throw new TypeError(e + " argument" + (e > 1 ? "s" : "") + " required, but only " + t.length + " present");
+import m from "./kongponents302.es.js";
+import a from "./kongponents303.es.js";
+import i from "./kongponents304.es.js";
+function d(t, r) {
+  i(2, arguments);
+  var e = a(t).getTime(), o = m(r);
+  return new Date(e + o);
 }
 export {
-  n as default
+  d as default
 };