@nubisco/ui 5.18.1 → 5.19.0

package/dist/NotificationCenter-B2kJXtA9.js

@@ -1,569 +0,0 @@
-import { t as e } from "./Icon-rREAqsu0.js";
-import { t } from "./EmptyState-xU5I0laM.js";
-import { t as n } from "./Button-BAfC7ySK.js";
-import { t as r } from "./Spinner-DpldXeXq.js";
-import { t as i } from "./Skeleton-3N9uC9k_.js";
-import { t as a } from "./NotificationCenterItem-yqlKqwI2.js";
-import { Fragment as o, Teleport as s, Transition as c, computed as l, createBlock as u, createCommentVNode as d, createElementBlock as f, createElementVNode as p, createSlots as ee, createTextVNode as te, createVNode as m, defineComponent as h, mergeProps as ne, nextTick as g, normalizeClass as re, normalizeStyle as _, onBeforeUnmount as ie, openBlock as v, ref as y, renderList as ae, renderSlot as b, toDisplayString as x, unref as oe, useId as se, useSlots as ce, watch as S, withCtx as C } from "vue";
-import { regular as le } from "@nubisco/ui/icons/warning-circle";
-import * as ue from "@nubisco/ui/icons/bell";
-//#region src/components/NotificationCenter.vue?vue&type=script&setup=true&lang.ts
-var de = {
-	key: 0,
-	class: "nb-notification-center__badge",
-	"aria-hidden": "true"
-}, fe = ["aria-describedby", "aria-busy"], pe = { class: "nb-notification-center__header" }, me = {
-	class: "nb-notification-center__sr",
-	role: "status"
-}, he = { class: "nb-notification-center__stale-text" }, ge = { class: "nb-notification-center__sr" }, _e = ["tabindex"], ve = {
-	key: 4,
-	class: "nb-notification-center__empty"
-}, ye = {
-	key: 5,
-	class: "nb-notification-center__footer"
-}, w = /* @__PURE__ */ new Set(), T = 8, E = 8, D = 96, O = 88, k = 200;
-function be(e, { align: t, side: n, width: r, maxHeight: i, viewport: a }) {
-	let o = e.left + e.width;
-	if (n === "right" && a.width - o - T - E >= r) {
-		let n = e.top + e.height, r = t === "end" ? n - E : a.height - e.top - E, s = Math.max(O + D, r), c = Math.min(i + D, s), l = Math.max(O, Math.min(i, s - D));
-		return t === "end" ? {
-			top: Math.max(E, n - c),
-			bottom: Math.max(E, a.height - n),
-			left: o + T,
-			side: "right",
-			maxListHeight: l
-		} : {
-			top: Math.max(E, Math.min(e.top, a.height - E - c)),
-			left: o + T,
-			side: "right",
-			maxListHeight: l
-		};
-	}
-	let s = t === "start" ? e.left : e.left + e.width - r, c = Math.min(Math.max(s, E), Math.max(E, a.width - r - E)), l = e.top + e.height, u = a.height - l - T - E, d = e.top - T - E, f = u < k && d > u ? "top" : "bottom", p = Math.max(O, f === "top" ? d : u), ee = Math.max(O, Math.min(i, p - D)), te = Math.min(i + D, p);
-	return {
-		top: f === "top" ? Math.max(E, e.top - T - te) : l + T,
-		left: c,
-		side: f,
-		maxListHeight: ee
-	};
-}
-function xe(e, t) {
-	return e.left <= t.width && e.left + e.width >= 0 && e.top <= t.height && e.top + e.height >= 0;
-}
-//#endregion
-//#region src/components/NotificationCenter.vue
-var A = /* @__PURE__ */ h({
-	__name: "NotificationCenter",
-	props: {
-		items: { default: () => [] },
-		unreadCount: { default: void 0 },
-		itemCount: { default: void 0 },
-		open: {
-			type: Boolean,
-			default: void 0
-		},
-		label: { default: "Notifications" },
-		markAllLabel: { default: "Mark all as read" },
-		markAllPendingLabel: { default: "Marking all as read" },
-		markAllPending: {
-			type: Boolean,
-			default: !1
-		},
-		emptyTitle: { default: "No notifications" },
-		emptyDescription: { default: "New activity shows up here." },
-		loadingLabel: { default: "Loading notifications" },
-		loading: {
-			type: Boolean,
-			default: !1
-		},
-		error: {
-			type: Boolean,
-			default: !1
-		},
-		errorTitle: { default: "Could not load notifications" },
-		errorDescription: { default: "The request failed. Nothing has been lost." },
-		errorStaleLabel: { default: "These may be out of date." },
-		retryLabel: { default: "Try again" },
-		showRetry: {
-			type: Boolean,
-			default: !0
-		},
-		maxCount: { default: 99 },
-		width: { default: 360 },
-		maxHeight: { default: 384 },
-		align: { default: "end" },
-		side: { default: "vertical" },
-		showMarkAll: {
-			type: Boolean,
-			default: !0
-		},
-		interactive: {
-			type: Boolean,
-			default: !0
-		},
-		closeOnSelect: {
-			type: Boolean,
-			default: !0
-		},
-		closeOnNavigate: {
-			type: Boolean,
-			default: !0
-		},
-		disabled: {
-			type: Boolean,
-			default: !1
-		},
-		icon: { default: void 0 },
-		locale: { default: void 0 },
-		unreadLabel: { default: "Unread" },
-		readLabel: { default: "Read" },
-		formatUnread: {
-			type: Function,
-			default: (e) => e === 1 ? "1 unread" : `${e} unread`
-		}
-	},
-	emits: [
-		"update:open",
-		"open",
-		"close",
-		"select",
-		"mark-all-read",
-		"retry"
-	],
-	setup(h, { expose: T, emit: E }) {
-		let D = h, O = l(() => D.icon ?? ue), k = E, A = ce(), j = `nb-notification-center-${se()}`, Se = `${j}-title`, Ce = `${j}-trigger`, M = `${j}-error`, N = y(null), we = y(null), P = y(null), F = y(null), Te = y(!1), I = l(() => D.open === void 0 ? Te.value : D.open), L = l(() => typeof D.unreadCount == "number" ? Math.max(0, D.unreadCount) : D.items.filter((e) => !e.read).length), Ee = l(() => L.value > D.maxCount ? `${D.maxCount}+` : String(L.value)), De = l(() => L.value > 0 ? `${D.label}, ${D.formatUnread(L.value)}` : D.label), Oe = l(() => {
-			if (typeof D.itemCount == "number") return Math.max(0, D.itemCount);
-			if (!A.default) return D.items.length;
-		}), ke = l(() => (Oe.value ?? 0) > 0), R = l(() => {
-			if (D.loading) return "loading";
-			let e = Oe.value;
-			return D.error && (e === void 0 || e === 0) ? "error" : e === void 0 || e > 0 ? "list" : "empty";
-		}), Ae = l(() => D.error && !D.loading && R.value === "list" && ke.value);
-		y(!1), S(() => [
-			I.value,
-			!!A.default,
-			D.itemCount
-		], ([e, t, n]) => {}, { immediate: !0 });
-		function z() {
-			k("retry");
-		}
-		let je = l(() => ({
-			id: Ce,
-			"aria-haspopup": "dialog",
-			"aria-expanded": I.value ? "true" : "false",
-			"aria-controls": I.value ? j : void 0,
-			"aria-label": De.value,
-			disabled: D.disabled || void 0
-		})), Me = l(() => ({
-			type: "button",
-			disabled: L.value === 0 && !D.markAllPending,
-			"aria-disabled": D.markAllPending ? "true" : void 0,
-			"aria-busy": D.markAllPending ? "true" : void 0,
-			onClick: $e
-		})), Ne = l(() => Ae.value || R.value === "error" ? M : void 0);
-		function Pe(e) {
-			if (!e) {
-				P.value = null;
-				return;
-			}
-			let t = e instanceof HTMLElement ? e : e.$el;
-			P.value = t instanceof HTMLElement ? t : null;
-		}
-		let B = y({
-			top: 0,
-			left: 0,
-			side: "bottom",
-			maxListHeight: D.maxHeight
-		});
-		function Fe() {
-			return {
-				width: window.innerWidth,
-				height: window.innerHeight
-			};
-		}
-		function V() {
-			let e = N.value?.getBoundingClientRect();
-			e && (B.value = be(e, {
-				align: D.align,
-				side: D.side,
-				width: D.width,
-				maxHeight: D.maxHeight,
-				viewport: Fe()
-			}));
-		}
-		let Ie = l(() => B.value.bottom === void 0 ? {
-			top: `${Math.round(B.value.top)}px`,
-			left: `${Math.round(B.value.left)}px`,
-			width: `${D.width}px`
-		} : {
-			bottom: `${Math.round(B.value.bottom)}px`,
-			left: `${Math.round(B.value.left)}px`,
-			width: `${D.width}px`
-		}), Le = l(() => ({ maxHeight: `${Math.round(B.value.maxListHeight)}px` })), Re = l(() => ({
-			"nb-notification-center__panel--start": D.align === "start",
-			"nb-notification-center__panel--above": B.value.side === "top",
-			"nb-notification-center__panel--beside": B.value.side === "right"
-		}));
-		function ze(e) {
-			D.open === void 0 && (Te.value = e), k("update:open", e);
-		}
-		function H() {
-			D.disabled || I.value || (V(), ze(!0), k("open"));
-		}
-		function U(e = {}) {
-			if (!I.value) return;
-			let t = F.value?.contains(document.activeElement);
-			ze(!1), k("close"), (e.restoreFocus ?? t) && g(Be);
-		}
-		function Be() {
-			let e = P.value;
-			if (e?.isConnected) {
-				e.focus();
-				return;
-			}
-			(N.value?.querySelector(Y))?.focus();
-		}
-		function W() {
-			I.value ? U({ restoreFocus: !0 }) : H();
-		}
-		let G = y(0), Ve = new Set([
-			"button",
-			"link",
-			"menuitem",
-			"option"
-		]);
-		function He(e) {
-			if (e.tagName === "BUTTON") return !e.hasAttribute("disabled");
-			if (e.tagName === "A") return e.hasAttribute("href");
-			let t = e.getAttribute("role");
-			return t !== null && Ve.has(t);
-		}
-		function K() {
-			return F.value ? Array.from(F.value.querySelectorAll("[data-nb-notification-item]")).filter((e) => !!He(e)) : [];
-		}
-		let Ue = y(void 0);
-		function We(e) {
-			let t = we.value;
-			Ue.value = t && t.childElementCount > 0 && e.length === 0 ? 0 : void 0;
-		}
-		function q(e) {
-			let t = K();
-			We(t), t.length && (G.value = Math.min(Math.max(e, 0), t.length - 1), t.forEach((e, t) => {
-				e.setAttribute("tabindex", t === G.value ? "0" : "-1");
-			}));
-		}
-		function J(e) {
-			let t = K();
-			if (!t.length) return !1;
-			let n = Math.min(Math.max(e, 0), t.length - 1);
-			return q(n), t[n]?.focus(), !0;
-		}
-		function Ge(e) {
-			let t = e.target?.closest("[data-nb-notification-item]");
-			if (!t) return;
-			let n = K().indexOf(t);
-			n >= 0 && q(n);
-		}
-		let Y = "a[href]:not([tabindex=\"-1\"]), button:not([disabled]):not([tabindex=\"-1\"]), input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex=\"0\"]";
-		function Ke(e) {
-			return !!e?.closest?.("input, textarea, select, [contenteditable=\"\"], [contenteditable=\"true\"]");
-		}
-		function qe(e) {
-			let t = K(), n = e.target?.closest("[data-nb-notification-item]"), r = n ? t.indexOf(n) : -1;
-			if (e.key === "Escape") {
-				if (!Je(e)) return;
-				e.preventDefault(), e.stopPropagation(), U({ restoreFocus: !0 });
-				return;
-			}
-			if (e.key === "Tab") {
-				Ye(e);
-				return;
-			}
-			if (!Ke(e.target)) switch (e.key) {
-				case "ArrowDown":
-					J(r < 0 ? 0 : r + 1) && e.preventDefault();
-					break;
-				case "ArrowUp":
-					J(r < 0 ? t.length - 1 : r - 1) && e.preventDefault();
-					break;
-				case "Home":
-					r >= 0 && (e.preventDefault(), J(0));
-					break;
-				case "End":
-					r >= 0 && (e.preventDefault(), J(t.length - 1));
-					break;
-				default: break;
-			}
-		}
-		function Je(e) {
-			if (e.defaultPrevented) return !1;
-			let t = (e.target ?? document.activeElement)?.closest?.("[aria-modal=\"true\"]");
-			return !(t && t !== F.value);
-		}
-		function Ye(e) {
-			let t = F.value;
-			if (!t) return;
-			let n = Array.from(t.querySelectorAll(Y)), r = document.activeElement, i = n[0], a = n[n.length - 1], o = !n.length || r === i || !t.contains(r), s = !n.length || r === a;
-			if (e.shiftKey ? !o : !s) return;
-			e.preventDefault();
-			let c = e.shiftKey ? P.value : Xe();
-			U({ restoreFocus: !1 }), g(() => {
-				c?.isConnected ? c.focus() : Be();
-			});
-		}
-		function Xe() {
-			let e = P.value;
-			if (!e) return null;
-			let t = Array.from(document.querySelectorAll(Y)).filter((e) => !F.value?.contains(e)).filter((e) => e.tabIndex >= 0), n = t.indexOf(e);
-			return n < 0 ? null : t[n + 1] ?? null;
-		}
-		function Ze(e, t) {
-			k("select", e, t), D.closeOnSelect && U({ restoreFocus: !1 });
-		}
-		function Qe(e) {
-			if (!A.default) return;
-			let t = e.target?.closest("[data-nb-notification-item]");
-			if (t && He(t)) {
-				if (e.type === "keydown") {
-					let n = e.key;
-					if (n !== "Enter" && n !== " " || t.tagName === "BUTTON" || t.tagName === "A") return;
-					e.preventDefault();
-				}
-				k("select", null, e), D.closeOnSelect && U({ restoreFocus: !1 });
-			}
-		}
-		function $e() {
-			D.markAllPending || k("mark-all-read");
-		}
-		function et(e) {
-			let t = e.target;
-			N.value?.contains(t) || F.value?.contains(t) || U({ restoreFocus: !1 });
-		}
-		function tt(e) {
-			e.key === "Escape" && (F.value?.contains(document.activeElement) || Je(e) && U({ restoreFocus: N.value?.contains(document.activeElement) ?? !1 }));
-		}
-		let X = 0;
-		function Z() {
-			!I.value || X || (X = requestAnimationFrame(() => {
-				X = 0, rt();
-			}));
-		}
-		function nt() {
-			X &&= (cancelAnimationFrame(X), 0);
-		}
-		function rt() {
-			if (!I.value) return;
-			let e = N.value?.getBoundingClientRect();
-			if (e && !xe(e, Fe())) {
-				U({ restoreFocus: !1 });
-				return;
-			}
-			V();
-		}
-		function Q() {
-			D.closeOnNavigate && U({ restoreFocus: !1 });
-		}
-		function it() {
-			return window.navigation;
-		}
-		function at() {
-			document.addEventListener("mousedown", et), document.addEventListener("keydown", tt), window.addEventListener("resize", Z), window.addEventListener("scroll", Z, !0), window.addEventListener("popstate", Q), window.addEventListener("hashchange", Q), it()?.addEventListener("navigate", Q);
-		}
-		function ot() {
-			nt(), document.removeEventListener("mousedown", et), document.removeEventListener("keydown", tt), window.removeEventListener("resize", Z), window.removeEventListener("scroll", Z, !0), window.removeEventListener("popstate", Q), window.removeEventListener("hashchange", Q), it()?.removeEventListener("navigate", Q);
-		}
-		let $ = () => U({ restoreFocus: !1 });
-		return S(I, (e) => {
-			if (e) {
-				for (let e of [...w]) e !== $ && e();
-				w.add($), at(), g(() => {
-					V(), q(0), J(0) || F.value?.focus();
-				});
-			} else w.delete($), ot(), G.value = 0;
-		}), S(() => [D.items.length, R.value], () => {
-			I.value && g(() => q(G.value));
-		}), ie(() => {
-			ot(), w.delete($);
-			let e = F.value;
-			e?.isConnected && e.remove();
-		}), T({
-			show: H,
-			close: U,
-			toggle: W,
-			isOpen: I,
-			unreadCount: L
-		}), (l, g) => (v(), f("div", {
-			ref_key: "rootRef",
-			ref: N,
-			class: "nb-notification-center"
-		}, [b(l.$slots, "trigger", {
-			open: I.value,
-			toggle: W,
-			show: H,
-			close: U,
-			unreadCount: L.value,
-			badge: Ee.value,
-			panelId: j,
-			triggerProps: je.value,
-			setTriggerRef: Pe
-		}, () => [p("button", ne({
-			ref: Pe,
-			type: "button",
-			class: ["nb-notification-center__trigger", { "nb-notification-center__trigger--active": I.value }]
-		}, je.value, { onClick: W }), [m(e, {
-			name: O.value,
-			size: 18
-		}, null, 8, ["name"]), L.value > 0 ? (v(), f("span", de, x(Ee.value), 1)) : d("", !0)], 16)]), (v(), u(s, { to: "body" }, [m(c, { name: "nb-notification-center-pop" }, {
-			default: C(() => [I.value ? (v(), f("div", {
-				key: 0,
-				id: j,
-				ref_key: "panelRef",
-				ref: F,
-				class: re(["nb-notification-center__panel", Re.value]),
-				style: _(Ie.value),
-				role: "dialog",
-				tabindex: "-1",
-				"aria-labelledby": Se,
-				"aria-describedby": Ne.value,
-				"aria-busy": h.loading ? "true" : void 0,
-				onKeydown: qe,
-				onFocusin: Ge
-			}, [
-				p("div", pe, [
-					p("h2", {
-						id: Se,
-						class: "nb-notification-center__title"
-					}, x(h.label), 1),
-					b(l.$slots, "header-start", {
-						close: U,
-						unreadCount: L.value
-					}),
-					b(l.$slots, "header-actions", {
-						close: U,
-						unreadCount: L.value,
-						markAllRead: $e,
-						markAllPending: h.markAllPending,
-						markAllProps: Me.value,
-						markAllText: h.markAllPending ? h.markAllPendingLabel : h.markAllLabel
-					}, () => [h.showMarkAll ? (v(), f("button", ne({
-						key: 0,
-						class: "nb-notification-center__mark-all"
-					}, Me.value), [h.markAllPending ? (v(), u(r, {
-						key: 0,
-						size: "xs",
-						tone: "inherit",
-						decorative: ""
-					})) : d("", !0), te(" " + x(h.markAllPending ? h.markAllPendingLabel : h.markAllLabel), 1)], 16)) : d("", !0)])
-				]),
-				p("span", me, x(h.markAllPending ? h.markAllPendingLabel : ""), 1),
-				Ae.value ? (v(), f("div", {
-					key: 0,
-					id: M,
-					class: "nb-notification-center__stale",
-					role: "status"
-				}, [
-					m(e, {
-						name: oe(le),
-						size: 14,
-						"aria-hidden": "true"
-					}, null, 8, ["name"]),
-					p("span", he, x(h.errorStaleLabel), 1),
-					h.showRetry ? (v(), f("button", {
-						key: 0,
-						type: "button",
-						class: "nb-notification-center__retry",
-						onClick: z
-					}, x(h.retryLabel), 1)) : d("", !0)
-				])) : d("", !0),
-				R.value === "loading" ? (v(), f("div", {
-					key: 1,
-					class: "nb-notification-center__loading",
-					role: "status",
-					style: _(Le.value)
-				}, [p("span", ge, x(h.loadingLabel), 1), (v(), f(o, null, ae(3, (e) => m(i, {
-					key: e,
-					variant: "text",
-					type: "body-sm",
-					lines: 2,
-					"last-line-width": "60%"
-				})), 64))], 4)) : R.value === "error" ? (v(), f("div", {
-					key: 2,
-					id: M,
-					class: "nb-notification-center__error",
-					role: "alert"
-				}, [b(l.$slots, "error", { retry: z }, () => [m(t, {
-					size: "sm",
-					kind: "error",
-					title: h.errorTitle,
-					description: h.errorDescription
-				}, ee({ _: 2 }, [h.showRetry ? {
-					name: "actions",
-					fn: C(() => [m(n, {
-						size: "sm",
-						variant: "secondary",
-						onClick: z
-					}, {
-						default: C(() => [te(x(h.retryLabel), 1)]),
-						_: 1
-					})]),
-					key: "0"
-				} : void 0]), 1032, ["title", "description"])])])) : R.value === "list" ? (v(), f("ul", {
-					key: 3,
-					ref_key: "listRef",
-					ref: we,
-					class: "nb-notification-center__list",
-					role: "list",
-					tabindex: Ue.value,
-					style: _(Le.value),
-					onClick: Qe,
-					onKeydown: Qe
-				}, [b(l.$slots, "default", {
-					close: U,
-					items: h.items
-				}, () => [(v(!0), f(o, null, ae(h.items, (e) => (v(), u(a, {
-					key: e.id,
-					title: e.title,
-					body: e.body,
-					time: e.time,
-					"time-label": e.timeLabel,
-					read: e.read,
-					variant: e.variant ?? "neutral",
-					icon: e.icon,
-					href: e.href,
-					interactive: e.interactive ?? h.interactive,
-					locale: h.locale,
-					"unread-label": h.unreadLabel,
-					"read-label": h.readLabel,
-					onSelect: (t) => Ze(e, t)
-				}, null, 8, [
-					"title",
-					"body",
-					"time",
-					"time-label",
-					"read",
-					"variant",
-					"icon",
-					"href",
-					"interactive",
-					"locale",
-					"unread-label",
-					"read-label",
-					"onSelect"
-				]))), 128))])], 44, _e)) : R.value === "empty" ? (v(), f("div", ve, [b(l.$slots, "empty", {}, () => [m(t, {
-					size: "sm",
-					icon: O.value,
-					title: h.emptyTitle,
-					description: h.emptyDescription
-				}, null, 8, [
-					"icon",
-					"title",
-					"description"
-				])])])) : d("", !0),
-				l.$slots.footer ? (v(), f("div", ye, [b(l.$slots, "footer", { close: U })])) : d("", !0)
-			], 46, fe)) : d("", !0)]),
-			_: 3
-		})]))], 512));
-	}
-});
-//#endregion
-export { A as t };

