bitboss-ui 2.0.99 → 2.0.101

package/dist/index239.js

@@ -1,127 +1,9 @@
-import { getDefaultExportFromCjs as et, commonjsGlobal as nt } from "./index272.js";
-import { __module as B } from "./index294.js";
-(function(I, at) {
-  (function(U, k) {
-    I.exports = k();
-  })(nt, function() {
-    var U = { LTS: "h:mm:ss A", LT: "h:mm A", L: "MM/DD/YYYY", LL: "MMMM D, YYYY", LLL: "MMMM D, YYYY h:mm A", LLLL: "dddd, MMMM D, YYYY h:mm A" }, k = /(\[[^[]*\])|([-_:/.,()\s]+)|(A|a|Q|YYYY|YY?|ww?|MM?M?M?|Do|DD?|hh?|HH?|mm?|ss?|S{1,3}|z|ZZ?)/g, j = /\d/, L = /\d\d/, s = /\d\d?/, x = /\d*[^-_:/,()\s\d]+/, m = {}, Q = function(t) {
-      return (t = +t) + (t > 68 ? 1900 : 2e3);
-    }, o = function(t) {
-      return function(r) {
-        this[t] = +r;
-      };
-    }, X = [/[+-]\d\d:?(\d\d)?|Z/, function(t) {
-      (this.zone || (this.zone = {})).offset = function(r) {
-        if (!r || r === "Z") return 0;
-        var e = r.match(/([+-]|\d\d)/g), n = 60 * e[1] + (+e[2] || 0);
-        return n === 0 ? 0 : e[0] === "+" ? -n : n;
-      }(t);
-    }], F = function(t) {
-      var r = m[t];
-      return r && (r.indexOf ? r : r.s.concat(r.f));
-    }, G = function(t, r) {
-      var e, n = m.meridiem;
-      if (n) {
-        for (var h = 1; h <= 24; h += 1) if (t.indexOf(n(h, 0, r)) > -1) {
-          e = h > 12;
-          break;
-        }
-      } else e = t === (r ? "pm" : "PM");
-      return e;
-    }, J = { A: [x, function(t) {
-      this.afternoon = G(t, !1);
-    }], a: [x, function(t) {
-      this.afternoon = G(t, !0);
-    }], Q: [j, function(t) {
-      this.month = 3 * (t - 1) + 1;
-    }], S: [j, function(t) {
-      this.milliseconds = 100 * +t;
-    }], SS: [L, function(t) {
-      this.milliseconds = 10 * +t;
-    }], SSS: [/\d{3}/, function(t) {
-      this.milliseconds = +t;
-    }], s: [s, o("seconds")], ss: [s, o("seconds")], m: [s, o("minutes")], mm: [s, o("minutes")], H: [s, o("hours")], h: [s, o("hours")], HH: [s, o("hours")], hh: [s, o("hours")], D: [s, o("day")], DD: [L, o("day")], Do: [x, function(t) {
-      var r = m.ordinal, e = t.match(/\d+/);
-      if (this.day = e[0], r) for (var n = 1; n <= 31; n += 1) r(n).replace(/\[|\]/g, "") === t && (this.day = n);
-    }], w: [s, o("week")], ww: [L, o("week")], M: [s, o("month")], MM: [L, o("month")], MMM: [x, function(t) {
-      var r = F("months"), e = (F("monthsShort") || r.map(function(n) {
-        return n.slice(0, 3);
-      })).indexOf(t) + 1;
-      if (e < 1) throw new Error();
-      this.month = e % 12 || e;
-    }], MMMM: [x, function(t) {
-      var r = F("months").indexOf(t) + 1;
-      if (r < 1) throw new Error();
-      this.month = r % 12 || r;
-    }], Y: [/[+-]?\d+/, o("year")], YY: [L, function(t) {
-      this.year = Q(t);
-    }], YYYY: [/\d{4}/, o("year")], Z: X, ZZ: X };
-    function K(t) {
-      var r, e;
-      r = t, e = m && m.formats;
-      for (var n = (t = r.replace(/(\[[^\]]+])|(LTS?|l{1,4}|L{1,4})/g, function(v, l, f) {
-        var i = f && f.toUpperCase();
-        return l || e[f] || U[f] || e[i].replace(/(\[[^\]]+])|(MMMM|MM|DD|dddd)/g, function(M, Y, D) {
-          return Y || D.slice(1);
-        });
-      })).match(k), h = n.length, c = 0; c < h; c += 1) {
-        var y = n[c], p = J[y], u = p && p[0], d = p && p[1];
-        n[c] = d ? { regex: u, parser: d } : y.replace(/^\[|\]$/g, "");
-      }
-      return function(v) {
-        for (var l = {}, f = 0, i = 0; f < h; f += 1) {
-          var M = n[f];
-          if (typeof M == "string") i += M.length;
-          else {
-            var Y = M.regex, D = M.parser, $ = v.slice(i), g = Y.exec($)[0];
-            D.call(l, g), v = v.replace(g, "");
-          }
-        }
-        return function(w) {
-          var S = w.afternoon;
-          if (S !== void 0) {
-            var a = w.hours;
-            S ? a < 12 && (w.hours += 12) : a === 12 && (w.hours = 0), delete w.afternoon;
-          }
-        }(l), l;
-      };
-    }
-    return function(t, r, e) {
-      e.p.customParseFormat = !0, t && t.parseTwoDigitYear && (Q = t.parseTwoDigitYear);
-      var n = r.prototype, h = n.parse;
-      n.parse = function(c) {
-        var y = c.date, p = c.utc, u = c.args;
-        this.$u = p;
-        var d = u[1];
-        if (typeof d == "string") {
-          var v = u[2] === !0, l = u[3] === !0, f = v || l, i = u[2];
-          l && (i = u[2]), m = this.$locale(), !v && i && (m = e.Ls[i]), this.$d = function($, g, w, S) {
-            try {
-              if (["x", "X"].indexOf(g) > -1) return new Date((g === "X" ? 1e3 : 1) * $);
-              var a = K(g)($), H = a.year, A = a.month, N = a.day, R = a.hours, W = a.minutes, tt = a.seconds, rt = a.milliseconds, V = a.zone, q = a.week, O = /* @__PURE__ */ new Date(), P = N || (H || A ? 1 : O.getDate()), z = H || O.getFullYear(), T = 0;
-              H && !A || (T = A > 0 ? A - 1 : O.getMonth());
-              var Z, C = R || 0, E = W || 0, _ = tt || 0, b = rt || 0;
-              return V ? new Date(Date.UTC(z, T, P, C, E, _, b + 60 * V.offset * 1e3)) : w ? new Date(Date.UTC(z, T, P, C, E, _, b)) : (Z = new Date(z, T, P, C, E, _, b), q && (Z = S(Z).week(q).toDate()), Z);
-            } catch {
-              return /* @__PURE__ */ new Date("");
-            }
-          }(y, d, p, e), this.init(), i && i !== !0 && (this.$L = this.locale(i).$L), f && y != this.format(d) && (this.$d = /* @__PURE__ */ new Date("")), m = {};
-        } else if (d instanceof Array) for (var M = d.length, Y = 1; Y <= M; Y += 1) {
-          u[1] = d[Y - 1];
-          var D = e.apply(this, u);
-          if (D.isValid()) {
-            this.$d = D.$d, this.$L = D.$L, this.init();
-            break;
-          }
-          Y === M && (this.$d = /* @__PURE__ */ new Date(""));
-        }
-        else h.call(this, c);
-      };
-    };
-  });
-})(B);
-var ot = B.exports;
-const ht = /* @__PURE__ */ et(ot);
+import { ref as e } from "vue";
+const o = e(0), s = () => {
+  o.value++;
+}, a = () => {
+  o.value--;
+}, d = () => ({ openedModals: o, modalHasOpened: s, modalHasClosed: a });
 export {
-  ht as default
+  d as useModalsState
 };

