@nubisco/ui 5.18.0 → 5.19.0

package/dist/{Tree-CR_288A-.cjs → Tree-CnaGeX7W.cjs}

@@ -1 +1 @@
-require(`./chunk-D-qHiVGv.cjs`);const e=require(`./_plugin-vue_export-helper-tagjRzOz.cjs`),t=require(`./TreeContext-CRgX277A.cjs`);let n=require(`vue`);var r=(0,n.defineComponent)({__name:`Tree`,props:{modelValue:{default:null},compact:{type:Boolean,default:!1},size:{default:`md`},draggable:{type:Boolean,default:!1}},emits:[`update:modelValue`,`select`,`toggle`,`drop`],setup(e,{expose:r,emit:i}){let a=e,o=i,s=(0,n.reactive)(new Set),c=(0,n.ref)(),l=(0,n.reactive)({dragId:null,dropTargetId:null,dropPosition:null});function u(e){o(`update:modelValue`,e),o(`select`,e)}function d(e){s.has(e)?(s.delete(e),o(`toggle`,e,!1)):(s.add(e),o(`toggle`,e,!0))}function f(e,t){}function p(e){}function m(e){l.dragId=e}function h(e,t){e!==l.dragId&&(l.dropTargetId=e,l.dropPosition=t)}function g(e){l.dropTargetId===e&&(l.dropTargetId=null,l.dropPosition=null)}function _(){l.dragId&&l.dropTargetId&&l.dropPosition&&o(`drop`,{sourceId:l.dragId,targetId:l.dropTargetId,position:l.dropPosition}),y()}function v(){y()}function y(){l.dragId=null,l.dropTargetId=null,l.dropPosition=null}function b(e){for(let t of e)s.add(t)}function x(){s.clear()}(0,n.provide)(t.r,(0,n.reactive)({get selectedId(){return a.modelValue??null},select:u,toggle:d,expandedIds:s,get compact(){return a.compact||a.size===`sm`},get draggable(){return a.draggable},drag:l,onDragStart:m,onDragOver:h,onDragLeave:g,onDrop:_,onDragEnd:v,registerNode:f,unregisterNode:p}));function S(){return c.value?Array.from(c.value.querySelectorAll(`[role="treeitem"]`)):[]}function C(e){let t=S();if(t.length===0)return;let n=document.activeElement,r=t.indexOf(n);switch(e.key){case`ArrowDown`:e.preventDefault(),r<t.length-1?t[r+1].focus():r===-1&&t[0].focus();break;case`ArrowUp`:e.preventDefault(),r>0&&t[r-1].focus();break;case`Home`:e.preventDefault(),t[0]?.focus();break;case`End`:e.preventDefault(),t[t.length-1]?.focus();break}}return r({expandIds:b,collapseAll:x}),(t,r)=>((0,n.openBlock)(),(0,n.createElementBlock)(`ul`,{ref_key:`treeRef`,ref:c,role:`tree`,class:(0,n.normalizeClass)([`nb-tree`,{"nb-tree--compact":e.compact||e.size===`sm`}]),onKeydown:C},[(0,n.renderSlot)(t.$slots,`default`,{},void 0,!0)],34))}}),i=e.t(r,[[`__scopeId`,`data-v-f91fb593`]]);Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return i}});
+require(`./chunk-D-qHiVGv.cjs`);const e=require(`./_plugin-vue_export-helper-tagjRzOz.cjs`),t=require(`./TreeContext-PgcV87_V.cjs`);let n=require(`vue`);var r=(0,n.defineComponent)({__name:`Tree`,props:{modelValue:{default:null},compact:{type:Boolean,default:!1},size:{default:`md`},draggable:{type:Boolean,default:!1}},emits:[`update:modelValue`,`select`,`toggle`,`drop`],setup(e,{expose:r,emit:i}){let a=e,o=i,s=(0,n.reactive)(new Set),c=(0,n.ref)(),l=(0,n.reactive)({dragId:null,dropTargetId:null,dropPosition:null});function u(e){o(`update:modelValue`,e),o(`select`,e)}function d(e){s.has(e)?(s.delete(e),o(`toggle`,e,!1)):(s.add(e),o(`toggle`,e,!0))}function f(e,t){}function p(e){}function m(e){l.dragId=e}function h(e,t){e!==l.dragId&&(l.dropTargetId=e,l.dropPosition=t)}function g(e){l.dropTargetId===e&&(l.dropTargetId=null,l.dropPosition=null)}function _(){l.dragId&&l.dropTargetId&&l.dropPosition&&o(`drop`,{sourceId:l.dragId,targetId:l.dropTargetId,position:l.dropPosition}),y()}function v(){y()}function y(){l.dragId=null,l.dropTargetId=null,l.dropPosition=null}function b(e){for(let t of e)s.add(t)}function x(){s.clear()}(0,n.provide)(t.r,(0,n.reactive)({get selectedId(){return a.modelValue??null},select:u,toggle:d,expandedIds:s,get compact(){return a.compact||a.size===`sm`},get draggable(){return a.draggable},drag:l,onDragStart:m,onDragOver:h,onDragLeave:g,onDrop:_,onDragEnd:v,registerNode:f,unregisterNode:p}));function S(){return c.value?Array.from(c.value.querySelectorAll(`[role="treeitem"]`)):[]}function C(e){let t=S();if(t.length===0)return;let n=document.activeElement,r=t.indexOf(n);switch(e.key){case`ArrowDown`:e.preventDefault(),r<t.length-1?t[r+1].focus():r===-1&&t[0].focus();break;case`ArrowUp`:e.preventDefault(),r>0&&t[r-1].focus();break;case`Home`:e.preventDefault(),t[0]?.focus();break;case`End`:e.preventDefault(),t[t.length-1]?.focus();break}}return r({expandIds:b,collapseAll:x}),(t,r)=>((0,n.openBlock)(),(0,n.createElementBlock)(`ul`,{ref_key:`treeRef`,ref:c,role:`tree`,class:(0,n.normalizeClass)([`nb-tree`,{"nb-tree--compact":e.compact||e.size===`sm`}]),onKeydown:C},[(0,n.renderSlot)(t.$slots,`default`,{},void 0,!0)],34))}}),i=e.t(r,[[`__scopeId`,`data-v-f91fb593`]]);Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return i}});

package/dist/{Tree-C6rMUOja.js → Tree-E3A0GUIG.js}

@@ -1,5 +1,5 @@
 import { t as e } from "./_plugin-vue_export-helper-O4QQSku4.js";
-import { r as t } from "./TreeContext-CN8Jmm3J.js";
+import { r as t } from "./TreeContext-BN1eHAL6.js";
 import { createElementBlock as n, defineComponent as r, normalizeClass as i, openBlock as a, provide as o, reactive as s, ref as c, renderSlot as l } from "vue";
 //#endregion
 //#region src/components/Tree.vue

package/dist/TreeNode-C2W4uFhP.cjs

