bitboss-ui 2.0.157 → 2.0.159

package/dist/index25.js

@@ -1,15 +1,15 @@
-import { defineComponent as ne, ref as o, computed as u, getCurrentInstance as re, nextTick as G, useAttrs as ue, onMounted as de, onBeforeUnmount as P, watch as ce, openBlock as _, createBlock as ve, withCtx as fe, createElementVNode as a, mergeProps as K, createElementBlock as $, renderSlot as d, createTextVNode as be, toDisplayString as U, createCommentVNode as M } from "vue";
-import { throttle as pe } from "./index212.js";
-import { useFocusTrap as me } from "./index213.js";
-import { useId as j } from "./index8.js";
-import { wait as C } from "./index130.js";
-import { waitFor as ge } from "./index214.js";
-import { useModalsState as B } from "./index215.js";
-import { useLogger as ye } from "./index216.js";
-import { useMobile as he } from "./index9.js";
-import we from "./index217.js";
-import { useLocale as ke } from "./index218.js";
-const _e = { class: "bb-base-dialog-close" }, Ce = ["aria-label"], Ae = /* @__PURE__ */ ne({
+import { defineComponent as oe, ref as o, computed as i, getCurrentInstance as ae, nextTick as N, useAttrs as se, onMounted as ne, onBeforeUnmount as ie, watch as re, openBlock as m, createBlock as ue, withCtx as W, createElementVNode as a, mergeProps as F, createElementBlock as C, renderSlot as r, createTextVNode as de, toDisplayString as E, createCommentVNode as B, createVNode as ce } from "vue";
+import { useFocusTrap as fe } from "./index208.js";
+import { useId as H } from "./index8.js";
+import { wait as V } from "./index130.js";
+import { waitFor as be } from "./index243.js";
+import { useModalsState as y } from "./index244.js";
+import { useMobile as pe } from "./index9.js";
+import ve from "./index245.js";
+import { useLocale as me } from "./index217.js";
+import ye from "./index128.js";
+/* empty css         */
+const ge = { class: "bb-base-dialog-close" }, he = ["aria-label"], Se = /* @__PURE__ */ oe({
   __name: "BaseDialog",
   props: {
     closeLabel: {},
@@ -30,95 +30,93 @@ const _e = { class: "bb-base-dialog-close" }, Ce = ["aria-label"], Ae = /* @__PU
     modelValue: { type: [Boolean, null] }
   },
   emits: ["shown", "hidden", "update:modelValue"],
-  setup(q, { emit: J }) {
-    var W, F;
-    const l = q, c = J, V = `title_${j().id.value}`, z = `description_${j().id.value}`, { isMobile: Q } = he(), g = o(null), v = o(null), H = o(null), y = o(null), f = o(null), s = o(null), b = o(null), X = o(null), D = u(
-      () => l.fullscreen === !0 || l.fullscreen === "mobile" && Q.value
-    ), x = !!((F = (W = re()) == null ? void 0 : W.proxy) != null && F.$nuxt), h = o(0), Y = u(() => {
-      const { openedModals: e } = B();
-      return e.value && e.value === h.value;
-    }), { activate: Z, deactivate: O } = me(H, {
+  setup(R, { emit: K }) {
+    var O, A;
+    const l = R, u = K, g = `title_${H().id.value}`, h = `description_${H().id.value}`, { isMobile: P } = pe(), d = o(null), _ = o(null), U = o(null), j = o(null), $ = o(null), q = o(null), M = i(
+      () => l.fullscreen === !0 || l.fullscreen === "mobile" && P.value
+    ), T = !!((A = (O = ae()) == null ? void 0 : O.proxy) != null && A.$nuxt), b = o(0), G = i(() => {
+      const { openedModals: e } = y();
+      return e.value && e.value === b.value;
+    }), { activate: J, deactivate: D } = fe(_, {
       initialFocus: l.focusTarget ?? void 0,
-      clickOutsideDeactivates: (e) => e.target === v.value,
+      clickOutsideDeactivates: (e) => e.target === d.value,
       allowOutsideClick: !0,
       /* On esc deactivate the trap, return focus and then close the modal */
-      escapeDeactivates: () => (G(() => {
-        c("update:modelValue", !1);
+      escapeDeactivates: () => (N(() => {
+        u("update:modelValue", !1);
       }), !0)
-    }), ee = ue(), { t: le } = ke(), te = u(
-      () => l.closeLabel || le("dialog.closeLabel").value
+    }), Q = se(), { t: X } = me(), Y = i(
+      () => l.closeLabel || X("dialog.closeLabel").value
     );
-    de(async () => {
-      s.value && (g.value = new ResizeObserver(r), g.value.observe(s.value)), window.addEventListener("resize", r), r(), !(!l.modelValue && !n.value) && (x && !globalThis.document || E());
-    }), P(() => {
-      window.removeEventListener("resize", r);
+    ne(async () => {
+      !l.modelValue && !n.value || T && !globalThis.document || S();
     });
-    const w = o(!1), p = o(!1), L = o(!0), m = o(!1), n = o(l.eager || l.modelValue), S = u(() => p.value || m.value), oe = () => {
+    const p = o(!1), c = o(!1), w = o(!0), f = o(!1), n = o(l.eager || l.modelValue), L = i(() => c.value || f.value), Z = () => {
       if (!globalThis.document) return;
       const e = window.innerWidth - document.documentElement.clientWidth;
       document.body.style.overflow = "hidden", document.body.style.paddingRight = `${e}px`;
-    }, A = () => {
+    }, z = () => {
       globalThis.document && (document.body.style.overflow = "auto", document.body.style.paddingRight = "0px");
     };
-    P(() => {
+    ie(() => {
       if (l.modelValue) {
-        const { openedModals: e, modalHasClosed: t } = B();
-        e.value && (t(), h.value = 0, A());
+        const { openedModals: e, modalHasClosed: t } = y();
+        e.value && (t(), b.value = 0, z());
       }
     });
-    const E = async () => {
+    const S = async () => {
       if (l.modelValue) {
-        n.value || (n.value = !0, await ge(() => !!s.value), await G(), s.value && (g.value = new ResizeObserver(r), g.value.observe(s.value))), L.value = !1, m.value = !1, p.value = !0;
-        const { modalHasOpened: e, openedModals: t } = B();
-        e(), h.value = t.value, oe(), await C(l.transitionDuration), p.value = !1, w.value = !0, c("shown"), Z();
+        n.value || (n.value = !0, await be(() => !!$.value), await N()), w.value = !1, f.value = !1, c.value = !0;
+        const { modalHasOpened: e, openedModals: t } = y();
+        e(), b.value = t.value, Z(), await V(l.transitionDuration), c.value = !1, p.value = !0, u("shown"), J();
       } else {
-        O(), p.value = !1, w.value = !1, m.value = !0, await C(l.transitionDuration), m.value = !1, L.value = !0;
-        const { modalHasClosed: e, openedModals: t } = B();
-        e(), h.value = 0, t.value || A(), c("hidden");
+        D(), c.value = !1, p.value = !1, f.value = !0, await V(l.transitionDuration), f.value = !1, w.value = !0;
+        const { modalHasClosed: e, openedModals: t } = y();
+        e(), b.value = 0, t.value || z(), u("hidden");
       }
     };
-    ce(
+    re(
       () => l.modelValue,
       () => {
-        !l.modelValue && !n.value || x && !globalThis.document || E();
+        !l.modelValue && !n.value || T && !globalThis.document || S();
       },
       { flush: "post" }
     );
-    const k = (e) => {
-      e.target === v.value && e.preventDefault();
-    }, T = o(!1), ae = async (e) => {
-      l.disabled || S.value || v.value && e.target === v.value && (l.persistent ? H.value && (T.value = !0, await C(100), T.value = !1) : c("update:modelValue", !1));
-    }, I = () => {
-      l.disabled || S.value || (O(), c("update:modelValue", !1));
-    }, se = u(() => {
+    const v = (e) => {
+      e.target === d.value && e.preventDefault();
+    }, k = o(!1), ee = async (e) => {
+      l.disabled || L.value || d.value && e.target === d.value && (l.persistent ? _.value && (k.value = !0, await V(100), k.value = !1) : u("update:modelValue", !1));
+    }, x = () => {
+      l.disabled || L.value || (D(), u("update:modelValue", !1));
+    }, le = i(() => {
       const e = [
         {
           "bb-base-dialog bb-base-dialog__overlay": !0,
-          "bb-base-dialog--fullscreen": D.value,
-          "bb-base-dialog--faded": !Y.value,
-          "bb-base-dialog--open": w.value,
-          "bb-base-dialog--opening": p.value,
-          "bb-base-dialog--closed": L.value,
-          "bb-base-dialog--closing": m.value,
-          "bb-base-dialog--attempted-closing": T.value
+          "bb-base-dialog--fullscreen": M.value,
+          "bb-base-dialog--faded": !G.value,
+          "bb-base-dialog--open": p.value,
+          "bb-base-dialog--opening": c.value,
+          "bb-base-dialog--closed": w.value,
+          "bb-base-dialog--closing": f.value,
+          "bb-base-dialog--attempted-closing": k.value
         },
         l.overlayClasses
       ].flat(), t = {
-        onClick: ae,
-        onScroll: k,
-        onTouchmove: k,
-        onWheel: k,
-        onKeydown: k
-      }, i = {
+        onClick: ee,
+        onScroll: v,
+        onTouchmove: v,
+        onWheel: v,
+        onKeydown: v
+      }, s = {
         "--transition-duration": l.transitionDuration / 1e3 + "s"
       };
       return {
         class: e,
-        style: i,
+        style: s,
         ...t,
-        ...ee
+        ...Q
       };
-    }), ie = u(() => {
+    }), te = i(() => {
       const e = [
         {
           "bb-base-dialog__panel": !0,
@@ -128,89 +126,65 @@ const _e = { class: "bb-base-dialog-close" }, Ce = ["aria-label"], Ae = /* @__PU
       ].flat(), t = {
         role: "dialog",
         "aria-modal": !0,
-        "aria-live": w.value ? "polite" : "off"
+        "aria-live": p.value ? "polite" : "off"
       };
-      n.value && (l.title && (t["aria-labelledby"] = V), l.description && (t["aria-describedby"] = z));
-      let i;
-      const N = {
+      n.value && (l.title && (t["aria-labelledby"] = g), l.description && (t["aria-describedby"] = h));
+      let s;
+      const I = {
         sm: 384,
         md: 652,
         lg: 896
       };
-      return D.value ? i = "100%" : typeof l.size == "number" ? i = l.size + "px" : l.size in N ? i = N[l.size] + "px" : i = l.size + "px", {
+      return M.value ? s = "100%" : typeof l.size == "number" ? s = l.size + "px" : l.size in I ? s = I[l.size] + "px" : s = l.size + "px", {
         class: e,
         style: {
-          maxWidth: i
+          maxWidth: s
         },
         ...t
       };
     });
-    let R = 0;
-    const r = pe(
-      async () => {
-        if (R++, R === 100) {
-          const { error: e } = ye();
-          e(
-            "Dialog is updating its height too often. Please check the content is reliably sized."
-          );
-        }
-        if (l.fullscreen) {
-          X.value = window.innerHeight;
-          return;
-        }
-        if (f.value && s.value && b.value) {
-          const e = f.value.scrollHeight + s.value.scrollHeight + b.value.scrollHeight + 2;
-          if (y.value && (y.value.style.height = "0px", y.value.style.height = `${e + 2}px`, await C(30), f.value && s.value && b.value)) {
-            const t = f.value.scrollHeight + s.value.scrollHeight + b.value.scrollHeight + 2;
-            e !== t && r();
-          }
-        }
-      },
-      200,
-      { trailing: !0 }
-    );
-    return (e, t) => (_(), ve(we, null, {
-      default: fe(() => [
-        a("div", K(se.value, {
+    return (e, t) => (m(), ue(ve, null, {
+      default: W(() => [
+        a("div", F(le.value, {
           ref_key: "overlay",
-          ref: v
+          ref: d
         }), [
-          a("div", K(ie.value, {
+          a("div", F(te.value, {
             ref_key: "panel",
-            ref: H
+            ref: _
           }), [
-            n.value ? (_(), $("div", {
+            n.value ? (m(), C("div", {
               key: 0,
               ref_key: "content",
-              ref: y,
+              ref: U,
               class: "bb-base-dialog__content"
             }, [
               a("div", {
                 ref_key: "header",
-                ref: f,
+                ref: j,
                 class: "bb-base-dialog__header"
               }, [
-                d(e.$slots, "header", {
-                  close: I,
+                r(e.$slots, "header", {
+                  close: x,
                   title: e.title,
-                  titleId: V
+                  titleId: g
                 }, () => [
                   a("span", {
-                    id: V,
+                    id: g,
                     class: "bb-base-dialog__title"
                   }, [
-                    d(e.$slots, "title", { text: e.title }, () => [
-                      be(U(e.title), 1)
+                    r(e.$slots, "title", { text: e.title }, () => [
+                      de(E(e.title), 1)
                     ])
                   ]),
-                  a("span", _e, [
-                    e.showClose ? (_(), $("button", {
+                  a("span", ge, [
+                    e.showClose ? (m(), C("button", {
                       key: 0,
-                      "aria-label": te.value,
+                      "aria-label": Y.value,
                       type: "button",
-                      onClick: I
+                      onClick: x
                     }, [
-                      d(e.$slots, "close", {}, () => [
+                      r(e.$slots, "close", {}, () => [
                         t[0] || (t[0] = a("span", { class: "bb-base-dialog-close__icon" }, [
                           a("svg", {
                             "aria-hidden": "true",
@@ -227,36 +201,41 @@ const _e = { class: "bb-base-dialog-close" }, Ce = ["aria-label"], Ae = /* @__PU
                           ])
                         ], -1))
                       ])
-                    ], 8, Ce)) : M("", !0)
+                    ], 8, he)) : B("", !0)
                   ])
                 ])
               ], 512),
               a("div", {
                 ref_key: "body",
-                ref: s,
+                ref: $,
                 class: "bb-base-dialog__body scrollbar-border"
               }, [
-                d(e.$slots, "description", {
-                  descriptionId: z,
+                r(e.$slots, "description", {
+                  descriptionId: h,
                   text: e.description
                 }, () => [
-                  e.description ? (_(), $("div", {
+                  e.description ? (m(), C("div", {
                     key: 0,
-                    id: z,
+                    id: h,
                     class: "bb-base-dialog__description sr-only"
-                  }, U(e.description), 1)) : M("", !0)
+                  }, E(e.description), 1)) : B("", !0)
                 ]),
-                d(e.$slots, "default")
+                ce(ye, { "transition-duration": 500 }, {
+                  default: W(() => [
+                    r(e.$slots, "default")
+                  ]),
+                  _: 3
+                })
               ], 512),
               t[1] || (t[1] = a("div", { style: { flex: "10000 10000 0%" } }, null, -1)),
               a("div", {
                 ref_key: "footer",
-                ref: b,
+                ref: q,
                 class: "bb-base-dialog__footer"
               }, [
-                d(e.$slots, "footer")
+                r(e.$slots, "footer")
               ], 512)
-            ], 512)) : M("", !0)
+            ], 512)) : B("", !0)
           ], 16)
         ], 16)
       ]),
@@ -265,5 +244,5 @@ const _e = { class: "bb-base-dialog-close" }, Ce = ["aria-label"], Ae = /* @__PU
   }
 });
 export {
-  Ae as default
+  Se as default
 };

package/dist/index250.js

@@ -1,46 +1,4 @@
-import { defineComponent as _, computed as a, openBlock as o, createElementBlock as c, createElementVNode as p, Fragment as b, renderList as h, createBlock as k, normalizeClass as f, withCtx as y, createTextVNode as x, toDisplayString as B } from "vue";
-import C from "./index13.js";
-/* empty css        */
-const M = { class: "bb-base-date-picker__button-menu bb-base-date-picker__month-selector" }, v = { class: "content" }, E = /* @__PURE__ */ _({
-  __name: "BaseDatePickerMonthSelector",
-  props: {
-    cursor: {},
-    disabled: { type: Boolean }
-  },
-  emits: ["update:month"],
-  setup(l, { emit: d }) {
-    const s = l, m = d, i = a(() => s.cursor.month()), u = a(
-      () => new Array(12).fill(0).map((r, t) => {
-        const n = s.cursor.clone().startOf("year").add(t, "month");
-        return {
-          text: n.format("MMMM"),
-          key: n.unix(),
-          selected: n.month() === i.value,
-          handler: () => m("update:month", t)
-        };
-      })
-    );
-    return (r, t) => (o(), c("div", M, [
-      p("div", v, [
-        (o(!0), c(b, null, h(u.value, (e) => (o(), k(C, {
-          key: e.key,
-          class: f({
-            content__btn: !0,
-            "content__btn--selected": e.selected
-          }),
-          disabled: r.disabled,
-          type: "button",
-          onClick: e.handler
-        }, {
-          default: y(() => [
-            x(B(e.text), 1)
-          ]),
-          _: 2
-        }, 1032, ["class", "disabled", "onClick"]))), 128))
-      ])
-    ]));
-  }
-});
+const s = (r) => !!r && !!r.match(/^(#|var\(--|(rgb|hsl)a?\()/);
 export {
-  E as default
+  s as isCssColor
 };

package/dist/index251.js

@@ -1,7 +1,6 @@
-import o from "./index305.js";
-/* empty css         */
-import t from "./index286.js";
-const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-8c6b13bd"]]);
+import { curry as e } from "./index307.js";
+const t = (n, o, r) => n(r) ? o(r) : r, s = e(t);
 export {
-  m as default
+  t as baseWhen,
+  s as when
 };

package/dist/index252.js

@@ -1,62 +1,4 @@
-import { defineComponent as g, ref as i, computed as d, onMounted as h, openBlock as u, createElementBlock as m, createElementVNode as y, Fragment as x, renderList as B, createBlock as C, normalizeClass as S, withCtx as T, createTextVNode as E, toDisplayString as w } from "vue";
-import { range as H } from "./index335.js";
-import M from "./index13.js";
-/* empty css        */
-const n = 10, l = 3, V = /* @__PURE__ */ g({
-  __name: "BaseDatePickerYearSelector",
-  props: {
-    cursor: {},
-    disabled: { type: Boolean }
-  },
-  emits: ["update:year"],
-  setup(p, { emit: _ }) {
-    const f = p, b = _, o = i(), r = d(() => f.cursor.year()), c = i(r.value - n * l), s = i(r.value + n * l), v = d(
-      () => H(c.value, s.value).map((e) => ({
-        text: e,
-        key: e,
-        selected: e === r.value,
-        handler: () => b("update:year", e)
-      }))
-    ), k = (e) => {
-      const t = e.target;
-      t.scrollTop <= 100 ? c.value = Math.max(
-        c.value - n * l,
-        r.value - 200
-      ) : t.scrollHeight - t.scrollTop === t.clientHeight && (s.value = Math.min(s.value + n * l, 2101));
-    };
-    return h(() => {
-      if (!o.value) return;
-      const e = o.value.querySelector(
-        ".content__btn--selected"
-      );
-      e && (e.parentElement.scrollTop = e.offsetTop - e.parentElement.clientHeight / 2 + 16);
-    }), (e, t) => (u(), m("div", {
-      ref_key: "container",
-      ref: o,
-      class: "bb-base-date-picker__button-menu bb-base-date-picker__year-selector scrollbar-border"
-    }, [
-      y("div", {
-        class: "content",
-        onScrollPassive: k
-      }, [
-        (u(!0), m(x, null, B(v.value, (a) => (u(), C(M, {
-          key: a.key,
-          class: S({
-            content__btn: !0,
-            "content__btn--selected": a.selected
-          }),
-          disabled: e.disabled,
-          onClick: a.handler
-        }, {
-          default: T(() => [
-            E(w(a.text), 1)
-          ]),
-          _: 2
-        }, 1032, ["class", "disabled", "onClick"]))), 128))
-      ], 32)
-    ], 512));
-  }
-});
+const o = (e) => typeof e == "boolean" ? e : e === "true";
 export {
-  V as default
+  o as booleanishToBoolean
 };

package/dist/index253.js

@@ -1,5 +1,4 @@
-import r from "./index307.js";
-const t = r;
+const t = "useandom-26T198340PX75pxJACKVERYMINDBUSHWOLF_GQZbfghjklqvwyzrict";
 export {
-  t as deburr
+  t as urlAlphabet
 };

package/dist/index254.js

@@ -1,36 +1,108 @@
-import { defineComponent as p, getCurrentInstance as a, resolveComponent as u, openBlock as f, createBlock as k, resolveDynamicComponent as g, unref as d, withCtx as b, renderSlot as x } from "vue";
-import { _config as e } from "./index4.js";
-import { useLogger as l } from "./index216.js";
-const $ = /* @__PURE__ */ p({
-  __name: "RouterComponent",
-  setup(y) {
-    var o, i, r, s;
-    const m = !!((i = (o = a()) == null ? void 0 : o.proxy) != null && i.$inertia), c = !!((s = (r = a()) == null ? void 0 : r.proxy) != null && s.$nuxt);
-    let t;
-    if (m) {
-      if (t = u(e.inertiaLinkName), typeof t == "string") {
-        const { warn: n } = l();
-        n(
-          `Inertia link component "${e.inertiaLinkName}" could not be resolved. Ensure you app registers a link component with the name "${e.inertiaLinkName}" or set bitboss-ui config key "inertiaLinkName" to the correct value globally. Please visit ${e.documentationURL}/getting-started to resolve setup issues in bitboss-ui.`
-        );
+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 "./index225.js";
+import { isNil as l } from "./index264.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"
       }
-    } else if (c) {
-      if (t = u(e.nuxtLinkName), typeof t == "string") {
-        const { warn: n } = l();
-        n(
-          `Nuxt link component "${e.nuxtLinkName}" could not be resolved. Ensure you app registers a link component with the name "${e.nuxtLinkName}" or set bitboss-ui config key "nuxtLinkName" to the correct value globally. Please visit ${e.documentationURL}/getting-started to resolve setup issues in bitboss-ui.`
-        );
-      }
-    } else
-      t = "router-link";
-    return (n, L) => (f(), k(g(d(t)), null, {
-      default: b(() => [
-        x(n.$slots, "default")
+    ), 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)
       ]),
-      _: 3
-    }));
+      _: 2
+    }, 1032, ["class", "text", "onClick:clear"]))), 128));
   }
 });
 export {
-  $ as default
+  K as default
 };