package/dist/index240.js

@@ -1,4 +1,170 @@
-const e = (t) => t;
+import { ref as s, computed as a, onServerPrefetch as $, onBeforeMount as ee, onBeforeUnmount as te, watch as b, nextTick as Q } from "vue";
+import { last as le } from "./index213.js";
+import { useArray as E } from "./index295.js";
+import { uniqBy as ne } from "./index296.js";
+import { useItemValue as ue } from "./index279.js";
+import { useItemText as oe } from "./index297.js";
+import { hash as f } from "./index232.js";
+import { isNotNil as F } from "./index134.js";
+import { waitFor as ie } from "./index216.js";
+import { isNil as se } from "./index251.js";
+import { pipe as H } from "./index298.js";
+const xe = (t) => {
+  const r = s(""), P = s(), o = (e) => {
+    P.value = e, t.emit("update:modelValue", e);
+  }, m = s([]), {
+    array: k,
+    add: j,
+    remove: J,
+    set: h
+  } = E(), {
+    array: O,
+    add: L,
+    remove: U
+  } = E(), { getItemText: z } = oe(), { getItemValue: G } = ue();
+  if (t.max && t.max < 1)
+    throw new Error("Invalid value for `max` property");
+  const B = (e) => {
+    const l = !!(t.disabled.value || e.disabled), n = z(e, t.itemText), u = G(e, t.itemValue);
+    if (u === void 0)
+      throw new Error(
+        'The result of extracting "value" from option was undefined. Affected item is ' + JSON.stringify(e) + " please check itemValue property is correct."
+      );
+    const _ = f(u);
+    return {
+      item: e,
+      text: n,
+      value: u,
+      valueHash: _,
+      disabled: l,
+      selected: !1
+    };
+  }, V = (e) => (e.selected = F(q.value[e.valueHash]), e), K = t.max || 1 / 0, g = (e) => (e.disabled = e.disabled || t.multiple && t.modelValue.value.length >= K && !e.selected, e), x = a(() => {
+    const e = [].concat(
+      m.value.map(H(B, V, g)),
+      O.value.map(H(V, g)),
+      k.value.map(H(V, g))
+    );
+    return ne(e, (n) => n.valueHash);
+  }), R = (e) => {
+    t.multiple ? (o(t.modelValue.value.concat(e.value)), t.stash && j(e), t.resetQueryOnOptionSelected && i()) : (t.stash && h(e), o(e.value), Q(() => i()));
+  }, W = async (e) => {
+    if (U((l) => l.valueHash !== e.valueHash), J((l) => l.valueHash !== e.valueHash), t.multiple) {
+      const l = { ...q.value };
+      delete l[e.valueHash], o(Object.values(l));
+    } else
+      o(null), await Q(), i();
+  }, q = a(() => {
+    const e = {}, l = [].concat(t.modelValue.value);
+    for (let n = 0; n < l.length; n++) {
+      const u = l[n];
+      e[f(u)] = u;
+    }
+    return e;
+  }), I = async ({ prefill: e = !1 }) => {
+    let l = [];
+    if (Array.isArray(t.items.value))
+      l = t.items.value;
+    else if (typeof t.items.value == "function") {
+      const n = ++d.value;
+      try {
+        l = await t.items.value(
+          r.value,
+          e,
+          t.modelValue.value
+        ), n < d.value && (await ie(() => n === d.value), l = m.value);
+      } catch (u) {
+        console.error(u);
+      }
+      d.value--;
+    }
+    m.value = l;
+  }, C = a(() => {
+    const e = {};
+    for (let l = 0; l < x.value.length; l++) {
+      const n = x.value[l], { valueHash: u } = n;
+      e[u] = n;
+    }
+    return {
+      get: (l) => e[f(l)]
+    };
+  }), c = a(() => [].concat(t.modelValue.value).reduce((e, l) => {
+    const n = C.value.get(l);
+    return n && e.push(n), e;
+  }, [])), M = (e) => F(C.value.get(e)), i = () => {
+    if (t.multiple) {
+      r.value = "";
+      return;
+    }
+    let e;
+    c.value && (e = le(c.value)), r.value = (e == null ? void 0 : e.text) || "";
+  }, X = () => {
+    const e = r.value.trim(), l = B(e);
+    L(l), i();
+  }, d = s(0), A = a(() => [].concat(t.modelValue.value).reduce(
+    (e, l) => (M(l) ? e.coherent.push(l) : e.incoherent.push(l), e),
+    { coherent: [], incoherent: [] }
+  )), D = a(() => t.multiple && !t.modelValue.value.length || !t.multiple && se(t.modelValue.value) ? !0 : !A.value.incoherent.length), Y = () => {
+    t.enforceCoherence && !D.value && (t.multiple ? o(A.value.coherent) : o(null));
+  }, y = s(!1), w = s(!1), v = async () => {
+    w.value = !0, await I({ prefill: !0 }), Y(), i(), y.value = !0, w.value = !1;
+  };
+  $(async () => {
+    t.prefill && (await v(), t.stash && h(...c.value));
+  }), ee(async () => {
+    t.prefill && !y.value && (await v(), t.stash && h(...c.value));
+  });
+  let T;
+  const Z = () => {
+    T && clearTimeout(T), T = setTimeout(async () => {
+      try {
+        await I({ prefill: !1 });
+      } catch (e) {
+        console.error(e);
+      }
+    }, t.queryDebounceTime);
+  };
+  te(() => clearTimeout(T));
+  let p;
+  b(
+    () => t.modelValue.value,
+    () => {
+      if (D.value) {
+        i();
+        return;
+      }
+      p && clearTimeout(p), p = setTimeout(async () => {
+        v();
+      }, t.modelValueDebounceTime);
+    }
+  );
+  let S;
+  const N = async (e, l) => {
+    f(l) !== f(e) && y.value && (S && clearTimeout(S), S = setTimeout(async () => {
+      await v();
+    }, t.depsDebounceTime));
+  };
+  return b(() => t.items.value, N), b(() => t.dependencies.value, N), {
+    addCurrentQueryToManualItems: X,
+    alignQueryToState: i,
+    getOptions: I,
+    hasPrefilled: y,
+    innerLoading: d,
+    isPrefilling: w,
+    manualItems: O,
+    options: x,
+    prefillItems: v,
+    query: r,
+    searchByQuery: Z,
+    selectedOptions: c,
+    selectOption: R,
+    setStash: h,
+    unselectOption: W,
+    updateModelValue: o,
+    valueIsSelected: M,
+    internalItems: m
+  };
+};
 export {
-  e as identity
+  xe as useOptions
 };

