bitboss-ui 2.0.37 → 2.0.39

package/dist/index102.js

@@ -1,127 +1,114 @@
-import { defineComponent as v, ref as g, computed as y, openBlock as w, createBlock as B, withCtx as a, renderSlot as i, normalizeProps as l, guardReactiveProps as r, createVNode as $, mergeProps as T } from "vue";
-import V from "./index25.js";
+import { defineComponent as f, ref as y, computed as k, openBlock as w, createBlock as B, withCtx as a, renderSlot as n, normalizeProps as i, guardReactiveProps as l, createVNode as $, mergeProps as g } from "vue";
+import P from "./index27.js";
 /* empty css        */
-import D from "./index41.js";
+import V from "./index39.js";
 /* empty css        */
-const F = /* @__PURE__ */ v({
-  __name: "BbSwitchGroup",
+const T = /* @__PURE__ */ f({
+  __name: "BbSlider",
   props: {
     autofocus: {},
     color: {},
-    dependencies: {},
-    depsDebounceTime: {},
+    direction: {},
     disabled: { type: Boolean },
-    enforceCoherence: { type: Boolean },
     errors: {},
     hasErrors: { type: Boolean },
     hideLabel: { type: Boolean },
-    hideLegend: { type: Boolean },
     hint: {},
     id: {},
-    inputDirection: {},
-    items: { type: [Array, Function] },
-    itemText: {},
-    itemValue: {},
-    legend: {},
-    loadingText: {},
+    label: {},
+    labelPosition: {},
+    max: {},
+    min: {},
     modelValue: {},
-    modelValueDebounceTime: {},
     name: {},
-    noDataText: {},
     persistentHint: { type: Boolean },
+    range: { type: Boolean },
     readonly: {},
-    reverse: { type: Boolean }
+    required: { type: Boolean },
+    reverse: { type: Boolean },
+    step: {},
+    thumbTranslate: { type: Boolean, default: !0 },
+    ticks: { type: Boolean }
   },
-  emits: ["blur", "change", "click", "focus", "inactive", "input", "keydown", "mousedown", "mouseup", "update:modelValue"],
-  setup(d, { emit: p }) {
-    const u = d, n = p, s = g(!1), m = y(() => u.persistentHint || s.value), c = {
-      onBlur: (e) => n("blur", e),
-      onChange: (e) => n("change", e),
-      onClick: (e) => n("click", e),
-      onFocus: (e) => {
-        s.value = !0, n("focus", e);
+  emits: ["click", "focus", "active", "inactive", "keydown", "pointerdown", "pointermove", "pointerup", "update:modelValue"],
+  setup(d, { emit: m }) {
+    const p = d, r = m, s = y(!1), u = k(() => p.persistentHint || s.value), b = {
+      onActive: () => {
+        s.value = !0, r("active");
       },
+      onClick: (e) => r("click", e),
+      onFocus: (e) => r("focus", e),
       onInactive: () => {
-        s.value = !1, n("inactive");
+        s.value = !1, r("inactive");
       },
-      onInput: (e) => n("input", e),
-      onKeydown: (e) => n("keydown", e),
-      onMousedown: (e) => n("mousedown", e),
-      onMouseup: (e) => n("mouseup", e),
-      "onUpdate:modelValue": (e) => n("update:modelValue", e)
+      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 (e, k) => (w(), B(V, {
+    return (e, q) => (w(), B(P, {
       id: e.id,
-      class: "bb-switch-group",
-      direction: "vertical",
+      class: "bb-slider",
+      direction: e.direction,
       errors: e.errors,
       "has-errors": e.hasErrors,
-      "hide-label": e.hideLegend,
+      "hide-label": e.hideLabel,
       hint: e.hint,
-      label: e.legend,
-      "label-tag": "legend",
+      label: e.label,
+      "label-position": e.labelPosition,
+      "model-value": e.modelValue,
       name: e.name,
       reverse: e.reverse,
-      "show-hint": m.value,
-      tag: "fieldset"
+      "show-hint": u.value
     }, {
       label: a((t) => [
-        i(e.$slots, "legend", l(r(t)))
+        n(e.$slots, "label", i(l(t)))
       ]),
-      input: a(({ id: t, name: h, hasErrors: b, ariaDescribedby: f }) => [
-        $(D, T({
+      input: a(({ id: t, name: h, hasErrors: c, ariaDescribedby: v }) => [
+        $(V, g({
           id: t,
-          "aria-describedby": f,
+          "aria-describedby": v,
           autofocus: e.autofocus,
           color: e.color,
-          dependencies: e.dependencies,
-          "deps-debounce-time": e.depsDebounceTime,
-          direction: e.inputDirection,
           disabled: e.disabled,
-          "enforce-coherence": e.enforceCoherence,
-          "has-errors": b,
-          "hide-label": e.hideLabel,
-          "item-text": e.itemText,
-          "item-value": e.itemValue,
-          items: e.items,
-          "loading-text": e.loadingText,
+          "has-errors": c,
+          max: e.max,
+          min: e.min,
           "model-value": e.modelValue,
-          "model-value-debounce-time": e.modelValueDebounceTime,
           name: h,
-          "no-data-text": e.noDataText,
-          readonly: e.readonly
-        }, c), {
-          prepend: a((o) => [
-            i(e.$slots, "prepend", l(r(o)))
-          ]),
-          loading: a((o) => [
-            i(e.$slots, "loading", l(r(o)))
-          ]),
-          "no-data": a((o) => [
-            i(e.$slots, "no-data", l(r(o)))
+          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)))
           ]),
-          "option:prepend": a((o) => [
-            i(e.$slots, "option:prepend", l(r(o)))
+          prepend: a((o) => [
+            n(e.$slots, "prepend", i(l(o)))
           ]),
-          icon: a((o) => [
-            i(e.$slots, "icon", l(r(o)))
+          thumb: a((o) => [
+            n(e.$slots, "thumb", i(l(o)))
           ]),
-          label: a((o) => [
-            i(e.$slots, "label", l(r(o)))
+          "thumb:lower": a((o) => [
+            n(e.$slots, "thumb:lower", i(l(o)))
           ]),
-          "option:append": a((o) => [
-            i(e.$slots, "option:append", l(r(o)))
+          "thumb:higher": a((o) => [
+            n(e.$slots, "thumb:higher", i(l(o)))
           ]),
-          append: a((o) => [
-            i(e.$slots, "append", l(r(o)))
+          tick: a((o) => [
+            n(e.$slots, "tick", i(l(o)))
           ]),
           _: 2
-        }, 1040, ["id", "aria-describedby", "autofocus", "color", "dependencies", "deps-debounce-time", "direction", "disabled", "enforce-coherence", "has-errors", "hide-label", "item-text", "item-value", "items", "loading-text", "model-value", "model-value-debounce-time", "name", "no-data-text", "readonly"])
+        }, 1040, ["id", "aria-describedby", "autofocus", "color", "disabled", "has-errors", "max", "min", "model-value", "name", "range", "readonly", "required", "step", "thumb-translate", "ticks"])
       ]),
       _: 3
-    }, 8, ["id", "errors", "has-errors", "hide-label", "hint", "label", "name", "reverse", "show-hint"]));
+    }, 8, ["id", "direction", "errors", "has-errors", "hide-label", "hint", "label", "label-position", "model-value", "name", "reverse", "show-hint"]));
   }
 });
 export {
-  F as default
+  T as default
 };

package/dist/index104.js

@@ -1,295 +1,100 @@
-import { defineComponent as se, ref as n, computed as _, getCurrentInstance as re, watch as y, nextTick as ne, onMounted as oe, openBlock as b, createElementBlock as m, unref as ue, normalizeClass as x, createElementVNode as c, renderSlot as v, normalizeProps as M, guardReactiveProps as O, normalizeStyle as j, Fragment as G, renderList as Q, createVNode as X, withCtx as T, toDisplayString as de, createBlock as ce, Transition as be, createCommentVNode as he } from "vue";
-import { useId as fe } from "./index8.js";
-import { useRoute as ye } from "./index132.js";
-import { useRouter as me } from "./index133.js";
-import { wait as ve } from "./index127.js";
-import { useScroll as pe, useWindowSize as ke } from "./index128.js";
-import ge from "./index13.js";
+import { defineComponent as f, ref as v, computed as y, openBlock as w, createBlock as B, withCtx as l, renderSlot as n, normalizeProps as k, guardReactiveProps as V, createVNode as g, mergeProps as i } from "vue";
+import P from "./index27.js";
 /* empty css        */
-import _e from "./index123.js";
-/* empty css         */
-import { throttledWatch as we } from "./index199.js";
-const $e = ["id"], Se = { class: "bb-tab__label-boundary" }, qe = { class: "bb-tab__label" }, xe = { class: "bb-tab__panes-container" }, Te = ["id", "aria-labelledby"], Fe = /* @__PURE__ */ se({
-  __name: "BbTab",
+import q from "./index41.js";
+/* empty css        */
+const E = /* @__PURE__ */ f({
+  __name: "BbSwitch",
   props: {
+    autofocus: {},
+    checked: { type: [Boolean, String] },
+    color: {},
+    direction: { default: "auto" },
     disabled: { type: Boolean },
-    eager: { type: Boolean },
+    errors: {},
+    falseValue: {},
+    hasErrors: { type: Boolean },
+    hideLabel: { type: Boolean },
+    hint: {},
     id: {},
-    animate: { type: Boolean, default: !0 },
-    direction: { default: "horizontal" },
-    items: {},
+    indeterminate: {},
+    inputPosition: {},
+    label: {},
+    labelPosition: {},
     modelValue: {},
-    navigation: { type: Boolean },
-    querykey: { default: "tab" },
-    replace: { type: Boolean }
+    name: {},
+    persistentHint: { type: Boolean },
+    readonly: {},
+    required: { type: Boolean },
+    reverse: { type: Boolean, default: !0 },
+    submitWhenFalse: { type: Boolean },
+    trueValue: {}
   },
-  emits: ["update:modelValue"],
-  setup(Y, { expose: Z, emit: ee }) {
-    var D, F, N, A, H, U, K;
-    const t = Y, te = ee, d = ye(), w = me(), $ = n(), I = t.id ?? fe().id.value, p = `bb-tab_${I}`, h = n(), { isScrolling: le, arrivedState: L } = pe(h), V = _(() => ({
-      isScrolling: le.value,
-      left: L.left,
-      right: L.right
-    })), B = !!((F = (D = re()) == null ? void 0 : D.proxy) != null && F.$inertia), i = n(null), o = _(
-      () => t.items.findIndex((e) => e.key === i.value)
-    ), k = _(() => o.value === 0), g = _(() => o.value === t.items.length - 1);
-    if (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));
-    }), t.navigation && ((A = (N = d.value) == null ? void 0 : N.query) != null && A[t.querykey]))
-      i.value = (U = (H = d.value) == null ? void 0 : H.query) == null ? void 0 : U[t.querykey];
-    else if (t.navigation && B && ((K = globalThis == null ? void 0 : globalThis.location) != null && K.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 e = t.items.find((l) => !l.disabled);
-      if (!e)
-        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 a = e.key;
-      i.value = a;
-    }
-    const f = async (e, a = !1) => {
-      var l, r, s, J;
-      if (t.navigation && d.value && ((r = (l = d.value) == null ? void 0 : l.query) == null ? void 0 : r[t.querykey]) !== e)
-        w == null || w.push({
-          ...d,
-          query: { ...(s = d.value) == null ? void 0 : s.query, [t.querykey]: e },
-          replace: a
-        });
-      else if (t.navigation && B && ((J = globalThis == null ? void 0 : globalThis.location) != null && J.href) && new URL(globalThis.location.href).searchParams.get(t.querykey) !== e) {
-        const q = new URL(globalThis.location.href);
-        q.searchParams.set(t.querykey, e), ve(0).then(() => {
-          a ? history.replaceState({}, "", q.toString()) : history.pushState({}, "", q.toString());
-        });
-      }
-      t.modelValue !== e && te("update:modelValue", e), i.value = e;
-    };
-    i.value && f(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(
-        `#${p}_tab_${l}`
-      );
-      r == null || r.focus(), f(l, t.replace);
-    }, ae = (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;
-    };
-    y(
-      () => t.modelValue,
-      (e) => {
-        e && f(e, t.replace);
-      }
-    ), y(
-      () => {
-        var e, a;
-        return (a = (e = d.value) == null ? void 0 : e.query) == null ? void 0 : a[t.querykey];
+  emits: ["blur", "change", "click", "focus", "input", "keydown", "mousedown", "mouseup", "update:modelValue"],
+  setup(s, { emit: t }) {
+    const u = s, o = t, a = v(!1), d = y(() => u.persistentHint || a.value), p = {
+      onBlur: (e) => {
+        a.value = !1, o("blur", e);
       },
-      (e) => {
-        e && typeof e == "string" && f(e, t.replace);
-      }
-    ), y(
-      i,
-      async () => {
-        if ($.value) {
-          const e = $.value.querySelector(
-            "[role=tablist] .bb-tab__btn--active"
-          );
-          e && (await ne(), e.scrollIntoView({
-            behavior: "smooth",
-            block: "nearest",
-            inline: "nearest"
-          }));
-        }
+      onChange: (e) => o("change", e),
+      onClick: (e) => o("click", e),
+      onFocus: (e) => {
+        a.value = !0, o("focus", e);
       },
-      { flush: "post" }
-    );
-    const C = n("right");
-    y(
-      i,
-      (e, a) => {
-        if (e && a) {
-          const l = t.items.findIndex((s) => s.key === e), r = t.items.findIndex((s) => s.key === a);
-          C.value = l > r ? "right" : "left";
-        }
-      },
-      { flush: "sync" }
-    );
-    const R = n(0), E = n(0), P = n(0), W = n(0), z = n(0), S = () => {
-      if (!h.value) return;
-      const e = h.value.querySelector(
-        ".bb-tab__btn--active"
-      );
-      e && (P.value = e.offsetLeft, W.value = e.offsetTop, R.value = e.clientWidth, E.value = e.clientHeight, z.value = h.value.scrollWidth);
+      onInput: (e) => o("input", e),
+      onKeydown: (e) => o("keydown", e),
+      onMousedown: (e) => o("mousedown", e),
+      onMouseup: (e) => o("mouseup", e),
+      "onUpdate:modelValue": (e) => o("update:modelValue", e)
     };
-    oe(S), y(i, S, { flush: "post" });
-    const { width: ie } = ke();
-    return we(ie, S, { throttle: 100 }), Z({
-      isFirst: k,
-      isLast: g,
-      current: i,
-      currentIndex: o,
-      goTo: u
-    }), (e, a) => (b(), m("div", {
-      id: ue(I),
-      ref_key: "tabs",
-      ref: $,
-      class: x(["bb-tab", {
-        [`bb-tab--${e.direction}`]: !0,
-        "bb-tab--disabled": !0
-      }])
-    }, [
-      c("div", Se, [
-        c("span", null, [
-          v(e.$slots, "header:prepend", M(O(V.value)))
-        ]),
-        c("ul", {
-          ref_key: "tablist",
-          ref: h,
-          class: "bb-tab__label-container",
-          role: "tablist",
-          style: j({
-            "--inner-width": `${z.value}px`
-          })
-        }, [
-          c("span", {
-            class: "bb-tab__highlight",
-            style: j({
-              "--width": `${R.value}px`,
-              "--height": `${E.value}px`,
-              "--left": `${P.value}px`,
-              "--top": `${W.value}px`
-            })
-          }, null, 4),
-          (b(!0), m(G, null, Q(e.items, (l) => (b(), m("li", {
-            key: l.key,
-            role: "presentation"
-          }, [
-            X(ge, {
-              id: `${p}_tab_${l.key}`,
-              "aria-selected": i.value === l.key,
-              class: x(["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) => f(l.key, t.replace),
-              onKeydown: ae
-            }, {
-              default: T(() => [
-                v(e.$slots, `label-${l.key}`, {
-                  current: i.value,
-                  currentIndex: o.value,
-                  disabled: !!(l.disabled || e.disabled),
-                  goTo: u,
-                  isFirst: k.value,
-                  isLast: g.value,
-                  selected: i.value === l.key,
-                  text: l.label,
-                  value: l.key
-                }, () => [
-                  v(e.$slots, "label", {
-                    current: i.value,
-                    currentIndex: o.value,
-                    disabled: !!(l.disabled || e.disabled),
-                    goTo: u,
-                    isFirst: k.value,
-                    isLast: g.value,
-                    selected: i.value === l.key,
-                    text: l.label,
-                    value: l.key
-                  }, () => [
-                    c("span", qe, de(l.label), 1)
-                  ])
-                ])
-              ]),
-              _: 2
-            }, 1032, ["id", "aria-selected", "class", "disabled", "tabindex", "onClick"])
-          ]))), 128))
-        ], 4),
-        c("span", null, [
-          v(e.$slots, "header:append", M(O(V.value)))
-        ])
+    return (e, C) => (w(), B(P, {
+      id: e.id,
+      class: "bb-switch",
+      direction: e.direction,
+      errors: e.errors,
+      "has-errors": e.hasErrors,
+      "hide-label": e.hideLabel,
+      hint: e.hint,
+      "input-position": e.inputPosition,
+      label: e.label,
+      "label-position": e.labelPosition,
+      "label-tag": "span",
+      name: e.name,
+      reverse: e.reverse,
+      "show-hint": d.value,
+      tag: "label"
+    }, {
+      label: l((r) => [
+        n(e.$slots, "label", k(V(r)))
       ]),
-      c("div", xe, [
-        X(_e, null, {
-          default: T(() => [
-            (b(!0), m(G, null, Q(e.items, (l) => (b(), ce(be, {
-              key: l.key,
-              css: e.animate,
-              name: `tab-slide-${C.value}`
-            }, {
-              default: T(() => [
-                i.value === l.key || e.eager || l.eager ? (b(), m("section", {
-                  key: 0,
-                  id: `${p}_tabpanel_${l.key}`,
-                  "aria-labelledby": `${p}_tab_${l.key}`,
-                  class: x(["bb-tab__pane", {
-                    "bb-tab__pane--shown": i.value === l.key
-                  }]),
-                  role: "tabpanel",
-                  tabindex: "0"
-                }, [
-                  v(e.$slots, l.key, {
-                    current: i.value,
-                    currentIndex: o.value,
-                    disabled: !!(l.disabled || e.disabled),
-                    goTo: u,
-                    isFirst: k.value,
-                    isLast: g.value,
-                    selected: i.value === l.key,
-                    text: l.label,
-                    value: l.key
-                  })
-                ], 10, Te)) : he("", !0)
-              ]),
-              _: 2
-            }, 1032, ["css", "name"]))), 128))
+      input: l(({ id: r, name: m, hasErrors: b, ariaDescribedby: h }) => [
+        g(q, i({
+          id: r,
+          "aria-describedby": h,
+          autofocus: e.autofocus,
+          checked: e.checked,
+          color: e.color,
+          disabled: e.disabled,
+          "false-value": e.falseValue,
+          "has-errors": b,
+          indeterminate: e.indeterminate,
+          "model-value": e.modelValue,
+          name: m,
+          readonly: e.readonly,
+          required: e.required,
+          "submit-when-false": e.submitWhenFalse,
+          "true-value": e.trueValue
+        }, p), {
+          icon: l((c) => [
+            n(e.$slots, "icon", i(c, { text: e.label }))
           ]),
-          _: 3
-        })
-      ])
-    ], 10, $e));
+          _: 2
+        }, 1040, ["id", "aria-describedby", "autofocus", "checked", "color", "disabled", "false-value", "has-errors", "indeterminate", "model-value", "name", "readonly", "required", "submit-when-false", "true-value"])
+      ]),
+      _: 3
+    }, 8, ["id", "direction", "errors", "has-errors", "hide-label", "hint", "input-position", "label", "label-position", "name", "reverse", "show-hint"]));
   }
 });
 export {
-  Fe as default
+  E as default
 };