bitboss-ui 2.0.165 → 2.0.167

package/dist/index83.js

@@ -0,0 +1,221 @@
+import { defineComponent as j, ref as g, watch as x, computed as m, createBlock as G, openBlock as V, resolveDynamicComponent as K, normalizeClass as O, withCtx as M, createElementVNode as c, withModifiers as y, renderSlot as U, normalizeProps as Y, guardReactiveProps as Z, createTextVNode as J, unref as Q, createVNode as W, createElementBlock as F, Fragment as X, renderList as ee, toDisplayString as te } from "vue";
+import { findInTree as ae } from "./index275.js";
+import { useId as re } from "./index8.js";
+import oe from "./index111.js";
+/* empty css         */
+const le = ["accept", "autofocus", "disabled", "multiple"], se = { class: "bb-dropzone__submittable-label" }, ne = ["id", "disabled", "multiple", "name"], ie = { class: "bb-dropzone__errors" }, fe = /* @__PURE__ */ j({
+  __name: "BbDropzone",
+  props: {
+    autofocus: {},
+    disabled: { type: Boolean },
+    errors: {},
+    hasErrors: { type: Boolean },
+    id: {},
+    multiple: { type: Boolean },
+    name: {},
+    accept: {},
+    maxFiles: {},
+    maxSize: {},
+    modelValue: {},
+    tag: { default: "div" }
+  },
+  emits: ["blur", "error", "focus", "update:modelValue"],
+  setup(D, { emit: C }) {
+    let b;
+    const a = D, l = C, d = g(null);
+    if (a.accept && !Array.isArray(a.accept))
+      throw new Error("Property accept is not an array");
+    if (a.multiple && !Array.isArray(a.modelValue))
+      throw new Error(
+        "Component is set to multiple but modelValue is not an array"
+      );
+    const h = g(!1), I = (e) => {
+      h.value = !0, l("focus", e);
+    }, L = (e) => {
+      h.value = !1, l("blur", e);
+    };
+    x(
+      () => a.modelValue,
+      () => {
+        let e = new DataTransfer();
+        Array.isArray(a.modelValue) ? a.modelValue.length && a.modelValue.forEach((t) => e.items.add(t)) : a.modelValue && e.items.add(a.modelValue), d.value && (e.items.length ? d.value.files = e.files : d.value.files = null);
+      }
+    );
+    const p = g([]), P = m(
+      () => p.value.join(",")
+    );
+    x(
+      () => a.accept,
+      async () => {
+        if (a.accept) {
+          let e = [];
+          for (let t = 0; t < a.accept.length; t++) {
+            const r = a.accept[t];
+            if (r.includes("/")) e.push(r);
+            else {
+              b || (b = (await import("./index274.js")).default);
+              const o = b.getType(r);
+              if (!o)
+                throw new Error(
+                  `Could not detect the correct mime associated with ${r}`
+                );
+              e.push(o);
+            }
+          }
+          p.value = e;
+        }
+      },
+      { immediate: !0 }
+    );
+    const z = a.id || `${re().id.value}`, v = `bb_dz_${z}`, i = g(!1);
+    let T;
+    const k = m(() => ({
+      "bb-dropzone": !0,
+      "bb-dropzone--errors": R.value,
+      "bb-dropzone--dragging": i.value
+    })), q = m(() => ({
+      dragging: i.value,
+      focused: h.value,
+      id: z
+    })), $ = (e) => {
+      if (i.value = !1, e.dataTransfer) {
+        e.stopImmediatePropagation();
+        let t;
+        if (t = Array.from(e.dataTransfer.files), t = B(t), a.multiple ? Array.isArray(a.modelValue) && l("update:modelValue", [...a.modelValue, ...t]) : (t = t[0], l("update:modelValue", t)), e.currentTarget instanceof HTMLLabelElement) {
+          const r = e.currentTarget.querySelector("input[type=file]");
+          r instanceof HTMLInputElement && r.focus();
+        }
+      }
+    }, H = (e) => {
+      if (e.target instanceof HTMLInputElement) {
+        if (e.target.files) {
+          let t;
+          t = B(Array.from(e.target.files)), a.multiple ? Array.isArray(a.modelValue) && l("update:modelValue", [...a.modelValue, ...t]) : (t = t[0], l("update:modelValue", t));
+        }
+        e.target.value = "", e.target.files = null;
+      }
+    }, B = (e) => e.filter((t, r) => {
+      if (a.maxSize && !(t.size <= a.maxSize))
+        return l("error", f.maxSize(t)), !1;
+      let o = !1;
+      return a.modelValue && (Array.isArray(a.modelValue) ? o = a.modelValue.some(
+        (s) => S(s, t)
+      ) : o = S(a.modelValue, t)), o ? (l("error", f.uniqueness(t)), !1) : a.accept && !p.value.some((n) => {
+        let u = !1;
+        return n.includes("*") ? u = u || n.split("/")[0] === t.type.split("/")[0] : u = u || n === t.type, u;
+      }) ? (l("error", f.accept(t)), !1) : a.maxFiles && Array.isArray(a.modelValue) && a.modelValue.length + r + 1 > a.maxFiles ? (l(
+        "error",
+        f.maxFiles(t, a.modelValue.length + r + 1)
+      ), !1) : !0;
+    }), N = (e) => {
+      const t = e.target;
+      if (t instanceof HTMLElement) {
+        const r = ae(
+          [t],
+          "parentElement",
+          (o) => o.classList.contains("bb-dropzone")
+        );
+        r && (r.id === v ? E() : _());
+      }
+    }, E = () => {
+      clearTimeout(T), i.value = !0;
+    }, _ = () => {
+      T = setTimeout(() => {
+        i.value = !1;
+      }, 100);
+    }, A = (e, t = 2) => {
+      if (!e) return "0 B";
+      const r = 1024, o = t || 0, s = ["B", "KB", "MB", "GB", "TB", "PB", "EB", "ZB", "YB"], n = Math.floor(Math.log(e) / Math.log(r));
+      return parseFloat((e / Math.pow(r, n)).toFixed(o)) + " " + s[n];
+    }, S = (e, t) => !["name", "size", "lastModified", "type"].some((o) => e[o] !== t[o]), f = {
+      maxSize: (e) => {
+        if (a.maxSize)
+          return {
+            type: "maxSize",
+            file: e,
+            formattedMaxSize: A(+a.maxSize),
+            formattedSize: A(e.size),
+            filename: e.name
+          };
+        throw new Error(
+          "Requested to create an error for maxSize without providing a maxSize."
+        );
+      },
+      uniqueness: (e) => ({
+        type: "uniqueness",
+        file: e,
+        filename: e.name
+      }),
+      accept: (e) => ({
+        type: "accept",
+        file: e,
+        acceptedMimeTypes: p.value,
+        mimeType: e.type,
+        filename: e.name
+      }),
+      maxFiles: (e, t) => ({
+        type: "maxFiles",
+        file: e,
+        maxFiles: a.maxFiles,
+        totalFiles: t,
+        filename: e.name
+      })
+    }, w = m(() => a.errors ? [].concat(a.errors) : []), R = m(
+      () => !!w.value.length || a.hasErrors
+    );
+    return (e, t) => (V(), G(K(e.tag), {
+      id: v,
+      class: O(k.value)
+    }, {
+      default: M(() => [
+        c("label", {
+          onDragenter: y(E, ["prevent"]),
+          onDragleave: y(_, ["prevent"]),
+          onDragover: y(N, ["prevent"]),
+          onDrop: y($, ["prevent"])
+        }, [
+          c("input", {
+            accept: P.value,
+            autofocus: e.autofocus,
+            class: "sr-only",
+            disabled: e.disabled,
+            multiple: e.multiple,
+            type: "file",
+            onBlur: L,
+            onChange: H,
+            onFocus: I
+          }, null, 40, le),
+          U(e.$slots, "default", Y(Z(q.value)))
+        ], 32),
+        c("label", se, [
+          t[0] || (t[0] = J(" Server files ")),
+          c("input", {
+            id: Q(z),
+            ref_key: "submittable",
+            ref: d,
+            class: "bb-dropzone__submittable-input",
+            disabled: e.disabled,
+            multiple: e.multiple,
+            name: e.name,
+            type: "file"
+          }, null, 8, ne)
+        ]),
+        c("span", ie, [
+          W(oe, { tag: "span" }, {
+            default: M(() => [
+              (V(!0), F(X, null, ee(w.value, (r) => (V(), F("span", {
+                key: r,
+                class: "bb-dropzone__error"
+              }, te(r), 1))), 128))
+            ]),
+            _: 1
+          })
+        ])
+      ]),
+      _: 3
+    }, 8, ["class"]));
+  }
+});
+export {
+  fe as default
+};

