bitboss-ui 3.0.0-beta.2 → 3.0.0-beta.21

package/dist/components/BbColorPalette/BbColorPalette.vue_vue_type_script_setup_true_lang.js

@@ -1,19 +1,19 @@
-import { useId as e } from "../../composables/useId.js";
-import { removedPropsFor as t } from "../../deprecation/removedProps.js";
-import { warnRemovedAttrs as n } from "../../utilities/functions/warnRemovedAttrs.js";
-import { extractDomContainer as r } from "../../utilities/functions/extractDomContainer.js";
-import { transitions as i } from "../../utilities/misc/transitions.js";
-import a from "../CommonPopover/CommonPopover.vue.js";
-import { useMobile as o } from "../../composables/useMobile.js";
-import { useClosingInert as s } from "../../composables/useClosingInert.js";
-import { useLocale as c } from "../../composables/useLocale.js";
-import l from "../BbOffCanvas/BbOffCanvas.vue.js";
-import u from "../BbBaseColorPalette/BbBaseColorPalette.vue.js";
-import { config as d } from "virtual:bitboss-ui/config";
-import { Fragment as f, computed as p, createBlock as m, createCommentVNode as h, createElementBlock as g, createVNode as _, defineComponent as v, mergeProps as y, nextTick as b, normalizeProps as x, onBeforeUnmount as S, openBlock as C, ref as w, renderSlot as T, unref as E, watch as D, withCtx as O } from "vue";
-import { createReusableTemplate as k } from "@vueuse/core";
+import { useConfig as e } from "../../composables/useConfig.js";
+import { useId as t } from "../../composables/useId.js";
+import { removedPropsFor as n } from "../../deprecation/removedProps.js";
+import { warnRemovedAttrs as r } from "../../utilities/functions/warnRemovedAttrs.js";
+import { extractDomContainer as i } from "../../utilities/functions/extractDomContainer.js";
+import { transitions as a } from "../../utilities/misc/transitions.js";
+import o from "../CommonPopover/CommonPopover.vue.js";
+import { useMobile as s } from "../../composables/useMobile.js";
+import { useClosingInert as c } from "../../composables/useClosingInert.js";
+import { useLocale as l } from "../../composables/useLocale.js";
+import u from "../BbOffCanvas/BbOffCanvas.vue.js";
+import d from "../BbBaseColorPalette/BbBaseColorPalette.vue.js";
+import { Fragment as ee, computed as f, createBlock as p, createCommentVNode as m, createElementBlock as h, createVNode as g, defineComponent as _, mergeProps as v, nextTick as y, normalizeProps as te, onBeforeUnmount as b, openBlock as x, ref as S, renderSlot as C, unref as w, watch as T, withCtx as E } from "vue";
+import { createReusableTemplate as D } from "@vueuse/core";
 //#region src/components/BbColorPalette/BbColorPalette.vue?vue&type=script&setup=true&lang.ts