package/dist/index241.js

@@ -1,7 +1,86 @@
-import o from "./index296.js";
-/* empty css         */
-import t from "./index265.js";
-const e = /* @__PURE__ */ t(o, [["__scopeId", "data-v-cb4d6ef0"]]);
+import { defineComponent as b, openBlock as t, createElementBlock as n, normalizeClass as r, createElementVNode as l, renderSlot as s, createTextVNode as o, toDisplayString as d, createCommentVNode as h, Fragment as c, renderList as m } from "vue";
+const p = { class: "bb-cr-container__container" }, u = {
+  key: 0,
+  class: "bb-cr-container__loading-container"
+}, g = {
+  key: 1,
+  class: "bb-cr-container__no-data-container"
+}, f = /* @__PURE__ */ b({
+  __name: "OptionsContainer",
+  props: {
+    direction: {},
+    hasErrors: { type: Boolean },
+    hideLabel: { type: Boolean },
+    loadingText: {},
+    loading: { type: Boolean },
+    noDataText: {},
+    options: {}
+  },
+  setup(k) {
+    return (a, y) => (t(), n("span", {
+      ref: "container",
+      class: r(["bb-cr-container", {
+        "bb-cr-container--errors": a.hasErrors,
+        "bb-cr-container--horizontal": a.direction === "horizontal",
+        "bb-cr-container--vertical": a.direction === "vertical"
+      }])
+    }, [
+      l("span", p, [
+        s(a.$slots, "prepend"),
+        !a.options.length && a.loading ? (t(), n("span", u, [
+          s(a.$slots, "loading", {}, () => [
+            o(d(a.loadingText), 1)
+          ])
+        ])) : a.options.length ? h("", !0) : (t(), n("span", g, [
+          s(a.$slots, "no-data", {}, () => [
+            o(d(a.noDataText), 1)
+          ])
+        ])),
+        (t(!0), n(c, null, m(a.options, (e, i) => (t(), n(c, {
+          key: (e == null ? void 0 : e.valueHash) || i
+        }, [
+          s(a.$slots, "option:prepend", {
+            id: e.valueHash,
+            checked: !!e.selected,
+            disabled: !!e.disabled,
+            item: e.item,
+            text: e.text
+          }),
+          l("label", {
+            class: r(["bb-cr-container-option", { "bb-base-radio-selected": e.selected }])
+          }, [
+            s(a.$slots, "input", {
+              index: i,
+              option: e
+            }),
+            l("span", {
+              class: r({
+                "bb-cr-container-option__text": !0,
+                "sr-only": a.hideLabel
+              })
+            }, [
+              s(a.$slots, "label", {
+                checked: !!e.selected,
+                item: e.item,
+                text: e.text
+              }, () => [
+                o(d(e.text), 1)
+              ])
+            ], 2)
+          ], 2),
+          s(a.$slots, "option:append", {
+            id: e.valueHash,
+            checked: !!e.selected,
+            disabled: !!e.disabled,
+            item: e.item,
+            text: e.text
+          })
+        ], 64))), 128)),
+        s(a.$slots, "append")
+      ])
+    ], 2));
+  }
+});
 export {
-  e as default
+  f as default
 };