package/dist/index85.js

@@ -0,0 +1,53 @@
+import { defineComponent as v, ref as p, getCurrentInstance as c, onServerPrefetch as w, onBeforeMount as z, inject as _, watch as b, computed as f, createElementBlock as h, openBlock as $, mergeProps as g } from "vue";
+import { isCssColor as I } from "./index261.js";
+const B = ["innerHTML"], k = /* @__PURE__ */ v({
+  __name: "BbIcon",
+  props: {
+    size: { default: "md" },
+    color: {},
+    type: {}
+  },
+  setup(m) {
+    var l, a;
+    const e = m;
+    let t = p();
+    const r = p(null), x = !!((a = (l = c()) == null ? void 0 : l.proxy) != null && a.$nuxt), i = async () => {
+      if (t.value) {
+        if (typeof t.value[e.type] > "u")
+          throw new Error(`Icon "${e.type}" does not exist.`);
+        r.value = await t.value[e.type]();
+      }
+    };
+    w(async () => {
+      var o, n;
+      t.value = (n = (o = c()) == null ? void 0 : o.proxy) == null ? void 0 : n.$nuxt.$icons, await i();
+    }), z(async () => {
+      var o, n;
+      t.value || (x ? t.value = (n = (o = c()) == null ? void 0 : o.proxy) == null ? void 0 : n.$nuxt.$icons : t.value = _("icons")), r.value || await i();
+    }), b(() => e.type, i);
+    const y = {
+      xs: 12,
+      sm: 16,
+      md: 24,
+      lg: 28,
+      xl: 36,
+      xxl: 40
+    }, d = f(() => {
+      const o = {
+        "bb-icon": !0
+      };
+      let u = { "--size": f(() => {
+        let s;
+        return typeof e.size == "string" ? s = y[e.size] ?? parseInt(e.size, 10) : typeof e.size == "number" ? s = e.size : s = 24, s + "px";
+      }).value };
+      return e.color && (I(e.color) ? u.color = e.color : o[`bb-icon--${e.color}`] = !0), {
+        class: o,
+        style: u
+      };
+    });
+    return (o, n) => ($(), h("span", g(d.value, { innerHTML: r.value }), null, 16, B));
+  }
+});
+export {
+  k as default
+};

