bitboss-ui 2.1.134 → 3.0.0-alpha.1

package/dist/components/BbNumberInput/BbNumberInput.vue.js

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

package/dist/components/BbNumberInput/BbNumberInput.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,194 @@
+import { isNotNil as e } from "../../utilities/functions/isNotNil.js";
+import t from "../BbBaseInputContainer/BbBaseInputContainer.vue.js";
+import n from "../BbBaseNumberInput/BbBaseNumberInput.vue.js";
+import { config as r } from "virtual:bitboss-ui/config";
+import { computed as i, createBlock as a, createSlots as o, createVNode as s, defineComponent as c, guardReactiveProps as l, mergeProps as u, normalizeProps as d, openBlock as f, ref as p, renderSlot as m, withCtx as h } from "vue";
+//#region src/components/BbNumberInput/BbNumberInput.vue?vue&type=script&setup=true&lang.ts
+var g = /*@__PURE__*/ c({
+	__name: "BbNumberInput",
+	props: {
+		"append:icon": {},
+		autocomplete: {},
+		autofocus: {},
+		clearable: { type: Boolean },
+		compact: { type: Boolean },
+		description: {},
+		direction: {},
+		disabled: { type: Boolean },
+		errors: {},
+		hasErrors: { type: Boolean },
+		warnings: {},
+		hasWarning: { type: Boolean },
+		hideLabel: { type: Boolean },
+		hint: {},
+		id: {},
+		label: {},
+		labelPosition: {},
+		labelMode: {},
+		loading: { type: Boolean },
+		max: {},
+		maxPrecision: {},
+		min: {},
+		modelValue: { default: null },
+		name: {},
+		persistentHint: { type: Boolean },
+		placeholder: {},
+		"prepend:icon": {},
+		readonly: { type: Boolean },
+		required: { type: Boolean },
+		reverse: { type: Boolean },
+		step: {}
+	},
+	emits: [
+		"blur",
+		"change",
+		"click",
+		"compositionend",
+		"compositionstart",
+		"decrease",
+		"focus",
+		"increase",
+		"input",
+		"keydown",
+		"keyup",
+		"mousedown",
+		"mouseup",
+		"paste",
+		"update:modelValue"
+	],
+	setup(c, { emit: g }) {
+		let _ = c, v = g, y = p(!1), b = i(() => _.persistentHint || y.value), x = i(() => e(_.modelValue)), S = i(() => !!_.clearable && x.value), C = i(() => _.labelMode ?? r.defaultInputLabelMode), w = {
+			onBlur: (e) => {
+				y.value = !1, v("blur", e);
+			},
+			onChange: (e) => v("change", e),
+			onClick: (e) => v("click", e),
+			onCompositionend: (e) => v("compositionend", e),
+			onCompositionstart: (e) => v("compositionstart", e),
+			onDecrease: (e) => v("decrease", e),
+			onFocus: (e) => {
+				y.value = !0, v("focus", e);
+			},
+			onIncrease: (e) => v("increase", e),
+			onInput: (e) => v("input", e),
+			onKeydown: (e) => v("keydown", e),
+			onKeyup: (e) => v("keyup", e),
+			onMousedown: (e) => v("mousedown", e),
+			onMouseup: (e) => v("mouseup", e),
+			onPaste: (e) => v("paste", e),
+			"onUpdate:modelValue": (e) => v("update:modelValue", e)
+		};
+		return (e, r) => (f(), a(t, {
+			id: e.id,
+			class: "bb-number-input",
+			clearable: S.value,
+			compact: e.compact,
+			description: e.description,
+			direction: e.direction,
+			disabled: e.disabled,
+			errors: e.errors,
+			"has-errors": e.hasErrors,
+			"has-value": x.value,
+			"has-warning": e.hasWarning,
+			"hide-label": e.hideLabel,
+			hint: e.hint,
+			label: e.label,
+			"label-mode": C.value,
+			"label-position": e.labelPosition,
+			loading: e.loading,
+			"model-value": e.modelValue,
+			name: e.name,
+			readonly: e.readonly,
+			reverse: e.reverse,
+			"show-hint": b.value,
+			warnings: e.warnings
+		}, {
+			label: h((t) => [m(e.$slots, "label", d(l(t)))]),
+			input: h(({ id: t, hasErrors: r, hasWarning: i, ariaDescribedby: a }) => [s(n, u({
+				id: t,
+				"append:icon": _["append:icon"],
+				"aria-describedby": a,
+				autocomplete: e.autocomplete,
+				autofocus: e.autofocus,
+				clearable: e.clearable,
+				compact: e.compact,
+				disabled: e.disabled,
+				"has-errors": r,
+				"has-warning": i,
+				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": _["prepend:icon"],
+				readonly: e.readonly,
+				required: e.required,
+				step: e.step
+			}, w), o({
+				"append-outer": h((t) => [m(e.$slots, "append-outer", d(l(t)))]),
+				append: h((t) => [m(e.$slots, "append", d(l(t)))]),
+				prepend: h((t) => [m(e.$slots, "prepend", d(l(t)))]),
+				"prepend-outer": h((t) => [m(e.$slots, "prepend-outer", d(l(t)))]),
+				_: 2
+			}, [e.$slots.prefix ? {
+				name: "prefix",
+				fn: h((t) => [m(e.$slots, "prefix", d(l(t)))]),
+				key: "0"
+			} : void 0, e.$slots.suffix ? {
+				name: "suffix",
+				fn: h((t) => [m(e.$slots, "suffix", d(l(t)))]),
+				key: "1"
+			} : void 0]), 1040, [
+				"id",
+				"append:icon",
+				"aria-describedby",
+				"autocomplete",
+				"autofocus",
+				"clearable",
+				"compact",
+				"disabled",
+				"has-errors",
+				"has-warning",
+				"loading",
+				"max",
+				"max-precision",
+				"min",
+				"model-value",
+				"name",
+				"placeholder",
+				"prepend:icon",
+				"readonly",
+				"required",
+				"step"
+			])]),
+			_: 3
+		}, 8, [
+			"id",
+			"clearable",
+			"compact",
+			"description",
+			"direction",
+			"disabled",
+			"errors",
+			"has-errors",
+			"has-value",
+			"has-warning",
+			"hide-label",
+			"hint",
+			"label",
+			"label-mode",
+			"label-position",
+			"loading",
+			"model-value",
+			"name",
+			"readonly",
+			"reverse",
+			"show-hint",
+			"warnings"
+		]));
+	}
+});
+//#endregion
+export { g as default };

