bitboss-ui 2.0.37 → 2.0.39

package/dist/index27.js

@@ -1,155 +1,132 @@
-import { defineComponent as C, computed as M, ref as g, onMounted as E, watch as N, openBlock as x, createBlock as T, normalizeClass as q, withCtx as i, renderSlot as d, createVNode as A, createElementVNode as D, mergeProps as L, withModifiers as S } from "vue";
-import { clamp as b } from "./index198.js";
-import j from "./index211.js";
+import { defineComponent as S, computed as n, openBlock as r, createElementBlock as c, normalizeClass as T, createBlock as y, resolveDynamicComponent as B, normalizeProps as o, guardReactiveProps as l, withCtx as b, renderSlot as E, createTextVNode as V, toDisplayString as p, createElementVNode as d, unref as m, createVNode as P, Fragment as D, renderList as I } from "vue";
+import { deburr as N } from "./index247.js";
+import { getAsPercentage as $ } from "./index130.js";
+import { useId as F } from "./index8.js";
+import R from "./index125.js";
 /* empty css         */
-import z from "./index213.js";
-const O = ["id", "aria-describedby", "autocomplete", "autofocus", "disabled", "name", "placeholder", "readonly", "required", "step"], J = /* @__PURE__ */ C({
-  __name: "BaseNumberInput",
+import j from "./index127.js";
+/* empty css         */
+const q = ["id"], G = { class: "bb-base-input-container__errors" }, Y = /* @__PURE__ */ S({
+  __name: "BaseInputContainer",
   props: {
-    "append:icon": {},
-    ariaDescribedby: {},
-    autocomplete: {},
-    autofocus: {},
-    disabled: { type: Boolean },
+    direction: { default: "vertical" },
+    errors: {},
     hasErrors: { type: Boolean },
+    hideLabel: { type: Boolean },
+    hint: {},
     id: {},
-    loading: { type: Boolean },
-    max: {},
-    min: {},
+    inputPosition: { default: "right" },
+    label: {},
+    labelPosition: { default: "left" },
+    labelTag: { default: "label" },
     modelValue: {},
     name: {},
-    placeholder: {},
-    "prepend:icon": {},
-    readonly: {},
-    required: { type: Boolean },
-    step: { default: 1 }
+    reverse: { type: Boolean, default: !1 },
+    showHint: { type: Boolean },
+    tag: { default: "span" }
   },
-  emits: ["blur", "change", "click", "decrease", "focus", "increase", "input", "keydown", "mousedown", "mouseup", "update:modelValue"],
-  setup(v, { expose: I, emit: V }) {
-    const n = v, l = V, $ = M(() => ({
-      "bb-base-number-input": !0,
-      "bb-base-number-input--disabled": n.disabled,
-      "bb-base-number-input--errors": n.hasErrors,
-      "bb-base-number-input--loading": n.loading,
-      "bb-base-number-input--readonly": n.readonly
-    })), s = g(null), p = g(!1), r = () => {
-      if (n.disabled || n.readonly || p.value) return;
-      const e = typeof n.min > "u" ? -1 / 0 : n.min, t = typeof n.max > "u" ? 1 / 0 : n.max;
-      let o = Math.max(Number(n.modelValue || 0) - n.step, e);
-      o = o === null ? o : b(o, e, t), l("decrease", o), l("update:modelValue", o);
-    }, u = () => {
-      if (n.disabled || n.readonly || p.value) return;
-      const e = typeof n.min > "u" ? -1 / 0 : n.min, t = typeof n.max > "u" ? 1 / 0 : n.max;
-      let o = Math.min(Number(n.modelValue || 0) + +n.step, t);
-      o = o === null ? o : b(o, e, t), l("increase", o), l("update:modelValue", o);
-    };
-    I({
-      increase: u,
-      decrease: r
-    });
-    const k = (e) => {
-      if (e.target instanceof HTMLInputElement) {
-        const t = e.target.value, o = /[,.]/g, m = [...t.matchAll(o)];
-        if (!(m.length === 1 && m.some((a) => a.index === t.length - 1)) && !(m.length && t[t.length - 1] === "0") && t !== "-") {
-          p.value = !1;
-          let a;
-          e.target.value === "" ? a = null : a = y(e.target.value);
-          const c = typeof n.min > "u" ? -1 / 0 : n.min, f = typeof n.max > "u" ? 1 / 0 : n.max;
-          a = a === null ? a : b(a, c, f), l("update:modelValue", a), s.value && (a === null ? s.value.value = "" : s.value.value = `${a}`);
-        } else
-          p.value = !0;
-        l("input", e);
+  setup(A) {
+    const e = A, s = e.id || F().id.value, f = e.hint ? `hint_${s}` : void 0, h = n(() => e.showHint && !!e.hint), C = n(() => e.name ? e.name : N(e.label).replace(/\s+/g, "").toLowerCase()), L = n(() => {
+      const t = {
+        class: {
+          "bb-base-input-container": !0,
+          "bb-base-input-container--hidden-label": e.reverse,
+          "bb-base-input-container--horizontal": e.direction !== "vertical",
+          "bb-base-input-container--reverse": e.reverse,
+          "bb-base-input-container--vertical": e.direction === "vertical",
+          "bb-base-input-container--errors": u.value
+        }
+      };
+      return e.tag === "label" && (t.for = s), t;
+    }), z = n(() => {
+      let t = {
+        class: {
+          "bb-base-input-container__label": !0,
+          "bb-base-input-container__label--hidden": e.hideLabel,
+          [`bb-base-input-container__label--${e.labelPosition}`]: e.labelPosition
+        },
+        style: {
+          width: v.value.label
+        }
+      };
+      return e.labelTag === "label" && (t.for = s), t;
+    }), k = n(() => ({
+      class: {
+        "bb-base-input-container__input": !0,
+        [`bb-base-input-container__input--${e.inputPosition}`]: e.inputPosition
+      },
+      style: {
+        width: v.value.input
       }
-    }, y = (e) => {
-      if (typeof e == "number") return e;
-      let t = e.replaceAll(",", "."), a = t.slice(0, 1).concat(t.slice(1).replaceAll("-", "")).replaceAll(/[^\d.-]/g, "").split("."), c = a.slice(0, 1).join("") || 0, f = a.slice(1).join("") || 0, B = `${c}.${f}`;
-      return Number(B);
-    }, w = {
-      onBlur: (e) => l("blur", e),
-      onChange: (e) => l("change", e),
-      onClick: (e) => l("click", e),
-      onFocus: (e) => l("focus", e),
-      onKeydown: (e) => l("keydown", e),
-      onMousedown: (e) => l("mousedown", e),
-      onMouseup: (e) => l("mouseup", e)
-    }, h = (e) => {
-      s.value ? e === null || e === "" || e === void 0 ? s.value.value = "" : typeof e < "u" && (s.value.value = y(e).toString()) : console.error("Could not align input as it is not mounted");
-    };
-    return E(() => {
-      h(n.modelValue);
-    }), N(() => n.modelValue, h), (e, t) => (x(), T(z, {
-      class: q($.value)
-    }, {
-      "prepend-outer": i(() => [
-        d(e.$slots, "prepend-outer", {
-          decrease: r,
-          increase: u
-        })
-      ]),
-      "append-outer": i(() => [
-        d(e.$slots, "append-outer", {
-          decrease: r,
-          increase: u
-        })
-      ]),
-      default: i(() => [
-        A(j, {
-          "append:icon": n["append:icon"],
-          "prepend:icon": n["prepend:icon"]
-        }, {
-          prepend: i(() => [
-            d(e.$slots, "prepend", {
-              decrease: r,
-              increase: u
-            })
-          ]),
-          prefix: i(() => [
-            d(e.$slots, "prefix", {
-              decrease: r,
-              increase: u
-            })
+    })), v = n(() => {
+      let t = {
+        label: "auto",
+        input: "auto"
+      };
+      if (e.direction !== "auto") if (e.direction === "vertical")
+        t.label = t.input = "100%";
+      else if (e.direction === "horizontal")
+        t.label = t.input = "50%";
+      else if (/^[\S]+\s[\S]+$/g.test(e.direction)) {
+        const [i, a] = e.direction.split(/\s+/).map((H) => H.length), g = $(i, i + a) + "%", w = $(a, a + i) + "%";
+        e.reverse ? (t.label = w, t.input = g) : (t.label = g, t.input = w);
+      } else
+        throw new Error("Horizontal pattern is malformed");
+      return t;
+    }), _ = n(() => e.errors ? [].concat(e.errors) : []), u = n(
+      () => !!_.value.length || e.hasErrors
+    );
+    return (t, i) => (r(), c("div", {
+      class: T(["bb-base-input-outer-container", {
+        "bb-base-input-outer-container--errors": u.value,
+        "bb-base-input-outer-container--hint": h.value
+      }])
+    }, [
+      (r(), y(B(t.tag), o(l(L.value)), {
+        default: b(() => [
+          (r(), y(B(t.labelTag), o(l(z.value)), {
+            default: b(() => [
+              E(t.$slots, "label", o(l({ text: t.label, hasErrors: u.value })), () => [
+                V(p(t.label), 1)
+              ])
+            ]),
+            _: 3
+          }, 16)),
+          d("span", o(l(k.value)), [
+            E(t.$slots, "input", o(l({ id: m(s), name: C.value, hasErrors: u.value, ariaDescribedby: m(f) })))
+          ], 16)
+        ]),
+        _: 3
+      }, 16)),
+      P(R, {
+        class: "bb-base-input-container__hint-container",
+        eager: !0,
+        "model-value": h.value,
+        tag: "span",
+        "transition-duration": 200
+      }, {
+        default: b(() => [
+          d("span", {
+            id: m(f),
+            class: "bb-base-input-container__hint"
+          }, p(t.hint), 9, q)
+        ]),
+        _: 1
+      }, 8, ["model-value"]),
+      d("span", G, [
+        P(j, { tag: "span" }, {
+          default: b(() => [
+            (r(!0), c(D, null, I(_.value, (a) => (r(), c("span", {
+              key: a,
+              class: "bb-base-input-container__error"
+            }, p(a), 1))), 128))
           ]),
-          append: i(() => [
-            d(e.$slots, "append", {
-              decrease: r,
-              increase: u
-            })
-          ]),
-          suffix: i(() => [
-            d(e.$slots, "suffix", {
-              decrease: r,
-              increase: u
-            })
-          ]),
-          default: i(() => [
-            D("input", L({
-              id: e.id,
-              ref_key: "input",
-              ref: s,
-              "aria-describedby": e.ariaDescribedby,
-              autocomplete: e.autocomplete,
-              autofocus: e.autofocus,
-              class: "bb-base-number-input__input",
-              disabled: e.disabled,
-              inputmode: "decimal",
-              name: e.name,
-              placeholder: e.placeholder,
-              readonly: e.readonly,
-              required: e.required,
-              size: "1",
-              step: e.step,
-              type: "text"
-            }, w, {
-              onInput: S(k, ["stop"])
-            }), null, 16, O)
-          ]),
-          _: 3
-        }, 8, ["append:icon", "prepend:icon"])
-      ]),
-      _: 3
-    }, 8, ["class"]));
+          _: 1
+        })
+      ])
+    ], 2));
   }
 });
 export {
-  J as default
+  Y as default
 };

package/dist/index271.js

@@ -1,202 +1,4 @@
-/*!
-* tabbable 6.2.0
-* @license MIT, https://github.com/focus-trap/tabbable/blob/master/LICENSE
-*/
-var w = ["input:not([inert])", "select:not([inert])", "textarea:not([inert])", "a[href]:not([inert])", "button:not([inert])", "[tabindex]:not(slot):not([inert])", "audio[controls]:not([inert])", "video[controls]:not([inert])", '[contenteditable]:not([contenteditable="false"]):not([inert])', "details>summary:first-of-type:not([inert])", "details:not([inert])"], v = /* @__PURE__ */ w.join(","), T = typeof Element > "u", o = T ? function() {
-} : Element.prototype.matches || Element.prototype.msMatchesSelector || Element.prototype.webkitMatchesSelector, b = !T && Element.prototype.getRootNode ? function(i) {
-  var t;
-  return i == null || (t = i.getRootNode) === null || t === void 0 ? void 0 : t.call(i);
-} : function(i) {
-  return i == null ? void 0 : i.ownerDocument;
-}, h = function i(t, e) {
-  var r;
-  e === void 0 && (e = !0);
-  var a = t == null || (r = t.getAttribute) === null || r === void 0 ? void 0 : r.call(t, "inert"), l = a === "" || a === "true", n = l || e && t && i(t.parentNode);
-  return n;
-}, A = function(t) {
-  var e, r = t == null || (e = t.getAttribute) === null || e === void 0 ? void 0 : e.call(t, "contenteditable");
-  return r === "" || r === "true";
-}, I = function(t, e, r) {
-  if (h(t))
-    return [];
-  var a = Array.prototype.slice.apply(t.querySelectorAll(v));
-  return e && o.call(t, v) && a.unshift(t), a = a.filter(r), a;
-}, m = function i(t, e, r) {
-  for (var a = [], l = Array.from(t); l.length; ) {
-    var n = l.shift();
-    if (!h(n, !1))
-      if (n.tagName === "SLOT") {
-        var u = n.assignedElements(), c = u.length ? u : n.children, s = i(c, !0, r);
-        r.flatten ? a.push.apply(a, s) : a.push({
-          scopeParent: n,
-          candidates: s
-        });
-      } else {
-        var f = o.call(n, v);
-        f && r.filter(n) && (e || !t.includes(n)) && a.push(n);
-        var d = n.shadowRoot || // check for an undisclosed shadow
-        typeof r.getShadowRoot == "function" && r.getShadowRoot(n), E = !h(d, !1) && (!r.shadowRootFilter || r.shadowRootFilter(n));
-        if (d && E) {
-          var y = i(d === !0 ? n.children : d.children, !0, r);
-          r.flatten ? a.push.apply(a, y) : a.push({
-            scopeParent: n,
-            candidates: y
-          });
-        } else
-          l.unshift.apply(l, n.children);
-      }
-  }
-  return a;
-}, N = function(t) {
-  return !isNaN(parseInt(t.getAttribute("tabindex"), 10));
-}, R = function(t) {
-  if (!t)
-    throw new Error("No node provided");
-  return t.tabIndex < 0 && (/^(AUDIO|VIDEO|DETAILS)$/.test(t.tagName) || A(t)) && !N(t) ? 0 : t.tabIndex;
-}, x = function(t, e) {
-  var r = R(t);
-  return r < 0 && e && !N(t) ? 0 : r;
-}, O = function(t, e) {
-  return t.tabIndex === e.tabIndex ? t.documentOrder - e.documentOrder : t.tabIndex - e.tabIndex;
-}, C = function(t) {
-  return t.tagName === "INPUT";
-}, F = function(t) {
-  return C(t) && t.type === "hidden";
-}, D = function(t) {
-  var e = t.tagName === "DETAILS" && Array.prototype.slice.apply(t.children).some(function(r) {
-    return r.tagName === "SUMMARY";
-  });
-  return e;
-}, k = function(t, e) {
-  for (var r = 0; r < t.length; r++)
-    if (t[r].checked && t[r].form === e)
-      return t[r];
-}, M = function(t) {
-  if (!t.name)
-    return !0;
-  var e = t.form || b(t), r = function(u) {
-    return e.querySelectorAll('input[type="radio"][name="' + u + '"]');
-  }, a;
-  if (typeof window < "u" && typeof window.CSS < "u" && typeof window.CSS.escape == "function")
-    a = r(window.CSS.escape(t.name));
-  else
-    try {
-      a = r(t.name);
-    } catch (n) {
-      return console.error("Looks like you have a radio button with a name attribute containing invalid CSS selector characters and need the CSS.escape polyfill: %s", n.message), !1;
-    }
-  var l = k(a, t.form);
-  return !l || l === t;
-}, L = function(t) {
-  return C(t) && t.type === "radio";
-}, P = function(t) {
-  return L(t) && !M(t);
-}, B = function(t) {
-  var e, r = t && b(t), a = (e = r) === null || e === void 0 ? void 0 : e.host, l = !1;
-  if (r && r !== t) {
-    var n, u, c;
-    for (l = !!((n = a) !== null && n !== void 0 && (u = n.ownerDocument) !== null && u !== void 0 && u.contains(a) || t != null && (c = t.ownerDocument) !== null && c !== void 0 && c.contains(t)); !l && a; ) {
-      var s, f, d;
-      r = b(a), a = (s = r) === null || s === void 0 ? void 0 : s.host, l = !!((f = a) !== null && f !== void 0 && (d = f.ownerDocument) !== null && d !== void 0 && d.contains(a));
-    }
-  }
-  return l;
-}, p = function(t) {
-  var e = t.getBoundingClientRect(), r = e.width, a = e.height;
-  return r === 0 && a === 0;
-}, q = function(t, e) {
-  var r = e.displayCheck, a = e.getShadowRoot;
-  if (getComputedStyle(t).visibility === "hidden")
-    return !0;
-  var l = o.call(t, "details>summary:first-of-type"), n = l ? t.parentElement : t;
-  if (o.call(n, "details:not([open]) *"))
-    return !0;
-  if (!r || r === "full" || r === "legacy-full") {
-    if (typeof a == "function") {
-      for (var u = t; t; ) {
-        var c = t.parentElement, s = b(t);
-        if (c && !c.shadowRoot && a(c) === !0)
-          return p(t);
-        t.assignedSlot ? t = t.assignedSlot : !c && s !== t.ownerDocument ? t = s.host : t = c;
-      }
-      t = u;
-    }
-    if (B(t))
-      return !t.getClientRects().length;
-    if (r !== "legacy-full")
-      return !0;
-  } else if (r === "non-zero-area")
-    return p(t);
-  return !1;
-}, U = function(t) {
-  if (/^(INPUT|BUTTON|SELECT|TEXTAREA)$/.test(t.tagName))
-    for (var e = t.parentElement; e; ) {
-      if (e.tagName === "FIELDSET" && e.disabled) {
-        for (var r = 0; r < e.children.length; r++) {
-          var a = e.children.item(r);
-          if (a.tagName === "LEGEND")
-            return o.call(e, "fieldset[disabled] *") ? !0 : !a.contains(t);
-        }
-        return !0;
-      }
-      e = e.parentElement;
-    }
-  return !1;
-}, g = function(t, e) {
-  return !(e.disabled || // we must do an inert look up to filter out any elements inside an inert ancestor
-  //  because we're limited in the type of selectors we can use in JSDom (see related
-  //  note related to `candidateSelectors`)
-  h(e) || F(e) || q(e, t) || // For a details element with a summary, the summary element gets the focus
-  D(e) || U(e));
-}, S = function(t, e) {
-  return !(P(e) || R(e) < 0 || !g(t, e));
-}, V = function(t) {
-  var e = parseInt(t.getAttribute("tabindex"), 10);
-  return !!(isNaN(e) || e >= 0);
-}, j = function i(t) {
-  var e = [], r = [];
-  return t.forEach(function(a, l) {
-    var n = !!a.scopeParent, u = n ? a.scopeParent : a, c = x(u, n), s = n ? i(a.candidates) : u;
-    c === 0 ? n ? e.push.apply(e, s) : e.push(u) : r.push({
-      documentOrder: l,
-      tabIndex: c,
-      item: a,
-      isScope: n,
-      content: s
-    });
-  }), r.sort(O).reduce(function(a, l) {
-    return l.isScope ? a.push.apply(a, l.content) : a.push(l.content), a;
-  }, []).concat(e);
-}, Z = function(t, e) {
-  e = e || {};
-  var r;
-  return e.getShadowRoot ? r = m([t], e.includeContainer, {
-    filter: S.bind(null, e),
-    flatten: !1,
-    getShadowRoot: e.getShadowRoot,
-    shadowRootFilter: V
-  }) : r = I(t, e.includeContainer, S.bind(null, e)), j(r);
-}, z = function(t, e) {
-  e = e || {};
-  var r;
-  return e.getShadowRoot ? r = m([t], e.includeContainer, {
-    filter: g.bind(null, e),
-    flatten: !0,
-    getShadowRoot: e.getShadowRoot
-  }) : r = I(t, e.includeContainer, g.bind(null, e)), r;
-}, G = function(t, e) {
-  if (e = e || {}, !t)
-    throw new Error("No node provided");
-  return o.call(t, v) === !1 ? !1 : S(e, t);
-}, W = /* @__PURE__ */ w.concat("iframe").join(","), X = function(t, e) {
-  if (e = e || {}, !t)
-    throw new Error("No node provided");
-  return o.call(t, W) === !1 ? !1 : g(e, t);
-};
+var e = { exports: {} };
 export {
-  z as focusable,
-  R as getTabIndex,
-  X as isFocusable,
-  G as isTabbable,
-  Z as tabbable
+  e as __module
 };

package/dist/index273.js

@@ -1,4 +1,4 @@
-var e = { exports: {} };
+import f from "./index232.js";
 export {
-  e as __module
+  f as default
 };

package/dist/index274.js

@@ -1,4 +1,4 @@
-import f from "./index225.js";
+import f from "./index233.js";
 export {
   f as default
 };

package/dist/index275.js

@@ -1,4 +1,4 @@
-import f from "./index226.js";
+import f from "./index234.js";
 export {
   f as default
 };

package/dist/index276.js

@@ -1,4 +1,4 @@
-import f from "./index227.js";
+import f from "./index236.js";
 export {
   f as default
 };

package/dist/index277.js

@@ -1,4 +1,30 @@
-import f from "./index229.js";
+function y(t, r) {
+  return t > r ? 1 : -1;
+}
+function c(t, r) {
+  var n = 5381;
+  if (typeof t == "object" && t !== null && (t.toString === Object.prototype.toString || t.toString === Array.prototype.toString)) {
+    r || (r = /* @__PURE__ */ new WeakSet());
+    for (var p = Object.keys(t).sort(y), i = 0; i < p.length; i++) {
+      var s = p[i], e = t[s];
+      if (n = 33 * n ^ c(s, r), typeof e == "object" && e !== null && (t.toString === Object.prototype.toString || t.toString === Array.prototype.toString)) {
+        if (r.has(e)) continue;
+        r.add(e);
+      }
+      n = 33 * n ^ c(e, r);
+    }
+    return 33 * n ^ c(t.constructor, r);
+  }
+  var o = typeof t;
+  try {
+    t instanceof Date ? o += t.getTime() : o += String(t);
+  } catch {
+    o += String(Object.assign({}, t));
+  }
+  for (var a = 0; a < o.length; a++) n = 33 * n ^ o.charCodeAt(a);
+  return n;
+}
 export {
-  f as default
+  c as hash,
+  y as sortNumbers
 };

package/dist/index278.js

@@ -1,30 +1,24 @@
-function y(t, r) {
-  return t > r ? 1 : -1;
-}
-function c(t, r) {
-  var n = 5381;
-  if (typeof t == "object" && t !== null && (t.toString === Object.prototype.toString || t.toString === Array.prototype.toString)) {
-    r || (r = /* @__PURE__ */ new WeakSet());
-    for (var p = Object.keys(t).sort(y), i = 0; i < p.length; i++) {
-      var s = p[i], e = t[s];
-      if (n = 33 * n ^ c(s, r), typeof e == "object" && e !== null && (t.toString === Object.prototype.toString || t.toString === Array.prototype.toString)) {
-        if (r.has(e)) continue;
-        r.add(e);
-      }
-      n = 33 * n ^ c(e, r);
-    }
-    return 33 * n ^ c(t.constructor, r);
+import { defineComponent as a, computed as i, openBlock as r, createBlock as d, Transition as l, normalizeStyle as s, withCtx as u, renderSlot as p } from "vue";
+const f = /* @__PURE__ */ a({
+  __name: "Slide",
+  props: {
+    direction: { default: "right" },
+    duration: { default: 500 },
+    gap: { default: 0 }
+  },
+  setup(t) {
+    const n = t, o = i(() => `bb-slide-in-${n.direction}`);
+    return (e, m) => (r(), d(l, {
+      name: o.value,
+      style: s({ "--transition-duration": `${e.duration}ms`, "--gap": `${e.gap}px` })
+    }, {
+      default: u(() => [
+        p(e.$slots, "default", {}, void 0, !0)
+      ]),
+      _: 3
+    }, 8, ["name", "style"]));
   }
-  var o = typeof t;
-  try {
-    t instanceof Date ? o += t.getTime() : o += String(t);
-  } catch {
-    o += String(Object.assign({}, t));
-  }
-  for (var a = 0; a < o.length; a++) n = 33 * n ^ o.charCodeAt(a);
-  return n;
-}
+});
 export {
-  c as hash,
-  y as sortNumbers
+  f as default
 };

package/dist/index280.js

@@ -0,0 +1,8 @@
+import e from "./index302.js";
+import r from "./index303.js";
+import o from "./index304.js";
+const f = new o(r, e)._freeze();
+export {
+  o as Mime,
+  f as default
+};