bitboss-ui 2.0.104 → 2.0.106

package/dist/index248.js

@@ -1,4 +1,117 @@
-import f from "./index305.js";
+import { getCurrentScope as F, onScopeDispose as O, unref as g, onMounted as x, nextTick as S, isRef as W, getCurrentInstance as C, watch as P } from "vue";
+function V(e) {
+  return F() ? (O(e), !0) : !1;
+}
+function m(e) {
+  return typeof e == "function" ? e() : g(e);
+}
+const A = typeof window < "u" && typeof document < "u";
+typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
+const E = (e) => e != null, v = Object.prototype.toString, I = (e) => v.call(e) === "[object Object]", p = () => {
+};
+function h(e, o) {
+  function t(...n) {
+    return new Promise((r, i) => {
+      Promise.resolve(e(() => o.apply(this, n), { fn: o, thisArg: this, args: n })).then(r).catch(i);
+    });
+  }
+  return t;
+}
+const M = (e) => e();
+function T(e, o = {}) {
+  let t, n, r = p;
+  const i = (c) => {
+    clearTimeout(c), r(), r = p;
+  };
+  return (c) => {
+    const l = m(e), u = m(o.maxWait);
+    return t && i(t), l <= 0 || u !== void 0 && u <= 0 ? (n && (i(n), n = null), Promise.resolve(c())) : new Promise((s, w) => {
+      r = o.rejectOnCancel ? w : s, u && !n && (n = setTimeout(() => {
+        t && i(t), n = null, s(c());
+      }, u)), t = setTimeout(() => {
+        n && i(n), n = null, s(c());
+      }, l);
+    });
+  };
+}
+function R(...e) {
+  let o = 0, t, n = !0, r = p, i, a, c, l, u;
+  !W(e[0]) && typeof e[0] == "object" ? { delay: a, trailing: c = !0, leading: l = !0, rejectOnCancel: u = !1 } = e[0] : [a, c = !0, l = !0, u = !1] = e;
+  const s = () => {
+    t && (clearTimeout(t), t = void 0, r(), r = p);
+  };
+  return (j) => {
+    const f = m(a), b = Date.now() - o, d = () => i = j();
+    return s(), f <= 0 ? (o = Date.now(), d()) : (b > f && (l || !n) ? (o = Date.now(), d()) : c && (i = new Promise((y, D) => {
+      r = u ? D : y, t = setTimeout(() => {
+        o = Date.now(), n = !0, y(d()), s();
+      }, Math.max(0, f - b));
+    })), !l && !t && (t = setTimeout(() => n = !0, f)), n = !1, i);
+  };
+}
+function k(e) {
+  return C();
+}
+function N(e, o = 200, t = {}) {
+  return h(
+    T(o, t),
+    e
+  );
+}
+function _(e, o = 200, t = !1, n = !0, r = !1) {
+  return h(
+    R(o, t, n, r),
+    e
+  );
+}
+function G(e, o, t = {}) {
+  const {
+    eventFilter: n = M,
+    ...r
+  } = t;
+  return P(
+    e,
+    h(
+      n,
+      o
+    ),
+    r
+  );
+}
+function q(e, o = !0, t) {
+  k() ? x(e, t) : o ? e() : S(e);
+}
+function z(e, o, t = {}) {
+  const {
+    debounce: n = 0,
+    maxWait: r = void 0,
+    ...i
+  } = t;
+  return G(
+    e,
+    o,
+    {
+      ...i,
+      eventFilter: T(n, { maxWait: r })
+    }
+  );
+}
 export {
-  f as default
+  M as bypassFilter,
+  h as createFilterWrapper,
+  T as debounceFilter,
+  z as debouncedWatch,
+  k as getLifeCycleTarget,
+  A as isClient,
+  I as isObject,
+  p as noop,
+  E as notNullish,
+  R as throttleFilter,
+  m as toValue,
+  q as tryOnMounted,
+  V as tryOnScopeDispose,
+  N as useDebounceFn,
+  _ as useThrottleFn,
+  z as watchDebounced,
+  G as watchWithFilter
 };

package/dist/index249.js

