bitboss-ui 3.0.0-beta.63 → 3.0.0-beta.64

package/dist/components/BbTimePicker/BbTimePicker.vue_vue_type_script_setup_true_lang.js

@@ -7,21 +7,22 @@ import { extractDomContainer as a } from "../../utilities/functions/extractDomCo
 import { transitions as o } from "../../utilities/misc/transitions.js";
 import s from "../CommonPopover/CommonPopover.vue.js";
 import { useMobile as c } from "../../composables/useMobile.js";
-import { useLocale as ee } from "../../composables/useLocale.js";
-import { BB_OFF_CANVAS_PT as te } from "../BbOffCanvas/types.js";
-import ne from "../BbOffCanvas/BbOffCanvas.vue.js";
-import { useEscapeStackEntry as re } from "../../composables/useEscapeStackEntry.js";
-import ie from "../CommonTimeSelector/CommonTimeSelector.vue.js";
-import { spokenTimeOf as ae } from "../BbCalendar/useDayjsLocale.js";
+import { firstFocusableMatch as ee } from "../../utils/focusVisibility.js";
+import { useLocale as te } from "../../composables/useLocale.js";
+import { BB_OFF_CANVAS_PT as ne } from "../BbOffCanvas/types.js";
+import re from "../BbOffCanvas/BbOffCanvas.vue.js";
+import { useEscapeStackEntry as ie } from "../../composables/useEscapeStackEntry.js";
+import ae from "../CommonTimeSelector/CommonTimeSelector.vue.js";
+import { spokenTimeOf as oe } from "../BbCalendar/useDayjsLocale.js";
 import { BB_TIME_PICKER_PT as l } from "./types.js";