package/dist/ReorderList-CigXh_u8.cjs

@@ -1 +0,0 @@
-require(`./chunk-D-qHiVGv.cjs`);const e=require(`./_plugin-vue_export-helper-tagjRzOz.cjs`),t=require(`./Icon-C8R_r_In.cjs`),n=require(`./composables/useStableId.composable.cjs`);let r=require(`vue`),i=require(`@nubisco/ui/icons/dots-six-vertical`);var a=[`aria-label`,`aria-describedby`],o=[`data-index`,`onPointerdown`],s=[`tabindex`,`aria-disabled`,`aria-label`,`onKeydown`,`onBlur`],c={class:`nb-reorder-list__content`},l=[`id`],u={class:`nb-reorder-list__sr`,"aria-live":`assertive`},d=(0,r.defineComponent)({__name:`ReorderList`,props:{modelValue:{default:()=>[]},itemKey:{type:[String,Function],default:void 0},handle:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},label:{default:``}},emits:[`update:modelValue`,`reorder`],setup(e,{emit:d}){let f=e,p=d,m=n.useStableId({}),h=(0,r.ref)(null),g=(0,r.computed)(()=>f.modelValue);function _(e,t){let n=f.itemKey;return typeof n==`function`?n(e,t):typeof n==`string`?e?.[n]:t}function v(e){let t=g.value[e];if(t&&typeof t==`object`){let e=t,n=e.label??e.name??e.title;if(typeof n==`string`)return n}return String(t??`Item ${e+1}`)}function y(e){let t=`${v(e)}, ${e+1} of ${g.value.length}`;return S.value===e?`${t}, picked up`:t}let b=(0,r.ref)(``);function x(e,t,n){if(e===t||e<0||t<0)return;let r=[...g.value],[i]=r.splice(e,1);r.splice(t,0,i),p(`update:modelValue`,r),p(`reorder`,{from:e,to:t,via:n}),b.value=`${v(e)} moved to position ${t+1} of ${r.length}`}let S=(0,r.ref)(null);function C(e,t){if(f.disabled)return;if(e.key===`Escape`&&S.value!==null){e.preventDefault(),S.value=null,b.value=`Move cancelled`;return}if(e.key===` `||e.key===`Enter`){e.preventDefault(),S.value===t?(S.value=null,b.value=`${v(t)} dropped at position ${t+1}`):(S.value=t,b.value=`${v(t)} picked up, position ${t+1} of ${g.value.length}`);return}let n=e.key===`ArrowUp`?-1:e.key===`ArrowDown`?1:0;if(!n)return;e.preventDefault();let r=t+n;r<0||r>=g.value.length||(S.value===t?(x(t,r,`keyboard`),S.value=r,w(r)):w(r))}async function w(e){await Promise.resolve(),(h.value?.querySelector(`[data-index="${e}"] .nb-reorder-list__grab`))?.focus()}function T(e){S.value===e&&(S.value=null)}let E=(0,r.ref)(null),D=(0,r.ref)(null);function O(e,t){if(f.disabled||e.button!==0)return;let n=e.target,r=!!n.closest(`.nb-reorder-list__grab`);f.handle&&!r||!r&&n.closest(`button, a, input, select, textarea`)||(S.value=null,E.value=t,D.value=t,A(),window.addEventListener(`pointermove`,M),window.addEventListener(`pointerup`,N))}let k=null;function A(){typeof document>`u`||k!==null||(k=document.body.style.userSelect,document.body.style.userSelect=`none`,document.body.style.setProperty(`-webkit-user-select`,`none`))}function j(){typeof document>`u`||k===null||(document.body.style.userSelect=k,document.body.style.removeProperty(`-webkit-user-select`),k=null)}function M(e){if(E.value===null||!h.value)return;let t=[...h.value.querySelectorAll(`[data-index]`)],n=t.length;for(let r of t){let t=r.getBoundingClientRect();if(e.clientY<t.top+t.height/2){n=Number(r.dataset.index);break}}D.value=n}function N(){let e=E.value,t=D.value;P(),!(e===null||t===null)&&x(e,t>e?t-1:t,`pointer`)}function P(){j(),E.value=null,D.value=null,window.removeEventListener(`pointermove`,M),window.removeEventListener(`pointerup`,N)}return(0,r.onBeforeUnmount)(P),(n,d)=>((0,r.openBlock)(),(0,r.createElementBlock)(`ul`,{ref_key:`listRef`,ref:h,class:(0,r.normalizeClass)([`nb-reorder-list`,{"nb-reorder-list--dragging":E.value!==null}]),role:`list`,"aria-label":e.label||void 0,"aria-describedby":`${(0,r.unref)(m)}-hint`},[((0,r.openBlock)(!0),(0,r.createElementBlock)(r.Fragment,null,(0,r.renderList)(g.value,(a,l)=>((0,r.openBlock)(),(0,r.createElementBlock)(`li`,{key:_(a,l),class:(0,r.normalizeClass)([`nb-reorder-list__row`,{"nb-reorder-list__row--dragging":E.value===l,"nb-reorder-list__row--lifted":S.value===l,"nb-reorder-list__row--drop-before":D.value===l,"nb-reorder-list__row--drop-after":D.value===l+1&&l===g.value.length-1}]),"data-index":l,onPointerdown:e=>O(e,l)},[(0,r.createElementVNode)(`div`,{class:`nb-reorder-list__grab`,tabindex:e.disabled?-1:0,role:`button`,"aria-disabled":e.disabled||void 0,"aria-label":y(l),onKeydown:e=>C(e,l),onBlur:e=>T(l)},[(0,r.renderSlot)(n.$slots,`handle`,{item:a,index:l},()=>[(0,r.createVNode)(t.t,{class:`nb-reorder-list__grip`,name:(0,r.unref)(i.regular),size:16,"aria-hidden":`true`},null,8,[`name`])],!0)],40,s),(0,r.createElementVNode)(`div`,c,[(0,r.renderSlot)(n.$slots,`default`,{item:a,index:l},()=>[(0,r.createTextVNode)((0,r.toDisplayString)(a),1)],!0)])],42,o))),128)),(0,r.createElementVNode)(`li`,{id:`${(0,r.unref)(m)}-hint`,class:`nb-reorder-list__sr`},` Press Space or Enter to pick up, arrow keys to move, Space or Enter to drop, Escape to cancel. `,8,l),(0,r.createElementVNode)(`li`,u,(0,r.toDisplayString)(b.value),1)],10,a))}}),f=e.t(d,[[`__scopeId`,`data-v-c096ef43`]]);Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return f}});