package/dist/index87.js

@@ -0,0 +1,46 @@
+import { defineComponent as h, ref as t, onMounted as m, onBeforeUnmount as p, createBlock as g, openBlock as b, resolveDynamicComponent as w, withCtx as _, renderSlot as I } from "vue";
+import { throttle as c } from "./index276.js";
+const M = /* @__PURE__ */ h({
+  __name: "BbIntersection",
+  props: {
+    debounceTime: { default: 0 },
+    options: { default: () => ({
+      root: null,
+      threshold: [0, 0.2, 0.4, 0.6, 0.8, 1]
+    }) },
+    tag: { default: "div" }
+  },
+  emits: ["shown", "hidden", "intersected"],
+  setup(u, { emit: d }) {
+    const r = u, i = d, n = t(null), l = t(null), o = t(!1), s = t(!0), a = t(0);
+    m(() => {
+      n.value = new IntersectionObserver((e) => {
+        f(e[0]);
+      }, r.options), l.value && n.value.observe(l.value);
+    }), p(() => {
+      n.value && n.value.disconnect();
+    });
+    const f = c((e) => {
+      e.isIntersecting ? (a.value = Math.trunc(e.intersectionRatio * 100), e.intersectionRatio === 1 ? (o.value = !0, s.value = !1, i("shown")) : (o.value = !1, s.value = !1, v(Math.trunc(e.intersectionRatio * 100)))) : (o.value = !1, s.value = !0, i("hidden"));
+    }), v = c((e) => {
+      i("intersected", e);
+    }, r.debounceTime);
+    return (e, B) => (b(), g(w(e.tag), {
+      ref_key: "infinitescrolltrigger",
+      ref: l,
+      class: "bb-intersection"
+    }, {
+      default: _(() => [
+        I(e.$slots, "default", {
+          hidden: s.value,
+          percentage: a.value,
+          shown: o.value
+        })
+      ]),
+      _: 3
+    }, 512));
+  }
+});
+export {
+  M as default
+};