@@ -1,20 +1,5 @@
-import { isNil as c } from "./index255.js";
-const a = (t, r) => {
-  if (!Object.prototype.hasOwnProperty.call(t, r))
-    throw new Error(
-      `Object ${JSON.stringify(t, null, 2)} has no property named "${r.toString()}"`
-    );
-}, l = (t) => typeof t == "string" ? t.toLocaleLowerCase() : JSON.stringify(t).toLowerCase(), y = (t, r, s) => {
-  const i = s.toLocaleLowerCase();
-  for (let e = 0; e < r.length; e++) {
-    const n = r[e];
-    a(t, n);
-    const o = t[n];
-    if (c(o)) continue;
-    if (l(o).includes(i)) return !0;
-  }
-  return !1;
-};
+import r from "./index303.js";
+const t = r;
 export {
-  y as matchAnyKey
+  t as deburr
 };

package/dist/index25.js

@@ -1,17 +1,18 @@
-import { defineComponent as ie, ref as o, computed as u, getCurrentInstance as ne, nextTick as N, useAttrs as re, onMounted as ue, onBeforeUnmount as G, watch as de, openBlock as _, createBlock as ce, withCtx as ve, createElementVNode as a, mergeProps as P, createElementBlock as $, renderSlot as d, createTextVNode as fe, toDisplayString as K, createCommentVNode as z } from "vue";
-import { throttle as be } from "./index246.js";
-import { useFocusTrap as pe } from "./index224.js";
+import { defineComponent as ne, ref as o, computed as u, getCurrentInstance as re, nextTick as N, useAttrs as ue, onMounted as de, onBeforeUnmount as G, watch as ce, openBlock as _, createBlock as ve, withCtx as fe, createElementVNode as a, mergeProps as P, createElementBlock as $, renderSlot as d, createTextVNode as be, toDisplayString as K, createCommentVNode as z } from "vue";
+import { throttle as pe } from "./index219.js";
+import { useFocusTrap as me } from "./index220.js";
 import { useId as U } from "./index8.js";
 import { wait as H } from "./index130.js";