@@ -0,0 +1 @@
+require(`./chunk-D-qHiVGv.cjs`);const e=require(`./_plugin-vue_export-helper-tagjRzOz.cjs`),t=require(`./Icon-C8R_r_In.cjs`),n=require(`./composables/usePhoneLayout.composable.cjs`),r=require(`./TreeContext-PgcV87_V.cjs`);let i=require(`vue`),a=require(`@nubisco/ui/icons/caret-right`);var o=[`draggable`,`aria-expanded`,`aria-selected`,`aria-disabled`,`aria-grabbed`],s={key:1,class:`nb-tree-node__toggle-spacer`},c={class:`nb-tree-node__label-text`},l={key:3,class:`nb-tree-node__meta`},u={key:4,class:`nb-tree-node__actions`},d={key:0,role:`group`,class:`nb-tree-node__children`},f=(0,i.defineComponent)({__name:`TreeNode`,props:{id:{},label:{},icon:{default:void 0},disabled:{type:Boolean,default:!1},depth:{default:null},draggable:{type:[Boolean,null],default:null},expandable:{type:[Boolean,null],default:null},droppable:{type:[Boolean,null],default:null}},emits:[`select`,`toggle`,`contextmenu`,`dblclick`],setup(e,{emit:f}){let p=e,m=f,h=(0,i.useSlots)(),g=(0,i.inject)(r.r),_=(0,i.inject)(r.n,0),v=(0,i.computed)(()=>p.depth??_);(0,i.provide)(r.n,v.value+1);let y=(0,i.inject)(r.t,[]);(0,i.provide)(r.t,[...y,p.id]);function b(){let e=g?.drag.dragId;return!!e&&(e===p.id||y.includes(e))}let x=0,S=-1,C=!1;(0,i.onBeforeMount)(()=>x++),(0,i.onBeforeUpdate)(()=>x++);function w(e){return!!e?.some(e=>e.type===i.Comment?!1:e.type===i.Fragment?w(e.children):e.type===i.Text?String(e.children??``).trim()!==``:!0)}function T(){return S!==x&&(S=x,C=w(h.default?.())),C}function E(){return p.expandable??T()}function D(){return p.droppable??!0}let O=(0,i.computed)(()=>g?.expandedIds.has(p.id)??!1),k=(0,i.computed)(()=>g?.selectedId===p.id),A=(0,i.computed)(()=>g?.compact??!1),{phoneTouch:j}=n.usePhoneLayout(),M=(0,i.computed)(()=>j.value?`44px`:A.value?`24px`:`32px`),N=(0,i.computed)(()=>`${16+v.value*16}px`),P=(0,i.computed)(()=>p.disabled?!1:p.draggable===null?g?.draggable??!1:p.draggable),F=(0,i.computed)(()=>g?.drag.dragId===p.id),I=(0,i.computed)(()=>g?.drag.dropTargetId===p.id),L=(0,i.computed)(()=>I.value?g?.drag.dropPosition:null);function R(){p.disabled||!g||(g.select(p.id),m(`select`,p.id),E()&&(g.toggle(p.id),m(`toggle`,p.id,!O.value)))}function z(e){e.stopPropagation(),!(p.disabled||!g)&&(g.toggle(p.id),m(`toggle`,p.id,!O.value))}function B(){p.disabled||(E()&&g&&g.toggle(p.id),m(`dblclick`,p.id))}function V(e){m(`contextmenu`,e,p.id)}function H(e){e.target?.closest?.(`.nb-tree-node`)===e.currentTarget&&(!P.value||!g||!e.dataTransfer||(e.dataTransfer.effectAllowed=`move`,e.dataTransfer.setData(`text/plain`,p.id),g.onDragStart(p.id)))}function U(e,t){let n=t.getBoundingClientRect(),r=e.clientY-n.top,i=n.height;return r<i*.25?`before`:r>i*.75?`after`:D()?`inside`:r<i*.5?`before`:`after`}function W(e){if(!g||p.disabled||b())return;e.preventDefault(),e.stopPropagation(),e.dataTransfer&&(e.dataTransfer.dropEffect=`move`);let t=e.currentTarget.querySelector(`.nb-tree-node__label`);t&&g.onDragOver(p.id,U(e,t))}function G(e){if(!g)return;let t=e.relatedTarget,n=e.currentTarget;(!t||!n.contains(t))&&g.onDragLeave(p.id)}function K(e){!g||b()||(e.preventDefault(),e.stopPropagation(),g.onDrop())}function q(){g&&g.onDragEnd()}function J(e){g&&(e.key===`Enter`?(e.preventDefault(),R()):e.key===`ArrowRight`&&E()?(e.preventDefault(),O.value||(g.toggle(p.id),m(`toggle`,p.id,!0))):e.key===`ArrowLeft`?(e.preventDefault(),O.value&&(g.toggle(p.id),m(`toggle`,p.id,!1))):e.key===`F2`&&(e.preventDefault(),m(`dblclick`,p.id)))}return(n,r)=>((0,i.openBlock)(),(0,i.createElementBlock)(`li`,{role:`treeitem`,tabindex:`-1`,draggable:P.value||void 0,"aria-expanded":E()?O.value:void 0,"aria-selected":k.value,"aria-disabled":e.disabled||void 0,"aria-grabbed":P.value?F.value:void 0,class:(0,i.normalizeClass)([`nb-tree-node`,{"nb-tree-node--selected":k.value,"nb-tree-node--disabled":e.disabled,"nb-tree-node--branch":E(),"nb-tree-node--leaf":!E(),"nb-tree-node--dragging":F.value,"nb-tree-node--drop-before":L.value===`before`,"nb-tree-node--drop-after":L.value===`after`,"nb-tree-node--drop-inside":L.value===`inside`}]),onClick:(0,i.withModifiers)(R,[`stop`]),onDblclick:(0,i.withModifiers)(B,[`stop`]),onContextmenu:(0,i.withModifiers)(V,[`prevent`]),onKeydown:J,onDragstart:H,onDragover:W,onDragleave:G,onDrop:K,onDragend:q},[(0,i.createElementVNode)(`div`,{class:`nb-tree-node__label`,style:(0,i.normalizeStyle)({minHeight:M.value,paddingInlineStart:N.value})},[E()?((0,i.openBlock)(),(0,i.createElementBlock)(`span`,{key:0,class:`nb-tree-node__toggle`,onClick:z},[(0,i.createVNode)(t.t,{name:(0,i.unref)(a.regular),size:`xs`,class:(0,i.normalizeClass)([`nb-tree-node__toggle-icon`,{"nb-tree-node__toggle-icon--expanded":O.value}])},null,8,[`name`,`class`])])):((0,i.openBlock)(),(0,i.createElementBlock)(`span`,s)),e.icon?((0,i.openBlock)(),(0,i.createBlock)(t.t,{key:2,name:e.icon,size:`sm`,class:`nb-tree-node__icon`},null,8,[`name`])):(0,i.createCommentVNode)(``,!0),(0,i.createElementVNode)(`span`,c,[(0,i.renderSlot)(n.$slots,`label`,{},()=>[(0,i.createTextVNode)((0,i.toDisplayString)(e.label),1)],!0)]),n.$slots.meta?((0,i.openBlock)(),(0,i.createElementBlock)(`span`,l,[(0,i.renderSlot)(n.$slots,`meta`,{},void 0,!0)])):(0,i.createCommentVNode)(``,!0),n.$slots.actions?((0,i.openBlock)(),(0,i.createElementBlock)(`span`,u,[(0,i.renderSlot)(n.$slots,`actions`,{},void 0,!0)])):(0,i.createCommentVNode)(``,!0)],4),E()&&O.value?((0,i.openBlock)(),(0,i.createElementBlock)(`ul`,d,[(0,i.renderSlot)(n.$slots,`default`,{},void 0,!0)])):(0,i.createCommentVNode)(``,!0)],42,o))}}),p=e.t(f,[[`__scopeId`,`data-v-803e5e88`]]);Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return p}});

