bitboss-ui 2.0.38 → 2.0.40

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 "./index199.js";
-import j from "./index221.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 "./index206.js";
+import { getAsPercentage as $ } from "./index130.js";
+import { useId as F } from "./index8.js";
+import R from "./index125.js";
 /* empty css         */
-import z from "./index223.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/index270.js

@@ -1,24 +1,4 @@
-import { defineComponent as o, 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__ */ o({
-  __name: "SlideBack",
-  props: {
-    direction: { default: "right" },
-    duration: { default: 500 },
-    gap: { default: 0 }
-  },
-  setup(t) {
-    const a = t, n = i(() => `bb-slide-back-in-${a.direction}`);
-    return (e, c) => (r(), d(l, {
-      name: n.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 e = { exports: {} };
 export {
-  f as default
+  e as __module
 };

package/dist/index271.js

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