bitboss-ui 2.1.133 → 2.1.134

package/dist/index83.js

@@ -0,0 +1,141 @@
+import { isCssColor as e } from "./index78.js";
+import { booleanishToBoolean as t } from "./index79.js";
+import { isEqual as n } from "./index82.js";
+import { computed as r, createCommentVNode as i, createElementBlock as a, createElementVNode as o, defineComponent as s, guardReactiveProps as c, mergeProps as l, normalizeProps as u, openBlock as d, ref as f, renderSlot as p, watch as m } from "vue";
+//#region src/components/BaseCheckbox/BaseCheckbox.vue?vue&type=script&setup=true&lang.ts
+var h = {
+	"aria-hidden": "true",
+	class: "bb-base-checkbox-container"
+}, g = {
+	class: "bb-base-checkbox-container__icon",
+	viewBox: "276.411 158.834 114.971 114.97"
+}, _ = {
+	key: 0,
+	d: "M 310 216 L 358 216",
+	fill: "none",
+	"stroke-linecap": "round",
+	"stroke-width": "14px"
+}, v = {
+	key: 1,
+	d: "M 297.574 224.786 L 318.309 243.134 L 371.568 189.232",
+	fill: "none",
+	"stroke-linecap": "round",
+	"stroke-width": "14px"
+}, y = /* @__PURE__ */ s({
+	__name: "BaseCheckbox",
+	props: {
+		ariaDescribedby: {},
+		autofocus: {},
+		checked: { type: [Boolean, String] },
+		color: {},
+		disabled: { type: Boolean },
+		falseValue: { default: !1 },
+		hasErrors: { type: Boolean },
+		id: {},
+		indeterminate: {},
+		modelValue: {},
+		name: {},
+		readonly: { type: Boolean },
+		required: { type: Boolean },
+		submitWhenFalse: { type: Boolean },
+		trueValue: { default: !0 }
+	},
+	emits: [
+		"blur",
+		"change",
+		"click",
+		"focus",
+		"input",
+		"keydown",
+		"mousedown",
+		"mouseup",
+		"update:modelValue"
+	],
+	setup(s, { emit: y }) {
+		let b = s, x = y, S = f(null), C = r(() => b.checked ? t(b.checked) : n(b.trueValue, b.modelValue)), w = r(() => {
+			let e = b.indeterminate;
+			return e === "" ? !0 : e === !0 || e === "true";
+		}), T = f(!1), E = f(!1), D = (e) => {
+			T.value = !1, E.value = !1, x("blur", e);
+		}, O = (e) => {
+			if (e.target instanceof HTMLInputElement) {
+				let t = e.target.checked ? b.trueValue : b.falseValue;
+				x("change", e), x("update:modelValue", t);
+			}
+		}, k = (e) => {
+			T.value = !0, e.target instanceof HTMLInputElement && (E.value = e.target.matches(":focus-visible")), x("focus", e);
+		}, A = r(() => {
+			let t = { class: {
+				"bb-base-checkbox": !0,
+				"bb-base-checkbox--disabled": b.disabled,
+				"bb-base-checkbox--errors": b.hasErrors,
+				"bb-base-checkbox--indeterminate": w.value,
+				"bb-base-checkbox--readonly": b.readonly,
+				[`bb-base-checkbox--${b.color}`]: b.color && !e(b.color)
+			} };
+			return b.color && e(b.color) && (t.style = `--color: ${b.color}`), t;
+		}), j = (e) => typeof e == "string" ? e : JSON.stringify(e), M = r(() => {
+			let e = j(b.falseValue);
+			return {
+				disabled: b.disabled,
+				name: b.name,
+				type: "hidden",
+				value: e
+			};
+		}), N = {
+			onBlur: D,
+			onChange: O,
+			onFocus: k,
+			onClick: (e) => x("click", e),
+			onInput: (e) => x("input", e),
+			onKeydown: (e) => x("keydown", e),
+			onMousedown: (e) => x("mousedown", e),
+			onMouseup: (e) => x("mouseup", e)
+		}, P = r(() => {
+			let e = j(b.trueValue);
+			return {
+				"aria-describedby": b.ariaDescribedby,
+				autofocus: b.autofocus,
+				checked: C.value,
+				disabled: b.disabled || b.readonly,
+				id: b.id,
+				indeterminate: w.value,
+				name: b.name,
+				required: b.required,
+				tabindex: b.disabled ? -1 : void 0,
+				type: "checkbox",
+				value: e,
+				...N
+			};
+		}), F = r(() => ({
+			checked: C.value,
+			disabled: !!b.disabled,
+			falseValue: b.falseValue,
+			focused: T.value,
+			focusVisible: E.value,
+			hasErrors: !!b.hasErrors,
+			id: b.id,
+			name: b.name,
+			parsedValue: P.value.value,
+			readonly: !!b.readonly,
+			trueValue: b.trueValue,
+			value: C.value ? b.trueValue : b.falseValue
+		}));
+		return m(() => [
+			b.modelValue,
+			b.checked,
+			b.indeterminate
+		], () => {
+			S.value && (S.value.indeterminate = w.value);
+		}), (e, t) => (d(), a("span", u(c(A.value)), [
+			!C.value && e.submitWhenFalse ? (d(), a("input", u(l({ key: 0 }, M.value)), null, 16)) : i("", !0),
+			o("input", l(P.value, {
+				ref_key: "checkboxInput",
+				ref: S
+			}), null, 16),
+			o("span", h, [p(e.$slots, "icon", u(c(F.value)), () => [(d(), a("svg", g, [w.value ? (d(), a("path", _)) : (d(), a("path", v))]))])])
+		], 16));
+	}
+});
+//#endregion
+export { y as default };