package/dist/TreeNode-xv6es6z2.js

@@ -0,0 +1,176 @@
+import { t as e } from "./_plugin-vue_export-helper-O4QQSku4.js";
+import { t } from "./Icon-rREAqsu0.js";
+import { usePhoneLayout as n } from "./composables/usePhoneLayout.composable.mjs";
+import { n as r, r as i, t as a } from "./TreeContext-BN1eHAL6.js";
+import { Comment as o, Fragment as s, Text as c, computed as l, createBlock as u, createCommentVNode as d, createElementBlock as f, createElementVNode as p, createTextVNode as m, createVNode as h, defineComponent as g, inject as _, normalizeClass as v, normalizeStyle as ee, onBeforeMount as te, onBeforeUpdate as ne, openBlock as y, provide as b, renderSlot as x, toDisplayString as S, unref as C, useSlots as w, withModifiers as T } from "vue";
+import { regular as E } from "@nubisco/ui/icons/caret-right";
+//#region src/components/TreeNode.vue?vue&type=script&setup=true&lang.ts
+var D = [
+	"draggable",
+	"aria-expanded",
+	"aria-selected",
+	"aria-disabled",
+	"aria-grabbed"
+], re = {
+	key: 1,
+	class: "nb-tree-node__toggle-spacer"
+}, O = { class: "nb-tree-node__label-text" }, ie = {
+	key: 3,
+	class: "nb-tree-node__meta"
+}, ae = {
+	key: 4,
+	class: "nb-tree-node__actions"
+}, k = {
+	key: 0,
+	role: "group",
+	class: "nb-tree-node__children"
+}, A = /* @__PURE__ */ e(/* @__PURE__ */ g({
+	__name: "TreeNode",
+	props: {
+		id: {},
+		label: {},
+		icon: { default: void 0 },
+		disabled: {
+			type: Boolean,
+			default: !1
+		},
+		depth: { default: null },
+		draggable: {
+			type: [Boolean, null],
+			default: null
+		},
+		expandable: {
+			type: [Boolean, null],
+			default: null
+		},
+		droppable: {
+			type: [Boolean, null],
+			default: null
+		}
+	},
+	emits: [
+		"select",
+		"toggle",
+		"contextmenu",
+		"dblclick"
+	],
+	setup(e, { emit: g }) {
+		let A = e, j = g, M = w(), N = _(i), P = _(r, 0), F = l(() => A.depth ?? P);
+		b(r, F.value + 1);
+		let I = _(a, []);
+		b(a, [...I, A.id]);
+		function L() {
+			let e = N?.drag.dragId;
+			return !!e && (e === A.id || I.includes(e));
+		}
+		let R = 0, z = -1, B = !1;
+		te(() => R++), ne(() => R++);
+		function V(e) {
+			return !!e?.some((e) => e.type === o ? !1 : e.type === s ? V(e.children) : e.type === c ? String(e.children ?? "").trim() !== "" : !0);
+		}
+		function H() {
+			return z !== R && (z = R, B = V(M.default?.())), B;
+		}
+		function U() {
+			return A.expandable ?? H();
+		}
+		function W() {
+			return A.droppable ?? !0;
+		}
+		let G = l(() => N?.expandedIds.has(A.id) ?? !1), K = l(() => N?.selectedId === A.id), q = l(() => N?.compact ?? !1), { phoneTouch: J } = n(), oe = l(() => J.value ? "44px" : q.value ? "24px" : "32px"), se = l(() => `${16 + F.value * 16}px`), Y = l(() => A.disabled ? !1 : A.draggable === null ? N?.draggable ?? !1 : A.draggable), X = l(() => N?.drag.dragId === A.id), ce = l(() => N?.drag.dropTargetId === A.id), Z = l(() => ce.value ? N?.drag.dropPosition : null);
+		function Q() {
+			A.disabled || !N || (N.select(A.id), j("select", A.id), U() && (N.toggle(A.id), j("toggle", A.id, !G.value)));
+		}
+		function le(e) {
+			e.stopPropagation(), !(A.disabled || !N) && (N.toggle(A.id), j("toggle", A.id, !G.value));
+		}
+		function $() {
+			A.disabled || (U() && N && N.toggle(A.id), j("dblclick", A.id));
+		}
+		function ue(e) {
+			j("contextmenu", e, A.id);
+		}
+		function de(e) {
+			e.target?.closest?.(".nb-tree-node") === e.currentTarget && (!Y.value || !N || !e.dataTransfer || (e.dataTransfer.effectAllowed = "move", e.dataTransfer.setData("text/plain", A.id), N.onDragStart(A.id)));
+		}
+		function fe(e, t) {
+			let n = t.getBoundingClientRect(), r = e.clientY - n.top, i = n.height;
+			return r < i * .25 ? "before" : r > i * .75 ? "after" : W() ? "inside" : r < i * .5 ? "before" : "after";
+		}
+		function pe(e) {
+			if (!N || A.disabled || L()) return;
+			e.preventDefault(), e.stopPropagation(), e.dataTransfer && (e.dataTransfer.dropEffect = "move");
+			let t = e.currentTarget.querySelector(".nb-tree-node__label");
+			t && N.onDragOver(A.id, fe(e, t));
+		}
+		function me(e) {
+			if (!N) return;
+			let t = e.relatedTarget, n = e.currentTarget;
+			(!t || !n.contains(t)) && N.onDragLeave(A.id);
+		}
+		function he(e) {
+			!N || L() || (e.preventDefault(), e.stopPropagation(), N.onDrop());
+		}
+		function ge() {
+			N && N.onDragEnd();
+		}
+		function _e(e) {
+			N && (e.key === "Enter" ? (e.preventDefault(), Q()) : e.key === "ArrowRight" && U() ? (e.preventDefault(), G.value || (N.toggle(A.id), j("toggle", A.id, !0))) : e.key === "ArrowLeft" ? (e.preventDefault(), G.value && (N.toggle(A.id), j("toggle", A.id, !1))) : e.key === "F2" && (e.preventDefault(), j("dblclick", A.id)));
+		}
+		return (n, r) => (y(), f("li", {
+			role: "treeitem",
+			tabindex: "-1",
+			draggable: Y.value || void 0,
+			"aria-expanded": U() ? G.value : void 0,
+			"aria-selected": K.value,
+			"aria-disabled": e.disabled || void 0,
+			"aria-grabbed": Y.value ? X.value : void 0,
+			class: v(["nb-tree-node", {
+				"nb-tree-node--selected": K.value,
+				"nb-tree-node--disabled": e.disabled,
+				"nb-tree-node--branch": U(),
+				"nb-tree-node--leaf": !U(),
+				"nb-tree-node--dragging": X.value,
+				"nb-tree-node--drop-before": Z.value === "before",
+				"nb-tree-node--drop-after": Z.value === "after",
+				"nb-tree-node--drop-inside": Z.value === "inside"
+			}]),
+			onClick: T(Q, ["stop"]),
+			onDblclick: T($, ["stop"]),
+			onContextmenu: T(ue, ["prevent"]),
+			onKeydown: _e,
+			onDragstart: de,
+			onDragover: pe,
+			onDragleave: me,
+			onDrop: he,
+			onDragend: ge
+		}, [p("div", {
+			class: "nb-tree-node__label",
+			style: ee({
+				minHeight: oe.value,
+				paddingInlineStart: se.value
+			})
+		}, [
+			U() ? (y(), f("span", {
+				key: 0,
+				class: "nb-tree-node__toggle",
+				onClick: le
+			}, [h(t, {
+				name: C(E),
+				size: "xs",
+				class: v(["nb-tree-node__toggle-icon", { "nb-tree-node__toggle-icon--expanded": G.value }])
+			}, null, 8, ["name", "class"])])) : (y(), f("span", re)),
+			e.icon ? (y(), u(t, {
+				key: 2,
+				name: e.icon,
+				size: "sm",
+				class: "nb-tree-node__icon"
+			}, null, 8, ["name"])) : d("", !0),
+			p("span", O, [x(n.$slots, "label", {}, () => [m(S(e.label), 1)], !0)]),
+			n.$slots.meta ? (y(), f("span", ie, [x(n.$slots, "meta", {}, void 0, !0)])) : d("", !0),
+			n.$slots.actions ? (y(), f("span", ae, [x(n.$slots, "actions", {}, void 0, !0)])) : d("", !0)
+		], 4), U() && G.value ? (y(), f("ul", k, [x(n.$slots, "default", {}, void 0, !0)])) : d("", !0)], 42, D));
+	}
+}), [["__scopeId", "data-v-803e5e88"]]);
+//#endregion
+export { A as t };