-var A = /*@__PURE__*/ v({
+var O = /*@__PURE__*/ _({
 	__name: "BbColorPalette",
 	props: {
 		activator: {},
@@ -41,33 +41,33 @@ var A = /*@__PURE__*/ v({
 		placement: {},
 		readonly: { type: Boolean },
 		swatches: { type: [Boolean, Array] },
-		transitionDuration: { default: i.medium }
+		transitionDuration: { default: a.medium }
 	},
 	emits: ["update:modelValue"],
-	setup(i, { emit: v }) {
-		let A = i, ee = v;
-		process.env.NODE_ENV !== "production" && n("BbColorPalette", t("BbColorPalette"));
-		let { t: j } = c(), { isMobile: M } = o(), N = e().id.value, [P, F] = k(), I = w(null), L = w(), R = w(), z = p(() => A.activator != null), B = (e) => {
-			L.value = r(e) ?? void 0;
+	setup(a, { emit: _ }) {
+		let O = a, k = _, A = e();
+		process.env.NODE_ENV !== "production" && r("BbColorPalette", n("BbColorPalette"));
+		let { t: j } = l(), { isMobile: M } = s(), N = t().id.value, [P, F] = D(), I = S(null), L = S(), R = S(), z = f(() => O.activator != null), B = (e) => {
+			L.value = i(e) ?? void 0;
 		}, V = (e) => {
-			R.value = r(e) ?? void 0;
+			R.value = i(e) ?? void 0;
 		};
-		D(() => A.activator, (e) => {
-			L.value = r(e) ?? void 0;
-		}, { immediate: !0 }), D(() => A.anchor, (e) => {
-			R.value = e == null ? void 0 : r(e) ?? void 0;
+		T(() => O.activator, (e) => {
+			L.value = i(e) ?? void 0;
+		}, { immediate: !0 }), T(() => O.anchor, (e) => {
+			R.value = e == null ? void 0 : i(e) ?? void 0;
 		}, { immediate: !0 });
-		let H = p(() => R.value ?? L.value), U = w(!1), W = s(U, () => A.transitionDuration), G = null, K = (e) => {
-			A.disabled || A.readonly || (e.stopPropagation(), U.value = !U.value);
+		let H = f(() => R.value ?? L.value), U = S(!1), W = c(U, () => O.transitionDuration), G = null, K = (e) => {
+			O.disabled || O.readonly || (e.stopPropagation(), U.value = !U.value);
 		}, q = (e) => {
 			e.target instanceof HTMLDialogElement && (U.value = !1);
 		};
-		D(U, async (e) => {
-			e ? (Y.value = J(), G = document.activeElement instanceof HTMLElement ? document.activeElement : null, X.value || document.addEventListener("click", q, { passive: !0 }), await b(), I.value?.el?.querySelector("[tabindex=\"0\"]")?.focus()) : (document.removeEventListener("click", q), G?.focus(), G = null);
+		T(U, async (e) => {
+			e ? (Y.value = J(), G = document.activeElement instanceof HTMLElement ? document.activeElement : null, X.value || document.addEventListener("click", q, { passive: !0 }), await y(), I.value?.el?.querySelector("[tabindex=\"0\"]")?.focus()) : (document.removeEventListener("click", q), G?.focus(), G = null);
 		});
-		let J = () => (A.adaptive ?? d.adaptive) && M.value ? "canvas" : "popover", Y = w(J()), X = p(() => Y.value === "canvas");
-		D([
-			() => A.adaptive,
+		let J = () => (O.adaptive ?? A.adaptive) && M.value ? "canvas" : "popover", Y = S(J()), X = f(() => Y.value === "canvas");
+		T([
+			() => O.adaptive,
 			M,
 			U
 		], () => {
@@ -75,39 +75,39 @@ var A = /*@__PURE__*/ v({
 		});
 		let Z = () => {
 			L.value?.focus();
-		}, Q = null, $ = w();
-		return D(L, (e) => {
+		}, Q = null, $ = S();
+		return T(L, (e) => {
 			if (Q?.(), Q = null, !e) return;
 			let t = !e.id;
 			t && (e.id = `${N}_activator`), $.value = e.id, e.addEventListener("click", K), Q = () => {
 				e.removeEventListener("click", K), e.removeAttribute("aria-haspopup"), e.removeAttribute("aria-expanded"), e.removeAttribute("aria-label"), t && e.removeAttribute("id"), $.value = void 0;
 			};
-		}, { immediate: !0 }), D([
+		}, { immediate: !0 }), T([
 			L,
 			U,
-			p(() => A.label ?? j("colorInput.openPicker").value)
+			f(() => O.label ?? j("colorInput.openPicker").value)
 		], ([e, t, n]) => {
 			e && (e.setAttribute("aria-haspopup", "dialog"), e.setAttribute("aria-expanded", t ? "true" : "false"), e.setAttribute("aria-label", n));
-		}, { immediate: !0 }), S(() => {
+		}, { immediate: !0 }), b(() => {
 			Q?.(), document.removeEventListener("click", q);
-		}), (e, t) => (C(), g(f, null, [
-			z.value ? h("", !0) : T(e.$slots, "activator", x(y({ key: 0 }, {
+		}), (e, t) => (x(), h(ee, null, [
+			z.value ? m("", !0) : C(e.$slots, "activator", te(v({ key: 0 }, {
 				props: { ref: B },
 				anchorProps: { ref: V },
 				open: U.value,
 				value: e.modelValue,
 				disabled: e.disabled
 			}))),
-			_(E(P), null, {
-				default: O(() => [_(u, {
+			g(w(P), null, {
+				default: E(() => [g(d, {
 					ref_key: "paletteRef",
 					ref: I,
 					alpha: e.alpha,
 					"eye-dropper": e.eyeDropper,
-					inert: E(W),
+					inert: w(W),
 					"model-value": e.modelValue,
 					swatches: e.swatches,
-					"onUpdate:modelValue": t[0] ||= (e) => ee("update:modelValue", e)
+					"onUpdate:modelValue": t[0] ||= (e) => k("update:modelValue", e)
 				}, null, 8, [
 					"alpha",
 					"eye-dropper",
@@ -117,7 +117,7 @@ var A = /*@__PURE__*/ v({
 				])]),
 				_: 1
 			}),
-			X.value ? (C(), m(l, {
+			X.value ? (x(), p(u, {
 				key: 1,
 				modelValue: U.value,
 				"onUpdate:modelValue": t[1] ||= (e) => U.value = e,
@@ -130,7 +130,7 @@ var A = /*@__PURE__*/ v({
 				"transition-duration": e.transitionDuration,
 				onHidden: Z
 			}, {
-				default: O(() => [_(E(F))]),
+				default: E(() => [g(w(F))]),
 				_: 1
 			}, 8, [
 				"modelValue",
@@ -138,12 +138,12 @@ var A = /*@__PURE__*/ v({
 				"disabled",
 				"eager",
 				"transition-duration"
-			])) : (C(), m(a, {
+			])) : (x(), p(o, {
 				key: 2,
 				modelValue: U.value,
 				"onUpdate:modelValue": t[2] ||= (e) => U.value = e,
 				anchor: H.value,
-				"aria-label": E(j)("colorInput.dialogLabel").value,
+				"aria-label": w(j)("colorInput.dialogLabel").value,
 				boundary: e.boundary,
 				class: "bb-color-palette__popover",
 				dialog: "",
@@ -155,7 +155,7 @@ var A = /*@__PURE__*/ v({
 				placement: e.placement,
 				"transition-duration": e.transitionDuration
 			}, {
-				default: O(() => [_(E(F))]),
+				default: E(() => [g(w(F))]),
 				_: 1
 			}, 8, [
 				"modelValue",
@@ -173,4 +173,4 @@ var A = /*@__PURE__*/ v({
 	}
 });
 //#endregion
-export { A as default };
+export { O as default };

package/dist/components/BbConfirm/BbConfirm.vue_vue_type_script_setup_true_lang.js

@@ -1,7 +1,7 @@
 import { useId as e } from "../../composables/useId.js";
 import { useLogger as t } from "../../composables/useLogger.js";
-import { TRANSITION_DURATION as n, __registerConfirmHost as r, confirmState as i, namedPortalRegistry as a, processMessage as o } from "../../composables/useConfirm.js";
-import s from "../BbButton/BbButton.vue.js";
+import n from "../BbButton/BbButton.vue.js";
+import { TRANSITION_DURATION as r, __registerConfirmHost as i, confirmState as a, namedPortalRegistry as o, processMessage as s } from "../../composables/useConfirm.js";
 import c from "../BbDialog/BbDialog.vue.js";
 import { Fragment as l, computed as u, createBlock as d, createCommentVNode as f, createElementBlock as p, createSlots as m, defineComponent as h, mergeProps as g, normalizeClass as _, normalizeProps as v, onMounted as y, onUnmounted as b, openBlock as x, renderList as S, resolveDynamicComponent as C, toDisplayString as w, unref as T, withCtx as E } from "vue";
 //#region src/components/BbConfirm/BbConfirm.vue?vue&type=script&setup=true&lang.ts
@@ -13,14 +13,14 @@ var D = {
 	setup(h) {
 		let O = `confirm_text_${e().id.value}`, k;
 		y(() => {
-			let { count: e, unregister: n } = r();
+			let { count: e, unregister: n } = i();
 			k = n, process.env.NODE_ENV !== "production" && e > 1 && t().warn(`Confirm: ${e} <BbConfirm> hosts are mounted at the same time. Every host renders the same shared confirm dialog, so it appears once per host — mount exactly one <BbConfirm> at the app root.`);
 		}), b(() => {
 			k?.();
 		});
-		let A = u(() => i.value.current), j = u(() => i.value.yesBusy || i.value.noBusy || i.value.actionBusy !== null), M = u(() => !!A.value?.text), N = u(() => {
+		let A = u(() => a.value.current), j = u(() => a.value.yesBusy || a.value.noBusy || a.value.actionBusy !== null), M = u(() => !!A.value?.text), N = u(() => {
 			let e = A.value?.portal;
-			return e ? typeof e == "string" ? a.get(e) ?? null : e : null;
+			return e ? typeof e == "string" ? o.get(e) ?? null : e : null;
 		}), P = u(() => M.value || !!N.value), F = u(() => {
 			let { portal: e, portalProps: t } = A.value ?? {};
 			return !e || typeof e == "string" || !t ? {} : t;
@@ -28,7 +28,7 @@ var D = {
 			let e = A.value?.actions;
 			return Array.isArray(e) && e.length ? e : null;
 		}), R = u(() => A.value?.no || null), z = u(() => A.value?.yes || null), B = u(() => ["bb-confirm", `bb-confirm--${A.value?.variant ?? "default"}`]), V = (e) => {
-			e || o(!1);
+			e || s(!1);
 		};
 		return (e, t) => (x(), d(c, {
 			"aria-describedby": M.value ? O : void 0,
@@ -36,11 +36,11 @@ var D = {
 			"focus-target": A.value?.focusTarget,
 			fullscreen: A.value?.fullscreen,
 			"hide-close": j.value || !!A.value?.hideClose,
-			"model-value": T(i).processing,
+			"model-value": T(a).processing,
 			persistent: j.value || !!A.value?.persistent,
 			size: A.value?.size,
 			title: A.value?.title,
-			"transition-duration": T(n),
+			"transition-duration": T(r),
 			"onUpdate:modelValue": V
 		}, m({
 			default: E(() => [P.value ? (x(), p("div", D, [M.value ? (x(), p("div", {
@@ -52,13 +52,13 @@ var D = {
 		}, [I.value ? {
 			name: "footer",
 			fn: E(() => [
-				L.value ? (x(!0), p(l, { key: 0 }, S(L.value, (e, t) => (x(), d(s, {
+				L.value ? (x(!0), p(l, { key: 0 }, S(L.value, (e, t) => (x(), d(n, {
 					key: t,
 					"append:icon": e["append:icon"],
 					block: e.block,
-					disabled: T(i).actionBusy !== null && T(i).actionBusy !== t,
+					disabled: T(a).actionBusy !== null && T(a).actionBusy !== t,
 					icon: e.icon,
-					loading: T(i).actionBusy === t,
+					loading: T(a).actionBusy === t,
 					"prepend:icon": e["prepend:icon"],
 					size: e.size,
 					text: e.text,
@@ -76,13 +76,13 @@ var D = {
 					"variant",
 					"onClick"
 				]))), 128)) : f("", !0),
-				R.value ? (x(), d(s, {
+				R.value ? (x(), d(n, {
 					key: 1,
 					"append:icon": R.value["append:icon"],
 					block: R.value.block,
-					disabled: T(i).yesBusy,
+					disabled: T(a).yesBusy,
 					icon: R.value.icon,
-					loading: T(i).noBusy,
+					loading: T(a).noBusy,
 					"prepend:icon": R.value["prepend:icon"],
 					size: R.value.size,
 					text: R.value.text,
@@ -99,13 +99,13 @@ var D = {
 					"text",
 					"variant"
 				])) : f("", !0),
-				z.value ? (x(), d(s, {
+				z.value ? (x(), d(n, {
 					key: 2,
 					"append:icon": z.value["append:icon"],
 					block: z.value.block,
-					disabled: T(i).noBusy,
+					disabled: T(a).noBusy,
 					icon: z.value.icon,
-					loading: T(i).yesBusy,
+					loading: T(a).yesBusy,
 					"prepend:icon": z.value["prepend:icon"],
 					size: z.value.size,
 					text: z.value.text,

package/dist/components/BbDatePicker/BbDatePicker.vue.d.ts

@@ -23,10 +23,10 @@ declare const __VLS_base: import('vue').DefineComponent<BbDatePickerProps, {
         value: string;
     }) => any) | undefined;
 }>, {
+    adaptive: boolean;
     type: import('../../types/DatePickerType').DatePickerType;
     offset: number;
     transitionDuration: number;
-    adaptive: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;