@nubisco/ui 5.26.0 → 5.27.0

package/dist/Shell-C9DK_Phw.js

@@ -1,487 +0,0 @@
-import { t as e } from "./_plugin-vue_export-helper-O4QQSku4.js";
-import { NB_LAYER_INJECTION_KEY as t, clampLayer as n, useSurfaceLayer as r } from "./composables/useSurfaceLayer.composable.mjs";
-import { hasSlotContent as ee } from "./utils/slotContent.helper.mjs";
-import { NB_SHELL_SLOT_KEY as te, createShellSlotRegistry as ne } from "./composables/useShellSlot.composable.mjs";
-import { NB_SHELL_LAYOUT_KEY as re } from "./composables/useShellLayout.composable.mjs";
-import { computed as i, createCommentVNode as a, createElementBlock as o, createElementVNode as s, createVNode as ie, defineComponent as c, getCurrentInstance as ae, mergeProps as oe, nextTick as l, normalizeClass as u, normalizeStyle as se, onBeforeUnmount as ce, onMounted as le, openBlock as d, provide as f, ref as p, renderSlot as m, toDisplayString as h, toRef as ue, unref as de, useId as fe, useSlots as pe, vShow as me, watch as g, withCtx as he, withDirectives as ge, withKeys as _e } from "vue";
-//#endregion
-//#region src/components/SurfaceLayerScope.vue
-var ve = /* @__PURE__ */ c({
-	__name: "SurfaceLayerScope",
-	props: { level: {} },
-	setup(e) {
-		let r = e;
-		return f(t, i(() => n(r.level))), (e, t) => m(e.$slots, "default");
-	}
-}), ye = ["href"], be = { class: "nb-shell__middle" }, xe = [
-	"id",
-	"aria-label",
-	"tabindex",
-	"inert",
-	"aria-hidden"
-], Se = { class: "nb-shell__sidebar-logo" }, Ce = { class: "nb-shell__sidebar-nav" }, we = { class: "nb-shell__sidebar-bottom" }, Te = { class: "nb-shell__right" }, Ee = {
-	key: 2,
-	class: "nb-shell__menubar"
-}, De = {
-	key: 3,
-	class: "nb-shell__topbar"
-}, Oe = [
-	"aria-label",
-	"aria-expanded",
-	"aria-controls"
-], ke = { class: "nb-shell__content-row" }, Ae = ["inert", "aria-hidden"], je = ["aria-expanded"], Me = {
-	class: "nb-shell__contextbar-toggle-glyph",
-	"aria-hidden": "true"
-}, Ne = { class: "nb-shell__main-row" }, Pe = ["aria-label"], Fe = ["id"], Ie = [
-	"aria-label",
-	"inert",
-	"aria-hidden"
-], Le = ["aria-label"], Re = [
-	"aria-label",
-	"aria-valuenow",
-	"aria-valuemax"
-], ze = "(pointer: coarse) and (hover: none) and (max-height: 500px)", Be = "a[href], [role=\"menuitem\"]", _ = 288, Ve = 16, He = 64, v = /* @__PURE__ */ e(/* @__PURE__ */ c({
-	__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: t, emit: n }) {
-		let c = pe();
-		function v(e) {
-			return ee(c, e);
-		}
-		let { registry: Ue, count: y, sharedCount: We, setElement: b } = ne();
-		f(te, Ue);
-		let Ge = /* @__PURE__ */ new Map();
-		function x(e) {
-			let t = Ge.get(e);
-			return t || (t = (t) => b(e, t ?? null), Ge.set(e, t)), t;
-		}
-		function S(e) {
-			return v(e) || y(e) > 0;
-		}
-		function C(e) {
-			return We(e) > 0 ? "nb-shell__region--ordered" : null;
-		}
-		let w = i(() => {
-			for (let e of [
-				"sidebar-logo",
-				"sidebar-nav",
-				"sidebar-bottom"
-			]) if (v(e)) return !0;
-			return !1;
-		}), T = e, E = p(!1), D = n, Ke = {
-			md: 672,
-			lg: 1056
-		}, O = p(typeof window < "u" ? window.innerWidth : Infinity);
-		function k(e) {
-			let t = Ke[T.collapseAt];
-			return t != null && e < t;
-		}
-		let A = 0;
-		function qe() {
-			let e = window.innerWidth;
-			k(e) !== k(O.value) && (O.value = e);
-		}
-		function Je() {
-			A ||= window.requestAnimationFrame(() => {
-				A = 0, O.value = window.innerWidth;
-			});
-		}
-		function Ye() {
-			typeof window > "u" || (window.removeEventListener("resize", Je), A &&= (window.cancelAnimationFrame(A), 0));
-		}
-		function Xe() {
-			typeof window > "u" || (O.value = window.innerWidth, window.addEventListener("resize", Je, { passive: !0 }));
-		}
-		let j = typeof window < "u" && typeof window.matchMedia == "function" ? window.matchMedia(ze) : null, M = p(j?.matches === !0);
-		function N(e) {
-			M.value = e.matches;
-		}
-		let P = i(() => k(O.value) || T.collapseAt !== "none" && M.value), F = ae()?.vnode.props ?? {};
-		function I(e, t) {
-			return e in F || t in F;
-		}
-		function Ze(e, t) {
-			if (e in F) return F[e];
-			if (t in F) return F[t];
-		}
-		function L(e, t) {
-			return I(e, t) && Ze(e, t) !== void 0;
-		}
-		let R = L("sidebarOpen", "sidebar-open"), z = p(!1);
-		I("sidebarOpen", "sidebar-open") && !R && g(() => T.sidebarOpen, (e) => {
-			z.value = e === !0;
-		});
-		let B = i(() => R ? T.sidebarOpen === !0 : z.value), Qe = fe(), $e = i(() => `nb-shell-sidebar-${Qe}`), et = p(null), V = p(null), tt = i(() => w.value && P.value), nt = i(() => w.value && P.value && !B.value);
-		function H(e) {
-			R || (z.value = e), D("update:sidebarOpen", e);
-		}
-		function rt(e) {
-			if (!e.defaultPrevented) {
-				if (w.value && P.value && B.value) {
-					H(!1);
-					return;
-				}
-				q.value && J(!1);
-			}
-		}
-		function it(e, t) {
-			let n = e.target, r = n?.closest?.(Be);
-			if (!r || !t?.contains(r)) return !1;
-			let ee = r.getAttribute("aria-haspopup");
-			return !(ee != null && ee !== "false" || r.hasAttribute("aria-expanded") || r.getAttribute("aria-disabled") === "true" || n?.closest?.("[data-nb-keep-open]"));
-		}
-		function at(e) {
-			!P.value || !B.value || it(e, V.value) && H(!1);
-		}
-		function ot(e) {
-			!P.value || !E.value || it(e, e.currentTarget) && (E.value = !1);
-		}
-		function st(e) {
-			E.value = e;
-		}
-		g(B, async (e) => {
-			P.value && (await l(), e ? (V.value?.querySelector("a[href], button:not([disabled]), [tabindex]:not([tabindex=\"-1\"])") ?? V.value)?.focus?.() : et.value?.focus?.());
-		}), g(P, (e) => {
-			!e && B.value && H(!1);
-		});
-		let U = L("inspectorVisible", "inspector-visible"), W = p(T.inspectorVisible === !0);
-		I("inspectorVisible", "inspector-visible") && !U && g(() => T.inspectorVisible, (e) => {
-			W.value = e === !0;
-		});
-		let G = p(!1), K = i(() => (U ? T.inspectorVisible === !0 : W.value) ? !(P.value && G.value) : !1), q = i(() => P.value && K.value);
-		function J(e) {
-			U ? G.value = !e : (W.value = e, G.value = !1), D("update:inspectorVisible", e);
-		}
-		g(() => T.inspectorVisible, (e) => {
-			e && (G.value = !1);
-		}), g(P, (e) => {
-			e || (G.value = !1);
-		});
-		let ct = p(null), lt = p(null);
-		g(q, async (e) => {
-			if (e) lt.value = document.activeElement ?? null, await l(), ct.value?.focus?.();
-			else {
-				let e = lt.value;
-				lt.value = null, e?.isConnected && (await l(), e.focus?.());
-			}
-		}), g(q, (e) => {
-			e && w.value && B.value && H(!1);
-		});
-		function ut() {
-			J(!1);
-		}
-		f(re, {
-			collapsed: P,
-			inspectorOverlay: q
-		});
-		let dt = i(() => q.value), Y = p(null), ft = fe(), pt = i(() => T.mainId || `nb-shell-main-${ft}`);
-		function mt() {
-			Y.value?.focus();
-		}
-		let ht = i(() => tt.value || T.topbar === "always" ? !0 : T.topbar === "never" ? !1 : v("topbar-left") || v("topbar-right") || y("topbar-left") > 0 || y("topbar-right") > 0), { layerProps: gt } = r(), { layerProps: _t } = r({
-			level: 0,
-			probe: !1,
-			provideContext: !1
-		});
-		f("nb-shell-sidebar-variant", ue(T, "sidebarVariant"));
-		let X = p(null), vt = p(!1);
-		le(() => b("inspector", X.value)), g(X, (e) => b("inspector", e));
-		let yt = {
-			lg: .5,
-			xl: .75
-		}, bt = {
-			xs: 288,
-			sm: 360,
-			md: 560
-		}, xt = i(() => Number.isFinite(O.value) ? O.value : 1280), Z = i(() => Math.max(_, xt.value * .5));
-		function Q(e) {
-			return Math.round(Math.max(_, Math.min(e, Z.value)));
-		}
-		let St = L("inspectorWidth", "inspector-width"), Ct = p(null), wt = i(() => St ? T.inspectorWidth ?? null : Ct.value);
-		function Tt(e) {
-			St || (Ct.value = e), D("update:inspectorWidth", e);
-		}
-		let Et = i(() => {
-			let e = wt.value;
-			if (!(!T.resizable || !K.value || e == null)) return { "--nb-shell-inspector-width": `${Q(e)}px` };
-		}), Dt = i(() => {
-			let e = wt.value;
-			if (e != null) return Q(e);
-			if (T.inspectorExpanded) return Math.round(xt.value * .5);
-			let t = yt[T.inspectorSize], n = t == null ? bt[T.inspectorSize] ?? _ : xt.value * t;
-			return Math.round(T.inspectorSize === "xl" ? n : Math.min(n, Z.value));
-		}), Ot = i(() => Math.round(Math.max(Z.value, Dt.value))), kt = i(() => Dt.value);
-		function At() {
-			return Dt.value;
-		}
-		function jt(e) {
-			let t = X.value;
-			if (!t) return;
-			let n = t.getBoundingClientRect().right;
-			Tt(Q(n - e.clientX));
-		}
-		function $() {
-			vt.value = !1, window.removeEventListener("pointermove", jt), window.removeEventListener("pointerup", $), window.removeEventListener("pointercancel", $);
-		}
-		function Mt(e) {
-			T.resizable && (e.preventDefault(), vt.value = !0, window.addEventListener("pointermove", jt), window.addEventListener("pointerup", $), window.addEventListener("pointercancel", $));
-		}
-		function Nt() {
-			Tt(null);
-		}
-		function Pt(e) {
-			if (!T.resizable) return;
-			let t = e.shiftKey ? He : Ve, n;
-			switch (e.key) {
-				case "ArrowLeft":
-					n = At() + t;
-					break;
-				case "ArrowRight":
-					n = At() - t;
-					break;
-				case "Home":
-					n = _;
-					break;
-				case "End":
-					n = Z.value;
-					break;
-				case "Enter":
-				case " ":
-					n = null;
-					break;
-				default: return;
-			}
-			e.preventDefault(), Tt(n == null ? null : Q(n));
-		}
-		return le(() => {
-			typeof window > "u" || (O.value = window.innerWidth, window.addEventListener("resize", qe, { passive: !0 }), T.resizable && Xe(), j && (M.value = j.matches, typeof j.addEventListener == "function" ? j.addEventListener("change", N) : j.addListener?.(N)));
-		}), g(() => T.collapseAt, () => {
-			typeof window < "u" && (O.value = window.innerWidth);
-		}), g(() => T.resizable, (e) => e ? Xe() : Ye()), ce(() => {
-			$(), Ye(), typeof window < "u" && window.removeEventListener("resize", qe), j && (typeof j.removeEventListener == "function" ? j.removeEventListener("change", N) : j.removeListener?.(N));
-		}), t({
-			mainEl: Y,
-			sidebarEl: V,
-			inspectorEl: X,
-			focusMain: () => Y.value?.focus(),
-			setSidebarOpen: H,
-			setInspectorVisible: J,
-			collapsed: P,
-			inspectorOverlay: q,
-			setContextbarOpen: st
-		}), (t, n) => (d(), o("div", oe({ class: "nb-shell" }, de(gt), {
-			class: [
-				{ "nb-shell--no-sidebar": !w.value },
-				w.value ? `nb-shell--sidebar-${e.sidebarVariant}` : null,
-				{
-					"nb-shell--collapsed": P.value,
-					"nb-shell--drawer-open": P.value && B.value
-				}
-			],
-			onKeydown: _e(rt, ["esc"])
-		}), [
-			e.skipToContent ? (d(), o("a", {
-				key: 0,
-				class: "nb-shell__skip-link",
-				href: `#${pt.value}`,
-				onClick: mt
-			}, h(e.skipToContentLabel), 9, ye)) : a("", !0),
-			S("outer-menu") ? (d(), o("div", {
-				key: 1,
-				ref: x("outer-menu"),
-				class: u(["nb-shell__outer-menu", C("outer-menu")])
-			}, [m(t.$slots, "outer-menu", {}, void 0, !0)], 2)) : a("", !0),
-			s("div", be, [
-				w.value ? (d(), o("nav", {
-					key: 0,
-					id: $e.value,
-					ref_key: "sidebarRef",
-					ref: V,
-					class: "nb-shell__sidebar",
-					"aria-label": e.sidebarLabel,
-					tabindex: P.value ? -1 : void 0,
-					inert: nt.value || void 0,
-					"aria-hidden": nt.value || void 0,
-					onClickCapture: at
-				}, [
-					s("div", Se, [m(t.$slots, "sidebar-logo", {}, void 0, !0)]),
-					s("div", Ce, [m(t.$slots, "sidebar-nav", {}, void 0, !0)]),
-					n[4] ||= s("div", { class: "nb-shell__sidebar-spacer" }, null, -1),
-					s("div", we, [m(t.$slots, "sidebar-bottom", {}, void 0, !0)])
-				], 40, xe)) : a("", !0),
-				w.value && P.value && B.value ? (d(), o("div", {
-					key: 1,
-					class: "nb-shell__scrim",
-					onClick: n[0] ||= (e) => H(!1)
-				})) : a("", !0),
-				s("div", Te, [
-					S("inner-menu") ? (d(), o("div", {
-						key: 0,
-						ref: x("inner-menu"),
-						class: u(["nb-shell__inner-menu", C("inner-menu")])
-					}, [m(t.$slots, "inner-menu", {}, void 0, !0)], 2)) : a("", !0),
-					S("notification") ? (d(), o("div", {
-						key: 1,
-						ref: x("notification"),
-						class: u(["nb-shell__notification", C("notification")])
-					}, [m(t.$slots, "notification", {}, void 0, !0)], 2)) : a("", !0),
-					v("menubar") ? (d(), o("div", Ee, [m(t.$slots, "menubar", {}, void 0, !0)])) : a("", !0),
-					ht.value ? (d(), o("div", De, [
-						tt.value ? (d(), o("button", {
-							key: 0,
-							ref_key: "navToggleRef",
-							ref: et,
-							type: "button",
-							class: "nb-shell__nav-toggle",
-							"aria-label": e.navToggleLabel,
-							"aria-expanded": B.value,
-							"aria-controls": $e.value,
-							onClick: n[1] ||= (e) => H(!B.value)
-						}, [...n[5] ||= [s("span", {
-							class: "nb-shell__nav-toggle-glyph",
-							"aria-hidden": "true"
-						}, [
-							s("span"),
-							s("span"),
-							s("span")
-						], -1)]], 8, Oe)) : a("", !0),
-						s("div", {
-							ref: x("topbar-left"),
-							class: "nb-shell__topbar-left"
-						}, [m(t.$slots, "topbar-left", {}, void 0, !0)], 512),
-						s("div", {
-							ref: x("topbar-right"),
-							class: "nb-shell__topbar-right"
-						}, [m(t.$slots, "topbar-right", {}, void 0, !0)], 512)
-					])) : a("", !0),
-					s("div", ke, [s("div", {
-						class: "nb-shell__body",
-						inert: dt.value || void 0,
-						"aria-hidden": dt.value || void 0
-					}, [
-						S("fixedbar") ? (d(), o("div", {
-							key: 0,
-							ref: x("fixedbar"),
-							class: "nb-shell__fixedbar"
-						}, [m(t.$slots, "fixedbar", {}, void 0, !0)], 512)) : a("", !0),
-						P.value && S("contextbar") ? (d(), o("button", {
-							key: 1,
-							type: "button",
-							class: "nb-shell__contextbar-toggle",
-							"aria-expanded": E.value,
-							onClick: n[2] ||= (e) => E.value = !E.value
-						}, [s("span", null, h(e.contextbarLabel), 1), s("span", Me, h(E.value ? "▾" : "▸"), 1)], 8, je)) : a("", !0),
-						s("div", Ne, [S("contextbar") ? ge((d(), o("aside", {
-							key: 0,
-							ref: x("contextbar"),
-							class: u(["nb-shell__contextbar", C("contextbar")]),
-							"aria-label": e.contextbarLabel,
-							onClickCapture: ot
-						}, [m(t.$slots, "contextbar", {}, void 0, !0)], 42, Pe)), [[me, !P.value || E.value]]) : a("", !0), s("main", oe({
-							id: pt.value,
-							ref_key: "mainRef",
-							ref: Y,
-							tabindex: "-1",
-							class: ["nb-shell__main", { "nb-shell__main--no-padding": !e.mainPadding }]
-						}, de(_t)), [ie(ve, { level: 1 }, {
-							default: he(() => [m(t.$slots, "default", {}, void 0, !0)]),
-							_: 3
-						})], 16, Fe)]),
-						S("bottom") ? (d(), o("div", {
-							key: 2,
-							ref: x("bottom"),
-							class: "nb-shell__bottom"
-						}, [m(t.$slots, "bottom", {}, void 0, !0)], 512)) : a("", !0)
-					], 8, Ae), s("aside", {
-						ref_key: "inspectorRef",
-						ref: X,
-						class: u(["nb-shell__inspector", {
-							"nb-shell__inspector--visible": K.value,
-							"nb-shell__inspector--expanded": K.value && e.inspectorExpanded,
-							[`nb-shell__inspector--${e.inspectorSize}`]: K.value,
-							"nb-shell__inspector--resizing": vt.value,
-							"nb-shell__inspector--overlay": q.value
-						}]),
-						"aria-label": e.inspectorLabel,
-						inert: !K.value || void 0,
-						"aria-hidden": !K.value || void 0,
-						style: se(Et.value)
-					}, [
-						q.value ? (d(), o("button", {
-							key: 0,
-							ref_key: "inspectorDismissRef",
-							ref: ct,
-							type: "button",
-							class: "nb-shell__inspector-dismiss",
-							"aria-label": e.inspectorCloseLabel,
-							onClick: n[3] ||= (e) => J(!1)
-						}, [...n[6] ||= [s("span", {
-							class: "nb-shell__inspector-dismiss-glyph",
-							"aria-hidden": "true"
-						}, "×", -1)]], 8, Le)) : a("", !0),
-						e.resizable && K.value && !P.value ? (d(), o("div", {
-							key: 1,
-							class: "nb-shell__inspector-resize",
-							role: "separator",
-							tabindex: "0",
-							"aria-orientation": "vertical",
-							"aria-label": `Resize ${e.inspectorLabel}`,
-							"aria-valuenow": kt.value,
-							"aria-valuemin": _,
-							"aria-valuemax": Ot.value,
-							title: "Drag or use the arrow keys to resize, Enter or double-click to reset",
-							onPointerdown: Mt,
-							onDblclick: Nt,
-							onKeydown: Pt
-						}, null, 40, Re)) : a("", !0),
-						m(t.$slots, "inspector", {
-							overlay: q.value,
-							close: ut
-						}, void 0, !0)
-					], 14, Ie)])
-				])
-			])
-		], 16));
-	}
-}), [["__scopeId", "data-v-45576875"]]);
-//#endregion
-export { v as t };