package/dist/index243.js

@@ -1,5 +1,10 @@
-import r from "./index298.js";
-const t = r;
+import { locales as r } from "./index299.js";
+import { _config as t } from "./index4.js";
+import { get as e } from "./index300.js";
+import { readonly as m, computed as c } from "vue";
+const l = (o) => m(c(() => e(r[t.locale], o))), a = () => ({
+  t: l
+});
 export {
-  t as deburr
+  a as useLocale
 };

package/dist/index244.js

@@ -1,108 +1,4 @@
-import { defineComponent as y, ref as F, computed as H, watch as N, openBlock as p, createElementBlock as L, Fragment as S, renderList as V, createBlock as A, normalizeClass as O, withModifiers as P, withCtx as $, createTextVNode as z, toDisplayString as D } from "vue";
-import { hash as d } from "./index223.js";
-import { isNil as l } from "./index251.js";
-import E from "./index125.js";
-/* empty css         */
-const K = /* @__PURE__ */ y({
-  __name: "ChipsBox",
-  props: {
-    options: {}
-  },
-  emits: ["option:unselected"],
-  setup(f, { expose: v, emit: h }) {
-    const t = f, u = h, n = F(null), i = H(() => t.options.some((e) => !e.disabled)), a = (e = 1) => {
-      const s = l(n.value) ? -1 : n.value;
-      let o = (s + e) % t.options.length;
-      for (; t.options[o].disabled && o !== s; )
-        o = a(e + 1);
-      return o;
-    }, x = () => {
-      if (!i.value) return;
-      const e = a();
-      n.value = e;
-    }, c = (e = 1) => {
-      const s = l(n.value) ? 0 : n.value;
-      let o = (s - e + t.options.length) % t.options.length;
-      for (; t.options[o].disabled && o !== s; )
-        o = c(e + 1);
-      return o;
-    }, m = async () => {
-      if (!i.value) return;
-      const e = c();
-      n.value = e;
-    }, w = () => {
-      if (!i.value) return;
-      let e = 0;
-      for (; t.options[e].disabled; )
-        e++;
-      n.value = e;
-    }, b = () => {
-      if (!i.value) return;
-      let e = t.options.length - 1;
-      for (; t.options[e].disabled && e !== 0; )
-        e--;
-      n.value = e;
-    }, I = () => {
-      if (!i.value) return;
-      let e = 0;
-      for (; !t.options[e].selected && t.options.length !== e; )
-        e++;
-      n.value = e;
-    }, g = () => {
-      if (!i.value) return;
-      let e = t.options.length - 1;
-      for (; t.options[e].selected && e !== 0; )
-        e--;
-      n.value = e;
-    }, _ = (e) => {
-      if (!i.value) return;
-      const s = t.options.findIndex(
-        (o) => o.valueHash === e
-      );
-      s >= 0 && (n.value = s);
-    }, r = () => {
-      n.value = null;
-    }, k = () => {
-      if (l(n.value)) return;
-      const e = t.options[n.value];
-      e.selected && u("option:unselected", e);
-    }, C = () => l(n.value) ? void 0 : t.options[n.value];
-    return N(
-      () => t.options,
-      (e, s) => {
-        d(e) !== d(s) && r();
-      },
-      {
-        flush: "post"
-      }
-    ), v({
-      focusNext: x,
-      focusPrevious: m,
-      focusFirst: w,
-      focusFirstSelected: I,
-      focusLast: b,
-      focusLastSelected: g,
-      blur: r,
-      confirmOption: k,
-      focusByHash: _,
-      getHighlighted: C
-    }), (e, s) => (p(!0), L(S, null, V(e.options, (o, B) => (p(), A(E, {
-      key: o.valueHash,
-      class: O({
-        "bb-chipsbox-item": !0,
-        "bb-chipsbox-item--focused": B === n.value
-      }),
-      clearable: !0,
-      text: o.text,
-      "onClick:clear": P((M) => u("option:unselected", o), ["stop"])
-    }, {
-      default: $(() => [
-        z(D(o.text), 1)
-      ]),
-      _: 2
-    }, 1032, ["class", "text", "onClick:clear"]))), 128));
-  }
-});
+import f from "./index303.js";
 export {
-  K as default
+  f as default
 };

