bitboss-ui 2.1.18 → 2.1.20

package/dist/index347.js

@@ -1,129 +1,52 @@
-const P = ["top", "right", "bottom", "left"], l = Math.min, m = Math.max, M = Math.round, O = Math.floor, S = (t) => ({
-  x: t,
-  y: t
-}), p = {
-  left: "right",
-  right: "left",
-  bottom: "top",
-  top: "bottom"
-}, a = {
-  start: "end",
-  end: "start"
-};
-function w(t, n, e) {
-  return m(t, l(n, e));
-}
-function j(t, n) {
-  return typeof t == "function" ? t(n) : t;
-}
-function u(t) {
-  return t.split("-")[0];
-}
-function g(t) {
-  return t.split("-")[1];
-}
-function h(t) {
-  return t === "x" ? "y" : "x";
-}
-function b(t) {
-  return t === "y" ? "height" : "width";
-}
-function x(t) {
-  return ["top", "bottom"].includes(u(t)) ? "y" : "x";
-}
-function d(t) {
-  return h(x(t));
-}
-function C(t, n, e) {
-  e === void 0 && (e = !1);
-  const r = g(t), o = d(t), i = b(o);
-  let c = o === "x" ? r === (e ? "end" : "start") ? "right" : "left" : r === "start" ? "bottom" : "top";
-  return n.reference[i] > n.floating[i] && (c = f(c)), [c, f(c)];
-}
-function L(t) {
-  const n = f(t);
-  return [s(t), n, s(n)];
-}
-function s(t) {
-  return t.replace(/start|end/g, (n) => a[n]);
-}
-function A(t, n, e) {
-  const r = ["left", "right"], o = ["right", "left"], i = ["top", "bottom"], c = ["bottom", "top"];
-  switch (t) {
-    case "top":
-    case "bottom":
-      return e ? n ? o : r : n ? r : o;
-    case "left":
-    case "right":
-      return n ? i : c;
-    default:
-      return [];
+function T(n, i, e) {
+  let l = e.initialDeps ?? [], t;
+  function r() {
+    var o, m, h, f;
+    let g;
+    e.key && ((o = e.debug) != null && o.call(e)) && (g = Date.now());
+    const u = n();
+    if (!(u.length !== l.length || u.some((c, a) => l[a] !== c)))
+      return t;
+    l = u;
+    let s;
+    if (e.key && ((m = e.debug) != null && m.call(e)) && (s = Date.now()), t = i(...u), e.key && ((h = e.debug) != null && h.call(e))) {
+      const c = Math.round((Date.now() - g) * 100) / 100, a = Math.round((Date.now() - s) * 100) / 100, b = a / 16, w = (d, v) => {
+        for (d = String(d); d.length < v; )
+          d = " " + d;
+        return d;
+      };
+      console.info(
+        `%c⏱ ${w(a, 5)} /${w(c, 5)} ms`,
+        `
+            font-size: .6rem;
+            font-weight: bold;
+            color: hsl(${Math.max(
+          0,
+          Math.min(120 - 120 * b, 120)
+        )}deg 100% 31%);`,
+        e == null ? void 0 : e.key
+      );
+    }
+    return (f = e == null ? void 0 : e.onChange) == null || f.call(e, t), t;
   }
-}
-function E(t, n, e, r) {
-  const o = g(t);
-  let i = A(u(t), e === "start", r);
-  return o && (i = i.map((c) => c + "-" + o), n && (i = i.concat(i.map(s)))), i;
-}
-function f(t) {
-  return t.replace(/left|right|bottom|top/g, (n) => p[n]);
-}
-function y(t) {
-  return {
-    top: 0,
-    right: 0,
-    bottom: 0,
-    left: 0,
-    ...t
-  };
-}
-function R(t) {
-  return typeof t != "number" ? y(t) : {
-    top: t,
-    right: t,
-    bottom: t,
-    left: t
-  };
-}
-function T(t) {
-  const {
-    x: n,
-    y: e,
-    width: r,
-    height: o
-  } = t;
-  return {
-    width: r,
-    height: o,
-    top: e,
-    left: n,
-    right: n + r,
-    bottom: e + o,
-    x: n,
-    y: e
+  return r.updateDeps = (o) => {
+    l = o;
+  }, r;
+}
+function y(n, i) {
+  if (n === void 0)
+    throw new Error("Unexpected undefined");
+  return n;
+}
+const M = (n, i) => Math.abs(n - i) <= 1, k = (n, i, e) => {
+  let l;
+  return function(...t) {
+    n.clearTimeout(l), l = n.setTimeout(() => i.apply(this, t), e);
   };
-}
+};
 export {
-  w as clamp,
-  S as createCoords,
-  j as evaluate,
-  y as expandPaddingObject,
-  O as floor,
-  g as getAlignment,
-  d as getAlignmentAxis,
-  C as getAlignmentSides,
-  b as getAxisLength,
-  L as getExpandedPlacements,
-  s as getOppositeAlignmentPlacement,
-  h as getOppositeAxis,
-  E as getOppositeAxisPlacements,
-  f as getOppositePlacement,
-  R as getPaddingObject,
-  u as getSide,
-  x as getSideAxis,
-  m as max,
-  l as min,
-  T as rectToClientRect,
-  M as round,
-  P as sides
+  M as approxEqual,
+  k as debounce,
+  T as memo,
+  y as notUndefined
 };

package/dist/index35.js

@@ -1,9 +1,9 @@
 import { defineComponent as I, ref as v, computed as f, createElementBlock as l, openBlock as r, mergeProps as h, createElementVNode as i, renderSlot as p, Fragment as V, renderList as M, normalizeClass as D, toDisplayString as F, unref as y } from "vue";
-import { booleanishToBoolean as T } from "./index211.js";
-import { identity as $ } from "./index218.js";
-import { isCssColor as k } from "./index209.js";
+import { booleanishToBoolean as T } from "./index244.js";
+import { identity as $ } from "./index245.js";
+import { isCssColor as k } from "./index246.js";
 import { isNotNil as q } from "./index140.js";
-import { useLocale as x } from "./index221.js";
+import { useLocale as x } from "./index210.js";
 const H = { class: "bb-base-rating__inner-container" }, S = { class: "bb-base-rating__label-text sr-only" }, N = ["id", "aria-describedby", "autofocus", "checked", "disabled", "name", "required", "value"], j = ["height", "width"], W = /* @__PURE__ */ I({
   __name: "BaseRating",
   props: {

package/dist/index37.js

@@ -5,32 +5,32 @@ import { useId as tt } from "./index8.js";
 import { useMobile as lt } from "./index9.js";
 import at from "./index111.js";
 /* empty css         */
-import { hash as ot } from "./index236.js";
-import { isEmpty as nt } from "./index219.js";
-import { last as ut } from "./index220.js";
-import { matchAnyKey as ie } from "./index261.js";
-import { useArray as st } from "./index262.js";
-import { useBaseOptions as it } from "./index234.js";
-import { useCoherence as rt } from "./index235.js";
-import { useHashedWatcher as re } from "./index237.js";
-import { useIndexById as de } from "./index233.js";
+import { hash as ot } from "./index227.js";
+import { isEmpty as nt } from "./index251.js";
+import { last as ut } from "./index228.js";
+import { matchAnyKey as ie } from "./index254.js";
+import { useArray as st } from "./index255.js";
+import { useBaseOptions as it } from "./index241.js";
+import { useCoherence as rt } from "./index242.js";
+import { useHashedWatcher as re } from "./index243.js";
+import { useIndexById as de } from "./index240.js";
 import { useMounted as dt, useIntersectionObserver as ct } from "./index137.js";
-import { useItemsGetter as pt } from "./index231.js";
-import { useLocale as mt } from "./index221.js";
-import { usePrefill as ft } from "./index232.js";
+import { useItemsGetter as pt } from "./index238.js";
+import { useLocale as mt } from "./index210.js";
+import { usePrefill as ft } from "./index239.js";
 import { wait as q } from "./index135.js";
-import { waitFor as vt } from "./index263.js";
-import { when as ht } from "./index210.js";
-import yt from "./index244.js";
+import { waitFor as vt } from "./index256.js";
+import { when as ht } from "./index252.js";
+import yt from "./index247.js";
 /* empty css         */
-import bt from "./index246.js";
+import bt from "./index249.js";
 /* empty css         */
-import gt from "./index224.js";
+import gt from "./index215.js";
 /* empty css         */
-import wt from "./index226.js";
-import Bt from "./index227.js";
+import wt from "./index217.js";
+import Bt from "./index218.js";
 /* empty css         */
-import Vt from "./index264.js";
+import Vt from "./index257.js";
 const St = { class: "bb-base-select__inner-wrapper" }, kt = { class: "bb-base-select__input-container" }, Ct = {
   key: 1,
   class: "bb-base-select__max-reached"

package/dist/index39.js

@@ -1,17 +1,16 @@
-import { defineComponent as te, ref as d, computed as p, onMounted as le, watch as oe, createElementBlock as y, openBlock as g, mergeProps as L, renderSlot as v, createElementVNode as m, createCommentVNode as H, Fragment as ne, renderList as se, normalizeProps as ie, guardReactiveProps as ue, unref as c, normalizeStyle as G, normalizeClass as O } from "vue";
-import { head as de } from "./index239.js";
-import { isCssColor as Y } from "./index209.js";
-import { isNil as S } from "./index240.js";
-import { getAsPercentageBetween as T, getAsPercentage as me, getValueFromPercentageInInterval as x } from "./index136.js";
-import { hash as j } from "./index236.js";
-import { snapToStep as ce } from "./index241.js";
-import { last as be } from "./index220.js";
-import { transpose as J } from "./index242.js";
-import { clamp as f } from "./index207.js";
-const ve = { class: "bb-base-slider__slider-container" }, fe = {
+import { defineComponent as re, ref as d, computed as p, onMounted as te, watch as le, createElementBlock as y, openBlock as g, mergeProps as N, renderSlot as v, createElementVNode as m, createCommentVNode as H, Fragment as oe, renderList as ne, normalizeProps as se, guardReactiveProps as ie, unref as c, normalizeStyle as G, normalizeClass as O } from "vue";
+import { head as ue } from "./index259.js";
+import { isCssColor as Y } from "./index246.js";
+import { isNil as S } from "./index258.js";
+import { getAsPercentageBetween as x, getAsPercentage as de, getValueFromPercentageInInterval as T } from "./index136.js";
+import { snapToStep as me } from "./index260.js";
+import { last as ce } from "./index228.js";
+import { transpose as j } from "./index261.js";
+import { clamp as f } from "./index208.js";
+const be = { class: "bb-base-slider__slider-container" }, ve = {
   key: 0,
   class: "bb-base-slider__ticks-container"
-}, pe = ["id", "disabled", "name", "readonly", "required", "value"], he = ["aria-describedby", "aria-readonly", "aria-valuemax", "aria-valuemin", "aria-valuenow", "tabindex"], ye = ["aria-describedby", "aria-readonly", "aria-valuemax", "aria-valuemin", "aria-valuenow", "tabindex"], Ne = /* @__PURE__ */ te({
+}, fe = ["id", "disabled", "name", "required", "value"], pe = ["aria-describedby", "aria-readonly", "aria-valuemax", "aria-valuemin", "aria-valuenow", "tabindex"], he = ["aria-describedby", "aria-readonly", "aria-valuemax", "aria-valuemin", "aria-valuenow", "tabindex"], $e = /* @__PURE__ */ re({
   __name: "BaseSlider",
   props: {
     ariaDescribedby: {},
@@ -33,127 +32,127 @@ const ve = { class: "bb-base-slider__slider-container" }, fe = {
     thumbTranslate: { type: Boolean, default: !0 }
   },
   emits: ["click", "focus", "active", "inactive", "keydown", "pointerdown", "pointermove", "pointerup", "update:modelValue"],
-  setup(K, { emit: Q }) {
-    const a = K, s = Q;
+  setup(J, { emit: K }) {
+    const a = J, s = K;
     if (a.min < Number.MIN_SAFE_INTEGER || a.max > Number.MAX_SAFE_INTEGER)
       throw new Error("BaseSlider min or max is too large");
-    const C = d(), V = d(), b = d(), u = d(), n = d(0), l = d(0), E = p(() => Array.isArray(a.modelValue) ? de(a.modelValue) ?? void 0 : S(a.modelValue) ? void 0 : Number(a.modelValue)), _ = p(() => Array.isArray(a.modelValue) ? be(a.modelValue) ?? void 0 : S(a.modelValue) ? void 0 : Number(a.modelValue)), A = p(() => [n.value, l.value].sort(
+    const C = d(), V = d(), b = d(), u = d(), n = d(0), t = d(0), _ = p(() => Array.isArray(a.modelValue) ? ue(a.modelValue) ?? void 0 : S(a.modelValue) ? void 0 : Number(a.modelValue)), A = p(() => Array.isArray(a.modelValue) ? ce(a.modelValue) ?? void 0 : S(a.modelValue) ? void 0 : Number(a.modelValue)), P = p(() => [n.value, t.value].sort(
       (e, r) => e - r
     )), $ = d(!1);
     if (a.range && !Array.isArray(a.modelValue))
       throw new TypeError(
         "BaseSlider mode is set as range but modelValue is not an array"
       );
-    le(() => {
+    te(() => {
       var e;
       a.autofocus && ((e = u.value) == null || e.focus());
     });
-    let P = d(!1), o = d(null);
+    let L = d(!1), l = d(null);
     const F = (e) => {
       if (u.value && u.value.contains(e.target))
         return "higher";
       if (b.value && b.value.contains(e.target))
         return "lower";
       throw new Error("Could not identify target thumb");
-    }, U = (e) => {
-      a.disabled || a.readonly || (o.value || (o.value = F(e)), P.value = !0, document.addEventListener("pointermove", B), document.addEventListener("pointerup", z), s("pointerdown", e));
+    }, Q = (e) => {
+      a.disabled || a.readonly || (l.value || (l.value = F(e)), L.value = !0, document.addEventListener("pointermove", w), document.addEventListener("pointerup", B), s("pointerdown", e));
     };
-    let I = p(() => P.value ? {} : { onPointerdown: U });
-    const B = (e) => {
+    let I = p(() => L.value ? {} : { onPointerdown: Q });
+    const w = (e) => {
       if (!(a.disabled || a.readonly) && V.value) {
         e instanceof PointerEvent ? s("pointermove", e) : s("click", e);
-        const r = V.value.getBoundingClientRect(), t = e.clientX, i = r.left, h = r.width;
-        let ee = J(
-          t,
+        const r = V.value.getBoundingClientRect(), o = e.clientX, i = r.left, h = r.width;
+        let Z = j(
+          o,
           i,
           i + h,
           a.min,
           a.max
         );
-        const ae = ce(
-          ee,
+        const ee = me(
+          Z,
           a.min,
           a.max,
           a.step
-        ), re = T(
-          ae,
+        ), ae = x(
+          ee,
           a.min,
           a.max
-        ), M = f(re, 0, 100);
-        o.value === "higher" ? l.value = M : o.value === "lower" && (n.value = M), s("update:modelValue", N());
+        ), M = f(ae, 0, 100);
+        l.value === "higher" ? t.value = M : l.value === "lower" && (n.value = M), s("update:modelValue", z());
       }
-    }, N = () => {
+    }, z = () => {
       if (a.range)
         return [
-          x(
+          T(
             n.value,
             a.min,
             a.max
           ),
-          x(
-            l.value,
+          T(
+            t.value,
             a.min,
             a.max
           )
         ].sort((e, r) => e - r).map((e) => Number(e.toFixed(a.maxPrecision)));
       {
-        const e = x(
-          l.value,
+        const e = T(
+          t.value,
           a.min,
           a.max
         );
         return Number(e.toFixed(a.maxPrecision));
       }
     };
-    oe(
+    le(
       () => a.modelValue,
       (e) => {
         if (a.range) {
           if (!Array.isArray(e))
             throw new Error("BaseSlider modelValue must be an array");
           if (e.length !== 2) {
-            n.value = 0, l.value = 100;
+            n.value = 0, t.value = 100;
             return;
           }
-          const t = [...e].sort((i, h) => i - h).map(
-            (i) => f(T(i, a.min, a.max), 0, 100)
+          const o = [...e].sort((i, h) => i - h).map(
+            (i) => f(x(i, a.min, a.max), 0, 100)
           );
-          n.value > l.value ? (n.value = t[1], l.value = t[0]) : (n.value = t[0], l.value = t[1]);
+          n.value > t.value ? (n.value = o[1], t.value = o[0]) : (n.value = o[0], t.value = o[1]);
         } else {
           let r = e ?? a.min;
-          const t = J(r, a.min, a.max, 0, 100), i = f(t, 0, 100);
-          l.value = i;
+          const o = j(r, a.min, a.max, 0, 100), i = f(o, 0, 100);
+          t.value = i;
         }
       },
       { immediate: !0 }
     );
-    const z = (e) => {
-      P.value = !1, o.value = null, document.removeEventListener("pointermove", B), document.removeEventListener("pointerup", z), s("pointerup", e);
-    }, w = me(a.step, a.max - a.min), R = (e) => {
-      s("keydown", e), !(a.disabled || a.readonly || e.key !== "ArrowLeft" && e.key !== "ArrowRight") && (e.key === "ArrowLeft" ? o.value === "higher" || document.activeElement === u.value || e.target === u.value ? l.value = f(
-        l.value - w,
+    const B = (e) => {
+      L.value = !1, l.value = null, document.removeEventListener("pointermove", w), document.removeEventListener("pointerup", B), s("pointerup", e);
+    }, k = de(a.step, a.max - a.min), R = (e) => {
+      s("keydown", e), !(a.disabled || a.readonly || e.key !== "ArrowLeft" && e.key !== "ArrowRight") && (e.key === "ArrowLeft" ? l.value === "higher" || document.activeElement === u.value || e.target === u.value ? t.value = f(
+        t.value - k,
         0,
         100
-      ) : (o.value === "lower" || document.activeElement === b.value || e.target === b.value) && (n.value = f(
-        n.value - w,
+      ) : (l.value === "lower" || document.activeElement === b.value || e.target === b.value) && (n.value = f(
+        n.value - k,
         0,
         100
-      )) : e.key === "ArrowRight" && (o.value === "higher" || document.activeElement === u.value || e.target === u.value ? l.value = f(
-        l.value + w,
+      )) : e.key === "ArrowRight" && (l.value === "higher" || document.activeElement === u.value || e.target === u.value ? t.value = f(
+        t.value + k,
         0,
         100
-      ) : (o.value === "lower" || document.activeElement === b.value || e.target === b.value) && (n.value = f(
-        n.value + w,
+      ) : (l.value === "lower" || document.activeElement === b.value || e.target === b.value) && (n.value = f(
+        n.value + k,
         0,
         100
-      ))), s("update:modelValue", N()));
+      ))), s("update:modelValue", z()));
     }, X = (e) => {
       s("focus", e);
       const r = F(e);
-      r && (o.value = r), $.value || ($.value = !0, s("active"), document.addEventListener("focusin", k), document.addEventListener("click", k));
-    }, k = (e) => {
+      r && (l.value = r), $.value || ($.value = !0, s("active"), document.addEventListener("focusin", E), document.addEventListener("click", E));
+    }, E = (e) => {
       var r;
-      e.target instanceof HTMLElement && ((r = C.value) != null && r.contains(e.target) || ($.value = !1, o.value = null, s("inactive"), document.removeEventListener("focusin", k), document.removeEventListener("click", k)));
+      e.target instanceof HTMLElement && ((r = C.value) != null && r.contains(e.target) || ($.value = !1, l.value = null, s("inactive"), document.removeEventListener("focusin", E), document.removeEventListener("click", E)));
     }, q = {
       class: {
         "bb-base-slider": !0,
@@ -162,54 +161,51 @@ const ve = { class: "bb-base-slider__slider-container" }, fe = {
         "bb-base-slider--readonly": a.readonly,
         [`bb-base-slider--${a.color}`]: a.color && !Y(a.color)
       },
-      onClick: (e) => {
-        var t;
-        if (a.range) return;
-        (t = u.value) == null || t.focus(), B(e);
-        const r = N();
-        j(r), j(a.modelValue);
+      onPointerdown: (e) => {
+        var r;
+        a.range || ((r = u.value) == null || r.focus(), w(e), document.addEventListener("pointermove", w), document.addEventListener("pointerup", B));
       },
       style: {}
     };
     a.color && Y(a.color) && (q.style["--color"] = a.color);
-    const W = p(() => {
+    const U = p(() => {
       const e = "bb-base-slider__track-background", r = {
-        width: `${A.value[1] - A.value[0]}%`,
-        left: `${A.value[0]}%`
+        width: `${P.value[1] - P.value[0]}%`,
+        left: `${P.value[0]}%`
       };
       return {
         class: e,
         style: r
       };
-    }), Z = (e) => S(a.modelValue) ? !1 : Array.isArray(a.modelValue) ? a.modelValue.length === 0 ? !1 : a.modelValue[0] <= e && a.modelValue[1] >= e : e <= Number(a.modelValue), D = p(() => {
+    }), W = (e) => S(a.modelValue) ? !1 : Array.isArray(a.modelValue) ? a.modelValue.length === 0 ? !1 : a.modelValue[0] <= e && a.modelValue[1] >= e : e <= Number(a.modelValue), D = p(() => {
       if (!a.ticks) return [];
       let e = [], r = a.min;
       for (; r <= a.max; ) {
-        let t = r;
-        const i = T(t, a.min, a.max), h = Z(t);
+        let o = r;
+        const i = x(o, a.min, a.max), h = W(o);
         e.push({
-          value: t,
+          value: o,
           percent: i,
           active: h
         }), r += a.step;
       }
       return e;
     });
-    return (e, r) => (g(), y("span", L(q, {
+    return (e, r) => (g(), y("span", N(q, {
       ref_key: "container",
       ref: C
     }), [
       v(e.$slots, "prepend"),
-      m("span", ve, [
-        D.value.length ? (g(), y("span", fe, [
-          (g(!0), y(ne, null, se(D.value, (t) => (g(), y("span", {
-            key: t.value,
+      m("span", be, [
+        D.value.length ? (g(), y("span", ve, [
+          (g(!0), y(oe, null, ne(D.value, (o) => (g(), y("span", {
+            key: o.value,
             class: "bb-base-slider__tick"
           }, [
             v(e.$slots, "tick", {
-              active: t.active,
-              percent: t.percent,
-              value: t.value
+              active: o.active,
+              percent: o.percent,
+              value: o.value
             })
           ]))), 128))
         ])) : H("", !0),
@@ -218,21 +214,21 @@ const ve = { class: "bb-base-slider__slider-container" }, fe = {
           class: "sr-only",
           disabled: e.disabled,
           name: e.name,
-          readonly: e.readonly,
+          readonly: !0,
           required: e.required,
           tabindex: -1,
           type: "text",
           value: JSON.stringify(e.modelValue)
-        }, null, 8, pe),
+        }, null, 8, fe),
         m("span", {
           ref_key: "track",
           ref: V,
           class: "bb-base-slider__track-container"
         }, [
           r[0] || (r[0] = m("span", { class: "bb-base-slider__track-fill" }, null, -1)),
-          m("span", ie(ue(W.value)), null, 16)
+          m("span", se(ie(U.value)), null, 16)
         ], 512),
-        a.range ? (g(), y("span", L({ key: 1 }, c(I), {
+        a.range ? (g(), y("span", N({ key: 1 }, c(I), {
           key: "thumblower",
           ref_key: "thumblower",
           ref: b,
@@ -241,7 +237,7 @@ const ve = { class: "bb-base-slider__slider-container" }, fe = {
           "aria-readonly": !e.readonly,
           "aria-valuemax": e.max,
           "aria-valuemin": e.min,
-          "aria-valuenow": E.value,
+          "aria-valuenow": _.value,
           class: "bb-base-slider__thumb-container",
           "data-thumb": "lower",
           role: "slider",
@@ -254,7 +250,7 @@ const ve = { class: "bb-base-slider__slider-container" }, fe = {
             class: O({
               "bb-base-slider__thumb": !0,
               "bb-base-slider__thumb--lower": !0,
-              "bb-base-slider__thumb--focused": c(o) === "lower"
+              "bb-base-slider__thumb--focused": c(l) === "lower"
             }),
             style: G({
               transform: `translateY(-50%) ${e.thumbTranslate ? `translateX(-${n.value}%)` : "translateX(-50%)"}`,
@@ -262,19 +258,19 @@ const ve = { class: "bb-base-slider__slider-container" }, fe = {
             })
           }, [
             v(e.$slots, "thumb:lower", {
-              focused: c(o) === "lower",
+              focused: c(l) === "lower",
               percent: n.value,
-              value: E.value
+              value: _.value
             }, () => [
               v(e.$slots, "thumb", {
-                focused: c(o) === "lower",
+                focused: c(l) === "lower",
                 percent: n.value,
-                value: E.value
+                value: _.value
               })
             ])
           ], 6)
-        ], 16, he)) : H("", !0),
-        m("span", L(c(I), {
+        ], 16, pe)) : H("", !0),
+        m("span", N(c(I), {
           key: "thumbhigher",
           ref_key: "thumbhigher",
           ref: u,
@@ -283,11 +279,11 @@ const ve = { class: "bb-base-slider__slider-container" }, fe = {
           "aria-readonly": !e.readonly,
           "aria-valuemax": e.max,
           "aria-valuemin": e.min,
-          "aria-valuenow": _.value,
+          "aria-valuenow": A.value,
           class: "bb-base-slider__thumb-container",
           "data-thumb": "higher",
           role: "slider",
-          style: { left: `${l.value}%` },
+          style: { left: `${t.value}%` },
           tabindex: e.disabled ? -1 : 0,
           onFocus: X,
           onKeydown: R
@@ -296,31 +292,31 @@ const ve = { class: "bb-base-slider__slider-container" }, fe = {
             class: O({
               "bb-base-slider__thumb": !0,
               "bb-base-slider__thumb--higher": !0,
-              "bb-base-slider__thumb--focused": c(o) === "higher"
+              "bb-base-slider__thumb--focused": c(l) === "higher"
             }),
             style: G({
-              transform: `translateY(-50%) ${e.thumbTranslate ? `translateX(-${l.value}%)` : "translateX(-50%)"}`,
-              left: `${l.value}%`
+              transform: `translateY(-50%) ${e.thumbTranslate ? `translateX(-${t.value}%)` : "translateX(-50%)"}`,
+              left: `${t.value}%`
             })
           }, [
             v(e.$slots, "thumb:higher", {
-              focused: c(o) === "higher",
-              percent: l.value,
-              value: _.value
+              focused: c(l) === "higher",
+              percent: t.value,
+              value: A.value
             }, () => [
               v(e.$slots, "thumb", {
-                focused: c(o) === "higher",
-                percent: l.value,
-                value: _.value
+                focused: c(l) === "higher",
+                percent: t.value,
+                value: A.value
               })
             ])
           ], 6)
-        ], 16, ye)
+        ], 16, he)
       ]),
       v(e.$slots, "append")
     ], 16));
   }
 });
 export {
-  Ne as default
+  $e as default
 };