package/dist/components/BbNumberInput/types.d.ts

@@ -1,6 +1,7 @@
 import { HTMLAttributes, InputHTMLAttributes } from 'vue';
+import { InputDirection } from '../../types/InputDirection';
 import { IconType } from '../../types/Icon';
-import { BaseNumberInputEvents, BaseNumberInputSlots } from '../BaseNumberInput/types';
+import { BaseNumberInputEvents, BaseNumberInputSlots } from '../BbBaseNumberInput/types';
 export type BbNumberInputProps = {
     /**
      * Name of the icon to be added at the end of the input.
@@ -22,10 +23,15 @@ export type BbNumberInputProps = {
      * Sets the component in a compact state.
      */
     compact?: boolean;
+    /**
+     * Descriptive text displayed below the label and above the input. Unlike the hint it is always
+     * visible, and it is linked to the input via `aria-describedby`.
+     */
+    description?: string;
     /**
      * Direction of the layout of the component. Can either be a predefined value or a pattern separated by a space like `xx xxxxx`.
      */
-    direction?: 'horizontal' | 'vertical' | 'auto' | string;
+    direction?: InputDirection;
     /**
      * Disables the component.
      */
@@ -39,6 +45,17 @@ export type BbNumberInputProps = {
      * It usually attaches a CSS class for styling purposes.
      */
     hasErrors?: boolean;
+    /**
+     * Warning messages to display beneath the field, in their own `aria-live`
+     * region and amber (`--bb-warn`). A string or array; a non-empty list
+     * implies the warning state. Errors suppress warnings when both are set.
+     */
+    warnings?: string | string[];
+    /**
+     * Define if the component should be in a warning state.
+     * Same chrome as errors with `--bb-warn`; errors take priority.
+     */
+    hasWarning?: boolean;
     /**
      * Visually hides the label of the input while maintaining accessibility.
      */
@@ -59,6 +76,10 @@ export type BbNumberInputProps = {
      * Sets the text alignment of the label.
      */
     labelPosition?: 'left' | 'center' | 'right';
+    /**
+     * Label rendering mode.
+     */
+    labelMode?: 'outside' | 'floating' | 'inside';
     /**
      * Sets the component in a loading state, usually triggering some visual styles.
      */
@@ -113,14 +134,20 @@ export type BbNumberInputProps = {
      */
     step?: number;
 };
-/** Re-export for consumers importing events type from BbNumberInput. */
-export type { BaseNumberInputEvents as BbNumberInputEvents };
+/**
+ * Event contract of `BbNumberInput` — identical to `BbBaseNumberInput`'s.
+ * Declared as a structural interface (rather than a re-export alias) so the
+ * `defineEmits` macro can resolve it directly.
+ */
+export type BbNumberInputEvents = BaseNumberInputEvents;
 /** Props exposed by the `label` slot. */
 export type BbNumberInputLabelSlotProps = {
     /** The `label` prop value. */
     text: string;
     /** Whether the input is in an error state. */
     hasErrors: boolean;
+    /** Whether the input is in a warning state (suppressed when errors win). */
+    hasWarning: boolean;
 };
 export type BbNumberInputSlots = BaseNumberInputSlots & {
     /**

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

@@ -1,4 +1,5 @@
-import { BbOffCanvasProps, BbOffCanvasSlots, Sizes } from './types';
+import { BbOffCanvasProps, BbOffCanvasEvents, BbOffCanvasSlots, Sizes } from './types';
+export type { BbOffCanvasProps, BbOffCanvasEvents, BbOffCanvasSlots, Sizes };
 type __VLS_Props = BbOffCanvasProps;
 type __VLS_Slots = BbOffCanvasSlots;
 type __VLS_ModelProps = {
@@ -8,25 +9,24 @@ type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
 declare const __VLS_base: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     "update:modelValue": (value: boolean) => any;
 } & {
-    shown: () => any;
     show: () => any;
     hide: () => any;
+    shown: () => any;
     hidden: () => any;
 }, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
-    onShown?: (() => any) | undefined;
     onShow?: (() => any) | undefined;
     onHide?: (() => any) | undefined;
+    onShown?: (() => any) | undefined;
     onHidden?: (() => any) | undefined;
 }>, {
-    transitionDuration: number;
-    direction: "left" | "top" | "right" | "bottom";
-    overlayClasses: import('../../types/Classes').Classes;
-    panelClasses: import('../../types/Classes').Classes;
-    showClose: boolean;
-    size: number | ({
+    size: import('../..').Responsive<"auto" | NonNullable<number | ({
         size?: any;
-    } & string) | keyof Sizes;
+    } & string) | keyof Sizes | undefined>>;
+    side: "left" | "top" | "right" | "bottom";
+    transitionDuration: number;
+    draggable: boolean;
+    stackGap: number;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

package/dist/components/BbOffCanvas/BbOffCanvas.vue.js

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

package/dist/components/BbOffCanvas/BbOffCanvas.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,284 @@
+import { useId as e } from "../../composables/useId.js";
+import { useUntil as t } from "../../composables/useUntil.js";
+import { removedPropsFor as n } from "../../deprecation/removedProps.js";
+import { warnRemovedAttrs as r } from "../../utilities/functions/warnRemovedAttrs.js";
+import { transitions as i } from "../../utilities/misc/transitions.js";
+import { useMobile as a } from "../../composables/useMobile.js";
+import { wait as ee } from "../../utilities/functions/wait.js";
+import { parseSize as te } from "../../utilities/functions/parseSize.js";
+import { useLocale as ne } from "../../composables/useLocale.js";
+import { useBreakpoint as re } from "../../composables/useBreakpoint.js";
+import ie from "../CloseIcon/CloseButton.vue.js";
+import { useOffCanvasStack as ae } from "./useOffCanvasStack.js";
+import { registerTopLayerHost as oe } from "../../composables/useTopLayer.js";
+import { config as se } from "virtual:bitboss-ui/config";
+import { Fragment as ce, computed as o, createBlock as le, createCommentVNode as s, createElementBlock as c, createElementVNode as l, createTextVNode as ue, defineComponent as de, mergeModels as u, nextTick as d, normalizeClass as fe, normalizeStyle as pe, onBeforeUnmount as me, onMounted as he, openBlock as f, ref as p, renderSlot as m, toDisplayString as ge, unref as h, useModel as _e, useSlots as ve, watch as g, withModifiers as ye } from "vue";
+import { useWindowSize as be } from "@vueuse/core";
+//#region src/components/BbOffCanvas/BbOffCanvas.vue?vue&type=script&setup=true&lang.ts
+var xe = [
+	"aria-labelledby",
+	"aria-live",
+	"inert"
+], Se = {
+	key: 0,
+	"aria-hidden": "true",
+	class: "bb-offcanvas__handle"
+}, Ce = {
+	key: 1,
+	class: "bb-offcanvas__header"
+}, we = { class: "bb-offcanvas__body-content" }, Te = { class: "bb-offcanvas__footer" }, Ee = 4, De = "[data-bb-dropdown-surface], [popover]:popover-open", Oe = 2, _ = 6, ke = .25, Ae = .5, v = /*@__PURE__*/ de({
+	__name: "BbOffCanvas",
+	props: /*@__PURE__*/ u({
+		disabled: { type: Boolean },
+		eager: { type: Boolean },
+		focusTarget: {},
+		fullscreen: { type: [Boolean, String] },
+		draggable: {
+			type: Boolean,
+			default: !1
+		},
+		stack: {},
+		stackGap: { default: 60 },
+		persistent: { type: Boolean },
+		hideClose: { type: Boolean },
+		size: { default: "sm" },
+		title: {},
+		transitionDuration: { default: i.medium },
+		side: { default: "left" }
+	}, {
+		modelValue: {
+			type: Boolean,
+			default: !1
+		},
+		modelModifiers: {}
+	}),
+	emits: /*@__PURE__*/ u([
+		"show",
+		"hide",
+		"shown",
+		"hidden"
+	], ["update:modelValue"]),
+	setup(i, { emit: de }) {
+		let u = _e(i, "modelValue"), v = i, y = de, je = ve();
+		process.env.NODE_ENV !== "production" && r("BbOffCanvas", n("BbOffCanvas"));
+		let { t: Me } = ne(), Ne = () => !!v.title || !!je.header, b = o(() => !!(v.disabled || v.persistent)), x = () => typeof document < "u", S = p(null), C = t(() => u.value || v.eager, { initialValue: u.value || v.eager }), w = `title_${e().id.value}`, T = p(0), E = p(!1), D = p(null), Pe = () => {
+			D.value = null;
+		}, Fe = (e) => {
+			D.value = {
+				startX: e.clientX,
+				startY: e.clientY,
+				startedOnBackdrop: e.target === e.currentTarget
+			};
+		}, Ie = (e) => {
+			let t = D.value;
+			Pe(), !(t && !t.startedOnBackdrop) && (t && (Math.abs(e.clientX - t.startX) > Ee || Math.abs(e.clientY - t.startY) > Ee) || Be(e));
+		}, O, k = (e) => {
+			clearTimeout(O), F.value = !0, O = setTimeout(() => {
+				F.value = !1;
+			}, e);
+		}, Le = () => {
+			x() && document.addEventListener("keydown", j, { capture: !0 });
+		}, A = () => {
+			x() && document.removeEventListener("keydown", j, { capture: !0 });
+		}, Re = () => {
+			if (!v.focusTarget) return;
+			let e = S.value?.querySelector(v.focusTarget);
+			e instanceof HTMLElement && e.focus();
+		}, j = (e) => {
+			if (e.key === "Escape" && !q.value && !e.target?.closest?.(De) && (e.stopImmediatePropagation(), b.value)) return e.preventDefault(), k(200), !1;
+		}, M = null, N = async (e) => {
+			if (e) y("show"), T.value++, x() && !document.documentElement.style.getPropertyValue("--scrollbar-width") && document.documentElement.style.setProperty("--scrollbar-width", `${He()}px`), Le(), await d(), E.value = !0, S.value && !S.value.open && S.value.showModal(), et(), S.value && (M = oe(S.value)), Re(), y("shown");
+			else {
+				y("hide");
+				let e = T.value;
+				if (await ee(v.transitionDuration), e !== T.value) return;
+				A(), K(), S.value?.close(), M?.(), M = null, E.value = !1, dt(), y("hidden");
+			}
+		};
+		g(u, N), he(() => {
+			u.value && N(!0);
+		}), me(() => {
+			clearTimeout(O), A(), $(), K(), M?.(), M = null;
+		});
+		let ze = o(() => {
+			if (L.value) return "100%";
+			let e = Ue(v.size);
+			return e === "auto" ? "fit-content" : te(e, se.offCanvasDefaultSizes);
+		}), Be = (e) => {
+			if (e.preventDefault(), b.value) return k(300), !1;
+			P();
+		}, P = () => {
+			u.value = !1;
+		}, Ve = () => {
+			if (v.disabled) {
+				k(300);
+				return;
+			}
+			P();
+		}, F = p(!1), He = () => x() ? window.innerWidth - document.documentElement.clientWidth : 0, { isMobile: I } = a(), { resolve: Ue } = re(), L = o(() => v.fullscreen === !0 || v.fullscreen === "mobile" && I.value), R = Symbol("bb-offcanvas"), { stacks: z, push: We, setSize: Ge, remove: Ke, offset: qe, openOrder: Je, registerOpen: Ye, deregisterOpen: Xe } = ae(), B = o(() => v.side === "left" || v.side === "right" ? "x" : "y"), V = o(() => v.side === "right" || v.side === "bottom" ? 1 : -1), Ze = `bb-offcanvas-${e().id.value}`, H = o(() => v.stack || Ze), U = null, W = () => {
+			let e = S.value?.getBoundingClientRect();
+			return e ? B.value === "x" ? e.width : e.height : 0;
+		}, G = null, Qe = () => {
+			typeof ResizeObserver > "u" || !S.value || (G = new ResizeObserver(() => {
+				U !== null && Ge(U, R, W());
+			}), G.observe(S.value));
+		}, $e = () => {
+			G?.disconnect(), G = null;
+		}, et = () => {
+			U = H.value, We(U, R, v.side, W(), v.stackGap), Ye(R), Qe();
+		}, K = () => {
+			$e(), Xe(R), U !== null && (Ke(U, R), U = null);
+		}, q = o(() => {
+			let e = Je.value.indexOf(R);
+			return E.value && e !== -1 && e < Je.value.length - Oe;
+		});
+		g([
+			H,
+			() => v.side,
+			() => v.stackGap
+		], ([e]) => {
+			U !== null && (Ke(U, R), U = e, We(e, R, v.side, W(), v.stackGap));
+		});
+		let { width: tt, height: nt } = be(), rt = o(() => I.value ? 14 : 20), it = o(() => {
+			z.value;
+			let e = B.value === "x" ? tt.value : nt.value, t = qe(H.value, R, e, rt.value);
+			return {
+				[B.value === "x" ? "--stack-x" : "--stack-y"]: `${-V.value * t}px`,
+				"--stack-fill": `${t}px`
+			};
+		}), J = p(!1), at = 0, ot = () => {
+			let e = z.value[H.value];
+			if (!e) return !1;
+			let t = e.filter((e) => e.direction === v.side), n = t.findIndex((e) => e.id === R);
+			return n !== -1 && n !== t.length - 1;
+		};
+		g(() => z.value[H.value], (e) => {
+			let t = e?.length ?? 0, n = t > 0 && t === at;
+			at = t, J.value = n && ot(), J.value && d(() => J.value = !1);
+		});
+		let Y = p(null), X = p(!1), Z = null, st = (e, t) => B.value === "x" ? e.clientX - t.startX : e.clientY - t.startY, ct = (e) => B.value === "x" ? e.clientX : e.clientY, lt = () => {
+			S.value && (S.value.style.transition = "none");
+		}, ut = (e) => {
+			let t = S.value;
+			if (!t) return;
+			let n = e > 0 ? e * V.value : 0;
+			t.style.transform = B.value === "x" ? `translate3d(${n}px, 0, 0)` : `translate3d(0, ${n}px, 0)`;
+		}, Q = (e) => {
+			let t = S.value;
+			t && (t.style.transition = "", e && (t.style.transform = ""));
+		}, dt = () => {
+			let e = S.value;
+			e && (e.style.removeProperty("transition"), e.style.removeProperty("transform"));
+		}, ft = (e) => B.value !== "y" || !Y.value ? !1 : e <= 0 ? !0 : V.value === 1 ? Y.value.scrollTop > 0 : Y.value.scrollTop + Y.value.clientHeight < Y.value.scrollHeight - 1, $ = () => {
+			window.removeEventListener("pointermove", ht), window.removeEventListener("pointerup", _t), window.removeEventListener("pointercancel", vt);
+		}, pt = () => {
+			$(), Z = null;
+		}, mt = (e) => {
+			if (Fe(e), !v.draggable || e.target === e.currentTarget || e.button !== 0 || !S.value) return;
+			Z && pt();
+			let t = S.value.getBoundingClientRect();
+			Z = {
+				pointerId: e.pointerId,
+				startX: e.clientX,
+				startY: e.clientY,
+				size: B.value === "x" ? t.width : t.height,
+				startedInBody: !!e.target.closest?.(".bb-offcanvas__body"),
+				decided: !1,
+				active: !1,
+				samples: [{
+					t: performance.now(),
+					pos: ct(e)
+				}]
+			}, window.addEventListener("pointermove", ht, { passive: !1 }), window.addEventListener("pointerup", _t), window.addEventListener("pointercancel", vt);
+		}, ht = (e) => {
+			if (!Z || e.pointerId !== Z.pointerId) return;
+			let t = st(e, Z), n = B.value === "x" ? e.clientY - Z.startY : e.clientX - Z.startX;
+			if (!Z.decided) {
+				if (Math.abs(t) < _ && Math.abs(n) < _) return;
+				Z.decided = !0;
+				let e = t * V.value;
+				if (!(Math.abs(t) >= Math.abs(n)) || Z.startedInBody && ft(e)) {
+					pt();
+					return;
+				}
+				Z.active = !0, X.value = !0, lt();
+			}
+			Z.active && (e.preventDefault(), Z.samples.push({
+				t: performance.now(),
+				pos: ct(e)
+			}), Z.samples.length > 6 && Z.samples.shift(), ut(t * V.value));
+		}, gt = (e) => {
+			if (e.length < 2) return 0;
+			let t = e[e.length - 1], n = e[0];
+			for (let r = e.length - 2; r >= 0 && (n = e[r], !(t.t - e[r].t >= 50)); r--);
+			let r = t.t - n.t;
+			return r > 0 ? (t.pos - n.pos) / r * V.value : 0;
+		}, _t = (e) => {
+			if (!Z || e.pointerId !== Z.pointerId) return;
+			let { active: t, size: n, samples: r } = Z, i = st(e, Z) * V.value;
+			if ($(), Z = null, !t) return;
+			X.value = !1;
+			let a = i > n * ke || gt(r) > Ae && i > _;
+			if (a && !b.value) {
+				Q(!1), P();
+				return;
+			}
+			Q(!0), a && k(300);
+		}, vt = (e) => {
+			if (!Z || e.pointerId !== Z.pointerId) return;
+			let t = Z.active;
+			$(), Z = null, t && (X.value = !1, Q(!0));
+		};
+		return (e, t) => (f(), c("dialog", {
+			ref_key: "dialog",
+			ref: S,
+			"aria-labelledby": h(C) && e.title ? w : void 0,
+			"aria-live": u.value ? "polite" : "off",
+			class: fe(["bb-offcanvas", [{
+				"bb-offcanvas--open": u.value,
+				"bb-offcanvas--visible": E.value,
+				"bb-offcanvas--fullscreen": L.value,
+				"bb-offcanvas--deny-close": F.value,
+				"bb-offcanvas--dragging": X.value,
+				"bb-offcanvas--instant-stack": J.value,
+				"bb-offcanvas--covered": q.value,
+				"bb-offcanvas--has-handle": e.draggable,
+				"bb-offcanvas--no-header": !Ne(),
+				[`bb-offcanvas--${v.side}`]: !0
+			}].flat()]),
+			inert: !u.value && !E.value || q.value,
+			style: pe({
+				"--max-size": ze.value,
+				"--transition-duration": `${v.transitionDuration}ms`,
+				"--stack-gap": `${v.stackGap}px`,
+				...it.value
+			}),
+			onCancel: Be,
+			onClick: ye(Ie, ["self"]),
+			onPointercancel: Pe,
+			onPointerdown: mt
+		}, [h(C) ? (f(), c(ce, { key: 0 }, [
+			e.draggable ? (f(), c("div", Se)) : s("", !0),
+			Ne() ? (f(), c("div", Ce, [m(e.$slots, "header", {
+				close: P,
+				title: e.title,
+				titleId: w
+			}, () => [l("span", {
+				id: w,
+				class: "bb-offcanvas__title"
+			}, [m(e.$slots, "title", { text: e.title }, () => [ue(ge(e.title), 1)])]), e.hideClose ? s("", !0) : (f(), le(ie, {
+				key: 0,
+				"aria-label": h(Me)("offCanvas.closeLabel").value,
+				onClick: Ve
+			}, null, 8, ["aria-label"]))])])) : s("", !0),
+			l("div", {
+				ref_key: "body",
+				ref: Y,
+				class: "bb-offcanvas__body scrollbar-border"
+			}, [l("div", we, [m(e.$slots, "default", { close: P })])], 512),
+			l("div", Te, [m(e.$slots, "footer")])
+		], 64)) : s("", !0)], 46, xe));
+	}
+});
+//#endregion
+export { v as default };