package/dist/index88.js

@@ -1,195 +1,136 @@
-import { defineComponent as O, ref as n, computed as v, openBlock as y, createElementBlock as S, mergeProps as F, createElementVNode as p, renderSlot as k, normalizeProps as H, guardReactiveProps as V, createVNode as q, withCtx as T, createBlock as I, toDisplayString as W, unref as z, createCommentVNode as A, nextTick as R } from "vue";
-import { useFocusTrap as j } from "./index209.js";
-import { useId as G } from "./index8.js";
-import { useIntersectionObserver as J } from "./index132.js";
-import { waitFor as K } from "./index245.js";
-import Q from "./index13.js";
+import { defineComponent as B, ref as u, computed as w, createBlock as g, openBlock as k, withCtx as n, createVNode as $, mergeProps as P, renderSlot as r, normalizeProps as l, guardReactiveProps as s } from "vue";
+import V from "./index27.js";
 /* empty css        */
-import U from "./index211.js";
-/* empty css         */
-import { useLocale as X } from "./index218.js";
-import { useDebounceFn as Y } from "./index206.js";
-const Z = { class: "bb-popover__close-label sr-only" }, ce = /* @__PURE__ */ O({
-  __name: "BbPopover",
+import q from "./index29.js";
+/* empty css        */
+const D = /* @__PURE__ */ B({
+  __name: "BbNumberInput",
   props: {
-    arrowPadding: { default: 10 },
-    closeLabel: {},
-    block: { type: Boolean },
+    "append:icon": {},
+    autocomplete: {},
+    autofocus: {},
+    clearable: { type: Boolean },
+    compact: { type: Boolean },
+    direction: {},
     disabled: { type: Boolean },
-    eager: { type: Boolean },
-    offset: { default: 3 },
-    padding: { default: 10 },
-    placement: { default: "bottom" },
-    showClose: { type: Boolean, default: !0 },
-    theme: { default: "default" },
-    transitionDuration: { default: 300 },
-    teleportTarget: {},
-    focusTarget: {},
-    width: {}
+    errors: {},
+    hasErrors: { type: Boolean },
+    hideLabel: { type: Boolean },
+    hint: {},
+    id: {},
+    label: {},
+    labelPosition: {},
+    loading: { type: Boolean },
+    max: {},
+    maxPrecision: { default: 1 / 0 },
+    min: {},
+    modelValue: {},
+    name: {},
+    persistentHint: { type: Boolean },
+    placeholder: {},
+    "prepend:icon": {},
+    readonly: { type: Boolean },
+    required: { type: Boolean },
+    reverse: { type: Boolean },
+    step: {}
   },
-  emits: ["shown", "hidden"],
-  setup(_, { expose: $, emit: C }) {
-    const t = _, s = C, { t: B } = X(), { id: L } = G(), c = `bbp_${L.value}`, r = n(), l = n(), { activate: P, deactivate: m } = j(l, {
-      /**
-       * This traps all clicks outside so we are pressing
-       * the trigger we just allow and process that in its
-       * own click handler.
-       * If we are pressing anything random on the page
-       * close the popover and be done
-       */
-      clickOutsideDeactivates: (e) => {
-        var h;
-        const o = e.target;
-        return o instanceof HTMLElement && (h = r.value) != null && h.contains(o) || (i(), s("hidden")), !0;
+  emits: ["blur", "change", "click", "decrease", "focus", "increase", "input", "keydown", "keyup", "mousedown", "mouseup", "update:modelValue"],
+  setup(m, { expose: c, emit: b }) {
+    const i = m, o = b, p = u(), d = u(!1), h = w(() => i.persistentHint || d.value), f = {
+      onBlur: (e) => {
+        d.value = !1, o("blur", e);
       },
-      escapeDeactivates: () => (R(async () => {
-        await i(), u(), s("hidden");
-      }), !0),
-      /* We don't return focus so that when
-       * we press a button on tyhe page we can focus
-       * THAT button and not the current trigger
-       */
-      returnFocusOnDeactivate: !1
-    });
-    J(
-      r,
-      async ([{ intersectionRatio: e }]) => {
-        e !== 1 && a.value && (m(), await i(), s("hidden"));
+      onChange: (e) => o("change", e),
+      onClick: (e) => o("click", e),
+      onDecrease: (e) => o("decrease", e),
+      onFocus: (e) => {
+        d.value = !0, o("focus", e);
       },
-      { threshold: [0, 1] }
-    );
-    const D = v(() => ({
-      class: {
-        "bb-popover--block": t.block,
-        [`bb-popover--${t.theme}`]: !0
-      }
-    })), N = n(!1), d = n(!1), a = n(!1), b = n(!1), g = n(!0), E = async () => {
-      N.value = !0, await K(() => !!l.value), a.value = !0;
-    }, i = async () => {
-      a.value = !1;
-    }, w = async () => {
-      if (a.value) {
-        await i(), u(), s("hidden");
-        return;
-      }
-      if (d.value || t.disabled) return;
-      await E();
-      let e = t.focusTarget ?? ".bb-popover__close";
-      P({
-        onPostActivate: Y(() => {
-          if (l.value) {
-            const o = l.value.querySelector(e);
-            o instanceof HTMLElement && (o.focus(), s("shown"));
-          }
-        }, 150)
-      });
-    }, u = () => {
-      var o;
-      const e = (o = r.value) == null ? void 0 : o.querySelector(`[aria-controls=popover_${c}]`);
-      e instanceof HTMLElement && e.focus({ preventScroll: !0 });
-    }, f = async () => {
-      m(), await i(), u(), s("hidden");
-    }, M = v(() => {
-      if (t.width) {
-        let e;
-        if (typeof t.width == "string" && Number.isNaN(Number(t.width)))
-          if (t.width.includes("%")) {
-            if (!r.value) return;
-            e = `${r.value.clientWidth * (+t.width.replace("%", "") / 100)}`;
-          } else
-            e = t.width;
-        else
-          e = `${t.width}`;
-        return `${e}px`;
+      onIncrease: (e) => o("increase", e),
+      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)
+    };
+    return c({
+      increase: () => {
+        var e;
+        (e = p.value) == null || e.increase();
+      },
+      decrease: () => {
+        var e;
+        (e = p.value) == null || e.decrease();
       }
-    });
-    return $({
-      open: w,
-      close: f,
-      closed: v(() => !a.value)
-    }), (e, o) => (y(), S("span", F({ class: "bb-popover" }, D.value), [
-      p("span", {
-        ref_key: "wrapper",
-        ref: r,
-        class: "bb-popover__wrapper"
-      }, [
-        k(e.$slots, "activator", H(V({
-          props: {
-            "aria-controls": `popover_${c}`,
-            "aria-expanded": a.value,
-            onClick: w,
-            id: c,
-            disabled: !!e.disabled
-          },
-          closed: g.value,
-          closing: b.value,
-          disabled: !!e.disabled,
-          open: a.value,
-          opening: d.value,
-          placement: e.placement
-        })))
-      ], 512),
-      q(U, {
-        "arrow-padding": e.arrowPadding,
-        "base-class": "bb-popover",
-        "container-attributes": {
-          id: `popover_${c}`,
-          style: { width: M.value }
-        },
-        eager: e.eager,
-        offset: e.offset,
-        open: a.value,
-        padding: e.padding,
-        placement: e.placement,
-        "teleport-target": e.teleportTarget,
-        theme: e.theme,
-        "transition-duration": e.transitionDuration,
-        wrapper: r.value
-      }, {
-        default: T(() => [
-          p("span", {
-            ref_key: "content",
-            ref: l,
-            class: "bb-popover__content"
-          }, [
-            e.showClose ? (y(), I(Q, {
-              key: 0,
-              class: "bb-popover__close",
-              onClick: f
-            }, {
-              default: T(() => [
-                p("span", Z, W(e.closeLabel || z(B)("common.closeLabel").value), 1),
-                o[0] || (o[0] = p("svg", {
-                  fill: "none",
-                  viewBox: "0 0 24 24",
-                  xmlns: "http://www.w3.org/2000/svg"
-                }, [
-                  p("path", {
-                    d: "M23 23L1 1M23 1L1 23",
-                    stroke: "currentColor",
-                    "stroke-linecap": "round",
-                    "stroke-width": "2"
-                  })
-                ], -1))
-              ]),
-              _: 1
-            })) : A("", !0),
-            k(e.$slots, "default", {
-              close: f,
-              closed: g.value,
-              closing: b.value,
-              disabled: !!e.disabled,
-              open: a.value,
-              opening: d.value,
-              placement: e.placement
-            })
-          ], 512)
-        ]),
-        _: 3
-      }, 8, ["arrow-padding", "container-attributes", "eager", "offset", "open", "padding", "placement", "teleport-target", "theme", "transition-duration", "wrapper"])
-    ], 16));
+    }), (e, H) => (k(), g(V, {
+      id: e.id,
+      class: "bb-number-input",
+      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": h.value
+    }, {
+      label: n((t) => [
+        r(e.$slots, "label", l(s(t)))
+      ]),
+      input: n(({ id: t, hasErrors: y, ariaDescribedby: v }) => [
+        $(q, P({
+          id: t,
+          ref_key: "bni",
+          ref: p,
+          "append:icon": i["append:icon"],
+          "aria-describedby": v,
+          autocomplete: e.autocomplete,
+          autofocus: e.autofocus,
+          clearable: e.clearable,
+          compact: e.compact,
+          disabled: e.disabled,
+          "has-errors": y,
+          loading: e.loading,
+          max: e.max,
+          "max-precision": e.maxPrecision,
+          min: e.min,
+          "model-value": e.modelValue,
+          name: e.name,
+          placeholder: e.placeholder,
+          "prepend:icon": i["prepend:icon"],
+          readonly: e.readonly,
+          required: e.required,
+          step: e.step
+        }, f), {
+          "append-outer": n((a) => [
+            r(e.$slots, "append-outer", l(s(a)))
+          ]),
+          append: n((a) => [
+            r(e.$slots, "append", l(s(a)))
+          ]),
+          prefix: n((a) => [
+            r(e.$slots, "prefix", l(s(a)))
+          ]),
+          prepend: n((a) => [
+            r(e.$slots, "prepend", l(s(a)))
+          ]),
+          suffix: n((a) => [
+            r(e.$slots, "suffix", l(s(a)))
+          ]),
+          "prepend-outer": n((a) => [
+            r(e.$slots, "prepend-outer", l(s(a)))
+          ]),
+          _: 2
+        }, 1040, ["id", "append:icon", "aria-describedby", "autocomplete", "autofocus", "clearable", "compact", "disabled", "has-errors", "loading", "max", "max-precision", "min", "model-value", "name", "placeholder", "prepend:icon", "readonly", "required", "step"])
+      ]),
+      _: 3
+    }, 8, ["id", "compact", "direction", "errors", "has-errors", "hide-label", "hint", "label", "label-position", "model-value", "name", "reverse", "show-hint"]));
   }
 });
 export {
-  ce as default
+  D as default
 };

package/dist/index9.js

@@ -1,4 +1,4 @@
-import { useWindowSize as i } from "./index132.js";
+import { useWindowSize as i } from "./index137.js";
 import { computed as e } from "vue";
 import { _config as t } from "./index4.js";
 const c = () => {