bitboss-ui 2.1.132 → 2.1.134

package/dist/index276.js

@@ -1,30 +1,55 @@
-import { defineComponent as l, createElementBlock as n, openBlock as r, unref as a, createElementVNode as t } from "vue";
-import { useLocale as s } from "./index228.js";
-const c = ["aria-label"], b = /* @__PURE__ */ l({
-  __name: "ClearableButton",
-  setup(u) {
-    const { t: o } = s();
-    return (i, e) => (r(), n("button", {
-      "aria-label": a(o)("common.clearLabel").value,
-      class: "bb-clearable-button",
-      type: "button"
-    }, e[0] || (e[0] = [
-      t("svg", {
-        viewBox: "0 0 24 24",
-        xmlns: "http://www.w3.org/2000/svg"
-      }, [
-        t("path", {
-          d: "M12 12l7 7M12 12l-7 -7M12 12l-7 7M12 12l7 -7",
-          fill: "none",
-          stroke: "currentColor",
-          "stroke-linecap": "round",
-          "stroke-linejoin": "round",
-          "stroke-width": "2"
-        })
-      ], -1)
-    ]), 8, c));
-  }
+import { throttle as e } from "./index275.js";
+import { createBlock as t, defineComponent as n, onBeforeUnmount as r, onMounted as i, openBlock as a, ref as o, renderSlot as s, resolveDynamicComponent as c, withCtx as l } from "vue";
+//#region src/components/BbIntersection/BbIntersection.vue?vue&type=script&setup=true&lang.ts
+var u = /* @__PURE__ */ n({
+	__name: "BbIntersection",
+	props: {
+		debounceTime: { default: 0 },
+		options: { default: () => ({
+			root: null,
+			threshold: [
+				0,
+				.2,
+				.4,
+				.6,
+				.8,
+				1
+			]
+		}) },
+		tag: { default: "div" }
+	},
+	emits: [
+		"shown",
+		"hidden",
+		"intersected"
+	],
+	setup(n, { emit: u }) {
+		let d = n, f = u, p = o(null), m = o(null), h = o(!1), g = o(!0), _ = o(0);
+		i(() => {
+			p.value = new IntersectionObserver((e) => {
+				v(e[0]);
+			}, d.options), m.value && p.value.observe(m.value);
+		}), r(() => {
+			p.value && p.value.disconnect();
+		});
+		let v = e((e) => {
+			e.isIntersecting ? (_.value = Math.trunc(e.intersectionRatio * 100), e.intersectionRatio === 1 ? (h.value = !0, g.value = !1, f("shown")) : (h.value = !1, g.value = !1, y(Math.trunc(e.intersectionRatio * 100)))) : (h.value = !1, g.value = !0, f("hidden"));
+		}), y = e((e) => {
+			f("intersected", e);
+		}, d.debounceTime);
+		return (e, n) => (a(), t(c(e.tag), {
+			ref_key: "infinitescrolltrigger",
+			ref: m,
+			class: "bb-intersection"
+		}, {
+			default: l(() => [s(e.$slots, "default", {
+				hidden: g.value,
+				percentage: _.value,
+				shown: h.value
+			})]),
+			_: 3
+		}, 512));
+	}
 });
-export {
-  b as default
-};
+//#endregion
+export { u as default };

package/dist/index277.js

@@ -0,0 +1,5 @@
+import e from "./index276.js";
+//#region src/components/BbIntersection/BbIntersection.vue
+var t = e;
+//#endregion
+export { t as default };

package/dist/index278.js

@@ -1,6 +1,164 @@
-import { curry as e } from "./index326.js";
-const t = (n, o, r) => n(r) ? o(r) : r, s = e(t);
-export {
-  t as baseWhen,
-  s as when
-};
+import e from "./index145.js";
+import t from "./index149.js";
+import { computed as n, createBlock as r, createVNode as i, defineComponent as a, guardReactiveProps as o, mergeProps as s, normalizeProps as c, openBlock as l, ref as u, renderSlot as d, withCtx as f } from "vue";
+//#region src/components/BbNumberInput/BbNumberInput.vue?vue&type=script&setup=true&lang.ts
+var p = /* @__PURE__ */ a({
+	__name: "BbNumberInput",
+	props: {
+		"append:icon": {},
+		autocomplete: {},
+		autofocus: {},
+		clearable: { type: Boolean },
+		compact: { type: Boolean },
+		direction: {},
+		disabled: { type: Boolean },
+		errors: {},
+		hasErrors: { type: Boolean },
+		hideLabel: { type: Boolean },
+		hint: {},
+		id: {},
+		label: {},
+		labelPosition: {},
+		loading: { type: Boolean },
+		max: {},
+		maxPrecision: {},
+		min: {},
+		modelValue: {},
+		name: {},
+		persistentHint: { type: Boolean },
+		placeholder: {},
+		"prepend:icon": {},
+		readonly: { type: Boolean },
+		required: { type: Boolean },
+		reverse: { type: Boolean },
+		step: {}
+	},
+	emits: [
+		"blur",
+		"change",
+		"click",
+		"decrease",
+		"focus",
+		"increase",
+		"input",
+		"keydown",
+		"keyup",
+		"mousedown",
+		"mouseup",
+		"update:modelValue"
+	],
+	setup(a, { expose: p, emit: m }) {
+		let h = a, g = m, _ = u(), v = u(!1), y = n(() => h.persistentHint || v.value), b = {
+			onBlur: (e) => {
+				v.value = !1, g("blur", e);
+			},
+			onChange: (e) => g("change", e),
+			onClick: (e) => g("click", e),
+			onDecrease: (e) => g("decrease", e),
+			onFocus: (e) => {
+				v.value = !0, g("focus", e);
+			},
+			onIncrease: (e) => g("increase", e),
+			onInput: (e) => g("input", e),
+			onKeydown: (e) => g("keydown", e),
+			onMousedown: (e) => g("mousedown", e),
+			onMouseup: (e) => g("mouseup", e),
+			"onUpdate:modelValue": (e) => g("update:modelValue", e)
+		};
+		return p({
+			increase: () => {
+				_.value?.increase();
+			},
+			decrease: () => {
+				_.value?.decrease();
+			}
+		}), (n, a) => (l(), r(e, {
+			id: n.id,
+			class: "bb-number-input",
+			compact: n.compact,
+			direction: n.direction,
+			errors: n.errors,
+			"has-errors": n.hasErrors,
+			"hide-label": n.hideLabel,
+			hint: n.hint,
+			label: n.label,
+			"label-position": n.labelPosition,
+			"model-value": n.modelValue,
+			name: n.name,
+			reverse: n.reverse,
+			"show-hint": y.value
+		}, {
+			label: f((e) => [d(n.$slots, "label", c(o(e)))]),
+			input: f(({ id: e, hasErrors: r, ariaDescribedby: a }) => [i(t, s({
+				id: e,
+				ref_key: "bni",
+				ref: _,
+				"append:icon": h["append:icon"],
+				"aria-describedby": a,
+				autocomplete: n.autocomplete,
+				autofocus: n.autofocus,
+				clearable: n.clearable,
+				compact: n.compact,
+				disabled: n.disabled,
+				"has-errors": r,
+				loading: n.loading,
+				max: n.max,
+				"max-precision": n.maxPrecision,
+				min: n.min,
+				"model-value": n.modelValue,
+				name: n.name,
+				placeholder: n.placeholder,
+				"prepend:icon": h["prepend:icon"],
+				readonly: n.readonly,
+				required: n.required,
+				step: n.step
+			}, b), {
+				"append-outer": f((e) => [d(n.$slots, "append-outer", c(o(e)))]),
+				append: f((e) => [d(n.$slots, "append", c(o(e)))]),
+				prefix: f((e) => [d(n.$slots, "prefix", c(o(e)))]),
+				prepend: f((e) => [d(n.$slots, "prepend", c(o(e)))]),
+				suffix: f((e) => [d(n.$slots, "suffix", c(o(e)))]),
+				"prepend-outer": f((e) => [d(n.$slots, "prepend-outer", c(o(e)))]),
+				_: 2
+			}, 1040, [
+				"id",
+				"append:icon",
+				"aria-describedby",
+				"autocomplete",
+				"autofocus",
+				"clearable",
+				"compact",
+				"disabled",
+				"has-errors",
+				"loading",
+				"max",
+				"max-precision",
+				"min",
+				"model-value",
+				"name",
+				"placeholder",
+				"prepend:icon",
+				"readonly",
+				"required",
+				"step"
+			])]),
+			_: 3
+		}, 8, [
+			"id",
+			"compact",
+			"direction",
+			"errors",
+			"has-errors",
+			"hide-label",
+			"hint",
+			"label",
+			"label-position",
+			"model-value",
+			"name",
+			"reverse",
+			"show-hint"
+		]));
+	}
+});
+//#endregion
+export { p as default };

package/dist/index28.js

@@ -1,148 +1,8 @@
-import { defineComponent as V, computed as a, ref as D, watchPostEffect as M, nextTick as N, createElementBlock as c, openBlock as o, normalizeClass as I, createBlock as E, createVNode as P, createElementVNode as h, resolveDynamicComponent as C, normalizeProps as l, guardReactiveProps as s, withCtx as p, renderSlot as k, createTextVNode as q, toDisplayString as f, unref as v, Transition as F, createCommentVNode as G, TransitionGroup as R, Fragment as j, renderList as x } from "vue";
-import { deburr as J } from "./index303.js";
-import { getAsPercentage as T } from "./index146.js";
-import { useId as K } from "./index8.js";
-const O = ["id"], Q = { class: "bb-base-input-container__hint" }, Z = /* @__PURE__ */ V({
-  __name: "BaseInputContainer",
-  props: {
-    compact: { type: Boolean },
-    direction: { default: "vertical" },
-    errors: {},
-    hasErrors: { type: Boolean },
-    hideLabel: { type: Boolean },
-    hint: {},
-    id: {},
-    inputPosition: { default: "right" },
-    label: {},
-    labelPosition: { default: "left" },
-    labelMode: {},
-    labelTag: { default: "label" },
-    modelValue: {},
-    name: {},
-    reverse: { type: Boolean, default: !1 },
-    showHint: { type: Boolean },
-    tag: { default: "span" }
-  },
-  setup($) {
-    const t = $, u = t.id || K().id.value, m = t.hint ? `hint_${u}` : void 0, _ = a(() => t.showHint && !!t.hint), i = a(() => t.labelMode ? "vertical" : t.direction), A = a(() => t.name ? t.name : J(t.label).replace(/\s+/g, "").toLowerCase()), H = a(() => {
-      const e = {
-        class: {
-          "bb-base-input-container": !0,
-          "bb-base-input-container--hidden-label": t.reverse,
-          "bb-base-input-container--horizontal": i.value !== "vertical",
-          "bb-base-input-container--reverse": t.reverse,
-          "bb-base-input-container--vertical": i.value === "vertical",
-          "bb-base-input-container--errors": b.value,
-          "bb-base-input-container--label-mode-floating": t.labelMode === "floating"
-        }
-      };
-      return t.tag === "label" && (e.for = u), e;
-    }), L = a(() => {
-      let e = {
-        class: {
-          "bb-base-input-container__label": !0,
-          "bb-base-input-container__label--hidden": t.hideLabel,
-          [`bb-base-input-container__label--${t.labelPosition}`]: t.labelPosition
-        },
-        style: {
-          width: g.value.label
-        }
-      };
-      return t.labelTag === "label" && (e.for = u), e;
-    }), z = a(() => ({
-      class: {
-        "bb-base-input-container__input": !0,
-        [`bb-base-input-container__input--${t.inputPosition}`]: t.inputPosition
-      },
-      style: {
-        width: g.value.input
-      }
-    })), g = a(() => {
-      let e = {
-        label: "auto",
-        input: "auto"
-      };
-      if (i.value !== "auto") if (i.value === "vertical")
-        e.label = e.input = "100%";
-      else if (i.value === "horizontal")
-        e.label = e.input = "50%";
-      else if (/^[\S]+\s[\S]+$/g.test(i.value)) {
-        const [n, r] = i.value.split(/\s+/).map((S) => S.length), w = T(n, n + r) + "%", B = T(r, r + n) + "%";
-        t.reverse ? (e.label = B, e.input = w) : (e.label = w, e.input = B);
-      } else
-        throw new Error("Horizontal pattern is malformed");
-      return e;
-    }), d = a(() => t.errors ? [].concat(t.errors) : []), b = a(
-      () => !!d.value.length || t.hasErrors
-    ), y = D(null);
-    return M(() => {
-      d.value, N(() => {
-        const e = y.value, n = e?.querySelector(
-          ".bb-base-input-container__errors"
-        );
-        if (e && n) {
-          const r = Math.min(n.clientHeight, n.scrollHeight);
-          e.style.height = `${r}px`;
-        }
-      });
-    }), (e, n) => (o(), c("div", {
-      class: I(["bb-base-input-outer-container", {
-        "bb-base-input-outer-container--errors": b.value,
-        "bb-base-input-outer-container--hint": _.value,
-        "bb-base-input-outer-container--compact": t.compact
-      }])
-    }, [
-      (o(), E(C(e.tag), l(s(H.value)), {
-        default: p(() => [
-          (o(), E(C(e.labelTag), l(s(L.value)), {
-            default: p(() => [
-              k(e.$slots, "label", l(s({ text: e.label, hasErrors: b.value })), () => [
-                q(f(e.label), 1)
-              ])
-            ]),
-            _: 3
-          }, 16)),
-          h("span", l(s(z.value)), [
-            k(e.$slots, "input", l(s({ id: v(u), name: A.value, hasErrors: b.value, ariaDescribedby: v(m) })))
-          ], 16)
-        ]),
-        _: 3
-      }, 16)),
-      P(F, { name: "hint" }, {
-        default: p(() => [
-          _.value ? (o(), c("span", {
-            key: 0,
-            id: v(m),
-            class: "bb-base-input-container__hint-container"
-          }, [
-            h("span", Q, f(e.hint), 1)
-          ], 8, O)) : G("", !0)
-        ]),
-        _: 1
-      }),
-      h("span", {
-        ref_key: "errorsContainer",
-        ref: y,
-        class: "bb-base-input-container__errors-outer"
-      }, [
-        P(R, {
-          name: "error",
-          tag: "span",
-          "aria-live": "polite",
-          class: "bb-base-input-container__errors"
-        }, {
-          default: p(() => [
-            (o(!0), c(j, null, x(d.value, (r) => (o(), c("span", {
-              key: r,
-              class: "bb-base-input-container__error"
-            }, f(r), 1))), 128))
-          ]),
-          _: 1
-        })
-      ], 512)
-    ], 2));
-  }
-});
-export {
-  Z as default
-};
+import { computed as e, getCurrentInstance as t } from "vue";
+//#region src/composables/useRoute.ts
+function n() {
+	let n = t();
+	return e(() => n?.proxy?.$route);
+}
+//#endregion
+export { n as useRoute };

package/dist/index280.js

@@ -1,108 +1,6 @@
-import { defineComponent as y, ref as F, computed as H, watch as N, createElementBlock as L, openBlock as p, Fragment as S, renderList as V, createBlock as A, withModifiers as O, normalizeClass as P, withCtx as $, createTextVNode as z, toDisplayString as D } from "vue";
-import { hash as d } from "./index234.js";
-import { isNil as l } from "./index254.js";
-import E from "./index68.js";
-/* empty css        */
-const K = /* @__PURE__ */ y({
-  __name: "ChipsBox",
-  props: {
-    options: {}
-  },
-  emits: ["option:unselected"],
-  setup(f, { expose: v, emit: h }) {
-    const t = f, u = h, n = F(null), i = H(() => t.options.some((e) => !e.disabled)), a = (e = 1) => {
-      const s = l(n.value) ? -1 : n.value;
-      let o = (s + e) % t.options.length;
-      for (; t.options[o].disabled && o !== s; )
-        o = a(e + 1);
-      return o;
-    }, x = () => {
-      if (!i.value) return;
-      const e = a();
-      n.value = e;
-    }, c = (e = 1) => {
-      const s = l(n.value) ? 0 : n.value;
-      let o = (s - e + t.options.length) % t.options.length;
-      for (; t.options[o].disabled && o !== s; )
-        o = c(e + 1);
-      return o;
-    }, m = async () => {
-      if (!i.value) return;
-      const e = c();
-      n.value = e;
-    }, w = () => {
-      if (!i.value) return;
-      let e = 0;
-      for (; t.options[e].disabled; )
-        e++;
-      n.value = e;
-    }, b = () => {
-      if (!i.value) return;
-      let e = t.options.length - 1;
-      for (; t.options[e].disabled && e !== 0; )
-        e--;
-      n.value = e;
-    }, I = () => {
-      if (!i.value) return;
-      let e = 0;
-      for (; !t.options[e].selected && t.options.length !== e; )
-        e++;
-      n.value = e;
-    }, g = () => {
-      if (!i.value) return;
-      let e = t.options.length - 1;
-      for (; t.options[e].selected && e !== 0; )
-        e--;
-      n.value = e;
-    }, _ = (e) => {
-      if (!i.value) return;
-      const s = t.options.findIndex(
-        (o) => o.valueHash === e
-      );
-      s >= 0 && (n.value = s);
-    }, r = () => {
-      n.value = null;
-    }, k = () => {
-      if (l(n.value)) return;
-      const e = t.options[n.value];
-      e.selected && u("option:unselected", e);
-    }, C = () => l(n.value) ? void 0 : t.options[n.value];
-    return N(
-      () => t.options,
-      (e, s) => {
-        d(e) !== d(s) && r();
-      },
-      {
-        flush: "post"
-      }
-    ), v({
-      focusNext: x,
-      focusPrevious: m,
-      focusFirst: w,
-      focusFirstSelected: I,
-      focusLast: b,
-      focusLastSelected: g,
-      blur: r,
-      confirmOption: k,
-      focusByHash: _,
-      getHighlighted: C
-    }), (e, s) => (p(!0), L(S, null, V(e.options, (o, B) => (p(), A(E, {
-      key: o.valueHash,
-      class: P({
-        "bb-chipsbox-item": !0,
-        "bb-chipsbox-item--focused": B === n.value
-      }),
-      clearable: !0,
-      text: o.text,
-      "onClick:clear": O((M) => u("option:unselected", o), ["stop"])
-    }, {
-      default: $(() => [
-        z(D(o.text), 1)
-      ]),
-      _: 2
-    }, 1032, ["class", "text", "onClick:clear"]))), 128));
-  }
-});
-export {
-  K as default
-};
+import e from "./index278.js";
+/* empty css         */
+//#region src/components/BbNumberInput/BbNumberInput.vue
+var t = e;
+//#endregion
+export { t as default };

package/dist/index281.js

@@ -0,0 +1,145 @@
+import { _config as e } from "./index5.js";
+import { wait as t } from "./index10.js";
+import { useId as n } from "./index12.js";
+import { useMobile as r } from "./index15.js";
+import { useLocale as i } from "./index42.js";
+import { useUntil as a } from "./index50.js";
+import { parseSize as o } from "./index136.js";
+import { Fragment as s, computed as c, createCommentVNode as l, createElementBlock as u, createElementVNode as d, createTextVNode as f, defineComponent as p, mergeModels as m, nextTick as h, normalizeClass as g, normalizeStyle as _, onMounted as v, openBlock as y, ref as b, renderSlot as x, toDisplayString as S, unref as C, useModel as w, watch as T, withModifiers as E } from "vue";
+//#region src/components/BbOffCanvas/BbOffCanvas.vue?vue&type=script&setup=true&lang.ts
+var D = [
+	"aria-describedby",
+	"aria-labelledby",
+	"aria-live",
+	"inert"
+], O = {
+	ref: "header",
+	class: "bb-offcanvas__header"
+}, k = { class: "bb-offcanvas__close" }, A = ["aria-label", "disabled"], j = {
+	ref: "body",
+	class: "bb-offcanvas__body scrollbar-border"
+}, M = { class: "bb-offcanvas__body-content" }, N = {
+	ref: "footer",
+	class: "bb-offcanvas__footer"
+}, P = /* @__PURE__ */ p({
+	__name: "BbOffCanvas",
+	props: /* @__PURE__ */ m({
+		closeLabel: {},
+		compact: { type: Boolean },
+		disabled: { type: Boolean },
+		eager: { type: Boolean },
+		persistent: { type: Boolean },
+		showClose: {
+			type: Boolean,
+			default: !0
+		},
+		title: {},
+		transitionDuration: { default: 300 },
+		size: { default: "sm" },
+		description: {},
+		focusTarget: {},
+		fullscreen: { type: [Boolean, String] },
+		panelClasses: { default: () => [] },
+		overlayClasses: { default: () => [] },
+		direction: { default: "left" }
+	}, {
+		modelValue: {
+			type: Boolean,
+			default: !1
+		},
+		modelModifiers: {}
+	}),
+	emits: /* @__PURE__ */ m([
+		"show",
+		"hide",
+		"shown",
+		"hidden"
+	], ["update:modelValue"]),
+	setup(p, { emit: m }) {
+		let P = p, F = m, I = w(p, "modelValue"), { t: L } = i(), R = c(() => P.closeLabel || L("dialog.closeLabel").value), z = b(null), B = a(() => I.value || P.eager, { initialValue: I.value || P.eager }), V = `title_${n().id.value}`, H = `description_${n().id.value}`, U = (e) => {
+			if (e.key === "Escape" && (e.stopImmediatePropagation(), P.disabled || P.persistent)) return e.preventDefault(), J.value = !0, t(200).then(() => {
+				J.value = !1;
+			}), !1;
+		}, W = async (e) => {
+			if (e) {
+				if (F("show"), window.globalThis?.document && !document.documentElement.style.getPropertyValue("--scrollbar-width") && document.documentElement.style.setProperty("--scrollbar-width", `${Y()}px`), document.addEventListener("keydown", U, { capture: !0 }), await h(), z.value?.showModal(), P.focusTarget) {
+					let e = z.value?.querySelector(P.focusTarget);
+					e && e instanceof HTMLElement && e.focus();
+				}
+				F("shown");
+			} else F("hide"), await t(P.transitionDuration), window.globalThis?.document && document.removeEventListener("keydown", U, { capture: !0 }), z.value?.close(), F("hidden");
+		};
+		T(I, W), v(() => {
+			I.value && W(!0);
+		});
+		let G = c(() => Z.value ? "100%" : P.size === "auto" ? "fit-content" : o(P.size, e.offCanvasDefaultSizes)), K = (e) => {
+			if (e.preventDefault(), P.disabled || P.persistent) return J.value = !0, t(300).then(() => {
+				J.value = !1;
+			}), !1;
+			q();
+		}, q = () => {
+			I.value = !1;
+		}, J = b(!1), Y = () => globalThis.document ? window.innerWidth - document.documentElement.clientWidth : 0, { isMobile: X } = r(), Z = c(() => P.fullscreen === !0 || P.fullscreen === "mobile" && X.value);
+		return (e, t) => (y(), u("dialog", {
+			ref_key: "dialog",
+			ref: z,
+			"aria-describedby": C(B) && e.description ? H : void 0,
+			"aria-labelledby": C(B) && e.title ? V : void 0,
+			"aria-live": I.value ? "polite" : "off",
+			class: g(["bb-offcanvas", [
+				{
+					"bb-offcanvas--open": I.value,
+					"bb-offcanvas--fullscreen": Z.value,
+					"bb-offcanvas--compact": e.compact,
+					"bb-offcanvas--deny-close": J.value,
+					[`bb-offcanvas--${P.direction}`]: !0
+				},
+				e.overlayClasses,
+				e.panelClasses
+			].flat()]),
+			inert: !I.value,
+			style: _({
+				"--max-size": G.value,
+				"--transition-duration": `${P.transitionDuration}ms`
+			}),
+			onCancel: K,
+			onClick: E(K, ["self"])
+		}, [C(B) ? (y(), u(s, { key: 0 }, [
+			d("div", O, [x(e.$slots, "header", {
+				close: q,
+				title: e.title,
+				titleId: V
+			}, () => [d("span", {
+				id: V,
+				class: "bb-offcanvas__title"
+			}, [x(e.$slots, "title", { text: e.title }, () => [f(S(e.title), 1)])]), d("span", k, [e.showClose ? (y(), u("button", {
+				key: 0,
+				"aria-label": R.value,
+				disabled: P.disabled,
+				type: "button",
+				onClick: q
+			}, [x(e.$slots, "close", {}, () => [t[0] ||= d("span", { class: "bb-offcanvas__close-icon" }, [d("svg", {
+				"aria-hidden": "true",
+				fill: "none",
+				viewBox: "0 0 24 24",
+				xmlns: "http://www.w3.org/2000/svg"
+			}, [d("path", {
+				d: "M23 23L1 1M23 1L1 23",
+				stroke: "currentColor",
+				"stroke-linecap": "round",
+				"stroke-width": "3"
+			})])], -1)])], 8, A)) : l("", !0)])])], 512),
+			d("div", j, [d("div", M, [x(e.$slots, "description", {
+				descriptionId: H,
+				text: e.description
+			}, () => [e.description ? (y(), u("div", {
+				key: 0,
+				id: H,
+				class: "bb-offcanvas__description sr-only"
+			}, S(e.description), 1)) : l("", !0)]), x(e.$slots, "default")])], 512),
+			d("div", N, [x(e.$slots, "footer")], 512)
+		], 64)) : l("", !0)], 46, D));
+	}
+});
+//#endregion
+export { P as default };

package/dist/index283.js

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