package/dist/index85.js

@@ -0,0 +1,6 @@
+import e from "./index83.js";
+/* empty css        */
+//#region src/components/BaseCheckbox/BaseCheckbox.vue
+var t = e;
+//#endregion
+export { t as default };

package/dist/index86.js

@@ -1,221 +1,65 @@
-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 "./index303.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("./index302.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"]));
-  }
+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));
+	}
 });
-export {
-  fe as default
-};
+//#endregion
+export { g as default };

package/dist/index88.js

@@ -1,84 +1,6 @@
-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 "./index239.js";
-import { get as m } from "./index288.js";
-import { useLogger as N } from "./index236.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
-};
+import e from "./index86.js";
+/* empty css        */
+//#region src/components/OptionsContainer/OptionsContainer.vue
+var t = e;
+//#endregion
+export { t as default };

package/dist/index89.js

@@ -0,0 +1,30 @@
+import { useDebounceFn as e } from "./index13.js";
+import { computed as t, ref as n, unref as r } from "vue";
+//#region src/composables/useItemsGetter.ts
+var i = (i) => {
+	let a = t(() => r(i.items)), o = n([]), s = n(0), c = 0, l = async (...e) => {
+		if (Array.isArray(a.value)) {
+			o.value = a.value;
+			return;
+		}
+		if (typeof a.value != "function") return;
+		let t = ++c;
+		s.value++;
+		try {
+			let n = await a.value(...e);
+			t === c && (o.value = n);
+		} catch (e) {
+			console.error(e);
+		} finally {
+			s.value--;
+		}
+	};
+	return {
+		getter: l,
+		debouncedGetter: e(l, i.debounce || 0),
+		items: o,
+		loading: t(() => s.value > 0)
+	};
+};
+//#endregion
+export { i as useItemsGetter };

package/dist/index9.js

@@ -1,10 +1,11 @@
-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
+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;
 };
+//#endregion
+export { t as getAsPercentage, n as getAsPercentageBetween, r as getValueFromPercentageInInterval };

package/dist/index90.js

@@ -1,46 +1,19 @@
-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 "./index270.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
+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)]
+	};
 };
+//#endregion
+export { r as useIndexById };