package/dist/index246.js

@@ -1,102 +1,108 @@
-import { defineComponent as F, ref as H, computed as L, watch as N, openBlock as d, createElementBlock as v, Fragment as S, renderList as A, normalizeClass as O, withModifiers as P, toDisplayString as V } from "vue";
-import { hash as f } from "./index223.js";
-import { isNil as i } from "./index251.js";
-const z = ["text", "onClick:clear"], j = /* @__PURE__ */ F({
-  __name: "CommaBox",
+import { defineComponent as y, ref as F, computed as H, watch as N, openBlock as p, createElementBlock as L, Fragment as S, renderList as V, createBlock as A, normalizeClass as O, withModifiers as P, withCtx as $, createTextVNode as z, toDisplayString as D } from "vue";
+import { hash as d } from "./index232.js";
+import { isNil as l } from "./index251.js";
+import E from "./index125.js";
+/* empty css         */
+const K = /* @__PURE__ */ y({
+  __name: "ChipsBox",
   props: {
     options: {}
   },
   emits: ["option:unselected"],
-  setup(m, { expose: h, emit: x }) {
-    const t = m, a = x, n = H(null), l = L(() => t.options.some((e) => !e.disabled)), u = (e = 1) => {
-      const s = i(n.value) ? -1 : n.value;
+  setup(f, { expose: v, emit: h }) {
+    const t = f, u = h, n = F(null), i = H(() => t.options.some((e) => !e.disabled)), a = (e = 1) => {
+      const s = l(n.value) ? -1 : n.value;
       let o = (s + e) % t.options.length;
       for (; t.options[o].disabled && o !== s; )
-        o = u(e + 1);
+        o = a(e + 1);
       return o;
-    }, b = () => {
-      if (!l.value) return;
-      const e = u();
+    }, x = () => {
+      if (!i.value) return;
+      const e = a();
       n.value = e;
     }, c = (e = 1) => {
-      const s = i(n.value) ? 0 : n.value;
+      const s = l(n.value) ? 0 : n.value;
       let o = (s - e + t.options.length) % t.options.length;
       for (; t.options[o].disabled && o !== s; )
         o = c(e + 1);
       return o;
-    }, w = async () => {
-      if (!l.value) return;
+    }, m = async () => {
+      if (!i.value) return;
       const e = c();
       n.value = e;
-    }, I = () => {
-      if (!l.value) return;
+    }, w = () => {
+      if (!i.value) return;
       let e = 0;
       for (; t.options[e].disabled; )
         e++;
       n.value = e;
-    }, g = () => {
-      if (!l.value) return;
+    }, b = () => {
+      if (!i.value) return;
       let e = t.options.length - 1;
       for (; t.options[e].disabled && e !== 0; )
         e--;
       n.value = e;
-    }, k = () => {
-      if (!l.value) return;
+    }, I = () => {
+      if (!i.value) return;
       let e = 0;
       for (; !t.options[e].selected && t.options.length !== e; )
         e++;
       n.value = e;
-    }, _ = () => {
-      if (!l.value) return;
+    }, g = () => {
+      if (!i.value) return;
       let e = t.options.length - 1;
       for (; t.options[e].selected && e !== 0; )
         e--;
       n.value = e;
-    }, C = (e) => {
-      if (!l.value) return;
+    }, _ = (e) => {
+      if (!i.value) return;
       const s = t.options.findIndex(
         (o) => o.valueHash === e
       );
       s >= 0 && (n.value = s);
     }, r = () => {
       n.value = null;
-    }, y = () => {
-      if (!n.value) return;
+    }, k = () => {
+      if (l(n.value)) return;
       const e = t.options[n.value];
-      e.selected && a("option:unselected", e);
-    }, B = () => i(n.value) ? void 0 : t.options[n.value];
+      e.selected && u("option:unselected", e);
+    }, C = () => l(n.value) ? void 0 : t.options[n.value];
     return N(
       () => t.options,
       (e, s) => {
-        f(e) !== f(s) && r();
+        d(e) !== d(s) && r();
       },
       {
         flush: "post"
       }
-    ), h({
-      focusNext: b,
-      focusPrevious: w,
-      focusFirst: I,
-      focusFirstSelected: k,
-      focusLast: g,
-      focusLastSelected: _,
+    ), v({
+      focusNext: x,
+      focusPrevious: m,
+      focusFirst: w,
+      focusFirstSelected: I,
+      focusLast: b,
+      focusLastSelected: g,
       blur: r,
-      confirmOption: y,
-      focusByHash: C,
-      getHighlighted: B
-    }), (e, s) => (d(!0), v(S, null, A(e.options, (o, p) => (d(), v("span", {
+      confirmOption: k,
+      focusByHash: _,
+      getHighlighted: C
+    }), (e, s) => (p(!0), L(S, null, V(e.options, (o, B) => (p(), A(E, {
       key: o.valueHash,
       class: O({
-        "bb-commabox-item": !0,
-        "bb-commabox-item--focused": p === n.value,
-        "bb-commabox-item--has-comma": p !== e.options.length - 1
+        "bb-chipsbox-item": !0,
+        "bb-chipsbox-item--focused": B === n.value
       }),
       clearable: !0,
       text: o.text,
-      "onClick:clear": P((D) => a("option:unselected", o), ["stop"])
-    }, V(o.text), 43, z))), 128));
+      "onClick:clear": P((M) => u("option:unselected", o), ["stop"])
+    }, {
+      default: $(() => [
+        z(D(o.text), 1)
+      ]),
+      _: 2
+    }, 1032, ["class", "text", "onClick:clear"]))), 128));
   }
 });
 export {
-  j as default
+  K as default
 };