bitboss-ui 2.1.119 → 2.1.121

package/dist/index208.js

@@ -1,5 +1,170 @@
-import o from "./index118.js";
-/* empty css         */
-export {
-  o as default
-};
+import { isNotNil as e } from "./index26.js";
+import { V as t } from "./index43.js";
+import n from "./index71.js";
+import r from "./index74.js";
+import { isNotEmpty as i } from "./index207.js";
+import { Fragment as a, computed as o, createElementBlock as s, createElementVNode as c, createVNode as l, defineComponent as u, mergeProps as d, normalizeClass as f, onBeforeUnmount as p, onMounted as m, openBlock as h, ref as g, renderSlot as _, unref as v, watch as y, withCtx as b } from "vue";
+//#region src/components/BaseTextInput/BaseTextInput.vue?vue&type=script&setup=true&lang.ts
+var x = [
+	"id",
+	"aria-describedby",
+	"aria-invalid",
+	"autocomplete",
+	"autofocus",
+	"disabled",
+	"inputmode",
+	"name",
+	"placeholder",
+	"readonly",
+	"required",
+	"type"
+], S = [
+	"id",
+	"aria-describedby",
+	"aria-invalid",
+	"autocomplete",
+	"autofocus",
+	"disabled",
+	"inputmode",
+	"name",
+	"placeholder",
+	"readonly",
+	"required",
+	"type",
+	"value"
+], C = /* @__PURE__ */ u({
+	__name: "BaseTextInput",
+	props: {
+		"append:icon": {},
+		ariaDescribedby: {},
+		autocomplete: {},
+		autofocus: {},
+		clearable: { type: Boolean },
+		compact: { type: Boolean },
+		disabled: { type: Boolean },
+		emitMasked: { type: Boolean },
+		hasErrors: { type: Boolean },
+		id: {},
+		inputMode: {},
+		labelMode: {},
+		loading: { type: Boolean },
+		mask: {},
+		modelValue: {},
+		name: {},
+		placeholder: {},
+		"prepend:icon": {},
+		readonly: { type: Boolean },
+		required: { type: Boolean },
+		type: { default: "text" }
+	},
+	emits: [
+		"blur",
+		"change",
+		"click",
+		"focus",
+		"input",
+		"keydown",
+		"mousedown",
+		"mouseup",
+		"update:modelValue"
+	],
+	setup(u, { emit: C }) {
+		let w = u, T = C, E = g(), D = o(() => ({
+			"bb-base-text-input": !0,
+			"bb-base-text-input--disabled": w.disabled,
+			"bb-base-text-input--errors": w.hasErrors,
+			"bb-base-text-input--has-value": e(w.modelValue),
+			"bb-base-text-input--loading": w.loading,
+			"bb-base-text-input--readonly": w.readonly,
+			"bb-base-text-input--compact": w.compact
+		})), O, k = (e) => {
+			w.mask && (e.detail.unmasked ? w.emitMasked ? T("update:modelValue", e.detail.masked) : T("update:modelValue", e.detail.unmasked) : T("update:modelValue", null));
+		}, A = (e) => {
+			E.value.value = e ?? "", O.updateValue(E.value);
+		};
+		m(() => {
+			w.mask && (O = new t(E.value, w.mask), A(w.modelValue));
+		}), p(() => {
+			w.mask && O?.destroy();
+		}), y(() => w.modelValue, (e) => {
+			w.mask && A(e);
+		});
+		let j = {
+			onBlur: (e) => T("blur", e),
+			onChange: (e) => T("change", e),
+			onClick: (e) => T("click", e),
+			onFocus: (e) => T("focus", e),
+			onKeydown: (e) => T("keydown", e),
+			onInput: (e) => {
+				if (!w.mask && e.target instanceof HTMLInputElement) {
+					let t = e.target.value;
+					T("update:modelValue", t || null);
+				}
+				T("input", e);
+			},
+			onMousedown: (e) => T("mousedown", e),
+			onMouseup: (e) => T("mouseup", e)
+		};
+		return (e, t) => (h(), s(a, null, [l(r, { class: f(D.value) }, {
+			"prepend-outer": b(() => [_(e.$slots, "prepend-outer")]),
+			"append-outer": b(() => [_(e.$slots, "append-outer")]),
+			default: b(() => [l(n, {
+				"append:icon": w["append:icon"],
+				clearable: w.clearable && v(i)(w.modelValue),
+				"prepend:icon": w["prepend:icon"],
+				"onClick:clear": t[0] ||= (t) => e.$emit("update:modelValue", null)
+			}, {
+				prepend: b(() => [_(e.$slots, "prepend")]),
+				prefix: b(() => [_(e.$slots, "prefix")]),
+				append: b(() => [_(e.$slots, "append")]),
+				suffix: b(() => [_(e.$slots, "suffix")]),
+				default: b(() => [e.mask ? (h(), s("input", d({
+					key: 0,
+					id: e.id,
+					ref_key: "input",
+					ref: E,
+					"aria-describedby": e.ariaDescribedby,
+					"aria-invalid": e.hasErrors ? !0 : void 0,
+					autocomplete: e.autocomplete,
+					autofocus: e.autofocus,
+					class: "bb-base-text-input__input",
+					disabled: e.disabled,
+					inputmode: e.inputMode,
+					name: e.name,
+					placeholder: e.placeholder,
+					readonly: e.readonly,
+					required: e.required,
+					size: "1",
+					type: e.type
+				}, j, { onMaska: k }), null, 16, x)) : (h(), s("input", d({
+					key: 1,
+					id: e.id,
+					ref_key: "input",
+					ref: E,
+					"aria-describedby": e.ariaDescribedby,
+					"aria-invalid": e.hasErrors ? !0 : void 0,
+					autocomplete: e.autocomplete,
+					autofocus: e.autofocus,
+					class: "bb-base-text-input__input",
+					disabled: e.disabled,
+					inputmode: e.inputMode,
+					name: e.name,
+					placeholder: e.placeholder,
+					readonly: e.readonly,
+					required: e.required,
+					size: "1",
+					type: e.type,
+					value: e.modelValue
+				}, j), null, 16, S))]),
+				_: 3
+			}, 8, [
+				"append:icon",
+				"clearable",
+				"prepend:icon"
+			])]),
+			_: 3
+		}, 8, ["class"]), t[1] ||= c("span", null, null, -1)], 64));
+	}
+});
+//#endregion
+export { C as default };