package/dist/Shell-BzAv4AWb.cjs

@@ -1 +0,0 @@
-require(`./chunk-D-qHiVGv.cjs`);const e=require(`./_plugin-vue_export-helper-tagjRzOz.cjs`),t=require(`./composables/useSurfaceLayer.composable.cjs`),n=require(`./utils/slotContent.helper.cjs`),ee=require(`./composables/useShellSlot.composable.cjs`);let r=require(`vue`);var te=(0,r.defineComponent)({__name:`SurfaceLayerScope`,props:{level:{}},setup(e){let n=e;return(0,r.provide)(t.NB_LAYER_INJECTION_KEY,(0,r.computed)(()=>t.clampLayer(n.level))),(e,t)=>(0,r.renderSlot)(e.$slots,`default`)}}),ne=[`href`],re={class:`nb-shell__middle`},ie=[`id`,`aria-label`,`tabindex`,`inert`,`aria-hidden`],ae={class:`nb-shell__sidebar-logo`},oe={class:`nb-shell__sidebar-nav`},se={class:`nb-shell__sidebar-bottom`},ce={class:`nb-shell__right`},le={key:2,class:`nb-shell__menubar`},ue={key:3,class:`nb-shell__topbar`},de=[`aria-label`,`aria-expanded`,`aria-controls`],fe={class:`nb-shell__content-row`},pe=[`inert`,`aria-hidden`],me=[`aria-expanded`],he={class:`nb-shell__contextbar-toggle-glyph`,"aria-hidden":`true`},ge={class:`nb-shell__main-row`},_e=[`aria-label`],ve=[`id`],ye=[`aria-label`,`inert`,`aria-hidden`],be=[`aria-label`],xe=[`aria-label`,`aria-valuenow`,`aria-valuemax`],i=288,Se=16,Ce=64,we=(0,r.defineComponent)({__name:`Shell`,props:{inspectorVisible:{type:Boolean,default:!1},inspectorExpanded:{type:Boolean,default:!1},inspectorSize:{default:`md`},resizable:{type:Boolean,default:!1},inspectorWidth:{},mainPadding:{type:Boolean,default:!0},sidebarVariant:{default:`compact`},topbar:{default:`auto`},skipToContent:{type:Boolean,default:!0},skipToContentLabel:{default:`Skip to content`},mainId:{},sidebarLabel:{default:`Primary`},inspectorLabel:{default:`Inspector`},contextbarLabel:{default:`Browse`},collapseAt:{default:`md`},sidebarOpen:{type:Boolean},navToggleLabel:{default:`Navigation`},inspectorCloseLabel:{default:`Close inspector`}},emits:[`update:inspectorWidth`,`update:sidebarOpen`,`update:inspectorVisible`],setup(e,{expose:we,emit:a}){let Te=(0,r.useSlots)();function o(e){return n.hasSlotContent(Te,e)}let{registry:Ee,count:s,sharedCount:De,setElement:c}=ee.createShellSlotRegistry();(0,r.provide)(ee.NB_SHELL_SLOT_KEY,Ee);let l=new Map;function u(e){let t=l.get(e);return t||(t=t=>c(e,t??null),l.set(e,t)),t}function d(e){return o(e)||s(e)>0}function f(e){return De(e)>0?`nb-shell__region--ordered`:null}let p=(0,r.computed)(()=>{for(let e of[`sidebar-logo`,`sidebar-nav`,`sidebar-bottom`])if(o(e))return!0;return!1}),m=e,h=(0,r.ref)(!1),g=a,Oe={md:672,lg:1056},_=(0,r.ref)(typeof window<`u`?window.innerWidth:1/0);function v(e){let t=Oe[m.collapseAt];return t!=null&&e<t}let y=0;function b(){let e=window.innerWidth;v(e)!==v(_.value)&&(_.value=e)}function x(){y||=window.requestAnimationFrame(()=>{y=0,_.value=window.innerWidth})}function ke(){typeof window>`u`||(window.removeEventListener(`resize`,x),y&&=(window.cancelAnimationFrame(y),0))}function S(){typeof window>`u`||(_.value=window.innerWidth,window.addEventListener(`resize`,x,{passive:!0}))}let C=(0,r.computed)(()=>v(_.value)),w=(0,r.getCurrentInstance)()?.vnode.props??{};function T(e,t){return e in w||t in w}function Ae(e,t){if(e in w)return w[e];if(t in w)return w[t]}function E(e,t){return T(e,t)&&Ae(e,t)!==void 0}let D=E(`sidebarOpen`,`sidebar-open`),O=(0,r.ref)(!1);T(`sidebarOpen`,`sidebar-open`)&&!D&&(0,r.watch)(()=>m.sidebarOpen,e=>{O.value=e===!0});let k=(0,r.computed)(()=>D?m.sidebarOpen===!0:O.value),je=(0,r.useId)(),Me=(0,r.computed)(()=>`nb-shell-sidebar-${je}`),A=(0,r.ref)(null),j=(0,r.ref)(null),M=(0,r.computed)(()=>p.value&&C.value),N=(0,r.computed)(()=>p.value&&C.value&&!k.value);function P(e){D||(O.value=e),g(`update:sidebarOpen`,e)}function Ne(){if(p.value&&C.value&&k.value){P(!1);return}z.value&&B(!1)}(0,r.watch)(k,async e=>{C.value&&(await(0,r.nextTick)(),e?(j.value?.querySelector(`a[href], button:not([disabled]), [tabindex]:not([tabindex="-1"])`)??j.value)?.focus?.():A.value?.focus?.())}),(0,r.watch)(C,e=>{!e&&k.value&&P(!1)});let F=E(`inspectorVisible`,`inspector-visible`),I=(0,r.ref)(m.inspectorVisible===!0);T(`inspectorVisible`,`inspector-visible`)&&!F&&(0,r.watch)(()=>m.inspectorVisible,e=>{I.value=e===!0});let L=(0,r.ref)(!1),R=(0,r.computed)(()=>(F?m.inspectorVisible===!0:I.value)?!(C.value&&L.value):!1),z=(0,r.computed)(()=>C.value&&R.value);function B(e){F?L.value=!e:(I.value=e,L.value=!1),g(`update:inspectorVisible`,e)}(0,r.watch)(()=>m.inspectorVisible,e=>{e&&(L.value=!1)}),(0,r.watch)(C,e=>{e||(L.value=!1)});let V=(0,r.ref)(null),H=(0,r.ref)(null);(0,r.watch)(z,async e=>{if(e)H.value=document.activeElement??null,await(0,r.nextTick)(),V.value?.focus?.();else{let e=H.value;H.value=null,e?.isConnected&&(await(0,r.nextTick)(),e.focus?.())}});let U=(0,r.computed)(()=>z.value),W=(0,r.ref)(null),Pe=(0,r.useId)(),G=(0,r.computed)(()=>m.mainId||`nb-shell-main-${Pe}`);function Fe(){W.value?.focus()}let Ie=(0,r.computed)(()=>M.value||m.topbar===`always`?!0:m.topbar===`never`?!1:o(`topbar-left`)||o(`topbar-right`)||s(`topbar-left`)>0||s(`topbar-right`)>0),{layerProps:Le}=t.useSurfaceLayer(),{layerProps:Re}=t.useSurfaceLayer({level:0,probe:!1,provideContext:!1});(0,r.provide)(`nb-shell-sidebar-variant`,(0,r.toRef)(m,`sidebarVariant`));let K=(0,r.ref)(null),q=(0,r.ref)(!1);(0,r.onMounted)(()=>c(`inspector`,K.value)),(0,r.watch)(K,e=>c(`inspector`,e));let ze={lg:.5,xl:.75},Be={xs:288,sm:360,md:560},J=(0,r.computed)(()=>Number.isFinite(_.value)?_.value:1280),Y=(0,r.computed)(()=>Math.max(i,J.value*.5));function X(e){return Math.round(Math.max(i,Math.min(e,Y.value)))}let Ve=E(`inspectorWidth`,`inspector-width`),He=(0,r.ref)(null),Ue=(0,r.computed)(()=>Ve?m.inspectorWidth??null:He.value);function Z(e){Ve||(He.value=e),g(`update:inspectorWidth`,e)}let We=(0,r.computed)(()=>{let e=Ue.value;if(!(!m.resizable||!R.value||e==null))return{"--nb-shell-inspector-width":`${X(e)}px`}}),Q=(0,r.computed)(()=>{let e=Ue.value;if(e!=null)return X(e);if(m.inspectorExpanded)return Math.round(J.value*.5);let t=ze[m.inspectorSize],n=t==null?Be[m.inspectorSize]??i:J.value*t;return Math.round(m.inspectorSize===`xl`?n:Math.min(n,Y.value))}),Ge=(0,r.computed)(()=>Math.round(Math.max(Y.value,Q.value))),Ke=(0,r.computed)(()=>Q.value);function qe(){return Q.value}function Je(e){let t=K.value;if(!t)return;let n=t.getBoundingClientRect().right;Z(X(n-e.clientX))}function $(){q.value=!1,window.removeEventListener(`pointermove`,Je),window.removeEventListener(`pointerup`,$),window.removeEventListener(`pointercancel`,$)}function Ye(e){m.resizable&&(e.preventDefault(),q.value=!0,window.addEventListener(`pointermove`,Je),window.addEventListener(`pointerup`,$),window.addEventListener(`pointercancel`,$))}function Xe(){Z(null)}function Ze(e){if(!m.resizable)return;let t=e.shiftKey?Ce:Se,n;switch(e.key){case`ArrowLeft`:n=qe()+t;break;case`ArrowRight`:n=qe()-t;break;case`Home`:n=i;break;case`End`:n=Y.value;break;case`Enter`:case` `:n=null;break;default:return}e.preventDefault(),Z(n==null?null:X(n))}return(0,r.onMounted)(()=>{typeof window>`u`||(_.value=window.innerWidth,window.addEventListener(`resize`,b,{passive:!0}),m.resizable&&S())}),(0,r.watch)(()=>m.collapseAt,()=>{typeof window<`u`&&(_.value=window.innerWidth)}),(0,r.watch)(()=>m.resizable,e=>e?S():ke()),(0,r.onBeforeUnmount)(()=>{$(),ke(),typeof window<`u`&&window.removeEventListener(`resize`,b)}),we({mainEl:W,sidebarEl:j,inspectorEl:K,focusMain:()=>W.value?.focus(),setSidebarOpen:P,setInspectorVisible:B}),(t,n)=>((0,r.openBlock)(),(0,r.createElementBlock)(`div`,(0,r.mergeProps)({class:`nb-shell`},(0,r.unref)(Le),{class:[{"nb-shell--no-sidebar":!p.value},p.value?`nb-shell--sidebar-${e.sidebarVariant}`:null,{"nb-shell--collapsed":C.value,"nb-shell--drawer-open":C.value&&k.value}],onKeydown:(0,r.withKeys)(Ne,[`esc`])}),[e.skipToContent?((0,r.openBlock)(),(0,r.createElementBlock)(`a`,{key:0,class:`nb-shell__skip-link`,href:`#${G.value}`,onClick:Fe},(0,r.toDisplayString)(e.skipToContentLabel),9,ne)):(0,r.createCommentVNode)(``,!0),d(`outer-menu`)?((0,r.openBlock)(),(0,r.createElementBlock)(`div`,{key:1,ref:u(`outer-menu`),class:(0,r.normalizeClass)([`nb-shell__outer-menu`,f(`outer-menu`)])},[(0,r.renderSlot)(t.$slots,`outer-menu`,{},void 0,!0)],2)):(0,r.createCommentVNode)(``,!0),(0,r.createElementVNode)(`div`,re,[p.value?((0,r.openBlock)(),(0,r.createElementBlock)(`nav`,{key:0,id:Me.value,ref_key:`sidebarRef`,ref:j,class:`nb-shell__sidebar`,"aria-label":e.sidebarLabel,tabindex:C.value?-1:void 0,inert:N.value||void 0,"aria-hidden":N.value||void 0},[(0,r.createElementVNode)(`div`,ae,[(0,r.renderSlot)(t.$slots,`sidebar-logo`,{},void 0,!0)]),(0,r.createElementVNode)(`div`,oe,[(0,r.renderSlot)(t.$slots,`sidebar-nav`,{},void 0,!0)]),n[4]||=(0,r.createElementVNode)(`div`,{class:`nb-shell__sidebar-spacer`},null,-1),(0,r.createElementVNode)(`div`,se,[(0,r.renderSlot)(t.$slots,`sidebar-bottom`,{},void 0,!0)])],8,ie)):(0,r.createCommentVNode)(``,!0),p.value&&C.value&&k.value?((0,r.openBlock)(),(0,r.createElementBlock)(`div`,{key:1,class:`nb-shell__scrim`,onClick:n[0]||=e=>P(!1)})):(0,r.createCommentVNode)(``,!0),(0,r.createElementVNode)(`div`,ce,[d(`inner-menu`)?((0,r.openBlock)(),(0,r.createElementBlock)(`div`,{key:0,ref:u(`inner-menu`),class:(0,r.normalizeClass)([`nb-shell__inner-menu`,f(`inner-menu`)])},[(0,r.renderSlot)(t.$slots,`inner-menu`,{},void 0,!0)],2)):(0,r.createCommentVNode)(``,!0),d(`notification`)?((0,r.openBlock)(),(0,r.createElementBlock)(`div`,{key:1,ref:u(`notification`),class:(0,r.normalizeClass)([`nb-shell__notification`,f(`notification`)])},[(0,r.renderSlot)(t.$slots,`notification`,{},void 0,!0)],2)):(0,r.createCommentVNode)(``,!0),o(`menubar`)?((0,r.openBlock)(),(0,r.createElementBlock)(`div`,le,[(0,r.renderSlot)(t.$slots,`menubar`,{},void 0,!0)])):(0,r.createCommentVNode)(``,!0),Ie.value?((0,r.openBlock)(),(0,r.createElementBlock)(`div`,ue,[M.value?((0,r.openBlock)(),(0,r.createElementBlock)(`button`,{key:0,ref_key:`navToggleRef`,ref:A,type:`button`,class:`nb-shell__nav-toggle`,"aria-label":e.navToggleLabel,"aria-expanded":k.value,"aria-controls":Me.value,onClick:n[1]||=e=>P(!k.value)},[...n[5]||=[(0,r.createElementVNode)(`span`,{class:`nb-shell__nav-toggle-glyph`,"aria-hidden":`true`},[(0,r.createElementVNode)(`span`),(0,r.createElementVNode)(`span`),(0,r.createElementVNode)(`span`)],-1)]],8,de)):(0,r.createCommentVNode)(``,!0),(0,r.createElementVNode)(`div`,{ref:u(`topbar-left`),class:`nb-shell__topbar-left`},[(0,r.renderSlot)(t.$slots,`topbar-left`,{},void 0,!0)],512),(0,r.createElementVNode)(`div`,{ref:u(`topbar-right`),class:`nb-shell__topbar-right`},[(0,r.renderSlot)(t.$slots,`topbar-right`,{},void 0,!0)],512)])):(0,r.createCommentVNode)(``,!0),(0,r.createElementVNode)(`div`,fe,[(0,r.createElementVNode)(`div`,{class:`nb-shell__body`,inert:U.value||void 0,"aria-hidden":U.value||void 0},[d(`fixedbar`)?((0,r.openBlock)(),(0,r.createElementBlock)(`div`,{key:0,ref:u(`fixedbar`),class:`nb-shell__fixedbar`},[(0,r.renderSlot)(t.$slots,`fixedbar`,{},void 0,!0)],512)):(0,r.createCommentVNode)(``,!0),C.value&&d(`contextbar`)?((0,r.openBlock)(),(0,r.createElementBlock)(`button`,{key:1,type:`button`,class:`nb-shell__contextbar-toggle`,"aria-expanded":h.value,onClick:n[2]||=e=>h.value=!h.value},[(0,r.createElementVNode)(`span`,null,(0,r.toDisplayString)(e.contextbarLabel),1),(0,r.createElementVNode)(`span`,he,(0,r.toDisplayString)(h.value?`▾`:`▸`),1)],8,me)):(0,r.createCommentVNode)(``,!0),(0,r.createElementVNode)(`div`,ge,[d(`contextbar`)?(0,r.withDirectives)(((0,r.openBlock)(),(0,r.createElementBlock)(`aside`,{key:0,ref:u(`contextbar`),class:(0,r.normalizeClass)([`nb-shell__contextbar`,f(`contextbar`)]),"aria-label":e.contextbarLabel},[(0,r.renderSlot)(t.$slots,`contextbar`,{},void 0,!0)],10,_e)),[[r.vShow,!C.value||h.value]]):(0,r.createCommentVNode)(``,!0),(0,r.createElementVNode)(`main`,(0,r.mergeProps)({id:G.value,ref_key:`mainRef`,ref:W,tabindex:`-1`,class:[`nb-shell__main`,{"nb-shell__main--no-padding":!e.mainPadding}]},(0,r.unref)(Re)),[(0,r.createVNode)(te,{level:1},{default:(0,r.withCtx)(()=>[(0,r.renderSlot)(t.$slots,`default`,{},void 0,!0)]),_:3})],16,ve)]),d(`bottom`)?((0,r.openBlock)(),(0,r.createElementBlock)(`div`,{key:2,ref:u(`bottom`),class:`nb-shell__bottom`},[(0,r.renderSlot)(t.$slots,`bottom`,{},void 0,!0)],512)):(0,r.createCommentVNode)(``,!0)],8,pe),(0,r.createElementVNode)(`aside`,{ref_key:`inspectorRef`,ref:K,class:(0,r.normalizeClass)([`nb-shell__inspector`,{"nb-shell__inspector--visible":R.value,"nb-shell__inspector--expanded":R.value&&e.inspectorExpanded,[`nb-shell__inspector--${e.inspectorSize}`]:R.value,"nb-shell__inspector--resizing":q.value,"nb-shell__inspector--overlay":z.value}]),"aria-label":e.inspectorLabel,inert:!R.value||void 0,"aria-hidden":!R.value||void 0,style:(0,r.normalizeStyle)(We.value)},[z.value?((0,r.openBlock)(),(0,r.createElementBlock)(`button`,{key:0,ref_key:`inspectorDismissRef`,ref:V,type:`button`,class:`nb-shell__inspector-dismiss`,"aria-label":e.inspectorCloseLabel,onClick:n[3]||=e=>B(!1)},[...n[6]||=[(0,r.createElementVNode)(`span`,{class:`nb-shell__inspector-dismiss-glyph`,"aria-hidden":`true`},`×`,-1)]],8,be)):(0,r.createCommentVNode)(``,!0),e.resizable&&R.value&&!C.value?((0,r.openBlock)(),(0,r.createElementBlock)(`div`,{key:1,class:`nb-shell__inspector-resize`,role:`separator`,tabindex:`0`,"aria-orientation":`vertical`,"aria-label":`Resize ${e.inspectorLabel}`,"aria-valuenow":Ke.value,"aria-valuemin":i,"aria-valuemax":Ge.value,title:`Drag or use the arrow keys to resize, Enter or double-click to reset`,onPointerdown:Ye,onDblclick:Xe,onKeydown:Ze},null,40,xe)):(0,r.createCommentVNode)(``,!0),(0,r.renderSlot)(t.$slots,`inspector`,{},void 0,!0)],14,ye)])])])],16))}}),a=e.t(we,[[`__scopeId`,`data-v-2849726c`]]);Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return a}});