bitboss-ui 2.0.165 → 2.0.167

package/dist/index109.js

@@ -1,304 +1,116 @@
-import { defineComponent as ee, ref as n, computed as $, getCurrentInstance as te, watch as b, nextTick as le, onMounted as ae, openBlock as f, createElementBlock as p, unref as ie, normalizeClass as T, createElementVNode as h, renderSlot as k, normalizeProps as U, guardReactiveProps as W, normalizeStyle as se, Fragment as K, renderList as O, createVNode as J, withCtx as I, toDisplayString as re, createBlock as ne, Transition as oe, createCommentVNode as ue } from "vue";
-import { useId as de } from "./index8.js";
-import { useRoute as ce } from "./index137.js";
-import { useRouter as be } from "./index138.js";
-import { wait as fe } from "./index130.js";
-import { useScroll as he, useResizeObserver as ye } from "./index132.js";
-import me from "./index13.js";
+import { defineComponent as v, ref as y, computed as f, createBlock as B, openBlock as k, withCtx as a, createVNode as w, mergeProps as $, renderSlot as n, normalizeProps as i, guardReactiveProps as l } from "vue";
+import g from "./index27.js";
 /* empty css        */
-import ve from "./index128.js";
-/* empty css         */
-const pe = ["id"], ke = { class: "bb-tab__label-boundary" }, ge = { class: "bb-tab__label" }, _e = { class: "bb-tab__panes-container" }, we = ["id", "aria-labelledby"], Re = /* @__PURE__ */ ee({
-  __name: "BbTab",
+import P from "./index39.js";
+/* empty css        */
+const S = /* @__PURE__ */ v({
+  __name: "BbSlider",
   props: {
+    autofocus: {},
+    color: {},
+    compact: { type: Boolean },
+    direction: {},
     disabled: { type: Boolean },
-    eager: { type: Boolean },
+    errors: {},
+    hasErrors: { type: Boolean },
+    hideLabel: { type: Boolean },
+    hint: {},
     id: {},
-    animate: { type: Boolean, default: !0 },
-    direction: { default: "horizontal" },
-    items: {},
+    label: {},
+    labelPosition: {},
+    max: {},
+    min: {},
     modelValue: {},
-    navigation: { type: Boolean },
-    querykey: { default: "tab" },
-    replace: { type: Boolean }
+    name: {},
+    persistentHint: { type: Boolean },
+    range: { type: Boolean },
+    readonly: { type: Boolean },
+    required: { type: Boolean },
+    reverse: { type: Boolean },
+    step: {},
+    thumbTranslate: { type: Boolean, default: !0 },
+    ticks: { type: Boolean }
   },
-  emits: ["update:modelValue"],
-  setup(M, { expose: j, emit: G }) {
-    var A, H;
-    const t = M, Q = G, d = ce(), q = be(), S = n(), L = t.id ?? de().id.value, g = `bb-tab_${L}`, c = n(), { isScrolling: X, arrivedState: V } = he(c), B = $(() => ({
-      isScrolling: X.value,
-      left: V.left,
-      right: V.right
-    })), C = !!((H = (A = te()) == null ? void 0 : A.proxy) != null && H.$inertia), i = n(null), o = $(
-      () => t.items.findIndex((e) => e.key === i.value)
-    ), _ = $(() => o.value === 0), w = $(() => o.value === t.items.length - 1);
-    t.items.forEach((e) => {
-      if (!e.key)
-        throw console.error("A tab item has no key", e), new Error("A tab item has no key " + JSON.stringify(e));
-    });
-    const R = () => {
-      var e, a, l, r, s;
-      if (t.navigation && ((a = (e = d.value) == null ? void 0 : e.query) != null && a[t.querykey]))
-        i.value = (r = (l = d.value) == null ? void 0 : l.query) == null ? void 0 : r[t.querykey];
-      else if (t.navigation && C && ((s = globalThis == null ? void 0 : globalThis.location) != null && s.href) && new URL(globalThis.location.href).searchParams.get(t.querykey))
-        i.value = new URL(globalThis.location.href).searchParams.get(
-          t.querykey
-        );
-      else if (t.modelValue)
-        i.value = t.modelValue;
-      else if (t.items[0]) {
-        const m = t.items.find((Z) => !Z.disabled);
-        if (!m)
-          throw new Error(
-            "No tab has been selected so it defaulted to the first available. Still, all the tabs are disabled so no tab can be selected."
-          );
-        const v = m.key;
-        i.value = v;
-      }
-    };
-    R();
-    const y = async (e, a = !1) => {
-      var l, r, s, m;
-      if (t.navigation && d.value && ((r = (l = d.value) == null ? void 0 : l.query) == null ? void 0 : r[t.querykey]) !== e)
-        q == null || q.push({
-          ...d,
-          query: { ...(s = d.value) == null ? void 0 : s.query, [t.querykey]: e },
-          replace: a
-        });
-      else if (t.navigation && C && ((m = globalThis == null ? void 0 : globalThis.location) != null && m.href) && new URL(globalThis.location.href).searchParams.get(t.querykey) !== e) {
-        const v = new URL(globalThis.location.href);
-        v.searchParams.set(t.querykey, e), fe(0).then(() => {
-          a ? history.replaceState({}, "", v.toString()) : history.pushState({}, "", v.toString());
-        });
-      }
-      t.modelValue !== e && Q("update:modelValue", e), i.value = e;
-    };
-    i.value && y(i.value, !0);
-    const u = (e) => {
-      var a = null;
-      switch (e) {
-        case "first":
-          for (a = 0; a < t.items.length - 1 && t.items[a].disabled; )
-            a++;
-          break;
-        case "previous": {
-          let s = 1;
-          for (; s < t.items.length && (a = (o.value + t.items.length - s) % t.items.length, t.items[a].disabled); )
-            s++;
-          break;
-        }
-        case "next": {
-          let s = 1;
-          for (; s < t.items.length && (a = (o.value + s) % t.items.length, t.items[a].disabled); )
-            s++;
-          break;
-        }
-        case "last":
-          for (a = t.items.length - 1; a >= 0 && t.items[a].disabled; )
-            a--;
-          break;
-      }
-      if (a === null)
-        throw new Error("Could not navigate to next tab");
-      if (t.items[a].disabled) return;
-      const l = t.items[a].key, r = document.querySelector(
-        `#${g}_tab_${l}`
-      );
-      r == null || r.focus(), y(l, t.replace);
-    }, Y = (e) => {
-      if (!t.disabled)
-        if (e.key === "ArrowRight")
-          u("next");
-        else if (e.key === "ArrowLeft")
-          u("previous");
-        else if (e.key === "Home")
-          e.preventDefault(), u("first");
-        else if (e.key === "End")
-          e.preventDefault(), u("last");
-        else
-          return;
-    };
-    b(
-      () => t.modelValue,
-      (e) => {
-        e && y(e, t.replace);
-      }
-    ), b(
-      () => {
-        var e, a;
-        return (a = (e = d.value) == null ? void 0 : e.query) == null ? void 0 : a[t.querykey];
-      },
-      (e) => {
-        e && typeof e == "string" && y(e, t.replace);
-      }
-    ), b(
-      i,
-      async () => {
-        if (S.value) {
-          const e = S.value.querySelector(
-            "[role=tablist] .bb-tab__btn--active"
-          );
-          e && (await le(), e.scrollIntoView({
-            behavior: "smooth",
-            block: "nearest",
-            inline: "nearest"
-          }));
-        }
+  emits: ["click", "focus", "active", "inactive", "keydown", "pointerdown", "pointermove", "pointerup", "update:modelValue"],
+  setup(d, { emit: m }) {
+    const p = d, r = m, s = y(!1), u = f(() => p.persistentHint || s.value), b = {
+      onActive: () => {
+        s.value = !0, r("active");
       },
-      { flush: "post" }
-    );
-    const P = n("right");
-    b(
-      i,
-      (e, a) => {
-        if (e && a) {
-          const l = t.items.findIndex((s) => s.key === e), r = t.items.findIndex((s) => s.key === a);
-          P.value = l > r ? "right" : "left";
-        }
+      onClick: (e) => r("click", e),
+      onFocus: (e) => r("focus", e),
+      onInactive: () => {
+        s.value = !1, r("inactive");
       },
-      { flush: "sync" }
-    );
-    const E = n(0), z = n(0), D = n(0), F = n(0), N = n(0), x = () => {
-      if (!c.value)
-        return;
-      const e = c.value.querySelector(
-        ".bb-tab__btn--active"
-      );
-      e && (D.value = e.offsetLeft, F.value = e.offsetTop, E.value = e.clientWidth, z.value = e.clientHeight, N.value = c.value.scrollWidth);
+      onKeydown: (e) => r("keydown", e),
+      onPointerdown: (e) => r("pointerdown", e),
+      onPointermove: (e) => r("pointermove", e),
+      onPointerup: (e) => r("pointerup", e),
+      "onUpdate:modelValue": (e) => r("update:modelValue", e)
     };
-    return ae(x), b(i, x, { flush: "post" }), ye(c, () => {
-      x();
-    }), b(
-      () => t.items,
-      () => {
-        i.value && !t.items.find((e) => e.key === i.value) && R();
-      },
-      {
-        immediate: !0,
-        deep: !0
-      }
-    ), j({
-      isFirst: _,
-      isLast: w,
-      current: i,
-      currentIndex: o,
-      goTo: u
-    }), (e, a) => (f(), p("div", {
-      id: ie(L),
-      ref_key: "tabs",
-      ref: S,
-      class: T(["bb-tab", {
-        [`bb-tab--${e.direction}`]: !0,
-        "bb-tab--disabled": !0
-      }])
-    }, [
-      h("div", ke, [
-        h("span", null, [
-          k(e.$slots, "header:prepend", U(W(B.value)))
-        ]),
-        h("ul", {
-          ref_key: "tablist",
-          ref: c,
-          class: "bb-tab__label-container",
-          role: "tablist",
-          style: se({
-            "--inner-width": `${N.value}px`,
-            "--width": `${E.value}px`,
-            "--height": `${z.value}px`,
-            "--left": `${D.value}px`,
-            "--top": `${F.value}px`
-          })
-        }, [
-          (f(!0), p(K, null, O(e.items, (l) => (f(), p("li", {
-            key: l.key,
-            role: "presentation"
-          }, [
-            J(me, {
-              id: `${g}_tab_${l.key}`,
-              "aria-selected": i.value === l.key,
-              class: T(["bb-tab__btn", { "bb-tab__btn--active": i.value === l.key }]),
-              disabled: l.disabled || e.disabled,
-              role: "tab",
-              tabindex: i.value === l.key ? 0 : -1,
-              onClick: (r) => y(l.key, t.replace),
-              onKeydown: Y
-            }, {
-              default: I(() => [
-                k(e.$slots, `label-${l.key}`, {
-                  current: i.value,
-                  currentIndex: o.value,
-                  disabled: !!(l.disabled || e.disabled),
-                  goTo: u,
-                  isFirst: _.value,
-                  isLast: w.value,
-                  selected: i.value === l.key,
-                  text: l.label,
-                  value: l.key
-                }, () => [
-                  k(e.$slots, "label", {
-                    current: i.value,
-                    currentIndex: o.value,
-                    disabled: !!(l.disabled || e.disabled),
-                    goTo: u,
-                    isFirst: _.value,
-                    isLast: w.value,
-                    selected: i.value === l.key,
-                    text: l.label,
-                    value: l.key
-                  }, () => [
-                    h("span", ge, re(l.label), 1)
-                  ])
-                ])
-              ]),
-              _: 2
-            }, 1032, ["id", "aria-selected", "class", "disabled", "tabindex", "onClick"])
-          ]))), 128))
-        ], 4),
-        h("span", null, [
-          k(e.$slots, "header:append", U(W(B.value)))
-        ])
+    return (e, V) => (k(), B(g, {
+      id: e.id,
+      class: "bb-slider",
+      compact: e.compact,
+      direction: e.direction,
+      errors: e.errors,
+      "has-errors": e.hasErrors,
+      "hide-label": e.hideLabel,
+      hint: e.hint,
+      label: e.label,
+      "label-position": e.labelPosition,
+      "model-value": e.modelValue,
+      name: e.name,
+      reverse: e.reverse,
+      "show-hint": u.value
+    }, {
+      label: a((t) => [
+        n(e.$slots, "label", i(l(t)))
       ]),
-      h("div", _e, [
-        J(ve, null, {
-          default: I(() => [
-            (f(!0), p(K, null, O(e.items, (l) => (f(), ne(oe, {
-              key: l.key,
-              css: e.animate,
-              name: `tab-slide-${P.value}`
-            }, {
-              default: I(() => [
-                i.value === l.key || e.eager || l.eager ? (f(), p("section", {
-                  key: 0,
-                  id: `${g}_tabpanel_${l.key}`,
-                  "aria-labelledby": `${g}_tab_${l.key}`,
-                  class: T(["bb-tab__pane", {
-                    "bb-tab__pane--shown": i.value === l.key
-                  }]),
-                  role: "tabpanel",
-                  tabindex: "0"
-                }, [
-                  k(e.$slots, l.key, {
-                    current: i.value,
-                    currentIndex: o.value,
-                    disabled: !!(l.disabled || e.disabled),
-                    goTo: u,
-                    isFirst: _.value,
-                    isLast: w.value,
-                    selected: i.value === l.key,
-                    text: l.label,
-                    value: l.key
-                  })
-                ], 10, we)) : ue("", !0)
-              ]),
-              _: 2
-            }, 1032, ["css", "name"]))), 128))
+      input: a(({ id: t, hasErrors: h, ariaDescribedby: c }) => [
+        w(P, $({
+          id: t,
+          "aria-describedby": c,
+          autofocus: e.autofocus,
+          color: e.color,
+          disabled: e.disabled,
+          "has-errors": h,
+          max: e.max,
+          min: e.min,
+          "model-value": e.modelValue,
+          name: e.name,
+          range: e.range,
+          readonly: e.readonly,
+          required: e.required,
+          step: e.step,
+          "thumb-translate": e.thumbTranslate,
+          ticks: e.ticks
+        }, b), {
+          append: a((o) => [
+            n(e.$slots, "append", i(l(o)))
           ]),
-          _: 3
-        })
-      ])
-    ], 10, pe));
+          prepend: a((o) => [
+            n(e.$slots, "prepend", i(l(o)))
+          ]),
+          thumb: a((o) => [
+            n(e.$slots, "thumb", i(l(o)))
+          ]),
+          "thumb:lower": a((o) => [
+            n(e.$slots, "thumb:lower", i(l(o)))
+          ]),
+          "thumb:higher": a((o) => [
+            n(e.$slots, "thumb:higher", i(l(o)))
+          ]),
+          tick: a((o) => [
+            n(e.$slots, "tick", i(l(o)))
+          ]),
+          _: 2
+        }, 1040, ["id", "aria-describedby", "autofocus", "color", "disabled", "has-errors", "max", "min", "model-value", "name", "range", "readonly", "required", "step", "thumb-translate", "ticks"])
+      ]),
+      _: 3
+    }, 8, ["id", "compact", "direction", "errors", "has-errors", "hide-label", "hint", "label", "label-position", "model-value", "name", "reverse", "show-hint"]));
   }
 });
 export {
-  Re as default
+  S as default
 };

package/dist/index11.js

@@ -1,6 +1,6 @@
-import { nanoid as p } from "./index133.js";
+import { nanoid as p } from "./index138.js";
 import { reactive as d } from "vue";
-import { wait as h } from "./index130.js";
+import { wait as h } from "./index135.js";
 const i = d({
   stack: []
 }), b = () => {