package/dist/index21.js

@@ -0,0 +1,35 @@
+import { wait as e } from "./index10.js";
+import { nanoid as t } from "./index20.js";
+import { reactive as n } from "vue";
+//#region src/composables/useToast.ts
+var r = n({ stack: [] }), i = () => {
+	let n = (e) => r.stack = r.stack.filter((t) => t.id !== e);
+	return {
+		toast: (i) => {
+			let a = t(), o, s, c, l, u;
+			if (typeof i == "string") s = i;
+			else {
+				if (typeof i.timeout == "number" && i.timeout <= 0) throw Error("Toast messages cannot have a zero or less timeout");
+				c = i.icon, u = i.showClose, s = i.text, l = i.theme, o = i.title;
+			}
+			if (r.stack = r.stack.concat({
+				icon: c,
+				id: a,
+				showClose: u,
+				text: s,
+				theme: l,
+				title: o
+			}), typeof i == "object" && !i.persistent || typeof i == "string") {
+				let t;
+				t = typeof i == "object" && i.timeout ? i.timeout : 6e3, e(t).then(() => {
+					n(a);
+				});
+			}
+			return a;
+		},
+		dismiss: n,
+		dismissAll: () => r.stack = []
+	};
+};
+//#endregion
+export { r as state, i as useToast };

package/dist/index210.js

@@ -1,5 +1,6 @@
-import o from "./index122.js";
+import e from "./index208.js";
 /* empty css         */
-export {
-  o as default
-};
+//#region src/components/BaseTextInput/BaseTextInput.vue
+var t = e;
+//#endregion
+export { t as default };

package/dist/index211.js