-import { waitFor as me } from "./index226.js";
-import { useModalsState as C } from "./index247.js";
-import { useLogger as ge } from "./index215.js";
-import { useMobile as ye } from "./index9.js";
-import he from "./index231.js";
-const we = { class: "bb-base-dialog-close" }, ke = ["aria-label"], Le = /* @__PURE__ */ ie({
+import { waitFor as ge } from "./index221.js";
+import { useModalsState as C } from "./index222.js";
+import { useLogger as ye } from "./index218.js";
+import { useMobile as he } from "./index9.js";
+import we from "./index223.js";
+import { useLocale as ke } from "./index224.js";
+const _e = { class: "bb-base-dialog-close" }, Ce = ["aria-label"], Se = /* @__PURE__ */ ne({
   __name: "BaseDialog",
   props: {
-    closeLabel: { default: "Chiudi modale" },
+    closeLabel: {},
     compact: { type: Boolean },
     disabled: { type: Boolean },
     eager: { type: Boolean },
@@ -31,12 +32,12 @@ const we = { class: "bb-base-dialog-close" }, ke = ["aria-label"], Le = /* @__PU
   emits: ["shown", "hidden", "update:modelValue"],
   setup(j, { emit: q }) {
     var R, W;
-    const l = j, c = q, B = `title_${U().id.value}`, V = `description_${U().id.value}`, { isMobile: J } = ye(), g = o(null), v = o(null), T = o(null), y = o(null), f = o(null), s = o(null), b = o(null), Q = o(null), M = u(
+    const l = j, c = q, B = `title_${U().id.value}`, V = `description_${U().id.value}`, { isMobile: J } = he(), g = o(null), v = o(null), L = o(null), y = o(null), f = o(null), s = o(null), b = o(null), Q = o(null), T = u(
       () => l.fullscreen === !0 || l.fullscreen === "mobile" && J.value
-    ), L = !!((W = (R = ne()) == null ? void 0 : R.proxy) != null && W.$nuxt), h = o(0), X = u(() => {
+    ), M = !!((W = (R = re()) == null ? void 0 : R.proxy) != null && W.$nuxt), h = o(0), X = u(() => {
       const { openedModals: e } = C();
       return e.value && e.value === h.value;
-    }), { activate: Y, deactivate: x } = pe(T, {
+    }), { activate: Y, deactivate: x } = me(L, {
       initialFocus: l.focusTarget ?? void 0,
       clickOutsideDeactivates: (e) => e.target === v.value,
       allowOutsideClick: !0,
@@ -44,13 +45,15 @@ const we = { class: "bb-base-dialog-close" }, ke = ["aria-label"], Le = /* @__PU
       escapeDeactivates: () => (N(() => {
         c("update:modelValue", !1);
       }), !0)
-    }), Z = re(), ee = u(() => l.closeLabel);
-    ue(async () => {
-      s.value && (g.value = new ResizeObserver(r), g.value.observe(s.value)), window.addEventListener("resize", r), r(), !(!l.modelValue && !n.value) && (L && !globalThis.document || A());
+    }), Z = ue(), { t: ee } = ke(), le = u(
+      () => l.closeLabel || ee("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) && (M && !globalThis.document || A());
     }), G(() => {
       window.removeEventListener("resize", r);
     });
-    const w = o(!1), p = o(!1), D = o(!0), m = o(!1), n = o(l.eager || l.modelValue), O = u(() => p.value || m.value), le = () => {
+    const w = o(!1), p = o(!1), D = o(!0), m = o(!1), n = o(l.eager || l.modelValue), O = u(() => p.value || m.value), te = () => {
       if (!globalThis.document) return;
       const e = window.innerWidth - document.documentElement.clientWidth;
       document.body.style.overflow = "hidden", document.body.style.paddingRight = `${e}px`;
@@ -65,33 +68,33 @@ const we = { class: "bb-base-dialog-close" }, ke = ["aria-label"], Le = /* @__PU
     });
     const A = async () => {
       if (l.modelValue) {
-        n.value || (n.value = !0, await me(() => !!s.value), await N(), s.value && (g.value = new ResizeObserver(r), g.value.observe(s.value))), D.value = !1, m.value = !1, p.value = !0;
+        n.value || (n.value = !0, await ge(() => !!s.value), await N(), s.value && (g.value = new ResizeObserver(r), g.value.observe(s.value))), D.value = !1, m.value = !1, p.value = !0;
         const { modalHasOpened: e, openedModals: t } = C();
-        e(), h.value = t.value, le(), await H(l.transitionDuration), p.value = !1, w.value = !0, c("shown"), Y();
+        e(), h.value = t.value, te(), await H(l.transitionDuration), p.value = !1, w.value = !0, c("shown"), Y();
       } else {
         x(), p.value = !1, w.value = !1, m.value = !0, await H(l.transitionDuration), m.value = !1, D.value = !0;
         const { modalHasClosed: e, openedModals: t } = C();
         e(), h.value = 0, t.value || S(), c("hidden");
       }
     };
-    de(
+    ce(
       () => l.modelValue,
       () => {
-        !l.modelValue && !n.value || L && !globalThis.document || A();
+        !l.modelValue && !n.value || M && !globalThis.document || A();
       },
       { flush: "post" }
     );
     const k = (e) => {
       e.target === v.value && e.preventDefault();
-    }, te = (e) => {
+    }, oe = (e) => {
       l.disabled || O.value || v.value && e.target === v.value && (l.persistent || c("update:modelValue", !1));
     }, E = () => {
       l.disabled || O.value || (x(), c("update:modelValue", !1));
-    }, oe = u(() => {
+    }, ae = u(() => {
       const e = [
         {
           "bb-base-dialog bb-base-dialog__overlay": !0,
-          "bb-base-dialog--fullscreen": M.value,
+          "bb-base-dialog--fullscreen": T.value,
           "bb-base-dialog--faded": !X.value,
           "bb-base-dialog--open": w.value,
           "bb-base-dialog--opening": p.value,
@@ -101,7 +104,7 @@ const we = { class: "bb-base-dialog-close" }, ke = ["aria-label"], Le = /* @__PU
         },
         l.overlayClasses
       ].flat(), t = {
-        onClick: te,
+        onClick: oe,
         onScroll: k,
         onTouchmove: k,
         onWheel: k,
@@ -115,7 +118,7 @@ const we = { class: "bb-base-dialog-close" }, ke = ["aria-label"], Le = /* @__PU
         ...t,
         ...Z
       };
-    }), ae = u(() => {
+    }), se = u(() => {
       const e = [
         {
           "bb-base-dialog__panel": !0,
@@ -134,22 +137,22 @@ const we = { class: "bb-base-dialog-close" }, ke = ["aria-label"], Le = /* @__PU
         md: 652,
         lg: 896
       };
-      M.value ? i = "100%" : typeof l.size == "number" ? i = l.size + "px" : l.size in F ? i = F[l.size] + "px" : i = l.size + "px";
-      const se = {
+      T.value ? i = "100%" : typeof l.size == "number" ? i = l.size + "px" : l.size in F ? i = F[l.size] + "px" : i = l.size + "px";
+      const ie = {
         maxWidth: i,
         transitionDuration: l.transitionDuration / 1e3 + "s"
       };
       return {
         class: e,
-        style: se,
+        style: ie,
         ...t
       };
     });
     let I = 0;
-    const r = be(
+    const r = pe(
       async () => {
         if (I++, I === 100) {
-          const { error: e } = ge();
+          const { error: e } = ye();
           e(
             "Dialog is updating its height too often. Please check the content is reliably sized."
           );
@@ -169,15 +172,15 @@ const we = { class: "bb-base-dialog-close" }, ke = ["aria-label"], Le = /* @__PU
       200,
       { trailing: !0 }
     );
-    return (e, t) => (_(), ce(he, null, {
-      default: ve(() => [
-        a("div", P(oe.value, {
+    return (e, t) => (_(), ve(we, null, {
+      default: fe(() => [
+        a("div", P(ae.value, {
           ref_key: "overlay",
           ref: v
         }), [
-          a("div", P(ae.value, {
+          a("div", P(se.value, {
             ref_key: "panel",
-            ref: T
+            ref: L
           }), [
             n.value ? (_(), $("div", {
               key: 0,
@@ -200,13 +203,13 @@ const we = { class: "bb-base-dialog-close" }, ke = ["aria-label"], Le = /* @__PU
                     class: "bb-base-dialog__title"
                   }, [
                     d(e.$slots, "title", { text: e.title }, () => [
-                      fe(K(e.title), 1)
+                      be(K(e.title), 1)
                     ])
                   ]),
-                  a("span", we, [
+                  a("span", _e, [
                     e.showClose ? (_(), $("button", {
                       key: 0,
-                      "aria-label": ee.value,
+                      "aria-label": le.value,
                       type: "button",
                       onClick: E
                     }, [
@@ -227,7 +230,7 @@ const we = { class: "bb-base-dialog-close" }, ke = ["aria-label"], Le = /* @__PU
                           ])
                         ], -1))
                       ])
-                    ], 8, ke)) : z("", !0)
+                    ], 8, Ce)) : z("", !0)
                   ])
                 ])
               ], 512),
@@ -265,5 +268,5 @@ const we = { class: "bb-base-dialog-close" }, ke = ["aria-label"], Le = /* @__PU
   }
 });
 export {
-  Le as default
+  Se as default
 };

package/dist/index250.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 "./index213.js";
-import { isNil as l } from "./index255.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 "./index308.js";
 export {
-  K as default
+  f as default
 };

package/dist/index251.js

@@ -0,0 +1,20 @@
+import { isNil as c } from "./index258.js";
+const a = (t, r) => {
+  if (!Object.prototype.hasOwnProperty.call(t, r))
+    throw new Error(
+      `Object ${JSON.stringify(t, null, 2)} has no property named "${r.toString()}"`
+    );
+}, l = (t) => typeof t == "string" ? t.toLocaleLowerCase() : JSON.stringify(t).toLowerCase(), y = (t, r, s) => {
+  const i = s.toLocaleLowerCase();
+  for (let e = 0; e < r.length; e++) {
+    const n = r[e];
+    a(t, n);
+    const o = t[n];
+    if (c(o)) continue;
+    if (l(o).includes(i)) return !0;
+  }
+  return !1;
+};
+export {
+  y as matchAnyKey
+};

package/dist/index252.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 "./index213.js";
-import { isNil as i } from "./index255.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 "./index212.js";
+import { isNil as l } from "./index258.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
 };