package/dist/UserMenu-CVXfSmUQ.cjs

@@ -0,0 +1 @@
+require(`./chunk-D-qHiVGv.cjs`);const e=require(`./Icon-C8R_r_In.cjs`),t=require(`./composables/usePhoneLayout.composable.cjs`),n=require(`./utils/initials.helper.cjs`),r=require(`./NubiscoPlatformMark-IX-E5QQ_.cjs`),i=require(`./vue-i18n-D3Ga_miE.cjs`);let a=require(`vue`),o=require(`@nubisco/ui/icons/check`),s=require(`@nubisco/ui/icons/x`),c=require(`@nubisco/ui/icons/users`),l=require(`@nubisco/ui/icons/plus`),u=require(`@nubisco/ui/icons/user`),d=require(`@nubisco/ui/icons/sign-out`);var f=[`title`,`aria-expanded`,`disabled`],p={class:`nb-user-menu__avatar`,"aria-hidden":`true`},m=[`src`],h={class:`nb-user-menu__identity-text`},g={class:`nb-user-menu__identity-name`},_={key:0,class:`nb-user-menu__identity-email`},v=[`title`,`aria-label`,`aria-expanded`,`disabled`],y=[`src`],b={class:`nb-user-menu__label`},ee={class:`nb-user-menu__email`},te=[`disabled`,`onClick`],ne={class:`nb-user-menu__account-main`},re={class:`nb-user-menu__account-email`},ie={key:0,class:`nb-user-menu__account-name`},ae={class:`nb-user-menu__brand`},x={class:`nb-user-menu__brand-line`},S={class:`nb-user-menu__brand-name`},C=`Nubisco Platform`,w=260,T=8,E=(0,a.defineComponent)({__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(E,{expose:D,emit:O}){let k={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:A,te:j,locale:M}=i.t({useScope:`global`});function N(e){if(j(e))return A(e);let t=e.slice(9);return k[String(M.value).toLowerCase().split(`-`)[0]]?.[t]??k.en[t]??e}let P=E,F=(0,a.inject)(`nb-shell-sidebar-variant`,null),I=(0,a.computed)(()=>P.trigger===`identity`&&(F?.value??`verbose`)===`verbose`),oe=(0,a.computed)(()=>P.user.name?.trim()||P.user.email),L=(0,a.computed)(()=>{let e=P.user.name?.trim();return e?e.toLowerCase()===P.user.email.trim().toLowerCase()?``:P.user.email:``}),R=(0,a.ref)(!1);(0,a.watch)(()=>P.user.picture,()=>{R.value=!1});let z=(0,a.computed)(()=>!!P.user.picture&&!R.value),B=(0,a.computed)(()=>{let e=N(`userMenu.poweredBy`),t=e.indexOf(C);return t<0?{prefix:``,name:e}:{prefix:e.slice(0,t),name:e.slice(t)}}),V=O,H=(0,a.ref)(null),U=(0,a.ref)(null),W=(0,a.ref)(!1),G=(0,a.ref)({});function K(e){return n.initialsOf(e)}let{phone:q}=t.usePhoneLayout();function J(){let e=H.value?.getBoundingClientRect();if(e){if(q.value){let t=U.value?.offsetWidth||w,n=Math.max(T,window.innerWidth-t-T);G.value={left:`${Math.round(Math.min(Math.max(e.left,T),n))}px`,bottom:`${Math.round(window.innerHeight-e.top+8)}px`};return}P.placement===`top-start`?G.value={left:`${Math.round(e.left)}px`,bottom:`${Math.round(window.innerHeight-e.top+8)}px`}:G.value={left:`${Math.round(e.right+12)}px`,bottom:`${Math.round(window.innerHeight-e.bottom)}px`}}}function Y(){P.disabled||(W.value?X():(J(),W.value=!0,V(`open`),q.value&&(0,a.nextTick)(J)))}function X(){W.value&&(W.value=!1,V(`close`))}function se(e){e.current||(X(),V(`switch`,e))}function ce(e){V(`remove`,e)}function le(){X(),V(`switch-account`)}function ue(){X(),V(`add-account`)}function de(){X(),V(`profile`)}function Z(){X(),V(`sign-out`)}function Q(e){if(!W.value)return;let t=e.target;H.value?.contains(t)||U.value?.contains(t)||X()}function $(e){e.key===`Escape`&&X()}return(0,a.onMounted)(()=>{document.addEventListener(`click`,Q),document.addEventListener(`keydown`,$)}),(0,a.onBeforeUnmount)(()=>{document.removeEventListener(`click`,Q),document.removeEventListener(`keydown`,$)}),D({open:W,toggle:Y,close:X}),(t,n)=>((0,a.openBlock)(),(0,a.createElementBlock)(`div`,{ref_key:`rootRef`,ref:H,class:(0,a.normalizeClass)([`nb-user-menu`,{"nb-user-menu--identity":I.value}])},[(0,a.renderSlot)(t.$slots,`trigger`,{open:W.value,toggle:Y},()=>[I.value?((0,a.openBlock)(),(0,a.createElementBlock)(`button`,{key:0,type:`button`,class:`nb-user-menu__identity`,title:P.user.email,"aria-haspopup":`menu`,"aria-expanded":W.value,disabled:E.disabled,onClick:Y},[(0,a.createElementVNode)(`span`,p,[z.value?((0,a.openBlock)(),(0,a.createElementBlock)(`img`,{key:0,class:`nb-user-menu__picture`,src:P.user.picture??void 0,alt:``,onError:n[0]||=e=>R.value=!0},null,40,m)):((0,a.openBlock)(),(0,a.createElementBlock)(a.Fragment,{key:1},[(0,a.createTextVNode)((0,a.toDisplayString)(K(P.user)),1)],64))]),(0,a.createElementVNode)(`span`,h,[(0,a.createElementVNode)(`span`,g,(0,a.toDisplayString)(oe.value),1),L.value?((0,a.openBlock)(),(0,a.createElementBlock)(`span`,_,(0,a.toDisplayString)(L.value),1)):(0,a.createCommentVNode)(``,!0)])],8,f)):((0,a.openBlock)(),(0,a.createElementBlock)(`button`,{key:1,type:`button`,class:`nb-user-menu__avatar`,title:P.user.email,"aria-label":N(`userMenu.ACCOUNT_MENU`),"aria-haspopup":`menu`,"aria-expanded":W.value,disabled:E.disabled,onClick:Y},[z.value?((0,a.openBlock)(),(0,a.createElementBlock)(`img`,{key:0,class:`nb-user-menu__picture`,src:P.user.picture??void 0,alt:``,onError:n[1]||=e=>R.value=!0},null,40,y)):((0,a.openBlock)(),(0,a.createElementBlock)(a.Fragment,{key:1},[(0,a.createTextVNode)((0,a.toDisplayString)(K(P.user)),1)],64))],8,v))]),((0,a.openBlock)(),(0,a.createBlock)(a.Teleport,{to:`body`},[(0,a.createVNode)(a.Transition,{name:`nb-user-menu-pop`},{default:(0,a.withCtx)(()=>[W.value?((0,a.openBlock)(),(0,a.createElementBlock)(`div`,{key:0,ref_key:`panelRef`,ref:U,class:`nb-user-menu__panel`,style:(0,a.normalizeStyle)(G.value),role:`menu`},[(0,a.createElementVNode)(`p`,b,(0,a.toDisplayString)(N(`userMenu.SIGNED_IN_AS`)),1),(0,a.createElementVNode)(`p`,ee,(0,a.toDisplayString)(P.user.email),1),E.showAccountActions?((0,a.openBlock)(),(0,a.createElementBlock)(a.Fragment,{key:0},[n[2]||=(0,a.createElementVNode)(`div`,{class:`nb-user-menu__divider`,role:`separator`},null,-1),P.accounts&&P.accounts.length?((0,a.openBlock)(!0),(0,a.createElementBlock)(a.Fragment,{key:0},(0,a.renderList)(P.accounts,t=>((0,a.openBlock)(),(0,a.createElementBlock)(`button`,{key:t.id,type:`button`,role:`menuitem`,class:(0,a.normalizeClass)([`nb-user-menu__account`,{"nb-user-menu__account--current":t.current}]),disabled:t.current,onClick:e=>se(t)},[(0,a.createElementVNode)(`span`,ne,[(0,a.createElementVNode)(`span`,re,(0,a.toDisplayString)(t.email),1),t.name?((0,a.openBlock)(),(0,a.createElementBlock)(`span`,ie,(0,a.toDisplayString)(t.name),1)):(0,a.createCommentVNode)(``,!0)]),t.current?((0,a.openBlock)(),(0,a.createBlock)(e.t,{key:0,name:(0,a.unref)(o.regular),size:14,class:`nb-user-menu__check`},null,8,[`name`])):t.removable===!1?(0,a.createCommentVNode)(``,!0):((0,a.openBlock)(),(0,a.createBlock)(e.t,{key:1,name:(0,a.unref)(s.regular),size:13,class:`nb-user-menu__remove`,title:N(`userMenu.REMOVE_ACCOUNT`),onClick:(0,a.withModifiers)(e=>ce(t),[`stop`])},null,8,[`name`,`title`,`onClick`]))],10,te))),128)):P.accountsUnknown?((0,a.openBlock)(),(0,a.createElementBlock)(`button`,{key:1,type:`button`,role:`menuitem`,class:`nb-user-menu__action`,onClick:le},[(0,a.createVNode)(e.t,{name:(0,a.unref)(c.regular),size:15},null,8,[`name`]),(0,a.createTextVNode)(` `+(0,a.toDisplayString)(N(`userMenu.SWITCH_ACCOUNT`)),1)])):(0,a.createCommentVNode)(``,!0),(0,a.createElementVNode)(`button`,{type:`button`,role:`menuitem`,class:`nb-user-menu__action`,onClick:ue},[(0,a.createVNode)(e.t,{name:(0,a.unref)(l.regular),size:15},null,8,[`name`]),(0,a.createTextVNode)(` `+(0,a.toDisplayString)(N(`userMenu.USE_ANOTHER_ACCOUNT`)),1)])],64)):(0,a.createCommentVNode)(``,!0),t.$slots.default?((0,a.openBlock)(),(0,a.createElementBlock)(a.Fragment,{key:1},[n[3]||=(0,a.createElementVNode)(`div`,{class:`nb-user-menu__divider`,role:`separator`},null,-1),(0,a.renderSlot)(t.$slots,`default`,{close:X})],64)):(0,a.createCommentVNode)(``,!0),n[5]||=(0,a.createElementVNode)(`div`,{class:`nb-user-menu__divider`,role:`separator`},null,-1),E.showProfile?((0,a.openBlock)(),(0,a.createElementBlock)(`button`,{key:2,type:`button`,role:`menuitem`,class:`nb-user-menu__action`,onClick:de},[(0,a.createVNode)(e.t,{name:(0,a.unref)(u.regular),size:15},null,8,[`name`]),(0,a.createTextVNode)(` `+(0,a.toDisplayString)(N(`userMenu.PROFILE`)),1)])):(0,a.createCommentVNode)(``,!0),(0,a.createElementVNode)(`button`,{type:`button`,role:`menuitem`,class:`nb-user-menu__action nb-user-menu__action--danger`,onClick:Z},[(0,a.createVNode)(e.t,{name:(0,a.unref)(d.regular),size:15},null,8,[`name`]),(0,a.createTextVNode)(` `+(0,a.toDisplayString)(N(`userMenu.SIGN_OUT`)),1)]),P.brand===`none`?(0,a.createCommentVNode)(``,!0):((0,a.openBlock)(),(0,a.createElementBlock)(a.Fragment,{key:3},[n[4]||=(0,a.createElementVNode)(`div`,{class:`nb-user-menu__divider`,role:`separator`},null,-1),(0,a.renderSlot)(t.$slots,`brand`,{},()=>[(0,a.createElementVNode)(`p`,ae,[(0,a.createVNode)(r.t,{size:13,class:`nb-user-menu__mark`}),(0,a.createElementVNode)(`span`,x,[(0,a.createTextVNode)((0,a.toDisplayString)(B.value.prefix),1),(0,a.createElementVNode)(`span`,S,(0,a.toDisplayString)(B.value.name),1)])])])],64))],4)):(0,a.createCommentVNode)(``,!0)]),_:3})]))],2))}});Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return E}});