-import { Fragment as u, computed as d, createBlock as f, createCommentVNode as p, createElementBlock as m, createElementVNode as h, createVNode as g, defineComponent as oe, guardReactiveProps as se, mergeProps as _, nextTick as ce, normalizeClass as le, normalizeProps as v, onBeforeUnmount as ue, onDeactivated as de, openBlock as y, ref as b, renderList as fe, renderSlot as pe, toDisplayString as me, unref as x, useAttrs as he, watch as S, withCtx as C } from "vue";
+import { Fragment as u, computed as d, createBlock as f, createCommentVNode as se, createElementBlock as p, createElementVNode as m, createVNode as h, defineComponent as g, guardReactiveProps as ce, mergeProps as _, nextTick as le, normalizeClass as ue, normalizeProps as v, onBeforeUnmount as de, onDeactivated as fe, openBlock as y, ref as b, renderList as pe, renderSlot as me, toDisplayString as x, unref as S, useAttrs as he, watch as C, withCtx as w } from "vue";
 import { createReusableTemplate as ge } from "@vueuse/core";
 //#region src/components/BbTimePicker/BbTimePicker.vue?vue&type=script&setup=true&lang.ts
 var _e = ["aria-label"], ve = [
 	"aria-pressed",
 	"disabled",
 	"onClick"
-], w = /*@__PURE__*/ oe({
+], T = /*@__PURE__*/ g({
 	inheritAttrs: !1,
 	__name: "BbTimePicker",
 	props: {
@@ -86,104 +87,104 @@ var _e = ["aria-label"], ve = [
 		"error",
 		"time-pick"
 	],
-	setup(o, { emit: oe }) {
-		let w = o, T = oe, E = n({
+	setup(o, { emit: g }) {
+		let T = o, E = g, D = n({
 			component: "BbTimePicker",
-			props: w,
+			props: T,
 			parts: l.parts,
 			states: l.states,
 			active: {
 				open: () => B.value,
-				disabled: () => !!w.disabled
+				disabled: () => !!T.disabled
 			},
 			attrs: he()
-		}), D = r(), ye = d(() => {
-			let e = (e) => ae(e, D.locale, !!w.ampm, !!w.seconds), t = w.modelValue;
+		}), O = r(), ye = d(() => {
+			let e = (e) => oe(e, O.locale, !!T.ampm, !!T.seconds), t = T.modelValue;
 			return Array.isArray(t) ? t.filter(Boolean).map(e).join(" – ") : t ? e(t) : "";
-		}), { t: O } = ee(), { isMobile: k } = c(), be = e(), [xe, A] = ge(), j = i().id.value, M = `${j}-panel`, N = d(() => _({
-			id: M,
+		}), { t: k } = te(), { isMobile: A } = c(), be = e(), [xe, j] = ge(), M = i().id.value, N = `${M}-panel`, P = d(() => _({
+			id: N,
 			class: ["bb-time-picker__panel", { "bb-time-picker__panel--sheet": Z.value }]
-		}, Z.value ? {} : E.panel ?? {})), P = /^(\d{1,2}):(\d{1,2})(?::(\d{1,2}))?$/, F = (e) => {
-			let t = P.exec(e);
+		}, Z.value ? {} : D.panel ?? {})), F = /^(\d{1,2}):(\d{1,2})(?::(\d{1,2}))?$/, I = (e) => {
+			let t = F.exec(e);
 			if (!t) return null;
 			let n = parseInt(t[1], 10), r = parseInt(t[2], 10);
 			return n > 23 || r > 59 ? null : n * 60 + r;
 		};
-		for (let [e, t] of [["min", w.min], ["max", w.max]]) t && F(t) === null && be.throw(`BbTimePicker: ${e} must be in the format HH:mm`);
-		let I = d(() => w.activeSegment ?? L.value), L = b("start"), Se = (e) => {
-			L.value = e, T("update:activeSegment", e);
-		}, Ce = d(() => [{
+		for (let [e, t] of [["min", T.min], ["max", T.max]]) t && I(t) === null && be.throw(`BbTimePicker: ${e} must be in the format HH:mm`);
+		let L = d(() => T.activeSegment ?? Se.value), Se = b("start"), Ce = (e) => {
+			Se.value = e, E("update:activeSegment", e);
+		}, we = d(() => [{
 			value: "start",
-			label: O("timePickerInput.start").value
+			label: k("timePickerInput.start").value
 		}, {
 			value: "end",
-			label: O("timePickerInput.end").value
-		}]), we = d(() => `${O("timePickerInput.start").value} / ${O("timePickerInput.end").value}`), R = b(), z = b(), Te = d(() => w.activator != null), Ee = (e) => {
+			label: k("timePickerInput.end").value
+		}]), Te = d(() => `${k("timePickerInput.start").value} / ${k("timePickerInput.end").value}`), R = b(), z = b(), Ee = d(() => T.activator != null), De = (e) => {
 			R.value = a(e) ?? void 0;
-		}, De = (e) => {
+		}, Oe = (e) => {
 			z.value = a(e) ?? void 0;
 		};
-		S(() => w.activator, (e) => {
+		C(() => T.activator, (e) => {
 			R.value = a(e) ?? void 0;
-		}, { immediate: !0 }), S(() => w.anchor, (e) => {
+		}, { immediate: !0 }), C(() => T.anchor, (e) => {
 			z.value = e == null ? void 0 : a(e) ?? void 0;
 		}, { immediate: !0 });
-		let Oe = d(() => z.value ?? R.value), B = b(!1), V = null, H = (e) => {
-			w.disabled || w.readonly || (e.stopPropagation(), B.value || (X.value = Y()), B.value = !B.value);
+		let ke = d(() => z.value ?? R.value), B = b(!1), V = null, H = (e) => {
+			T.disabled || T.readonly || (e.stopPropagation(), B.value || (X.value = Y()), B.value = !B.value);
 		}, U = (e) => {
 			e.target instanceof HTMLDialogElement && (B.value = !1);
 		};
-		S(B, async (e) => {
-			e ? (V = document.activeElement instanceof HTMLElement ? document.activeElement : null, Z.value || document.addEventListener("click", U, { passive: !0 }), await ce(), document.getElementById(M)?.querySelector("[tabindex=\"0\"]")?.focus()) : (document.removeEventListener("click", U), V?.focus(), V = null);
+		C(B, async (e) => {
+			e ? (V = document.activeElement instanceof HTMLElement ? document.activeElement : null, Z.value || document.addEventListener("click", U, { passive: !0 }), await le(), ee(document.getElementById(N), "[tabindex=\"0\"]")?.focus()) : (document.removeEventListener("click", U), V?.focus(), V = null);
 		});
 		let W = null, G = b();
-		S(R, (e) => {
+		C(R, (e) => {
 			if (W?.(), W = null, !e) return;
 			let t = !e.id;
-			t && (e.id = `${j}_activator`), G.value = e.id, e.addEventListener("click", H), W = () => {
+			t && (e.id = `${M}_activator`), G.value = e.id, e.addEventListener("click", H), W = () => {
 				e.removeEventListener("click", H), e.removeAttribute("aria-haspopup"), e.removeAttribute("aria-expanded"), e.removeAttribute("aria-labelledby"), e.removeAttribute("aria-controls"), t && e.removeAttribute("id"), G.value = void 0;
 			};
 		}, { immediate: !0 });
-		let K = d(() => w.label ?? O("timePickerInput.openPicker").value), q = `${j}_label`, J = d(() => G.value ? `${q} ${G.value}` : q);
-		S([R, B], ([e, t]) => {
-			e && (e.setAttribute("aria-haspopup", "dialog"), e.setAttribute("aria-expanded", t ? "true" : "false"), e.setAttribute("aria-labelledby", `${q} ${e.id}`), t ? e.setAttribute("aria-controls", M) : e.removeAttribute("aria-controls"));
-		}, { immediate: !0 }), ue(() => {
+		let K = d(() => T.label ?? k("timePickerInput.openPicker").value), q = `${M}_label`, J = d(() => G.value ? `${q} ${G.value}` : q);
+		C([R, B], ([e, t]) => {
+			e && (e.setAttribute("aria-haspopup", "dialog"), e.setAttribute("aria-expanded", t ? "true" : "false"), e.setAttribute("aria-labelledby", `${q} ${e.id}`), t ? e.setAttribute("aria-controls", N) : e.removeAttribute("aria-controls"));
+		}, { immediate: !0 }), de(() => {
 			W?.(), document.removeEventListener("click", U);
 		});
-		let Y = () => (w.adaptive ?? D.adaptive) && k.value ? "canvas" : "popover", X = b(Y()), Z = d(() => X.value === "canvas");
-		S([
-			() => w.adaptive,
-			k,
+		let Y = () => (T.adaptive ?? O.adaptive) && A.value ? "canvas" : "popover", X = b(Y()), Z = d(() => X.value === "canvas");
+		C([
+			() => T.adaptive,
+			A,
 			B
 		], () => {
 			B.value || (X.value = Y());
-		}), re(() => B.value && !Z.value, () => B.value = !1);
-		let ke = d(() => ({
+		}), ie(() => B.value && !Z.value, () => B.value = !1);
+		let Ae = d(() => ({
 			side: "bottom",
 			size: "auto",
 			draggable: !0,
-			transitionDuration: w.transitionDuration,
+			transitionDuration: T.transitionDuration,
 			hideClose: !0,
-			...w.offCanvasProps?.title ? {} : { "aria-labelledby": J.value },
-			...t(w.offCanvasProps)
-		})), Ae = () => {
-			R.value?.focus(), T("hidden");
-		}, je = (e) => +(e === "end"), Q = (e) => {
-			let t = w.modelValue;
-			return t == null ? null : Array.isArray(t) ? t[je(e)] ?? null : e === "start" && typeof t == "string" ? t : null;
-		}, Me = (e) => {
-			let t = Q(e), n = t ? P.exec(t) : null;
+			...T.offCanvasProps?.title ? {} : { "aria-labelledby": J.value },
+			...t(T.offCanvasProps)
+		})), je = () => {
+			R.value?.focus(), E("hidden");
+		}, Me = (e) => +(e === "end"), Q = (e) => {
+			let t = T.modelValue;
+			return t == null ? null : Array.isArray(t) ? t[Me(e)] ?? null : e === "start" && typeof t == "string" ? t : null;
+		}, Ne = (e) => {
+			let t = Q(e), n = t ? F.exec(t) : null;
 			return n ? {
 				hour: n[1].padStart(2, "0"),
 				minute: n[2].padStart(2, "0"),
 				second: (n[3] ?? "").padStart(n[3] ? 2 : 0, "0")
 			} : null;
-		}, $ = d(() => Me(I.value)), Ne = d(() => $.value?.hour ?? ""), Pe = d(() => $.value?.minute ?? ""), Fe = d(() => $.value?.second ?? ""), Ie = (e) => w.seconds ? `${e.hour}:${e.minute}:${e.second || "00"}` : `${e.hour}:${e.minute}`, Le = (e) => {
-			let t = F(e);
-			return t === null ? e : w.min && t < F(w.min) ? w.min + (w.seconds ? ":00" : "") : w.max && t > F(w.max) ? w.max + (w.seconds ? ":00" : "") : e;
-		}, Re = (e) => {
-			T("time-pick", e);
-			let t = I.value, n = $.value ? { ...$.value } : {
+		}, $ = d(() => Ne(L.value)), Pe = d(() => $.value?.hour ?? ""), Fe = d(() => $.value?.minute ?? ""), Ie = d(() => $.value?.second ?? ""), Le = (e) => T.seconds ? `${e.hour}:${e.minute}:${e.second || "00"}` : `${e.hour}:${e.minute}`, Re = (e) => {
+			let t = I(e);
+			return t === null ? e : T.min && t < I(T.min) ? T.min + (T.seconds ? ":00" : "") : T.max && t > I(T.max) ? T.max + (T.seconds ? ":00" : "") : e;
+		}, ze = (e) => {
+			E("time-pick", e);
+			let t = L.value, n = $.value ? { ...$.value } : {
 				hour: "",
 				minute: "",
 				second: ""
@@ -192,64 +193,64 @@ var _e = ["aria-label"], ve = [
 				let t = n.hour ? parseInt(n.hour, 10) : 0, r = e.value === "PM";
 				r && t < 12 && (t += 12), !r && t >= 12 && (t -= 12), n.hour = String(t).padStart(2, "0");
 			} else n[e.unit] = e.value;
-			n.hour ||= "00", n.minute ||= "00", w.seconds && !n.second && (n.second = "00");
-			let r = Ie(n), i = Le(r);
-			if (i !== r && T("error", {
+			n.hour ||= "00", n.minute ||= "00", T.seconds && !n.second && (n.second = "00");
+			let r = Le(n), i = Re(r);
+			if (i !== r && E("error", {
 				code: "disabled_time",
 				original: r,
 				normalized: i
-			}), !w.range) {
-				T("update:modelValue", i);
+			}), !T.range) {
+				E("update:modelValue", i);
 				return;
 			}
 			let a = Q(t === "start" ? "end" : "start"), o = t === "start" ? i : a, s = t === "start" ? a : i, c = [];
-			o && c.push(o), s && c.push(s), T("update:modelValue", c);
+			o && c.push(o), s && c.push(s), E("update:modelValue", c);
 		};
-		return de(() => {
+		return fe(() => {
 			B.value = !1;
-		}), (e, t) => (y(), m(u, null, [
-			Te.value ? p("", !0) : pe(e.$slots, "activator", v(_({ key: 0 }, {
+		}), (e, t) => (y(), p(u, null, [
+			Ee.value ? se("", !0) : me(e.$slots, "activator", v(_({ key: 0 }, {
 				props: {
-					ref: Ee,
+					ref: De,
 					"aria-haspopup": "dialog",
 					"aria-expanded": B.value ? "true" : "false",
 					"aria-labelledby": J.value
 				},
-				anchorProps: { ref: De },
+				anchorProps: { ref: Oe },
 				open: B.value,
 				value: e.modelValue,
 				text: ye.value,
 				disabled: !!e.disabled
 			}))),
-			h("span", {
+			m("span", {
 				id: q,
 				hidden: ""
-			}, me(K.value), 1),
-			g(x(xe), null, {
-				default: C(() => [e.range ? (y(), m("div", {
+			}, x(K.value), 1),
+			h(S(xe), null, {
+				default: w(() => [e.range ? (y(), p("div", {
 					key: 0,
-					"aria-label": we.value,
+					"aria-label": Te.value,
 					class: "bb-time-picker__segments",
 					role: "group"
-				}, [(y(!0), m(u, null, fe(Ce.value, (t) => (y(), m("button", {
+				}, [(y(!0), p(u, null, pe(we.value, (t) => (y(), p("button", {
 					key: t.value,
-					"aria-pressed": I.value === t.value,
-					class: le(["bb-time-picker__segment", { "bb-time-picker__segment--active": I.value === t.value }]),
+					"aria-pressed": L.value === t.value,
+					class: ue(["bb-time-picker__segment", { "bb-time-picker__segment--active": L.value === t.value }]),
 					disabled: e.disabled || e.readonly,
 					type: "button",
-					onClick: (e) => Se(t.value)
-				}, me(t.label), 11, ve))), 128))], 8, _e)) : p("", !0), g(ie, {
+					onClick: (e) => Ce(t.value)
+				}, x(t.label), 11, ve))), 128))], 8, _e)) : se("", !0), h(ae, {
 					ampm: e.ampm,
 					disabled: e.disabled || e.readonly,
-					hour: Ne.value,
+					hour: Pe.value,
 					max: e.max,
 					min: e.min,
-					minute: Pe.value,
-					passthrough: x(E),
-					second: Fe.value,
+					minute: Fe.value,
+					passthrough: S(D),
+					second: Ie.value,
 					seconds: e.seconds,
 					step: e.step,
-					onSelect: Re
+					onSelect: ze
 				}, null, 8, [
 					"ampm",
 					"disabled",
@@ -264,31 +265,31 @@ var _e = ["aria-label"], ve = [
 				])]),
 				_: 1
 			}),
-			Z.value ? (y(), f(ne, _({
+			Z.value ? (y(), f(re, _({
 				key: 1,
 				modelValue: B.value,
 				"onUpdate:modelValue": t[0] ||= (e) => B.value = e,
 				class: "bb-time-picker__sheet",
-				pt: x(E).forward({
+				pt: S(D).forward({
 					panel: "root",
 					sheet: "root"
-				}, x(te).states, () => e.offCanvasProps?.pt)
-			}, _(ke.value, x(E).forwardAttrs), {
-				onHidden: Ae,
-				onHide: t[1] ||= (e) => T("hide"),
-				onShow: t[2] ||= (e) => T("show"),
-				onShown: t[3] ||= (e) => T("shown")
+				}, S(ne).states, () => e.offCanvasProps?.pt)
+			}, _(Ae.value, S(D).forwardAttrs), {
+				onHidden: je,
+				onHide: t[1] ||= (e) => E("hide"),
+				onShow: t[2] ||= (e) => E("show"),
+				onShown: t[3] ||= (e) => E("shown")
 			}), {
-				default: C(() => [h("div", v(se(N.value)), [g(x(A))], 16)]),
+				default: w(() => [m("div", v(ce(P.value)), [h(S(j))], 16)]),
 				_: 1
 			}, 16, ["modelValue", "pt"])) : (y(), f(s, _({
 				key: 2,
 				modelValue: B.value,
 				"onUpdate:modelValue": t[4] ||= (e) => B.value = e,
-				anchor: Oe.value,
+				anchor: ke.value,
 				"aria-label": K.value,
 				boundary: e.boundary,
-				"bubble-attrs": N.value,
+				"bubble-attrs": P.value,
 				class: "bb-time-picker",
 				dialog: "",
 				"disable-flip": e.disableFlip,
@@ -298,12 +299,12 @@ var _e = ["aria-label"], ve = [
 				padding: e.padding,
 				placement: e.placement,
 				"transition-duration": e.transitionDuration,
-				onHidden: t[5] ||= (e) => T("hidden"),
-				onHide: t[6] ||= (e) => T("hide"),
-				onShow: t[7] ||= (e) => T("show"),
-				onShown: t[8] ||= (e) => T("shown")
-			}, x(E).rootAttrs), {
-				default: C(() => [g(x(A))]),
+				onHidden: t[5] ||= (e) => E("hidden"),
+				onHide: t[6] ||= (e) => E("hide"),
+				onShow: t[7] ||= (e) => E("show"),
+				onShown: t[8] ||= (e) => E("shown")
+			}, S(D).rootAttrs), {
+				default: w(() => [h(S(j))]),
 				_: 1
 			}, 16, [
 				"modelValue",
@@ -322,4 +323,4 @@ var _e = ["aria-label"], ve = [
 	}
 });
 //#endregion
-export { w as default };
+export { T as default };