@@ -1,5 +1,37 @@
-import o from "./index124.js";
-/* empty css         */
-export {
-  o as default
-};
+import { computed as e, createBlock as t, createCommentVNode as n, defineComponent as r, guardReactiveProps as i, normalizeProps as a, normalizeStyle as o, openBlock as s, ref as c, renderSlot as l, resolveDynamicComponent as u, watch as d, withCtx as f } from "vue";
+//#region src/components/BbCollapsible/BbCollapsible.vue?vue&type=script&setup=true&lang.ts
+var p = /* @__PURE__ */ r({
+	__name: "BbCollapsible",
+	props: {
+		eager: { type: Boolean },
+		transitionDuration: { default: 250 },
+		modelValue: { type: Boolean },
+		tag: { default: "div" }
+	},
+	setup(r) {
+		let p = r, m = c(c(p.modelValue).value);
+		d(() => p.modelValue, (e) => {
+			e && !m.value && (m.value = !0);
+		});
+		let h = e(() => ({
+			class: {
+				"bb-collapsible": !0,
+				"bb-collapsible--open": p.modelValue,
+				"bb-collapsible--closed": !p.modelValue
+			},
+			style: { transitionDuration: p.transitionDuration + "ms" }
+		}));
+		return (e, r) => (s(), t(u(e.tag), a(i(h.value)), {
+			default: f(() => [(s(), t(u(e.tag), {
+				class: "bb-collapsible__content",
+				style: o(h.value.style)
+			}, {
+				default: f(() => [e.eager || m.value ? l(e.$slots, "default", { key: 0 }) : n("", !0)]),
+				_: 3
+			}, 8, ["style"]))]),
+			_: 3
+		}, 16));
+	}
+});
+//#endregion
+export { p as default };

package/dist/index213.js

@@ -1,5 +1,6 @@
-import o from "./index128.js";
+import e from "./index211.js";
 /* empty css         */
-export {
-  o as default
-};
+//#region src/components/BbCollapsible/BbCollapsible.vue
+var t = e;
+//#endregion
+export { t as default };

package/dist/index214.js

@@ -1,5 +1,63 @@
-import o from "./index130.js";
-/* empty css         */
-export {
-  o as default
-};
+import { useId as e } from "./index12.js";
+import t from "./index36.js";
+import n from "./index213.js";
+import { createElementBlock as r, createVNode as i, defineComponent as a, normalizeClass as o, openBlock as s, ref as c, renderSlot as l, unref as u, watch as d, withCtx as f, withModifiers as p } from "vue";
+//#region src/components/BbAccordion/BbAccordion.vue?vue&type=script&setup=true&lang.ts
+var m = { class: "bb-accordion" }, h = /* @__PURE__ */ a({
+	__name: "BbAccordion",
+	props: {
+		eager: { type: Boolean },
+		transitionDuration: { default: 250 },
+		modelValue: { type: Boolean },
+		id: {}
+	},
+	emits: ["update:modelValue"],
+	setup(a, { emit: h }) {
+		let g = h, _ = a, v = _.id || `bba_${e().id.value}`, y = c(_.modelValue);
+		d(() => _.modelValue, (e, t) => {
+			e !== t && e !== y.value && (y.value = e);
+		});
+		let b = () => {
+			y.value = !y.value, g("update:modelValue", !_.modelValue);
+		};
+		return (e, a) => (s(), r("div", m, [i(t, {
+			id: `${u(v)}_header`,
+			"aria-controls": u(v),
+			"aria-expanded": y.value,
+			class: o("bb-accordion__header"),
+			onClick: p(b, ["self"])
+		}, {
+			default: f(() => [l(e.$slots, "header", {
+				toggle: b,
+				value: y.value
+			})]),
+			_: 3
+		}, 8, [
+			"id",
+			"aria-controls",
+			"aria-expanded"
+		]), i(n, {
+			id: u(v),
+			"aria-labelledby": `${u(v)}_header`,
+			class: o("bb-accordion__content"),
+			eager: e.eager,
+			"model-value": y.value,
+			role: "region",
+			"transition-duration": e.transitionDuration
+		}, {
+			default: f(() => [l(e.$slots, "default", {
+				toggle: b,
+				value: y.value
+			})]),
+			_: 3
+		}, 8, [
+			"id",
+			"aria-labelledby",
+			"eager",
+			"model-value",
+			"transition-duration"
+		])]));
+	}
+});
+//#endregion
+export { h as default };

package/dist/index216.js

@@ -1,5 +1,6 @@
-import o from "./index134.js";
+import e from "./index214.js";
 /* empty css         */
-export {
-  o as default
-};
+//#region src/components/BbAccordion/BbAccordion.vue
+var t = e;
+//#endregion
+export { t as default };

package/dist/index217.js

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

package/dist/index219.js

@@ -1,5 +1,6 @@
-import o from "./index140.js";
+import e from "./index217.js";
 /* empty css         */
-export {
-  o as default
-};
+//#region src/components/BbIcon/BbIcon.vue
+var t = e;
+//#endregion
+export { t as default };