bitboss-ui 2.1.128 → 2.1.130

package/dist/index54.js

@@ -1,97 +1,91 @@
-//#region node_modules/@floating-ui/utils/dist/floating-ui.utils.dom.mjs
-function e() {
-	return typeof window < "u";
-}
-function t(e) {
-	return i(e) ? (e.nodeName || "").toLowerCase() : "#document";
-}
-function n(e) {
-	var t;
-	return (e == null || (t = e.ownerDocument) == null ? void 0 : t.defaultView) || window;
-}
-function r(e) {
-	return ((i(e) ? e.ownerDocument : e.document) || window.document)?.documentElement;
-}
-function i(t) {
-	return e() ? t instanceof Node || t instanceof n(t).Node : !1;
-}
-function a(t) {
-	return e() ? t instanceof Element || t instanceof n(t).Element : !1;
-}
-function o(t) {
-	return e() ? t instanceof HTMLElement || t instanceof n(t).HTMLElement : !1;
-}
-function s(t) {
-	return !e() || typeof ShadowRoot > "u" ? !1 : t instanceof ShadowRoot || t instanceof n(t).ShadowRoot;
-}
-function c(e) {
-	let { overflow: t, overflowX: n, overflowY: r, display: i } = y(e);
-	return /auto|scroll|overlay|hidden|clip/.test(t + r + n) && i !== "inline" && i !== "contents";
-}
-function l(e) {
-	return /^(table|td|th)$/.test(t(e));
-}
-function u(e) {
-	try {
-		if (e.matches(":popover-open")) return !0;
-	} catch {}
-	try {
-		return e.matches(":modal");
-	} catch {
-		return !1;
-	}
-}
-var d = /transform|translate|scale|rotate|perspective|filter/, f = /paint|layout|strict|content/, p = (e) => !!e && e !== "none", m;
-function h(e) {
-	let t = a(e) ? y(e) : e;
-	return p(t.transform) || p(t.translate) || p(t.scale) || p(t.rotate) || p(t.perspective) || !_() && (p(t.backdropFilter) || p(t.filter)) || d.test(t.willChange || "") || f.test(t.contain || "");
-}
-function g(e) {
-	let t = x(e);
-	for (; o(t) && !v(t);) {
-		if (h(t)) return t;
-		if (u(t)) return null;
-		t = x(t);
-	}
-	return null;
-}
-function _() {
-	return m ??= typeof CSS < "u" && CSS.supports && CSS.supports("-webkit-backdrop-filter", "none"), m;
-}
-function v(e) {
-	return /^(html|body|#document)$/.test(t(e));
-}
-function y(e) {
-	return n(e).getComputedStyle(e);
-}
-function b(e) {
-	return a(e) ? {
-		scrollLeft: e.scrollLeft,
-		scrollTop: e.scrollTop
-	} : {
-		scrollLeft: e.scrollX,
-		scrollTop: e.scrollY
-	};
-}
-function x(e) {
-	if (t(e) === "html") return e;
-	let n = e.assignedSlot || e.parentNode || s(e) && e.host || r(e);
-	return s(n) ? n.host : n;
-}
-function S(e) {
-	let t = x(e);
-	return v(t) ? e.ownerDocument ? e.ownerDocument.body : e.body : o(t) && c(t) ? t : S(t);
-}
-function C(e, t, r) {
-	t === void 0 && (t = []), r === void 0 && (r = !0);
-	let i = S(e), a = i === e.ownerDocument?.body, o = n(i);
-	if (a) {
-		let e = w(o);
-		return t.concat(o, o.visualViewport || [], c(i) ? i : [], e && r ? C(e) : []);
-	} else return t.concat(i, C(i, [], r));
-}
-function w(e) {
-	return e.parent && Object.getPrototypeOf(e.parent) ? e.frameElement : null;
-}
-//#endregion
-export { y as getComputedStyle, g as getContainingBlock, r as getDocumentElement, w as getFrameElement, t as getNodeName, b as getNodeScroll, C as getOverflowAncestors, x as getParentNode, n as getWindow, h as isContainingBlock, a as isElement, o as isHTMLElement, v as isLastTraversableNode, i as isNode, c as isOverflowElement, l as isTableElement, u as isTopLayer, _ as isWebKit };
+import { defineComponent as h, ref as k, watch as w, createBlock as r, openBlock as s, normalizeClass as C, withCtx as V, createElementVNode as t, createCommentVNode as i, createElementBlock as y, unref as z, renderSlot as n, normalizeProps as c, guardReactiveProps as m, createTextVNode as d, toDisplayString as u } from "vue";
+import B from "./index70.js";
+/* empty css        */
+import L from "./index88.js";
+/* empty css        */
+import { useLocale as g } from "./index235.js";
+const $ = {
+  class: "bb-alert__inner-container",
+  role: "alert"
+}, S = { class: "bb-alert__icon-container" }, N = { class: "bb-alert__content" }, E = ["aria-label"], M = { class: "bb-alert__title" }, P = { class: "bb-alert__text" }, x = /* @__PURE__ */ h({
+  __name: "BbAlert",
+  props: {
+    closeLabel: {},
+    showClose: { type: Boolean },
+    text: {},
+    theme: { default: "default" },
+    title: {},
+    icon: {},
+    iconSize: {},
+    modelValue: {}
+  },
+  emits: ["update:modelValue"],
+  setup(b, { emit: p }) {
+    const l = b, _ = p, { t: f } = g(), o = k(
+      l.modelValue === void 0 ? !0 : !!l.modelValue
+    );
+    w(
+      () => l.modelValue,
+      (e) => {
+        o.value !== !!e && (o.value = !!e);
+      }
+    );
+    const v = () => {
+      o.value = !1, _("update:modelValue", !1);
+    };
+    return (e, a) => (s(), r(B, {
+      class: C(["bb-alert", { [`bb-alert--${e.theme}`]: e.theme }]),
+      "model-value": o.value
+    }, {
+      default: V(() => [
+        t("div", $, [
+          t("div", S, [
+            e.icon ? (s(), r(L, {
+              key: 0,
+              class: "bb-alert__icon",
+              size: e.iconSize,
+              type: e.icon
+            }, null, 8, ["size", "type"])) : i("", !0)
+          ]),
+          t("div", N, [
+            e.showClose ? (s(), y("button", {
+              key: 0,
+              "aria-label": e.closeLabel || z(f)("common.closeLabel").value,
+              block: "",
+              class: "bb-alert__close",
+              type: "button",
+              onClick: v
+            }, a[0] || (a[0] = [
+              t("svg", {
+                fill: "none",
+                viewBox: "0 0 24 24",
+                xmlns: "http://www.w3.org/2000/svg"
+              }, [
+                t("path", {
+                  d: "M23 23L1 1M23 1L1 23",
+                  stroke: "currentColor",
+                  "stroke-linecap": "round",
+                  "stroke-width": "2"
+                })
+              ], -1)
+            ]), 8, E)) : i("", !0),
+            t("div", M, [
+              n(e.$slots, "title", c(m({ text: e.title })), () => [
+                d(u(e.title), 1)
+              ])
+            ]),
+            t("div", P, [
+              n(e.$slots, "text", c(m({ text: e.text })), () => [
+                d(u(e.text), 1)
+              ])
+            ])
+          ])
+        ])
+      ]),
+      _: 3
+    }, 8, ["class", "model-value"]));
+  }
+});
+export {
+  x as default
+};

package/dist/index56.js

@@ -1,28 +1,69 @@
-import { __exportAll as e, __reExport as t } from "./index2.js";
-import * as n from "vue";
-export * from "vue";
-//#region node_modules/@floating-ui/vue/node_modules/vue-demi/lib/index.mjs
-var r = /* @__PURE__ */ e({
-	Vue: () => n,
-	Vue2: () => void 0,
-	del: () => s,
-	install: () => a,
-	isVue2: () => !1,
-	isVue3: () => !0,
-	set: () => o
+import { defineComponent as b, computed as z, ref as o, onMounted as g, createElementBlock as l, openBlock as i, normalizeProps as _, guardReactiveProps as h, renderSlot as k } from "vue";
+import { isCssColor as y } from "./index234.js";
+import { wait as C } from "./index147.js";
+const w = ["alt", "sizes", "src", "srcset"], B = {
+  key: 1,
+  class: "bb-avatar__fallback"
+}, P = /* @__PURE__ */ b({
+  __name: "BbAvatar",
+  props: {
+    color: {},
+    size: {},
+    alt: {},
+    src: {},
+    srcset: {},
+    sizes: {},
+    timeout: { default: 400 }
+  },
+  setup(u) {
+    const s = u, f = {
+      xs: 24,
+      sm: 32,
+      md: 40,
+      lg: 56,
+      xl: 80,
+      xxl: 104
+    }, m = z(() => {
+      const e = {
+        "bb-avatar": !0
+      };
+      let r;
+      s.size && (typeof s.size == "string" ? r = f[s.size] ?? parseInt(s.size, 10) : r = s.size, r += "px");
+      let c = {
+        width: r,
+        height: r
+      };
+      return s.color && (y(s.color) ? c.backgroundColor = s.color : e[`bb-avatar--${s.color}`] = !0), {
+        class: e,
+        style: c
+      };
+    }), d = (e) => !(!e || !e.complete || e.naturalWidth === 0), a = o(), n = o(!1), t = o(!1);
+    g(async () => {
+      !t.value && !n.value && a.value && (await C(s.timeout), t.value = !d(a.value));
+    });
+    const p = () => {
+      n.value = !0;
+    }, v = () => {
+      t.value = !0;
+    };
+    return (e, r) => (i(), l("span", _(h(m.value)), [
+      (e.src || e.srcset) && !t.value ? (i(), l("img", {
+        key: 0,
+        ref_key: "image",
+        ref: a,
+        alt: e.alt,
+        class: "bb-avatar__img",
+        sizes: e.sizes,
+        src: e.src,
+        srcset: e.srcset,
+        onError: v,
+        onLoad: p
+      }, null, 40, w)) : (i(), l("span", B, [
+        k(e.$slots, "default")
+      ]))
+    ], 16));
+  }
 });
-import * as i from "vue";
-t(r, i);
-function a() {}
-function o(e, t, n) {
-	return Array.isArray(e) ? (e.length = Math.max(e.length, t), e.splice(t, 1, n), n) : (e[t] = n, n);
-}
-function s(e, t) {
-	if (Array.isArray(e)) {
-		e.splice(t, 1);
-		return;
-	}
-	delete e[t];
-}
-//#endregion
-export { r as lib_exports };
+export {
+  P as default
+};

package/dist/index58.js

@@ -1,157 +1,54 @@
-import { extractDomContainer as e } from "./index45.js";
-import { useCancelableFunction as t } from "./index49.js";
-import { useUntil as n } from "./index50.js";
-import { waitFor as r } from "./index51.js";
-import { autoUpdate as i, flip as a, hide as o, offset as s, shift as c, size as l } from "./index55.js";
-import { arrow as u, useFloating as d } from "./index57.js";
-import { computed as f, createBlock as p, createCommentVNode as m, createElementBlock as h, createElementVNode as g, defineComponent as _, mergeModels as v, mergeProps as y, nextTick as b, onBeforeUnmount as x, onMounted as S, openBlock as C, ref as w, renderSlot as T, resolveDynamicComponent as E, unref as D, useModel as O, watch as k, withCtx as A, withModifiers as j } from "vue";
-//#region src/components/CommonPopover/CommonPopover.vue?vue&type=script&setup=true&lang.ts
-var M = {
-	key: 0,
-	class: "bb-common-popover__bubble scrollbar-border"
-}, N = /* @__PURE__ */ _({
-	__name: "CommonPopover",
-	props: /* @__PURE__ */ v({
-		arrowPadding: {},
-		eager: { type: Boolean },
-		offset: {},
-		padding: { default: 0 },
-		placement: {},
-		transitionDuration: { default: 250 },
-		anchor: {},
-		boundary: {},
-		dialog: { type: Boolean },
-		hideArrow: { type: Boolean },
-		tag: { default: "span" },
-		flip: {
-			type: Boolean,
-			default: !0
-		},
-		scrollable: {
-			type: Boolean,
-			default: !1
-		},
-		forceAutoUpdate: { type: Boolean }
-	}, {
-		modelValue: {
-			type: Boolean,
-			default: !1
-		},
-		modelModifiers: {}
-	}),
-	emits: ["update:modelValue"],
-	setup(_) {
-		let v = _, N = O(_, "modelValue"), P = w(N.value), F = f(() => v.dialog ? "dialog" : "span"), I = w(), L = w(), R = f(() => {
-			let t = v.anchor;
-			return t && typeof t == "object" && "getBoundingClientRect" in t && !(t instanceof Element) ? t : e(t);
-		}), z = n(N, { initialValue: v.eager }), B = f(() => {
-			if (v.boundary) return typeof v.boundary == "string" ? document.querySelector(v.boundary) ?? void 0 : e(v.boundary) ?? void 0;
-		}), V = f(() => {
-			let e = B.value;
-			return [
-				...v.flip ? [a(e ? { boundary: e } : void 0)] : [],
-				s(v.offset),
-				c({
-					padding: v.padding,
-					...e ? { boundary: e } : {}
-				}),
-				o(),
-				...v.scrollable ? [l({
-					padding: v.padding,
-					...e ? { boundary: e } : {},
-					apply({ availableHeight: e, elements: t }) {
-						t.floating.style.setProperty("--available-height", `${e}px`);
-					}
-				})] : [],
-				...v.hideArrow ? [] : [u({
-					element: L,
-					padding: v.arrowPadding
-				})]
-			];
-		}), { floatingStyles: H, placement: U, middlewareData: W, update: G } = d(R, I, {
-			placement: v.placement,
-			middleware: V,
-			strategy: "fixed"
-		}), K = null;
-		k([
-			P,
-			R,
-			I,
-			() => v.forceAutoUpdate
-		], ([e, t, n, r]) => {
-			K?.(), K = null, (e || r) && t && n && (K = i(t, n, G));
-		}, { immediate: !0 }), x(() => {
-			K?.(), K = null;
-		});
-		let { execute: q } = t(({ signal: e }, t) => new Promise((n) => {
-			let i, a = () => {
-				i && clearTimeout(i);
-			};
-			e.addEventListener("abort", a), t ? (J(), G(), r(() => !!I.value).then(() => {
-				P.value = !0, e.removeEventListener("abort", a), n(void 0);
-			})) : (P.value = !1, i = setTimeout(() => {
-				b(() => {
-					I.value && (v.dialog ? I.value.close() : I.value.hidePopover()), e.removeEventListener("abort", a), G(), n(void 0);
-				});
-			}, v.transitionDuration));
-		})), J = () => {
-			if (I.value) {
-				if (!v.dialog) return I.value.showPopover();
-				I.value.showModal();
-			}
-		};
-		k(N, q), S(() => {
-			N.value && q(N.value);
-		});
-		let Y = f(() => {
-			let e = N.value ? void 0 : -1, t = W.value.arrow?.x, n = v.hideArrow || t == null ? "50%" : `${Math.round(t)}px`, r = v.dialog ? void 0 : "manual";
-			return {
-				style: {
-					...H.value,
-					"--transition-duration": `${v.transitionDuration}ms`,
-					"--page-padding": `${v.padding}px`,
-					"--arrow-offset-x": n
-				},
-				popover: r,
-				tabindex: e
-			};
-		}), X = f(() => {
-			if (W.value.arrow) {
-				let { x: e, y: t } = W.value.arrow;
-				return { style: {
-					left: `${e}px`,
-					top: `${t}px`
-				} };
-			}
-		}), Z = () => {
-			N.value = !1;
-		};
-		return (e, t) => (C(), p(E(F.value), y({
-			ref_key: "wrapper",
-			ref: I,
-			class: ["bb-common-popover", {
-				"bb-common-popover--open": P.value,
-				"bb-common-popover--no-arrow": e.hideArrow,
-				"bb-common-popover--scrollable": e.scrollable,
-				[`bb-common-popover--${D(U)}`]: !0
-			}]
-		}, Y.value, {
-			onClick: j(Z, ["self", "stop"]),
-			onContextmenu: j(Z, [
-				"self",
-				"stop",
-				"prevent"
-			]),
-			onClose: Z
-		}), {
-			default: A(() => [g("span", y({
-				ref_key: "bubblearrow",
-				ref: L,
-				class: "bb-common-popover__arrow"
-			}, X.value), null, 16), D(z) ? (C(), h("span", M, [T(e.$slots, "default")])) : m("", !0)]),
-			_: 3
-		}, 16, ["class"]));
-	}
+import { defineComponent as m, useSlots as u, computed as n, createElementBlock as s, openBlock as r, normalizeClass as g, createElementVNode as l, renderSlot as b, mergeProps as f, createCommentVNode as _, createTextVNode as y, toDisplayString as B } from "vue";
+import { isCssColor as c } from "./index234.js";
+import { isNil as C } from "./index268.js";
+const k = { class: "bb-badge__wrapper" }, N = {
+  key: 0,
+  class: "bb-badge__content-inner"
+}, S = /* @__PURE__ */ m({
+  __name: "BbBadge",
+  props: {
+    color: {},
+    bottom: { type: Boolean },
+    content: {},
+    dot: { type: Boolean },
+    floating: { type: Boolean },
+    left: { type: Boolean }
+  },
+  setup(i) {
+    const a = u(), e = i, d = n(() => ({
+      "bb-badge": !0,
+      "bb-badge--bottom": e.bottom,
+      "bb-badge--left": e.left,
+      "bb-badge--positioned": a.default,
+      "bb-badge--floating": e.floating,
+      "bb-badge--dot": e.dot,
+      "bb-badge--empty": !e.dot && C(e.content),
+      [`bb-badge--${e.color}`]: e.color && !c(e.color)
+    })), p = n(() => {
+      let t = {};
+      e.color && c(e.color) && (t.backgroundColor = e.color);
+      let o = {};
+      return "wrap" in a && a.wrap && (o["aria-atomic"] = !0, o["aria-live"] = "polite", o.role = "status"), {
+        style: t,
+        ...o
+      };
+    });
+    return (t, o) => (r(), s("span", {
+      class: g(d.value)
+    }, [
+      l("span", k, [
+        b(t.$slots, "default"),
+        l("span", f({ class: "bb-badge__content-container" }, p.value), [
+          e.dot ? _("", !0) : (r(), s("span", N, [
+            b(t.$slots, "content", {}, () => [
+              y(B(t.content), 1)
+            ])
+          ]))
+        ], 16)
+      ])
+    ], 2));
+  }
 });
-//#endregion
-export { N as default };
+export {
+  S as default
+};

package/dist/index6.js

@@ -1,38 +1,62 @@
-import { onBeforeUnmount as e, ref as t } from "vue";
-//#region src/composables/useBroadcastChannelInstance.ts
-var n = (n = "bitboss-ui") => {
-	let r = 0;
-	return { useBroadCastChannel: () => {
-		r++;
-		let i = t(!1), a = t(), o = {};
-		function s(e, t = void 0) {
-			a.value && a.value.postMessage({
-				type: e,
-				params: t
-			});
-		}
-		let c = () => {
-			r--, a.value && !r && a.value.close(), i.value = !0;
-		}, l = (t, n, r = { removeonUnmount: !0 }) => {
-			o[t] === void 0 && (o[t] = []), o[t]?.push(n), r.removeonUnmount && o[t] && e(() => {
-				let e = o[t], r = e.indexOf(n);
-				r !== -1 && e.splice(r, 1);
-			});
-		};
-		try {
-			a.value = new BroadcastChannel(n), a.value.addEventListener("message", (e) => {
-				let t = e.data, n = o[t.type] ?? [];
-				"params" in t ? n.forEach((e) => e(t.params)) : n.forEach((e) => e());
-			}, { passive: !0 });
-		} catch (e) {
-			console.error(e);
-		}
-		return {
-			on: l,
-			post: s,
-			close: c
-		};
-	} };
+import { ref as T } from "vue";
+const c = [], f = {
+  current: null,
+  processing: !1,
+  yesBusy: !1,
+  noBusy: !1,
+  loading: !1
+}, t = T({ ...f }), N = t, g = 300;
+let u, l;
+const m = () => {
+  clearTimeout(l), clearTimeout(u), t.value = { ...f };
+}, y = () => {
+  const e = c.shift();
+  e && (m(), t.value.current = e, t.value.processing = !0, e.timeout && (t.value.current.autoClose = !0, u = setTimeout(() => {
+    p(!1);
+  }, e.timeout)));
+}, i = () => {
+  clearTimeout(u), t.value.yesBusy = !1, t.value.noBusy = !1, t.value.processing = !1, clearTimeout(l), l = setTimeout(m, g);
+}, r = (e, o) => {
+  e === "yes" ? t.value.yesBusy = o : t.value.noBusy = o;
+}, p = async (e, o = !1) => {
+  const { current: s } = t.value;
+  if (!s) return;
+  clearTimeout(u);
+  let a = e;
+  try {
+    if (e && s.onYes) {
+      r("yes", !0);
+      const n = await s.onYes();
+      a = s.returning ? n : e;
+    } else if (!e && s.onNo && (o || s.dismissAsNo)) {
+      r("no", !0);
+      const n = await s.onNo();
+      a = s.returning ? n : e;
+    }
+    s.resolve(a), c.length ? y() : s.autoClose && i();
+  } catch (n) {
+    s.reject(n), i();
+  } finally {
+    r("yes", !1), r("no", !1);
+  }
+}, v = (e) => new Promise((o, s) => {
+  c.push({
+    yesText: "OK",
+    noText: "Annulla",
+    dismissAsNo: !0,
+    ...e,
+    resolve: o,
+    reject: s
+  }), y();
+}), A = (e) => {
+  t.value.loading = e;
+}, d = () => ({
+  confirm: v,
+  close: i,
+  setLoading: A
+});
+export {
+  N as confirmState,
+  p as processMessage,
+  d as useConfirm
 };
-//#endregion
-export { n as useBroadcastChannelInstance };