bitboss-ui 2.1.128 → 2.1.130

package/dist/index86.js

@@ -1,65 +1,221 @@
-import { useLocale as e } from "./index42.js";
-import { Fragment as t, createCommentVNode as n, createElementBlock as r, createElementVNode as i, createTextVNode as a, defineComponent as o, normalizeClass as s, openBlock as c, renderList as l, renderSlot as u, toDisplayString as d, unref as f } from "vue";
-//#region src/components/OptionsContainer/OptionsContainer.vue?vue&type=script&setup=true&lang.ts
-var p = { class: "bb-cr-container__container" }, m = {
-	key: 0,
-	class: "bb-cr-container__loading-container"
-}, h = {
-	key: 1,
-	class: "bb-cr-container__no-data-container"
-}, g = /* @__PURE__ */ o({
-	__name: "OptionsContainer",
-	props: {
-		direction: {},
-		hasErrors: { type: Boolean },
-		hideLabel: { type: Boolean },
-		loadingText: {},
-		loading: { type: Boolean },
-		noDataText: {},
-		options: {}
-	},
-	setup(o) {
-		let { t: g } = e();
-		return (e, o) => (c(), r("span", {
-			ref: "container",
-			class: s(["bb-cr-container", {
-				"bb-cr-container--errors": e.hasErrors,
-				"bb-cr-container--horizontal": e.direction === "horizontal",
-				"bb-cr-container--vertical": e.direction === "vertical"
-			}])
-		}, [i("span", p, [
-			u(e.$slots, "prepend"),
-			!e.options.length && e.loading ? (c(), r("span", m, [u(e.$slots, "loading", {}, () => [a(d(e.loadingText || f(g)("common.loadingText")), 1)])])) : e.options.length ? n("", !0) : (c(), r("span", h, [u(e.$slots, "no-data", {}, () => [a(d(e.noDataText || f(g)("common.noDataText")), 1)])])),
-			(c(!0), r(t, null, l(e.options, (n, o) => (c(), r(t, { key: n?.valueHash || o }, [
-				u(e.$slots, "option:prepend", {
-					id: n.valueHash,
-					checked: !!n.selected,
-					disabled: !!n.disabled,
-					item: n.item,
-					text: n.text
-				}),
-				i("label", { class: s(["bb-cr-container-option", { "bb-base-radio-selected": n.selected }]) }, [u(e.$slots, "input", {
-					index: o,
-					option: n
-				}), i("span", { class: s({
-					"bb-cr-container-option__text": !0,
-					"sr-only": e.hideLabel
-				}) }, [u(e.$slots, "label", {
-					checked: !!n.selected,
-					item: n.item,
-					text: n.text
-				}, () => [a(d(n.text), 1)])], 2)], 2),
-				u(e.$slots, "option:append", {
-					id: n.valueHash,
-					checked: !!n.selected,
-					disabled: !!n.disabled,
-					item: n.item,
-					text: n.text
-				})
-			], 64))), 128)),
-			u(e.$slots, "append")
-		])], 2));
-	}
+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 "./index293.js";
+import { useId as re } from "./index8.js";
+import oe from "./index116.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("./index292.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"]));
+  }
 });
-//#endregion
-export { g as default };
+export {
+  fe as default
+};

package/dist/index88.js

@@ -1,6 +1,84 @@
-import e from "./index86.js";
-/* empty css        */
-//#region src/components/OptionsContainer/OptionsContainer.vue
-var t = e;
-//#endregion
-export { t as default };
+import { defineComponent as $, ref as f, computed as a, getCurrentInstance as d, onServerPrefetch as I, onBeforeMount as _, watch as L, createElementBlock as M, openBlock as B, mergeProps as k, inject as A } from "vue";
+import { isCssColor as C } from "./index234.js";
+import { get as m } from "./index275.js";
+import { useLogger as N } from "./index252.js";
+const S = ["innerHTML"], E = /* @__PURE__ */ $({
+  __name: "BbIcon",
+  props: {
+    color: {},
+    label: {},
+    type: {},
+    size: { default: "md" }
+  },
+  setup(v) {
+    const e = v, i = N();
+    let o = f();
+    const n = f(null), b = a(() => n.value ? n.value.replace(/<\/?svg[^>]*>/g, "") : null), g = !!m(d(), ["proxy", "$nuxt"]), u = () => {
+      if (g) {
+        o.value = m(d(), ["proxy", "$nuxt", "$icons"]), o.value || i.throw(
+          "Failed to load Nuxt icons. Make sure the icon provider is properly configured."
+        );
+        return;
+      }
+      o.value = A("icons"), o.value || i.throw(
+        "Failed to inject icons. Make sure the icon provider is properly configured in the Vue app."
+      );
+    }, c = async () => {
+      o.value || i.throw("Icons have not been loaded");
+      const t = o.value[e.type];
+      t || i.throw(`Icon "${e.type}" does not exist.`), n.value = await t();
+    };
+    I(async () => {
+      u(), await c();
+    }), _(async () => {
+      o.value || u(), n.value || await c();
+    }), L(() => e.type, c);
+    const h = {
+      xs: 12,
+      sm: 16,
+      md: 24,
+      lg: 28,
+      xl: 36,
+      xxl: 40
+    }, x = a(() => {
+      if (typeof e.size == "number")
+        return `${e.size}px`;
+      if (typeof e.size == "string") {
+        const t = h[e.size];
+        if (t !== void 0)
+          return `${t}px`;
+        const s = parseInt(e.size, 10);
+        return isNaN(s) && i.throw(`Invalid size: "${e.size}"`), `${s}px`;
+      }
+      return "24px";
+    }), w = a(() => {
+      const t = {
+        "bb-icon": !0
+      }, s = {
+        "--bb-icon-dimensions-w": x.value
+      };
+      e.color && (C(e.color) ? s.color = e.color : t[`bb-icon--${e.color}`] = !0);
+      const p = {};
+      if (n.value) {
+        const y = n.value.split(">")[0].substring(5), z = /([\w-]+)="([^"]*)"/g;
+        let l;
+        for (; (l = z.exec(y)) !== null; )
+          p[l[1]] = l[2];
+      }
+      const r = {
+        viewBox: "0 0 1 1",
+        ...p,
+        class: t,
+        style: s
+      };
+      return e.label && (r.role = "img", r["aria-label"] = e.label.trim(), r.title = e.label.trim()), r.focusable = "false", r;
+    });
+    return (t, s) => (B(), M("svg", k(w.value, {
+      "data-allow-mismatch": "",
+      innerHTML: b.value
+    }), null, 16, S));
+  }
+});
+export {
+  E as default
+};