package/dist/UserMenu-E-PhzT3T.js

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

package/dist/{Walkthrough-vAJctcje.js → Walkthrough-BxwgYRUB.js}

@@ -4,7 +4,7 @@ import { t as r } from "./_plugin-vue_export-helper-O4QQSku4.js";
 import { useStableId as i } from "./composables/useStableId.composable.mjs";
 import { useSurfaceLayer as a } from "./composables/useSurfaceLayer.composable.mjs";
 import { placeAnchored as ee, viewportSize as o } from "./utils/anchorPosition.helper.mjs";
-import { t as s } from "./Button-BAfC7ySK.js";
+import { t as s } from "./Button-IcCXOoCT.js";
 import { useWalkthrough as te } from "./composables/useWalkthrough.composable.mjs";
 import { Teleport as ne, computed as c, createBlock as l, createCommentVNode as u, createElementBlock as d, createElementVNode as f, createTextVNode as p, createVNode as re, defineComponent as m, mergeProps as ie, nextTick as h, normalizeClass as ae, onBeforeUnmount as oe, openBlock as g, ref as _, renderSlot as v, toDisplayString as y, unref as b, watch as se, withCtx as x } from "vue";
 //#region src/components/Walkthrough.vue?vue&type=script&setup=true&lang.ts

package/dist/{Walkthrough-DRx76ziA.cjs → Walkthrough-Dvyp-4Sr.cjs}

