bitboss-ui 2.1.119 → 2.1.121

package/dist/index136.js

@@ -1,165 +1,14 @@
-import { defineComponent as R, mergeModels as U, ref as L, computed as v, useTemplateRef as W, useModel as x, watch as m, onBeforeUnmount as F, createElementBlock as I, openBlock as g, Fragment as _, renderSlot as k, createCommentVNode as C, createVNode as j, normalizeProps as q, mergeProps as B, withCtx as T, createElementVNode as f, normalizeStyle as G, createBlock as H, unref as J } from "vue";
-import { useId as K } from "./index8.js";
-import { useLocale as Q } from "./index228.js";
-import { useUntil as X } from "./index249.js";
-import Y from "./index14.js";
-/* empty css        */
-import Z from "./index250.js";
-/* empty css         */
-import { useElementSize as ee } from "./index146.js";
-import { extractDomContainer as V } from "./index235.js";
-import { parseWidthString as te } from "./index241.js";
-const ce = /* @__PURE__ */ R({
-  inheritAttrs: !1,
-  __name: "BbTooltip",
-  props: /* @__PURE__ */ U({
-    arrowPadding: { default: 10 },
-    block: { type: Boolean },
-    disabled: { type: Boolean },
-    eager: { type: Boolean },
-    id: {},
-    padding: { default: 10 },
-    placement: { default: "top" },
-    showClose: { type: Boolean, default: !0 },
-    theme: { default: "default" },
-    transitionDuration: { default: 250 },
-    activator: {},
-    boundary: {},
-    timeout: { default: 0 },
-    width: {}
-  }, {
-    modelValue: { type: Boolean, default: !1 },
-    modelModifiers: {}
-  }),
-  emits: ["update:modelValue"],
-  setup(b) {
-    const r = b, { t: $ } = Q(), h = `bb_${r.id ?? K().id.value}`, o = L(), A = v(() => r.activator != null), M = W("popover"), P = v(() => V(M.value)), w = L(!0), a = x(b, "modelValue"), D = X(a), E = (e) => {
-      const t = V(e);
-      t && (o.value = t);
-    };
-    let p, l;
-    const c = () => {
-      clearTimeout(l);
-    }, n = () => {
-      clearTimeout(p), clearTimeout(l), document.removeEventListener("keydown", y), a.value = !1;
-    }, u = () => {
-      clearTimeout(p), clearTimeout(l), l = setTimeout(n, 50);
-    }, d = () => {
-      c(), !(a.value || r.disabled || !w.value) && (p = setTimeout(() => {
-        a.value = !0, document.addEventListener("keydown", y, { passive: !0 });
-      }, r.timeout));
-    }, y = (e) => {
-      e.key === "Escape" && n();
-    }, O = () => {
-      w.value = !1, n();
-    };
-    m(
-      () => r.activator,
-      (e) => {
-        e && E(e);
-      },
-      { immediate: !0 }
-    );
-    let i = null;
-    m(
-      o,
-      (e) => {
-        i && (i(), i = null), e && (e.addEventListener("mouseenter", d, { passive: !0 }), e.addEventListener("mouseleave", u, { passive: !0 }), e.addEventListener("focus", d, { passive: !0 }), e.addEventListener("blur", n, { passive: !0 }), i = () => {
-          e.removeEventListener("mouseenter", d), e.removeEventListener("mouseleave", u), e.removeEventListener("focus", d), e.removeEventListener("blur", n);
-        });
-      },
-      { immediate: !0 }
-    );
-    let s = null;
-    m(
-      P,
-      (e) => {
-        s && (s(), s = null), e && (e.addEventListener("mouseenter", c, { passive: !0 }), e.addEventListener("mouseleave", u, { passive: !0 }), s = () => {
-          e.removeEventListener("mouseenter", c), e.removeEventListener("mouseleave", u);
-        });
-      },
-      { immediate: !0 }
-    ), m(
-      [o, D],
-      ([e, t]) => {
-        e && t && e.setAttribute("aria-describedby", h);
-      },
-      { immediate: !0 }
-    ), F(() => {
-      i?.(), s?.(), o.value && o.value.removeAttribute("aria-describedby"), n();
-    });
-    const { width: S } = ee(
-      o,
-      { width: 0, height: 0 },
-      {
-        box: "border-box"
-      }
-    ), z = v(() => {
-      if (r.width) {
-        const { value: e, unit: t } = te(r.width);
-        return t === "%" ? o.value ? `${S.value * (e / 100)}px` : "0px" : `${e}px`;
-      }
-    });
-    return (e, t) => (g(), I(_, null, [
-      A.value ? C("", !0) : k(e.$slots, "activator", q(B({ key: 0 }, {
-        props: {
-          ref: E
-        },
-        disabled: e.disabled,
-        open: a.value,
-        placement: e.placement
-      }))),
-      j(Z, B({
-        ref: "popover",
-        modelValue: a.value,
-        "onUpdate:modelValue": t[0] || (t[0] = (N) => a.value = N),
-        anchor: o.value,
-        "arrow-padding": e.arrowPadding,
-        boundary: e.boundary,
-        class: ["bb-tooltip", {
-          [`bb-tooltip--${e.theme}`]: !0
-        }],
-        padding: e.padding,
-        placement: e.placement,
-        "transition-duration": e.transitionDuration
-      }, e.$attrs), {
-        default: T(() => [
-          f("span", {
-            id: h,
-            class: "bb-tooltip__content",
-            style: G({ width: z.value })
-          }, [
-            e.showClose ? (g(), H(Y, {
-              key: 0,
-              "aria-label": J($)("common.closeLabel").value,
-              class: "bb-tooltip__close",
-              tabindex: "-1",
-              onClick: O
-            }, {
-              default: T(() => t[1] || (t[1] = [
-                f("svg", {
-                  fill: "none",
-                  viewBox: "0 0 24 24",
-                  xmlns: "http://www.w3.org/2000/svg"
-                }, [
-                  f("path", {
-                    d: "M23 23L1 1M23 1L1 23",
-                    stroke: "currentColor",
-                    "stroke-linecap": "round",
-                    "stroke-width": "2"
-                  })
-                ], -1)
-              ])),
-              _: 1
-            }, 8, ["aria-label"])) : C("", !0),
-            k(e.$slots, "default")
-          ], 4)
-        ]),
-        _: 3
-      }, 16, ["modelValue", "anchor", "arrow-padding", "boundary", "class", "padding", "placement", "transition-duration"])
-    ], 64));
-  }
-});
-export {
-  ce as default
+//#region src/utilities/functions/parseSize.ts
+var e = (e, t) => {
+	if (typeof e == "string") {
+		let n = e.match(/^(\d+)([a-zA-Z%]+)?$/);
+		if (n) {
+			let [, t, r] = n;
+			return r ? e : t + "px";
+		} else if (e in t) return t[e] + "px";
+		throw Error(`Invalid size: ${e}`);
+	}
+	return e + "px";
 };
+//#endregion
+export { e as parseSize };

package/dist/index137.js

@@ -0,0 +1,153 @@
+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/BaseDialog/BaseDialog.vue?vue&type=script&setup=true&lang.ts
+var D = [
+	"aria-describedby",
+	"aria-labelledby",
+	"aria-live",
+	"inert"
+], O = {
+	key: 0,
+	ref: "header",
+	class: "bb-base-dialog__header"
+}, k = { class: "bb-base-dialog__close" }, A = ["aria-label", "disabled"], j = {
+	ref: "body",
+	class: "bb-base-dialog__body scrollbar-border"
+}, M = { class: "bb-base-dialog__body-content" }, N = {
+	ref: "footer",
+	class: "bb-base-dialog__footer"
+}, P = /* @__PURE__ */ p({
+	__name: "BaseDialog",
+	props: /* @__PURE__ */ m({
+		closeLabel: {},
+		compact: { type: Boolean },
+		description: {},
+		disabled: { type: Boolean },
+		eager: { type: Boolean },
+		focusTarget: {},
+		fullscreen: { type: [Boolean, String] },
+		hideHeader: { type: Boolean },
+		overlayClasses: { default: () => [] },
+		panelClasses: { default: () => [] },
+		persistent: { type: Boolean },
+		showClose: {
+			type: Boolean,
+			default: !0
+		},
+		size: { default: "sm" },
+		title: {},
+		transitionDuration: { default: 300 }
+	}, {
+		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(), Y.value = !0, t(200).then(() => {
+				Y.value = !1;
+			}), !1;
+		}, W = b(0), G = async (e) => {
+			if (e) {
+				if (F("show"), W.value++, window.globalThis?.document && !document.documentElement.style.getPropertyValue("--scrollbar-width") && document.documentElement.style.setProperty("--scrollbar-width", `${X()}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");
+				let e = W.value;
+				if (await t(P.transitionDuration), e !== W.value) return;
+				window.globalThis?.document && document.removeEventListener("keydown", U, { capture: !0 }), z.value?.close(), F("hidden");
+			}
+		};
+		T(I, G), v(() => {
+			I.value && G(!0);
+		});
+		let K = c(() => Q.value ? "100%" : o(P.size, e.dialogDefaultSizes)), q = (e) => {
+			if (e.preventDefault(), P.disabled || P.persistent) return Y.value = !0, t(300).then(() => {
+				Y.value = !1;
+			}), !1;
+			J();
+		}, J = () => {
+			I.value = !1;
+		}, Y = b(!1), X = () => globalThis.document ? window.innerWidth - document.documentElement.clientWidth : 0, { isMobile: Z } = r(), Q = c(() => P.fullscreen === !0 || P.fullscreen === "mobile" && Z.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 && !e.hideHeader ? V : void 0,
+			"aria-live": I.value ? "polite" : "off",
+			class: g(["bb-base-dialog", [
+				{
+					"bb-base-dialog--open": I.value,
+					"bb-base-dialog--fullscreen": Q.value,
+					"bb-base-dialog--compact": e.compact,
+					"bb-base-dialog--deny-close": Y.value
+				},
+				e.overlayClasses,
+				e.panelClasses
+			].flat()]),
+			inert: !I.value,
+			style: _({
+				"--max-width": K.value,
+				"--transition-duration": `${P.transitionDuration}ms`
+			}),
+			onCancel: q,
+			onClick: E(q, ["self"])
+		}, [C(B) ? (y(), u(s, { key: 0 }, [
+			e.hideHeader ? l("", !0) : (y(), u("div", O, [x(e.$slots, "header", {
+				close: J,
+				title: e.title,
+				titleId: V
+			}, () => [d("span", {
+				id: V,
+				class: "bb-base-dialog__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: J
+			}, [x(e.$slots, "close", {}, () => [t[0] ||= d("span", { class: "bb-base-dialog__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-base-dialog__description sr-only"
+			}, S(e.description), 1)) : l("", !0)]), x(e.$slots, "default", {
+				close: J,
+				titleId: V
+			})])], 512),
+			d("div", N, [x(e.$slots, "footer")], 512)
+		], 64)) : l("", !0)], 46, D));
+	}
+});
+//#endregion
+export { P as default };

package/dist/index139.js

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