package/dist/index9.js

@@ -1,11 +1,10 @@
-import { clamp as e } from "./index8.js";
-//#region src/utilities/functions/percentage.ts
-var t = (t, n, r = !1) => {
-	let i = t * 100 / n;
-	return r ? e(i, 0, 100) : i;
-}, n = (e, n, r, i = !1) => t(e - n, r - n, i), r = (e, t, n) => {
-	let r = n - t;
-	return t + e / 100 * r;
+import { useWindowSize as i } from "./index148.js";
+import { computed as e } from "vue";
+import { _config as t } from "./index4.js";
+const c = () => {
+  const { width: o } = i();
+  return { isMobile: e(() => o.value < t.mobileMaxWidth) };
+};
+export {
+  c as useMobile
 };
-//#endregion
-export { t as getAsPercentage, n as getAsPercentageBetween, r as getValueFromPercentageInInterval };

package/dist/index90.js

@@ -1,19 +1,46 @@
-import { hash as e } from "./index81.js";
-import { computed as t, unref as n } from "vue";
-//#region src/composables/useIndexById.ts
-var r = ({ items: r, key: i }) => {
-	let a = (t) => i ? String(t[i]) : e(t), o = t(() => {
-		let e = {}, t = Array.from(n(r) ?? []);
-		for (let n = 0; n < t.length; n++) {
-			let r = t[n];
-			e[a(r)] = r;
-		}
-		return e;
-	});
-	return {
-		data: o,
-		get: (e) => o.value[a(e)]
-	};
+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 "./index277.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
 };
-//#endregion
-export { r as useIndexById };

package/dist/index91.js

@@ -1,17 +1,134 @@
-import { get as e } from "./index41.js";
-//#region src/composables/useItemText.ts
-var t = () => ({ getItemText(t, n) {
-	if (typeof t == "string" && !n) return t;
-	if (n) {
-		if (typeof n == "function") {
-			let e = n(t);
-			return typeof e != "string" && (e = JSON.stringify(e)), e;
-		} else if (typeof n == "string") {
-			let r = e(t, n);
-			return typeof r == "string" ? r : JSON.stringify(r);
-		}
-	}
-	return JSON.stringify(t);
-} });
-//#endregion
-export { t as useItemText };
+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 "./index28.js";
+/* empty css        */
+import q from "./index30.js";
+/* empty css        */
+const D = /* @__PURE__ */ B({
+  __name: "BbNumberInput",
+  props: {
+    "append:icon": {},
+    autocomplete: {},
+    autofocus: {},
+    clearable: { type: Boolean },
+    compact: { type: Boolean },
+    direction: {},
+    disabled: { type: Boolean },
+    errors: {},
+    hasErrors: { type: Boolean },
+    hideLabel: { type: Boolean },
+    hint: {},
+    id: {},
+    label: {},
+    labelPosition: {},
+    loading: { type: Boolean },
+    max: {},
+    maxPrecision: {},
+    min: {},
+    modelValue: {},
+    name: {},
+    persistentHint: { type: Boolean },
+    placeholder: {},
+    "prepend:icon": {},
+    readonly: { type: Boolean },
+    required: { type: Boolean },
+    reverse: { type: Boolean },
+    step: {}
+  },
+  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);
+      },
+      onChange: (e) => o("change", e),
+      onClick: (e) => o("click", e),
+      onDecrease: (e) => o("decrease", e),
+      onFocus: (e) => {
+        d.value = !0, o("focus", e);
+      },
+      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: () => {
+        p.value?.increase();
+      },
+      decrease: () => {
+        p.value?.decrease();
+      }
+    }), (e, I) => (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 {
+  D as default
+};