@@ -1 +1 @@
-require(`./chunk-D-qHiVGv.cjs`);const e=require(`./composables/useReducedMotion.composable.cjs`),t=require(`./utils/tourTarget.helper.cjs`),n=require(`./_plugin-vue_export-helper-tagjRzOz.cjs`),r=require(`./composables/useStableId.composable.cjs`),i=require(`./composables/useSurfaceLayer.composable.cjs`),a=require(`./utils/anchorPosition.helper.cjs`),o=require(`./Button-BZn2lmMA.cjs`),ee=require(`./composables/useWalkthrough.composable.cjs`);let s=require(`vue`);var te=[`viewBox`],c=[`width`,`height`],ne=[`x`,`y`,`width`,`height`,`rx`],l=[`width`,`height`,`mask`],re=[`x`,`y`,`width`,`height`,`rx`],ie=[`aria-label`,`aria-labelledby`],ae={class:`nb-walkthrough--footer`},oe={class:`nb-walkthrough--progress`,"aria-live":`polite`},u={class:`nb-walkthrough--actions`},d=(0,s.defineComponent)({__name:`Walkthrough`,props:{walkthrough:{default:void 0},controller:{default:void 0},autoStart:{type:Boolean,default:!1},storage:{default:void 0},labels:{default:void 0},teleportTo:{default:`body`},closeOnScrim:{type:Boolean,default:!1},padding:{default:8}},emits:[`step-change`,`finish`,`skip`],setup(n,{expose:d,emit:f}){let p=n,m=f,h={id:``,version:1,steps:[]},g={back:`Back`,next:`Next`,skip:`Skip`,done:`Done`,progress:(e,t)=>`Step ${e} of ${t}`,dialog:`Product walkthrough`},_=p.controller??ee.useWalkthrough(()=>p.walkthrough??h,{storage:p.storage}),v=r.useStableId({}),y=`${v}-mask`,b=`${v}-title`,x=`${v}-body`,S=e.useReducedMotion(),{layerProps:C}=i.useSurfaceLayer({overlay:!0}),w=(0,s.ref)(null),T=(0,s.ref)(null),E=(0,s.ref)(null),D=(0,s.ref)(a.viewportSize()),O=(0,s.ref)(`bottom`),k=(0,s.ref)({top:0,left:0}),A=1,j=null,M=null,N=-1,P=(0,s.computed)(()=>_.step.value),F=(0,s.computed)(()=>_.stepIndex.value),I=(0,s.computed)(()=>_.stepCount.value),L=(0,s.computed)(()=>({...g,...p.labels??{}})),R=(0,s.computed)(()=>P.value?.padding??p.padding),z=(0,s.computed)(()=>{let e=E.value;if(!e)return null;let t=R.value,n=Math.max(0,e.left-t),r=Math.max(0,e.top-t);return{left:n,top:r,width:Math.min(D.value.width-n,e.width+t*2),height:Math.min(D.value.height-r,e.height+t*2)}}),B=(0,s.computed)(()=>Math.min(8,R.value+4)),V=(0,s.computed)(()=>{if(z.value)return{top:`${k.value.top}px`,left:`${k.value.left}px`}});function H(){let e=P.value;!e||N===F.value||(N=F.value,m(`step-change`,e,F.value))}function U(){D.value=a.viewportSize();let e=T.value;E.value=e&&e.isConnected?e.getBoundingClientRect():null,W()}function W(){let e=z.value,t=w.value;if(!e||!t)return;let n=t.getBoundingClientRect(),r=P.value?.placement??`auto`,i=r===`auto`?`bottom`:r,o=a.placeAnchored(e,{width:n.width,height:n.height},{side:i,gap:12,inset:16,viewport:D.value});O.value=o.side,k.value={top:o.top,left:o.left}}function G(e){M?.disconnect(),M=null,!(!e||typeof ResizeObserver>`u`)&&(M=new ResizeObserver(()=>U()),M.observe(e))}function K(e){e.scrollIntoView({block:`center`,inline:`center`,behavior:S.value?`auto`:`smooth`})}let q=0;async function J(e=!0){if(!_.active.value)return;let n=P.value;if(!n)return;if(!n.target){q=0,T.value=null,G(null),U();return}let r=t.resolveTourTarget(n.target);if(!t.isTargetVisible(r)&&e){if(await(0,s.nextTick)(),await new Promise(e=>requestAnimationFrame(e)),!_.active.value||P.value!==n)return;r=t.resolveTourTarget(n.target)}if(t.isTargetVisible(r)){q=0,T.value=r,G(r),K(r),U();return}let i=F.value+A;if(++q>I.value||i<0||i>=I.value){q=0,await Z();return}_.goTo(i)}function se(){let e=w.value;return e?Array.from(e.querySelectorAll(`button:not([disabled]), a[href], input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex="-1"])`)):[]}function ce(e){if(e.key===`Escape`){e.preventDefault(),Q();return}if(e.key!==`Tab`)return;let t=se();if(t.length===0){e.preventDefault(),w.value?.focus();return}let n=t[0],r=t[t.length-1],i=document.activeElement;e.shiftKey&&(i===n||i===w.value)?(e.preventDefault(),r.focus()):!e.shiftKey&&i===r&&(e.preventDefault(),n.focus())}function le(){p.closeOnScrim&&Q()}function Y(){if(A=1,_.isLast.value){Z();return}_.next()}function X(){A=-1,_.back()}async function Z(){let e=_.walkthrough.value;await _.finish(),m(`finish`,e)}async function Q(){let e=_.walkthrough.value,t=F.value;await _.skip(),m(`skip`,e,t)}function ue(){window.addEventListener(`resize`,U),window.addEventListener(`scroll`,U,!0)}function $(){window.removeEventListener(`resize`,U),window.removeEventListener(`scroll`,U,!0)}return(0,s.watch)(()=>_.active.value,async e=>{e?(A=1,q=0,N=-1,j=document.activeElement??null,ue(),await(0,s.nextTick)(),await J(),w.value?.focus(),H()):($(),G(null),T.value=null,E.value=null,j?.focus?.(),j=null,N=-1)}),(0,s.watch)(()=>_.stepIndex.value,async()=>{_.active.value&&(H(),await J())}),p.autoStart&&!p.controller&&(0,s.nextTick)(()=>_.maybeAutoStart()),(0,s.onBeforeUnmount)(()=>{$(),G(null)}),d({start:_.start,restart:_.restart,next:_.next,back:_.back,skip:Q,finish:Z,goTo:_.goTo,active:_.active,stepIndex:_.stepIndex,controller:_}),(e,t)=>((0,s.openBlock)(),(0,s.createBlock)(s.Teleport,{to:n.teleportTo},[(0,s.unref)(_).active.value?((0,s.openBlock)(),(0,s.createElementBlock)(`div`,{key:0,class:(0,s.normalizeClass)([`nb-walkthrough`,{"nb-walkthrough--no-motion":(0,s.unref)(S)}])},[((0,s.openBlock)(),(0,s.createElementBlock)(`svg`,{class:`nb-walkthrough--scrim`,"aria-hidden":`true`,viewBox:`0 0 ${D.value.width} ${D.value.height}`,preserveAspectRatio:`none`,onClick:le},[(0,s.createElementVNode)(`defs`,null,[(0,s.createElementVNode)(`mask`,{id:y},[(0,s.createElementVNode)(`rect`,{x:`0`,y:`0`,width:D.value.width,height:D.value.height,fill:`white`},null,8,c),z.value?((0,s.openBlock)(),(0,s.createElementBlock)(`rect`,{key:0,x:z.value.left,y:z.value.top,width:z.value.width,height:z.value.height,rx:B.value,fill:`black`},null,8,ne)):(0,s.createCommentVNode)(``,!0)])]),(0,s.createElementVNode)(`rect`,{class:`nb-walkthrough--scrim-fill`,x:`0`,y:`0`,width:D.value.width,height:D.value.height,mask:`url(#${y})`},null,8,l),z.value?((0,s.openBlock)(),(0,s.createElementBlock)(`rect`,{key:0,class:`nb-walkthrough--ring`,x:z.value.left,y:z.value.top,width:z.value.width,height:z.value.height,rx:B.value},null,8,re)):(0,s.createCommentVNode)(``,!0)],8,te)),(0,s.createElementVNode)(`div`,(0,s.mergeProps)({ref_key:`popoverRef`,ref:w,class:[`nb-walkthrough--popover`,`nb-walkthrough--popover-${O.value}`,{"nb-walkthrough--popover-centered":!z.value}]},(0,s.unref)(C),{role:`dialog`,"aria-modal":`true`,"aria-label":L.value.dialog,"aria-labelledby":P.value?.title?b:void 0,"aria-describedby":x,style:V.value,tabindex:`-1`,onKeydown:ce}),[(0,s.renderSlot)(e.$slots,`header`,{step:P.value,index:F.value,total:I.value},()=>[P.value?.title?((0,s.openBlock)(),(0,s.createElementBlock)(`p`,{key:0,id:b,class:`nb-walkthrough--title`},(0,s.toDisplayString)(P.value.title),1)):(0,s.createCommentVNode)(``,!0)],!0),(0,s.createElementVNode)(`div`,{id:x,class:`nb-walkthrough--body`},[(0,s.renderSlot)(e.$slots,`step`,{step:P.value,index:F.value,total:I.value},()=>[(0,s.createTextVNode)((0,s.toDisplayString)(P.value?.body),1)],!0)]),(0,s.createElementVNode)(`div`,ae,[(0,s.createElementVNode)(`p`,oe,(0,s.toDisplayString)(L.value.progress(F.value+1,I.value)),1),(0,s.renderSlot)(e.$slots,`actions`,{step:P.value,index:F.value,total:I.value,back:X,next:Y,skip:Q},()=>[(0,s.createElementVNode)(`div`,u,[(0,s.unref)(_).isLast.value?(0,s.createCommentVNode)(``,!0):((0,s.openBlock)(),(0,s.createBlock)(o.t,{key:0,variant:`ghost`,size:`sm`,onClick:Q},{default:(0,s.withCtx)(()=>[(0,s.createTextVNode)((0,s.toDisplayString)(L.value.skip),1)]),_:1})),(0,s.unref)(_).isFirst.value?(0,s.createCommentVNode)(``,!0):((0,s.openBlock)(),(0,s.createBlock)(o.t,{key:1,variant:`secondary`,outlined:``,size:`sm`,onClick:X},{default:(0,s.withCtx)(()=>[(0,s.createTextVNode)((0,s.toDisplayString)(L.value.back),1)]),_:1})),(0,s.createVNode)(o.t,{variant:`primary`,size:`sm`,onClick:Y},{default:(0,s.withCtx)(()=>[(0,s.createTextVNode)((0,s.toDisplayString)((0,s.unref)(_).isLast.value?L.value.done:L.value.next),1)]),_:1})])],!0)])],16,ie)],2)):(0,s.createCommentVNode)(``,!0)],8,[`to`]))}}),f=n.t(d,[[`__scopeId`,`data-v-da2efbb1`]]);Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return f}});
+require(`./chunk-D-qHiVGv.cjs`);const e=require(`./composables/useReducedMotion.composable.cjs`),t=require(`./utils/tourTarget.helper.cjs`),n=require(`./_plugin-vue_export-helper-tagjRzOz.cjs`),r=require(`./composables/useStableId.composable.cjs`),i=require(`./composables/useSurfaceLayer.composable.cjs`),a=require(`./utils/anchorPosition.helper.cjs`),o=require(`./Button-C0UUTgEB.cjs`),ee=require(`./composables/useWalkthrough.composable.cjs`);let s=require(`vue`);var te=[`viewBox`],c=[`width`,`height`],ne=[`x`,`y`,`width`,`height`,`rx`],l=[`width`,`height`,`mask`],re=[`x`,`y`,`width`,`height`,`rx`],ie=[`aria-label`,`aria-labelledby`],ae={class:`nb-walkthrough--footer`},oe={class:`nb-walkthrough--progress`,"aria-live":`polite`},u={class:`nb-walkthrough--actions`},d=(0,s.defineComponent)({__name:`Walkthrough`,props:{walkthrough:{default:void 0},controller:{default:void 0},autoStart:{type:Boolean,default:!1},storage:{default:void 0},labels:{default:void 0},teleportTo:{default:`body`},closeOnScrim:{type:Boolean,default:!1},padding:{default:8}},emits:[`step-change`,`finish`,`skip`],setup(n,{expose:d,emit:f}){let p=n,m=f,h={id:``,version:1,steps:[]},g={back:`Back`,next:`Next`,skip:`Skip`,done:`Done`,progress:(e,t)=>`Step ${e} of ${t}`,dialog:`Product walkthrough`},_=p.controller??ee.useWalkthrough(()=>p.walkthrough??h,{storage:p.storage}),v=r.useStableId({}),y=`${v}-mask`,b=`${v}-title`,x=`${v}-body`,S=e.useReducedMotion(),{layerProps:C}=i.useSurfaceLayer({overlay:!0}),w=(0,s.ref)(null),T=(0,s.ref)(null),E=(0,s.ref)(null),D=(0,s.ref)(a.viewportSize()),O=(0,s.ref)(`bottom`),k=(0,s.ref)({top:0,left:0}),A=1,j=null,M=null,N=-1,P=(0,s.computed)(()=>_.step.value),F=(0,s.computed)(()=>_.stepIndex.value),I=(0,s.computed)(()=>_.stepCount.value),L=(0,s.computed)(()=>({...g,...p.labels??{}})),R=(0,s.computed)(()=>P.value?.padding??p.padding),z=(0,s.computed)(()=>{let e=E.value;if(!e)return null;let t=R.value,n=Math.max(0,e.left-t),r=Math.max(0,e.top-t);return{left:n,top:r,width:Math.min(D.value.width-n,e.width+t*2),height:Math.min(D.value.height-r,e.height+t*2)}}),B=(0,s.computed)(()=>Math.min(8,R.value+4)),V=(0,s.computed)(()=>{if(z.value)return{top:`${k.value.top}px`,left:`${k.value.left}px`}});function H(){let e=P.value;!e||N===F.value||(N=F.value,m(`step-change`,e,F.value))}function U(){D.value=a.viewportSize();let e=T.value;E.value=e&&e.isConnected?e.getBoundingClientRect():null,W()}function W(){let e=z.value,t=w.value;if(!e||!t)return;let n=t.getBoundingClientRect(),r=P.value?.placement??`auto`,i=r===`auto`?`bottom`:r,o=a.placeAnchored(e,{width:n.width,height:n.height},{side:i,gap:12,inset:16,viewport:D.value});O.value=o.side,k.value={top:o.top,left:o.left}}function G(e){M?.disconnect(),M=null,!(!e||typeof ResizeObserver>`u`)&&(M=new ResizeObserver(()=>U()),M.observe(e))}function K(e){e.scrollIntoView({block:`center`,inline:`center`,behavior:S.value?`auto`:`smooth`})}let q=0;async function J(e=!0){if(!_.active.value)return;let n=P.value;if(!n)return;if(!n.target){q=0,T.value=null,G(null),U();return}let r=t.resolveTourTarget(n.target);if(!t.isTargetVisible(r)&&e){if(await(0,s.nextTick)(),await new Promise(e=>requestAnimationFrame(e)),!_.active.value||P.value!==n)return;r=t.resolveTourTarget(n.target)}if(t.isTargetVisible(r)){q=0,T.value=r,G(r),K(r),U();return}let i=F.value+A;if(++q>I.value||i<0||i>=I.value){q=0,await Z();return}_.goTo(i)}function se(){let e=w.value;return e?Array.from(e.querySelectorAll(`button:not([disabled]), a[href], input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex="-1"])`)):[]}function ce(e){if(e.key===`Escape`){e.preventDefault(),Q();return}if(e.key!==`Tab`)return;let t=se();if(t.length===0){e.preventDefault(),w.value?.focus();return}let n=t[0],r=t[t.length-1],i=document.activeElement;e.shiftKey&&(i===n||i===w.value)?(e.preventDefault(),r.focus()):!e.shiftKey&&i===r&&(e.preventDefault(),n.focus())}function le(){p.closeOnScrim&&Q()}function Y(){if(A=1,_.isLast.value){Z();return}_.next()}function X(){A=-1,_.back()}async function Z(){let e=_.walkthrough.value;await _.finish(),m(`finish`,e)}async function Q(){let e=_.walkthrough.value,t=F.value;await _.skip(),m(`skip`,e,t)}function ue(){window.addEventListener(`resize`,U),window.addEventListener(`scroll`,U,!0)}function $(){window.removeEventListener(`resize`,U),window.removeEventListener(`scroll`,U,!0)}return(0,s.watch)(()=>_.active.value,async e=>{e?(A=1,q=0,N=-1,j=document.activeElement??null,ue(),await(0,s.nextTick)(),await J(),w.value?.focus(),H()):($(),G(null),T.value=null,E.value=null,j?.focus?.(),j=null,N=-1)}),(0,s.watch)(()=>_.stepIndex.value,async()=>{_.active.value&&(H(),await J())}),p.autoStart&&!p.controller&&(0,s.nextTick)(()=>_.maybeAutoStart()),(0,s.onBeforeUnmount)(()=>{$(),G(null)}),d({start:_.start,restart:_.restart,next:_.next,back:_.back,skip:Q,finish:Z,goTo:_.goTo,active:_.active,stepIndex:_.stepIndex,controller:_}),(e,t)=>((0,s.openBlock)(),(0,s.createBlock)(s.Teleport,{to:n.teleportTo},[(0,s.unref)(_).active.value?((0,s.openBlock)(),(0,s.createElementBlock)(`div`,{key:0,class:(0,s.normalizeClass)([`nb-walkthrough`,{"nb-walkthrough--no-motion":(0,s.unref)(S)}])},[((0,s.openBlock)(),(0,s.createElementBlock)(`svg`,{class:`nb-walkthrough--scrim`,"aria-hidden":`true`,viewBox:`0 0 ${D.value.width} ${D.value.height}`,preserveAspectRatio:`none`,onClick:le},[(0,s.createElementVNode)(`defs`,null,[(0,s.createElementVNode)(`mask`,{id:y},[(0,s.createElementVNode)(`rect`,{x:`0`,y:`0`,width:D.value.width,height:D.value.height,fill:`white`},null,8,c),z.value?((0,s.openBlock)(),(0,s.createElementBlock)(`rect`,{key:0,x:z.value.left,y:z.value.top,width:z.value.width,height:z.value.height,rx:B.value,fill:`black`},null,8,ne)):(0,s.createCommentVNode)(``,!0)])]),(0,s.createElementVNode)(`rect`,{class:`nb-walkthrough--scrim-fill`,x:`0`,y:`0`,width:D.value.width,height:D.value.height,mask:`url(#${y})`},null,8,l),z.value?((0,s.openBlock)(),(0,s.createElementBlock)(`rect`,{key:0,class:`nb-walkthrough--ring`,x:z.value.left,y:z.value.top,width:z.value.width,height:z.value.height,rx:B.value},null,8,re)):(0,s.createCommentVNode)(``,!0)],8,te)),(0,s.createElementVNode)(`div`,(0,s.mergeProps)({ref_key:`popoverRef`,ref:w,class:[`nb-walkthrough--popover`,`nb-walkthrough--popover-${O.value}`,{"nb-walkthrough--popover-centered":!z.value}]},(0,s.unref)(C),{role:`dialog`,"aria-modal":`true`,"aria-label":L.value.dialog,"aria-labelledby":P.value?.title?b:void 0,"aria-describedby":x,style:V.value,tabindex:`-1`,onKeydown:ce}),[(0,s.renderSlot)(e.$slots,`header`,{step:P.value,index:F.value,total:I.value},()=>[P.value?.title?((0,s.openBlock)(),(0,s.createElementBlock)(`p`,{key:0,id:b,class:`nb-walkthrough--title`},(0,s.toDisplayString)(P.value.title),1)):(0,s.createCommentVNode)(``,!0)],!0),(0,s.createElementVNode)(`div`,{id:x,class:`nb-walkthrough--body`},[(0,s.renderSlot)(e.$slots,`step`,{step:P.value,index:F.value,total:I.value},()=>[(0,s.createTextVNode)((0,s.toDisplayString)(P.value?.body),1)],!0)]),(0,s.createElementVNode)(`div`,ae,[(0,s.createElementVNode)(`p`,oe,(0,s.toDisplayString)(L.value.progress(F.value+1,I.value)),1),(0,s.renderSlot)(e.$slots,`actions`,{step:P.value,index:F.value,total:I.value,back:X,next:Y,skip:Q},()=>[(0,s.createElementVNode)(`div`,u,[(0,s.unref)(_).isLast.value?(0,s.createCommentVNode)(``,!0):((0,s.openBlock)(),(0,s.createBlock)(o.t,{key:0,variant:`ghost`,size:`sm`,onClick:Q},{default:(0,s.withCtx)(()=>[(0,s.createTextVNode)((0,s.toDisplayString)(L.value.skip),1)]),_:1})),(0,s.unref)(_).isFirst.value?(0,s.createCommentVNode)(``,!0):((0,s.openBlock)(),(0,s.createBlock)(o.t,{key:1,variant:`secondary`,outlined:``,size:`sm`,onClick:X},{default:(0,s.withCtx)(()=>[(0,s.createTextVNode)((0,s.toDisplayString)(L.value.back),1)]),_:1})),(0,s.createVNode)(o.t,{variant:`primary`,size:`sm`,onClick:Y},{default:(0,s.withCtx)(()=>[(0,s.createTextVNode)((0,s.toDisplayString)((0,s.unref)(_).isLast.value?L.value.done:L.value.next),1)]),_:1})])],!0)])],16,ie)],2)):(0,s.createCommentVNode)(``,!0)],8,[`to`]))}}),f=n.t(d,[[`__scopeId`,`data-v-da2efbb1`]]);Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return f}});