@kong/kongponents 9.45.3 → 9.46.0

package/dist/kongponents.es119.js

@@ -0,0 +1,553 @@
+import { defineComponent as et, useCssVars as tt, computed as f, useAttrs as lt, useSlots as at, watch as V, useTemplateRef as G, ref as h, useId as Pe, nextTick as j, onMounted as ot, onBeforeUnmount as ut, resolveComponent as st, createElementBlock as b, openBlock as c, normalizeStyle as oe, normalizeClass as ue, createBlock as K, createCommentVNode as A, createElementVNode as F, mergeProps as se, createSlots as ie, withCtx as y, createTextVNode as Q, toDisplayString as E, renderSlot as q, createVNode as C, unref as k, withKeys as B, Fragment as Ve, renderList as qe, withModifiers as R } from "vue";
+import it from "./kongponents.es187.js";
+import Z from "./kongponents.es31.js";
+import ze from "./kongponents.es46.js";
+import nt from "./kongponents.es48.js";
+import rt from "./kongponents.es53.js";
+import dt from "./kongponents.es20.js";
+import ct from "./kongponents.es197.js";
+import vt from "./kongponents.es198.js";
+import ft from "./kongponents.es191.js";
+import ne from "./kongponents.es176.js";
+import mt from "./kongponents.es179.js";
+import { KUI_SPACE_40 as pt, KUI_ICON_SIZE_40 as re } from "./kongponents.es182.js";
+import { ResizeObserverHelper as ht } from "./kongponents.es192.js";
+import { sanitizeInput as gt } from "./kongponents.es168.js";
+import { useEventListener as bt } from "./kongponents.es193.js";
+import { getUniqueStringId as yt } from "./kongponents.es151.js";
+import { normalizeSize as Me } from "./kongponents.es184.js";
+const wt = { "data-testid": "multiselect-container" }, kt = ["id", "tabindex"], Ct = { key: 0 }, St = {
+  key: 1,
+  class: "expanded-selection-empty"
+}, It = { class: "multiselect-selection-badge-label" }, xt = ["aria-label", "onClick"], At = { class: "multiselect-icons-container" }, Et = {
+  key: 0,
+  class: "multiselect-input-wrapper"
+}, $t = {
+  key: 2,
+  class: "multiselect-empty",
+  "data-propagate-clicks": "false"
+}, Kt = {
+  key: 1,
+  class: "help-text"
+}, Ft = {
+  key: 2,
+  "aria-hidden": "true",
+  class: "staging-area"
+}, Pt = { class: "multiselect-selection-badge-label" }, Vt = 36, qt = "Filter...", Yt = /* @__PURE__ */ et({
+  inheritAttrs: !1,
+  __name: "KMultiselect",
+  props: {
+    modelValue: { default: () => [] },
+    label: { default: "" },
+    help: { default: "" },
+    error: { type: Boolean },
+    labelAttributes: { default: () => ({}) },
+    placeholder: { default: "" },
+    searchPlaceholder: { default: "" },
+    kpopAttributes: { default: () => ({}) },
+    dropdownMaxHeight: { default: "300px" },
+    width: { default: "100%" },
+    selectedRowCount: { default: 1 },
+    collapsedContext: { type: Boolean },
+    items: { default: () => [] },
+    filterFunction: { type: Function, default: (a) => a.items.filter((X) => {
+      var D, H;
+      return (H = X.label) == null ? void 0 : H.toLowerCase().includes((D = a.query) == null ? void 0 : D.toLowerCase());
+    }) },
+    autosuggest: { type: Boolean },
+    enableItemCreation: { type: Boolean },
+    loading: { type: Boolean },
+    dropdownFooterText: { default: "" },
+    dropdownFooterTextPosition: { default: "sticky" },
+    itemCreationValidator: { type: Function, default: () => !0 }
+  },
+  emits: ["selected", "input", "change", "update:modelValue", "query-change", "item-added", "item-removed"],
+  setup(a, { emit: X }) {
+    tt((e) => ({
+      v43ca70d7: We.value
+    }));
+    const D = (e) => {
+      const t = [];
+      return e.forEach((o) => t.push(o.value)), t;
+    }, H = (e) => {
+      const t = D(e), o = new Set(t);
+      return t.length === o.size;
+    }, d = lt(), de = at(), { cloneDeep: N, stripRequiredLabel: Le } = it();
+    V(() => a.items, (e) => {
+      !e.length || e.every((o) => o.label !== void 0 && o.value !== void 0) && H(e) || console.warn("KMultiselect: Items must have a label & value and value must be unique");
+    }, { immediate: !0 });
+    const w = X, ce = G("kMultiselectItems"), ve = f(() => d.required !== void 0 && String(d.required) !== "false"), Te = f(() => Le(a.label, ve.value)), Be = f(() => {
+      var e, t;
+      return !!((e = a.labelAttributes) != null && e.help || (t = a.labelAttributes) != null && t.info || de["label-tooltip"]);
+    }), fe = (e) => $.value || x.value || e != null && e.disabled ? "neutral" : a.error ? "danger" : "info", me = {
+      hideCaret: !0,
+      placement: "bottom-start",
+      popoverTimeout: 0,
+      popoverClasses: "k-multiselect-popover multiselect-popover"
+    }, U = h(0), z = h(0), Re = Pe(), pe = f(() => d.id ? String(d.id) : Re), he = Pe(), O = G("multiselectElement"), De = G("multiselectDropdownInputElement"), ge = G("multiselectSelectionsStagingElement"), Y = f(() => a.selectedRowCount * Vt), p = h(""), be = f(() => !(!p.value || i.value.filter((e) => e.label === p.value).length)), I = h(null), i = h([]), W = h([]), r = h([]), v = h([]), g = h([]), S = /* @__PURE__ */ new Set(), _ = h([]), M = h([]), He = f(() => M.value.map((e) => e.label).join(", ")), ye = h(!1), L = h(!1), ee = h(!1), $ = f(() => (d == null ? void 0 : d.disabled) !== void 0 && String(d == null ? void 0 : d.disabled) !== "false"), x = f(() => (d == null ? void 0 : d.readonly) !== void 0 && String(d == null ? void 0 : d.readonly) !== "false"), Ne = f({
+      get() {
+        return a.modelValue;
+      },
+      set(e) {
+        const t = i.value.filter((o) => e.includes(o.value));
+        t.length ? Se(t) : e.length || ae();
+      }
+    }), Ue = f(() => {
+      const e = { ...d };
+      return delete e.class, e;
+    }), Oe = f(() => {
+      var e;
+      return {
+        ...me,
+        ...a.kpopAttributes,
+        popoverClasses: `${me.popoverClasses} ${((e = a.kpopAttributes) == null ? void 0 : e.popoverClasses) ?? ""} ${a.dropdownFooterText || de["dropdown-footer-text"] ? "has-dropdown-footer" : ""}`,
+        width: T.value + "px",
+        maxWidth: T.value + "px",
+        disabled: d.disabled !== void 0 && String(d.disabled) !== "false" || d.readonly !== void 0 && String(d.readonly) !== "false"
+      };
+    }), We = f(() => Me(a.dropdownMaxHeight)), Je = f(() => ({ ...Oe.value })), Ge = f(() => {
+      const e = a.width ? a.width : "300";
+      return Me(e);
+    }), je = f(() => ({
+      width: Ge.value
+    })), we = f(() => ({
+      width: T.value + "px"
+    })), ke = f(() => {
+      if (r.value.length === 0) {
+        if (!a.collapsedContext && a.placeholder)
+          return a.placeholder;
+        if (a.collapsedContext && a.searchPlaceholder)
+          return a.searchPlaceholder;
+      }
+      return r.value.length === 1 ? `${r.value.length} item selected` : `${r.value.length} items selected`;
+    }), te = f(() => a.autosuggest ? i.value : a.filterFunction({ items: i.value, query: p.value })), Qe = (e) => {
+      var t;
+      ($.value || ((t = e == null ? void 0 : e.target) == null ? void 0 : t.dataset.propagateClicks) === "false") && e.stopPropagation();
+    }, Ce = async (e, t, o) => {
+      var l, s;
+      if (e) {
+        if (!t.value) {
+          p.value = "", o(), Ae(), await j();
+          const u = (s = (l = De.value) == null ? void 0 : l.$el) == null ? void 0 : s.querySelector("input");
+          u == null || u.focus({ preventScroll: !0 });
+        }
+      } else
+        t.value && (p.value = "", o());
+    }, P = () => {
+      setTimeout(() => {
+        const e = ge.value;
+        if (a.collapsedContext) {
+          z.value++;
+          return;
+        }
+        if (e) {
+          if (e.clientHeight > Y.value) {
+            const o = Array.from(e.querySelectorAll(".multiselect-selection-badge")).filter((u) => u.offsetTop >= Y.value), l = v.value.length - o.length, s = v.value.splice(l, o.length);
+            for (const u of s)
+              S.has(u.value) || (S.add(u.value), g.value.push(u));
+          }
+          z.value++;
+        }
+      }, 0);
+    }, Se = (e) => {
+      e.forEach((t) => {
+        var l;
+        const o = ((l = i.value.filter((s) => s.value === t.value)) == null ? void 0 : l[0]) || null;
+        o.selected = !0, r.value.filter((s) => s.value === o.value).length || (r.value.push(o), v.value.push(o));
+      }), P();
+    }, Ze = (e, t = !1) => {
+      const o = new Set(e.map((l) => l.value));
+      r.value = r.value.filter((l) => !o.has(l.value)), v.value = v.value.filter((l) => !o.has(l.value)), g.value = g.value.filter((l) => !o.has(l.value)), e.forEach((l) => {
+        if (S.delete(l.value), l.selected = !1, g.value.length) {
+          const s = g.value.pop();
+          s && (v.value.push(s), S.delete(s.value));
+        }
+        a.enableItemCreation && l.custom && (i.value = i.value.filter((s) => s.value !== l.value), w("item-removed", l));
+      }), t && P();
+    }, le = (e, t) => {
+      var u, m;
+      let o = !1, l = t ? e : ((u = i.value.filter((n) => n.value === e.value)) == null ? void 0 : u[0]) || null;
+      if (a.enableItemCreation && (l != null && l.custom) && (o = !0), l === null && (l = ((m = r.value.filter((n) => n.value === e.value)) == null ? void 0 : m[0]) || null), l === null)
+        return;
+      if (l.selected) {
+        if (r.value = r.value.filter((n) => n.value !== e.value), v.value.filter((n) => n.value === e.value).length ? v.value = v.value.filter((n) => n.value !== e.value) : S.delete(e.value) && (g.value = g.value.filter((n) => n.value !== e.value)), l.selected = !1, g.value.length) {
+          const n = g.value.pop();
+          n && (v.value.push(n), S.delete(n.value));
+        }
+        o && (i.value = i.value.filter((n) => n.value !== e.value), w("item-removed", e));
+      } else
+        l.selected = !0, r.value.push(l), v.value.push(l), t && (l.custom = !0, i.value.push(l));
+      P();
+      const s = r.value.map((n) => n.value);
+      w("selected", r.value), w("change", l), w("update:modelValue", s);
+    }, Ie = (e) => {
+      a.enableItemCreation && xe(), e.preventDefault();
+    }, xe = () => {
+      var o;
+      if (!a.enableItemCreation || !p.value || !be.value || !a.itemCreationValidator(p.value))
+        return;
+      const e = i.value.length + 1, t = {
+        label: p.value.trim(),
+        value: yt(),
+        key: `${(o = gt(p.value.trim()).replace(/ /gi, "-")) == null ? void 0 : o.replace(/[^a-z0-9-_]/gi, "")}-${e}`
+      };
+      w("item-added", t), le(t, !0), p.value = "";
+    }, Ae = () => {
+      const e = te.value.filter((u) => u.selected), t = te.value.filter((u) => !u.selected), o = [...e, ...t], l = o.filter((u) => !u.group), s = o.filter((u) => u.group).sort((u, m) => u.group.toLowerCase().localeCompare(m.group.toLowerCase()));
+      W.value = [...l, ...s];
+    }, ae = () => {
+      i.value.forEach((t) => {
+        t.disabled || (t.selected = !1, t.custom && w("item-removed", t));
+      }), i.value = i.value.filter((t) => !(t.custom && !t.disabled)), r.value = r.value.filter((t) => t.disabled), v.value = v.value.filter((t) => t.disabled), g.value = g.value.filter((t) => (t.disabled || S.delete(t.value), t.disabled)), p.value = "", P();
+      const e = r.value.map((t) => t.value);
+      w("selected", r.value), w("update:modelValue", e), w("query-change", "");
+    }, Ee = (e) => {
+      p.value = e.trim(), w("query-change", e.trim());
+    }, Xe = (e, t) => {
+      var o;
+      e.keyCode === 27 && (t.value = !1), (e.key === "ArrowDown" || e.key === "ArrowUp") && ((o = ce.value) == null || o.setFocus(e.key === "ArrowDown" ? "down" : "up"));
+    }, $e = () => {
+      var e;
+      (e = I.value) == null || e.showPopover();
+    }, Ye = (e) => {
+      var t;
+      (e.key === "ArrowDown" || e.key === "ArrowUp") && ((t = ce.value) == null || t.setFocus(e.key === "ArrowDown" ? "down" : "up"));
+    }, _e = async () => {
+      ee.value = !0, Ke();
+    }, Ke = () => {
+      ye.value || (ye.value = !0, w("query-change", ""));
+    };
+    V(z, () => {
+      setTimeout(() => {
+        const e = ge.value;
+        if (a.collapsedContext) {
+          _.value = N(v.value), M.value = [], U.value++;
+          return;
+        }
+        if (e)
+          if (e.clientHeight > Y.value) {
+            const o = v.value.pop();
+            o && !S.has(o.value) && (g.value.push(o), S.add(o.value)), z.value++;
+          } else
+            _.value = N(v.value), M.value = N(g.value), U.value++;
+      }, 0);
+    }), V(U, async () => {
+      I.value && typeof I.value.updatePopper == "function" && (await j(), I.value.updatePopper());
+    }), V(te, () => {
+      Ae();
+    }), V(Ne, (e, t) => {
+      if (JSON.stringify(e) !== JSON.stringify(t)) {
+        if (!e.length) {
+          ae();
+          return;
+        }
+        const o = new Set(t), l = new Set(e), s = i.value.filter((m) => l.has(m.value)), u = r.value.filter((m) => !l.has(m.value) && o.has(m.value));
+        u.length && Ze(u), s.length && Se(s);
+      }
+    }), V(() => a.items, (e, t) => {
+      var o, l;
+      if (JSON.stringify(e) !== JSON.stringify(t)) {
+        i.value = N(a.items);
+        for (let s = 0; s < i.value.length; s++) {
+          i.value[s].selected === void 0 && (i.value[s].selected = !1);
+          let u = `${(l = (o = i.value[s].label) == null ? void 0 : o.replace(/ /gi, "-")) == null ? void 0 : l.replace(/[^a-z0-9-_]/gi, "")}-${s}`;
+          if (u.includes("undefined") && (u = `multiselect-item-label-${s}`), i.value[s].key = u, a.modelValue.includes(i.value[s].value) || i.value[s].selected) {
+            const m = i.value[s];
+            m.selected = !0, r.value.filter((n) => n.value === m.value).length || r.value.push(m), v.value.filter((n) => n.value === m.value).length || v.value.push(m);
+          }
+        }
+        P(), I.value && typeof I.value.updatePopper == "function" && j(() => {
+          I.value.updatePopper();
+        });
+      }
+    }, { deep: !0, immediate: !0 });
+    const T = h(300), Fe = async () => {
+      var e;
+      T.value = 300, await j(), T.value = ((e = O.value) == null ? void 0 : e.clientWidth) || 300, P();
+    }, J = h();
+    return ot(() => {
+      bt("resize", Fe), J.value = ht.create(Fe), J.value.observe(O.value);
+    }), ut(() => {
+      J.value && O.value && J.value.unobserve(O.value);
+    }), (e, t) => {
+      const o = st("KTooltip");
+      return c(), b("div", {
+        class: ue(["k-multiselect", [e.$attrs.class, { "multiselect-error": a.error }]]),
+        style: oe(je.value)
+      }, [
+        a.label ? (c(), K(nt, se({ key: 0 }, a.labelAttributes, {
+          "data-testid": a.labelAttributes["data-testid"] ? a.labelAttributes["data-testid"] : "multiselect-label",
+          for: pe.value,
+          required: ve.value
+        }), ie({
+          default: y(() => [
+            Q(E(Te.value) + " ", 1)
+          ]),
+          _: 2
+        }, [
+          Be.value ? {
+            name: "tooltip",
+            fn: y(() => [
+              q(e.$slots, "label-tooltip", {}, void 0, !0)
+            ]),
+            key: "0"
+          } : void 0
+        ]), 1040, ["data-testid", "for", "required"])) : A("", !0),
+        F("div", wt, [
+          C(dt, null, {
+            default: y(({ isToggled: l, toggle: s }) => [
+              C(rt, se({
+                ref_key: "popper",
+                ref: I,
+                "hide-close-icon": "",
+                offset: k(pt)
+              }, Je.value, {
+                onClose: () => Ce(!1, l, s),
+                onOpen: () => Ce(!0, l, s)
+              }), {
+                content: y(() => [
+                  F("div", {
+                    class: "multiselect-list",
+                    onClick: t[7] || (t[7] = R(() => {
+                    }, ["stop"])),
+                    onMouseenter: t[8] || (t[8] = () => L.value = !0),
+                    onMouseleave: t[9] || (t[9] = () => L.value = !1)
+                  }, [
+                    !a.collapsedContext && !x.value ? (c(), b("div", Et, [
+                      C(ze, {
+                        ref: "multiselectDropdownInputElement",
+                        autocapitalize: "off",
+                        autocomplete: "off",
+                        autocorrect: "off",
+                        class: "multiselect-dropdown-input",
+                        "data-testid": "multiselect-dropdown-input",
+                        "model-value": p.value,
+                        placeholder: a.searchPlaceholder || qt,
+                        spellcheck: "false",
+                        type: "text",
+                        onClick: t[5] || (t[5] = R(() => {
+                        }, ["stop"])),
+                        onFocus: Ke,
+                        onKeydown: B(Ie, ["enter"]),
+                        onKeyup: [
+                          Ye,
+                          t[6] || (t[6] = B(R(() => {
+                          }, ["stop"]), ["enter"]))
+                        ],
+                        "onUpdate:modelValue": Ee
+                      }, null, 8, ["model-value", "placeholder"])
+                    ])) : A("", !0),
+                    C(ct, {
+                      ref: "kMultiselectItems",
+                      "filter-string": p.value,
+                      "item-creation-enabled": a.enableItemCreation && be.value,
+                      "item-creation-valid": a.itemCreationValidator(p.value),
+                      items: W.value,
+                      onAddItem: xe,
+                      onSelected: le
+                    }, {
+                      content: y(({ item: u }) => [
+                        q(e.$slots, "item-template", {
+                          class: "multiselect-item",
+                          item: u
+                        }, void 0, !0)
+                      ]),
+                      _: 3
+                    }, 8, ["filter-string", "item-creation-enabled", "item-creation-valid", "items"]),
+                    !W.value.length && !e.$slots.empty && !a.enableItemCreation ? (c(), K(vt, {
+                      key: "multiselect-empty-item",
+                      class: "multiselect-empty-item",
+                      "data-testid": "multiselect-empty-item",
+                      item: { label: "No results", value: "no_results", disabled: !0 }
+                    })) : A("", !0),
+                    e.$slots.empty && !a.loading && !W.value.length ? (c(), b("div", $t, [
+                      q(e.$slots, "empty", {}, void 0, !0)
+                    ])) : A("", !0)
+                  ], 32),
+                  a.dropdownFooterText || e.$slots["dropdown-footer-text"] ? (c(), b("div", {
+                    key: 0,
+                    class: ue(["dropdown-footer", `dropdown-footer-${a.dropdownFooterTextPosition}`]),
+                    "data-testid": "dropdown-footer"
+                  }, [
+                    q(e.$slots, "dropdown-footer-text", {}, () => [
+                      Q(E(a.dropdownFooterText), 1)
+                    ], !0)
+                  ], 2)) : A("", !0)
+                ]),
+                default: y(() => [
+                  F("div", se({
+                    id: pe.value,
+                    ref: "multiselectElement",
+                    class: ["multiselect-trigger", { focused: ee.value, hovered: L.value, disabled: $.value, readonly: x.value }],
+                    "data-testid": "multiselect-trigger",
+                    role: "listbox",
+                    tabindex: $.value || x.value || a.collapsedContext ? -1 : 0
+                  }, Ue.value, {
+                    onClick: Qe,
+                    onKeydown: [
+                      B($e, ["enter"]),
+                      B($e, ["space"])
+                    ]
+                  }), [
+                    a.collapsedContext ? (c(), b("div", Ct, [
+                      C(ze, {
+                        autocapitalize: "off",
+                        autocomplete: "off",
+                        autocorrect: "off",
+                        class: ue(["multiselect-input", { "is-readonly": x.value }]),
+                        "data-testid": "multiselect-input",
+                        disabled: $.value,
+                        "model-value": p.value,
+                        placeholder: ke.value,
+                        readonly: x.value ? !0 : void 0,
+                        spellcheck: "false",
+                        type: "text",
+                        onBlur: t[0] || (t[0] = () => ee.value = !1),
+                        onClick: (u) => {
+                          l.value && u.stopPropagation();
+                        },
+                        onFocus: _e,
+                        onKeydown: B(Ie, ["enter"]),
+                        onKeyup: (u) => Xe(u, l),
+                        onMouseenter: t[1] || (t[1] = () => L.value = !0),
+                        onMouseleave: t[2] || (t[2] = () => L.value = !1),
+                        "onUpdate:modelValue": Ee
+                      }, null, 8, ["class", "disabled", "model-value", "placeholder", "readonly", "onClick", "onKeyup"])
+                    ])) : r.value.length ? (c(), b("div", {
+                      key: 2,
+                      class: "selection-badges-container",
+                      "data-testid": "selection-badges-container",
+                      style: oe(we.value)
+                    }, [
+                      (c(!0), b(Ve, null, qe(_.value, (u, m) => (c(), K(Z, {
+                        key: `${k(he)}-${u.key ? u.key : m}-badge-${U.value}`,
+                        appearance: fe(u),
+                        class: "multiselect-selection-badge",
+                        "icon-before": !1,
+                        tooltip: u.label,
+                        "truncation-tooltip": "",
+                        onClick: t[3] || (t[3] = R(() => {
+                        }, ["stop"]))
+                      }, ie({
+                        default: y(() => [
+                          q(e.$slots, "item-badge-icon", { item: u }, void 0, !0),
+                          F("span", It, E(u.label), 1)
+                        ]),
+                        _: 2
+                      }, [
+                        u.selected && !u.disabled && !$.value && !x.value ? {
+                          name: "icon",
+                          fn: y(() => [
+                            F("button", {
+                              "aria-label": `Unselect ${u.label}`,
+                              class: "badge-dismiss-button",
+                              "data-testid": "badge-dismiss-button",
+                              type: "button",
+                              onClick: (n) => le(u)
+                            }, [
+                              C(k(ne), { decorative: "" })
+                            ], 8, xt)
+                          ]),
+                          key: "0"
+                        } : void 0
+                      ]), 1032, ["appearance", "tooltip"]))), 128)),
+                      M.value.length ? (c(), K(o, {
+                        key: 0,
+                        class: "hidden-selection-count-tooltip",
+                        "max-width": "300",
+                        text: He.value
+                      }, {
+                        default: y(() => [
+                          C(Z, {
+                            appearance: fe(),
+                            class: "hidden-selection-count",
+                            "data-testid": "hidden-selection-count",
+                            onClick: t[4] || (t[4] = R(() => {
+                            }, ["stop"]))
+                          }, {
+                            default: y(() => [
+                              Q(" +" + E(M.value.length), 1)
+                            ]),
+                            _: 1
+                          }, 8, ["appearance"])
+                        ]),
+                        _: 1
+                      }, 8, ["text"])) : A("", !0)
+                    ], 4)) : (c(), b("div", St, E(ke.value), 1)),
+                    F("div", At, [
+                      !a.loading && r.value.length && l.value ? (c(), b("button", {
+                        key: 0,
+                        "aria-label": "Clear",
+                        class: "multiselect-clear-icon",
+                        "data-testid": "multiselect-clear-icon",
+                        type: "button",
+                        onClick: ae
+                      }, [
+                        C(k(ne), { size: k(re) }, null, 8, ["size"])
+                      ])) : a.loading ? (c(), K(k(mt), {
+                        key: 1,
+                        class: "multiselect-loading-icon",
+                        size: k(re),
+                        title: "Loading"
+                      }, null, 8, ["size"])) : (c(), K(k(ft), {
+                        key: 2,
+                        class: "multiselect-chevron-icon",
+                        decorative: "",
+                        size: k(re)
+                      }, null, 8, ["size"]))
+                    ])
+                  ], 16, kt)
+                ]),
+                _: 2
+              }, 1040, ["offset", "onClose", "onOpen"])
+            ]),
+            _: 3
+          })
+        ]),
+        a.help ? (c(), b("p", Kt, E(a.help), 1)) : A("", !0),
+        a.collapsedContext ? A("", !0) : (c(), b("div", Ft, [
+          (c(), b("div", {
+            key: z.value,
+            ref: "multiselectSelectionsStagingElement",
+            class: "selection-badges-container staging",
+            style: oe(we.value),
+            tabindex: "-1"
+          }, [
+            (c(!0), b(Ve, null, qe(v.value, (l, s) => (c(), K(Z, {
+              key: `${k(he)}-${l.key ? l.key : s}-badge`,
+              "aria-hidden": "true",
+              class: "multiselect-selection-badge",
+              "icon-before": !1
+            }, ie({
+              default: y(() => [
+                q(e.$slots, "item-badge-icon", { item: l }, void 0, !0),
+                F("span", Pt, E(l.label), 1)
+              ]),
+              _: 2
+            }, [
+              l.selected && !l.disabled && !$.value && !x.value ? {
+                name: "icon",
+                fn: y(() => [
+                  C(k(ne), { "aria-hidden": "true" })
+                ]),
+                key: "0"
+              } : void 0
+            ]), 1024))), 128)),
+            C(Z, {
+              "aria-hidden": "true",
+              class: "hidden-selection-count"
+            }, {
+              default: y(() => [
+                Q(" +" + E(g.value.length), 1)
+              ]),
+              _: 1
+            })
+          ], 4))
+        ]))
+      ], 6);
+    };
+  }
+});
+export {
+  Yt as default
+};

package/dist/kongponents.es12.js

@@ -0,0 +1,4 @@
+const t = ["get", "post", "put", "patch", "delete", "head", "options", "trace", "connect", "custom"];
+export {
+  t as MethodsArray
+};