@nubisco/ui 5.2.0 → 5.4.0

package/dist/UserMenu-D1TNnwFB.js

@@ -1,305 +0,0 @@
-import { t as e } from "./Icon-rREAqsu0.js";
-import { t } from "./NubiscoPlatformMark-w4E95eRE.js";
-import { t as n } from "./vue-i18n-KFH4YCAW.js";
-import { Fragment as r, Teleport as ee, Transition as te, computed as i, createBlock as a, createCommentVNode as o, createElementBlock as s, createElementVNode as c, createTextVNode as l, createVNode as u, defineComponent as d, inject as f, normalizeClass as p, normalizeStyle as ne, onBeforeUnmount as re, onMounted as ie, openBlock as m, ref as h, renderList as ae, renderSlot as g, toDisplayString as _, unref as v, watch as y, withCtx as b, withModifiers as oe } from "vue";
-import { regular as se } from "@nubisco/ui/icons/x";
-import { regular as ce } from "@nubisco/ui/icons/check";
-import { regular as le } from "@nubisco/ui/icons/users";
-import { regular as ue } from "@nubisco/ui/icons/plus";
-import { regular as de } from "@nubisco/ui/icons/user";
-import { regular as fe } from "@nubisco/ui/icons/sign-out";
-//#region src/components/UserMenu.vue?vue&type=script&setup=true&lang.ts
-var pe = [
-	"title",
-	"aria-expanded",
-	"disabled"
-], me = {
-	class: "nb-user-menu__avatar",
-	"aria-hidden": "true"
-}, he = ["src"], ge = { class: "nb-user-menu__identity-text" }, _e = { class: "nb-user-menu__identity-name" }, x = {
-	key: 0,
-	class: "nb-user-menu__identity-email"
-}, S = [
-	"title",
-	"aria-label",
-	"aria-expanded",
-	"disabled"
-], C = ["src"], w = { class: "nb-user-menu__label" }, T = { class: "nb-user-menu__email" }, E = ["disabled", "onClick"], D = { class: "nb-user-menu__account-main" }, O = { class: "nb-user-menu__account-email" }, k = {
-	key: 0,
-	class: "nb-user-menu__account-name"
-}, A = { class: "nb-user-menu__brand" }, j = { class: "nb-user-menu__brand-line" }, M = { class: "nb-user-menu__brand-name" }, N = "Nubisco Platform", P = /* @__PURE__ */ d({
-	__name: "UserMenu",
-	props: {
-		user: {},
-		accounts: { default: void 0 },
-		accountsUnknown: {
-			type: Boolean,
-			default: !1
-		},
-		showAccountActions: {
-			type: Boolean,
-			default: !0
-		},
-		showProfile: {
-			type: Boolean,
-			default: !0
-		},
-		brand: { default: "footer" },
-		placement: { default: "right-end" },
-		trigger: { default: "avatar" },
-		disabled: {
-			type: Boolean,
-			default: !1
-		}
-	},
-	emits: [
-		"switch",
-		"remove",
-		"switch-account",
-		"add-account",
-		"profile",
-		"sign-out",
-		"open",
-		"close"
-	],
-	setup(d, { expose: P, emit: F }) {
-		let I = {
-			en: {
-				ACCOUNT_MENU: "Account menu",
-				SIGNED_IN_AS: "Signed in as",
-				SWITCH_ACCOUNT: "Switch account",
-				USE_ANOTHER_ACCOUNT: "Use another account",
-				REMOVE_ACCOUNT: "Sign this account out of this browser",
-				PROFILE: "Profile",
-				SIGN_OUT: "Sign out",
-				poweredBy: "Powered by Nubisco Platform"
-			},
-			pt: {
-				ACCOUNT_MENU: "Menu de conta",
-				SIGNED_IN_AS: "Sessão iniciada como",
-				SWITCH_ACCOUNT: "Mudar de conta",
-				USE_ANOTHER_ACCOUNT: "Usar outra conta",
-				REMOVE_ACCOUNT: "Terminar a sessão desta conta neste browser",
-				PROFILE: "Perfil",
-				SIGN_OUT: "Terminar sessão",
-				poweredBy: "Fornecido pela Nubisco Platform"
-			}
-		}, { t: ve, te: ye, locale: be } = n({ useScope: "global" });
-		function L(e) {
-			if (ye(e)) return ve(e);
-			let t = e.slice(9);
-			return I[String(be.value).toLowerCase().split("-")[0]]?.[t] ?? I.en[t] ?? e;
-		}
-		let R = d, xe = f("nb-shell-sidebar-variant", null), z = i(() => R.trigger === "identity" && (xe?.value ?? "verbose") === "verbose"), Se = i(() => R.user.name?.trim() || R.user.email), B = i(() => {
-			let e = R.user.name?.trim();
-			return e ? e.toLowerCase() === R.user.email.trim().toLowerCase() ? "" : R.user.email : "";
-		}), V = h(!1);
-		y(() => R.user.picture, () => {
-			V.value = !1;
-		});
-		let H = i(() => !!R.user.picture && !V.value), U = i(() => {
-			let e = L("userMenu.poweredBy"), t = e.indexOf(N);
-			return t < 0 ? {
-				prefix: "",
-				name: e
-			} : {
-				prefix: e.slice(0, t),
-				name: e.slice(t)
-			};
-		}), W = F, G = h(null), K = h(null), q = h(!1), J = h({});
-		function Y(e) {
-			let t = e.name?.trim();
-			if (t) {
-				let e = t.split(/\s+/);
-				return ((e[0]?.[0] ?? "") + (e.length > 1 ? e[e.length - 1]?.[0] ?? "" : "")).toUpperCase();
-			}
-			return (e.email.split("@")[0] ?? "").slice(0, 2).toUpperCase();
-		}
-		function Ce() {
-			let e = G.value?.getBoundingClientRect();
-			e && (R.placement === "top-start" ? J.value = {
-				left: `${Math.round(e.left)}px`,
-				bottom: `${Math.round(window.innerHeight - e.top + 8)}px`
-			} : J.value = {
-				left: `${Math.round(e.right + 12)}px`,
-				bottom: `${Math.round(window.innerHeight - e.bottom)}px`
-			});
-		}
-		function X() {
-			R.disabled || (q.value ? Z() : (Ce(), q.value = !0, W("open")));
-		}
-		function Z() {
-			q.value && (q.value = !1, W("close"));
-		}
-		function we(e) {
-			e.current || (Z(), W("switch", e));
-		}
-		function Te(e) {
-			W("remove", e);
-		}
-		function Ee() {
-			Z(), W("switch-account");
-		}
-		function De() {
-			Z(), W("add-account");
-		}
-		function Oe() {
-			Z(), W("profile");
-		}
-		function ke() {
-			Z(), W("sign-out");
-		}
-		function Q(e) {
-			if (!q.value) return;
-			let t = e.target;
-			G.value?.contains(t) || K.value?.contains(t) || Z();
-		}
-		function $(e) {
-			e.key === "Escape" && Z();
-		}
-		return ie(() => {
-			document.addEventListener("click", Q), document.addEventListener("keydown", $);
-		}), re(() => {
-			document.removeEventListener("click", Q), document.removeEventListener("keydown", $);
-		}), P({
-			open: q,
-			toggle: X,
-			close: Z
-		}), (n, i) => (m(), s("div", {
-			ref_key: "rootRef",
-			ref: G,
-			class: p(["nb-user-menu", { "nb-user-menu--identity": z.value }])
-		}, [g(n.$slots, "trigger", {
-			open: q.value,
-			toggle: X
-		}, () => [z.value ? (m(), s("button", {
-			key: 0,
-			type: "button",
-			class: "nb-user-menu__identity",
-			title: R.user.email,
-			"aria-haspopup": "menu",
-			"aria-expanded": q.value,
-			disabled: d.disabled,
-			onClick: X
-		}, [c("span", me, [H.value ? (m(), s("img", {
-			key: 0,
-			class: "nb-user-menu__picture",
-			src: R.user.picture ?? void 0,
-			alt: "",
-			onError: i[0] ||= (e) => V.value = !0
-		}, null, 40, he)) : (m(), s(r, { key: 1 }, [l(_(Y(R.user)), 1)], 64))]), c("span", ge, [c("span", _e, _(Se.value), 1), B.value ? (m(), s("span", x, _(B.value), 1)) : o("", !0)])], 8, pe)) : (m(), s("button", {
-			key: 1,
-			type: "button",
-			class: "nb-user-menu__avatar",
-			title: R.user.email,
-			"aria-label": L("userMenu.ACCOUNT_MENU"),
-			"aria-haspopup": "menu",
-			"aria-expanded": q.value,
-			disabled: d.disabled,
-			onClick: X
-		}, [H.value ? (m(), s("img", {
-			key: 0,
-			class: "nb-user-menu__picture",
-			src: R.user.picture ?? void 0,
-			alt: "",
-			onError: i[1] ||= (e) => V.value = !0
-		}, null, 40, C)) : (m(), s(r, { key: 1 }, [l(_(Y(R.user)), 1)], 64))], 8, S))]), (m(), a(ee, { to: "body" }, [u(te, { name: "nb-user-menu-pop" }, {
-			default: b(() => [q.value ? (m(), s("div", {
-				key: 0,
-				ref_key: "panelRef",
-				ref: K,
-				class: "nb-user-menu__panel",
-				style: ne(J.value),
-				role: "menu"
-			}, [
-				c("p", w, _(L("userMenu.SIGNED_IN_AS")), 1),
-				c("p", T, _(R.user.email), 1),
-				d.showAccountActions ? (m(), s(r, { key: 0 }, [
-					i[2] ||= c("div", {
-						class: "nb-user-menu__divider",
-						role: "separator"
-					}, null, -1),
-					R.accounts && R.accounts.length ? (m(!0), s(r, { key: 0 }, ae(R.accounts, (t) => (m(), s("button", {
-						key: t.id,
-						type: "button",
-						role: "menuitem",
-						class: p(["nb-user-menu__account", { "nb-user-menu__account--current": t.current }]),
-						disabled: t.current,
-						onClick: (e) => we(t)
-					}, [c("span", D, [c("span", O, _(t.email), 1), t.name ? (m(), s("span", k, _(t.name), 1)) : o("", !0)]), t.current ? (m(), a(e, {
-						key: 0,
-						name: v(ce),
-						size: 14,
-						class: "nb-user-menu__check"
-					}, null, 8, ["name"])) : t.removable === !1 ? o("", !0) : (m(), a(e, {
-						key: 1,
-						name: v(se),
-						size: 13,
-						class: "nb-user-menu__remove",
-						title: L("userMenu.REMOVE_ACCOUNT"),
-						onClick: oe((e) => Te(t), ["stop"])
-					}, null, 8, [
-						"name",
-						"title",
-						"onClick"
-					]))], 10, E))), 128)) : R.accountsUnknown ? (m(), s("button", {
-						key: 1,
-						type: "button",
-						role: "menuitem",
-						class: "nb-user-menu__action",
-						onClick: Ee
-					}, [u(e, {
-						name: v(le),
-						size: 15
-					}, null, 8, ["name"]), l(" " + _(L("userMenu.SWITCH_ACCOUNT")), 1)])) : o("", !0),
-					c("button", {
-						type: "button",
-						role: "menuitem",
-						class: "nb-user-menu__action",
-						onClick: De
-					}, [u(e, {
-						name: v(ue),
-						size: 15
-					}, null, 8, ["name"]), l(" " + _(L("userMenu.USE_ANOTHER_ACCOUNT")), 1)])
-				], 64)) : o("", !0),
-				n.$slots.default ? (m(), s(r, { key: 1 }, [i[3] ||= c("div", {
-					class: "nb-user-menu__divider",
-					role: "separator"
-				}, null, -1), g(n.$slots, "default", { close: Z })], 64)) : o("", !0),
-				i[5] ||= c("div", {
-					class: "nb-user-menu__divider",
-					role: "separator"
-				}, null, -1),
-				d.showProfile ? (m(), s("button", {
-					key: 2,
-					type: "button",
-					role: "menuitem",
-					class: "nb-user-menu__action",
-					onClick: Oe
-				}, [u(e, {
-					name: v(de),
-					size: 15
-				}, null, 8, ["name"]), l(" " + _(L("userMenu.PROFILE")), 1)])) : o("", !0),
-				c("button", {
-					type: "button",
-					role: "menuitem",
-					class: "nb-user-menu__action nb-user-menu__action--danger",
-					onClick: ke
-				}, [u(e, {
-					name: v(fe),
-					size: 15
-				}, null, 8, ["name"]), l(" " + _(L("userMenu.SIGN_OUT")), 1)]),
-				R.brand === "none" ? o("", !0) : (m(), s(r, { key: 3 }, [i[4] ||= c("div", {
-					class: "nb-user-menu__divider",
-					role: "separator"
-				}, null, -1), g(n.$slots, "brand", {}, () => [c("p", A, [u(t, {
-					size: 13,
-					class: "nb-user-menu__mark"
-				}), c("span", j, [l(_(U.value.prefix), 1), c("span", M, _(U.value.name), 1)])])])], 64))
-			], 4)) : o("", !0)]),
-			_: 3
-		})]))], 2));
-	}
-});
-//#endregion
-export { P as t };