@museumwnf/viewer-layout 3.3.0 → 3.5.0

package/dist/GlossaryPopover-DcptyNWI.js

@@ -0,0 +1,654 @@
+import { Fragment as e, computed as t, createBlock as n, createCommentVNode as r, createElementBlock as i, createElementVNode as a, createTextVNode as o, createVNode as s, getCurrentInstance as c, mergeProps as l, normalizeClass as u, onBeforeUnmount as d, openBlock as f, ref as p, renderList as m, renderSlot as h, resolveDynamicComponent as g, toDisplayString as _, unref as v, useSlots as y, watch as b, withCtx as x, withModifiers as S } from "vue";
+import { useI18n as C } from "@museumwnf/viewer-core/i18n";
+import { sourceUrl as w } from "@museumwnf/viewer-core";
+import { useRoute as T } from "vue-router";
+//#region src/content/SmartLink.vue
+var E = [
+	"href",
+	"target",
+	"rel"
+], D = {
+	__name: "SmartLink",
+	props: {
+		to: {
+			type: [String, Object],
+			default: null
+		},
+		href: {
+			type: String,
+			default: ""
+		},
+		external: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	setup(e) {
+		let r = e, a = /^[a-z][a-z0-9+.-]*:/i, o = c()?.appContext.components.RouterLink ?? null, s = t(() => typeof r.to == "string" && a.test(r.to)), u = t(() => !!(r.to && o && !s.value)), d = t(() => r.href || (typeof r.to == "string" ? r.to : ""));
+		return (t, r) => u.value ? (f(), n(g(v(o)), l({
+			key: 0,
+			to: e.to
+		}, t.$attrs), {
+			default: x(() => [h(t.$slots, "default")]),
+			_: 3
+		}, 16, ["to"])) : (f(), i("a", l({
+			key: 1,
+			href: d.value || void 0,
+			target: e.external ? "_blank" : void 0,
+			rel: e.external ? "noopener" : void 0
+		}, t.$attrs), [h(t.$slots, "default")], 16, E));
+	}
+}, O = ["aria-busy"], k = {
+	key: 0,
+	class: "mwnf-list__status"
+}, ee = {
+	key: 1,
+	class: "mwnf-list__rows"
+}, te = { class: "mwnf-list__thumb" }, A = ["src", "alt"], j = { class: "mwnf-list__body" }, M = ["innerHTML"], N = {
+	key: 0,
+	class: "mwnf-list__meta"
+}, P = {
+	key: 0,
+	class: "mwnf-list__badge"
+}, F = {
+	key: 2,
+	class: "mwnf-list__empty"
+}, I = {
+	__name: "RecordList",
+	props: {
+		records: {
+			type: Array,
+			default: () => []
+		},
+		loading: {
+			type: Boolean,
+			default: !1
+		},
+		loadingText: {
+			type: String,
+			default: ""
+		}
+	},
+	setup(t) {
+		let n = !!y().empty;
+		return (o, c) => (f(), i("div", {
+			class: u(["mwnf-list", { "mwnf-list--loading": t.loading }]),
+			"aria-busy": t.loading ? "true" : void 0
+		}, [t.loading && t.loadingText ? (f(), i("p", k, _(t.loadingText), 1)) : t.records.length ? (f(), i("ul", ee, [(f(!0), i(e, null, m(t.records, (t) => (f(), i("li", {
+			key: t.id,
+			class: "mwnf-list__row"
+		}, [s(D, {
+			class: "mwnf-list__link",
+			to: t.to,
+			href: t.href
+		}, {
+			default: x(() => [a("span", te, [t.image ? (f(), i("img", {
+				key: 0,
+				src: t.image,
+				alt: t.imageAlt ?? "",
+				loading: "lazy"
+			}, null, 8, A)) : r("", !0)]), a("span", j, [a("span", {
+				class: "mwnf-list__name",
+				innerHTML: t.name
+			}, null, 8, M), t.meta?.length || t.badge ? (f(), i("span", N, [(f(!0), i(e, null, m(t.meta ?? [], (e, t) => (f(), i("span", {
+				key: t,
+				class: "mwnf-list__meta-item"
+			}, _(e), 1))), 128)), t.badge ? (f(), i("span", P, _(t.badge), 1)) : r("", !0)])) : r("", !0)])]),
+			_: 2
+		}, 1032, ["to", "href"])]))), 128))])) : v(n) ? (f(), i("div", F, [h(o.$slots, "empty")])) : r("", !0)], 10, O));
+	}
+}, L = ["aria-busy"], R = {
+	key: 0,
+	class: "mwnf-grid__status"
+}, z = {
+	key: 1,
+	class: "mwnf-grid__tiles"
+}, B = ["onMouseenter", "onFocusin"], V = { class: "mwnf-grid__media" }, H = ["src", "alt"], U = {
+	key: 1,
+	class: "mwnf-grid__image mwnf-grid__image--empty",
+	"aria-hidden": "true"
+}, W = { class: "mwnf-grid__card" }, G = ["src"], K = { class: "mwnf-grid__card-body" }, q = ["innerHTML"], J = {
+	key: 0,
+	class: "mwnf-grid__badge"
+}, Y = {
+	key: 2,
+	class: "mwnf-grid__empty"
+}, X = {
+	__name: "RecordGrid",
+	props: {
+		records: {
+			type: Array,
+			default: () => []
+		},
+		loading: {
+			type: Boolean,
+			default: !1
+		},
+		loadingText: {
+			type: String,
+			default: ""
+		},
+		actionLabel: {
+			type: String,
+			default: ""
+		},
+		dateCutoff: {
+			type: Number,
+			default: 80
+		}
+	},
+	setup(t) {
+		let n = t, c = !!y().empty, l = p(null);
+		function d(e) {
+			let t = String(e ?? "");
+			return t.length > n.dateCutoff ? `${t.slice(0, n.dateCutoff - 1)}[...]` : t;
+		}
+		return (n, p) => (f(), i("div", {
+			class: u(["mwnf-grid", { "mwnf-grid--loading": t.loading }]),
+			"aria-busy": t.loading ? "true" : void 0
+		}, [t.loading && t.loadingText ? (f(), i("p", R, _(t.loadingText), 1)) : t.records.length ? (f(), i("ul", z, [(f(!0), i(e, null, m(t.records, (n) => (f(), i("li", {
+			key: n.id,
+			class: u(["mwnf-grid__tile", { "mwnf-grid__tile--hover": l.value === n.id }]),
+			onMouseenter: (e) => l.value = n.id,
+			onMouseleave: p[0] ||= (e) => l.value = null,
+			onFocusin: (e) => l.value = n.id,
+			onFocusout: p[1] ||= (e) => l.value = null
+		}, [a("span", V, [n.image ? (f(), i("img", {
+			key: 0,
+			class: "mwnf-grid__image",
+			src: n.image,
+			alt: n.imageAlt ?? "",
+			loading: "lazy"
+		}, null, 8, H)) : (f(), i("span", U))]), a("div", W, [s(D, {
+			class: "mwnf-grid__card-media",
+			to: n.to,
+			href: n.href,
+			tabindex: "-1",
+			"aria-hidden": "true"
+		}, {
+			default: x(() => [n.image ? (f(), i("img", {
+				key: 0,
+				src: n.image,
+				alt: ""
+			}, null, 8, G)) : r("", !0)]),
+			_: 2
+		}, 1032, ["to", "href"]), a("div", K, [
+			a("p", {
+				class: "mwnf-grid__name",
+				innerHTML: n.name
+			}, null, 8, q),
+			(f(!0), i(e, null, m(n.meta ?? [], (e, t) => (f(), i("p", {
+				key: t,
+				class: "mwnf-grid__meta"
+			}, _(d(e)), 1))), 128)),
+			n.badge ? (f(), i("p", J, _(n.badge), 1)) : r("", !0),
+			s(D, {
+				class: "mwnf-grid__action",
+				to: n.to,
+				href: n.href
+			}, {
+				default: x(() => [o(_(t.actionLabel || n.name.replace(/<[^>]+>/g, "")) + " › ", 1)]),
+				_: 2
+			}, 1032, ["to", "href"])
+		])])], 42, B))), 128))])) : v(c) ? (f(), i("div", Y, [h(n.$slots, "empty")])) : r("", !0)], 10, L));
+	}
+}, Z = ["aria-label"], Q = [
+	"aria-pressed",
+	"lang",
+	"onClick"
+], ne = {
+	__name: "RecordLanguages",
+	props: {
+		languages: {
+			type: Array,
+			default: () => []
+		},
+		language: {
+			type: String,
+			default: ""
+		}
+	},
+	emits: ["select"],
+	setup(n, { emit: a }) {
+		let o = n, s = a, { t: c } = C(), l = t(() => o.languages.map((e) => typeof e == "string" ? {
+			code: e,
+			label: e.toUpperCase()
+		} : e));
+		return (t, a) => l.value.length > 1 ? (f(), i("div", {
+			key: 0,
+			class: "mwnf-languages",
+			role: "group",
+			"aria-label": v(c)("record.sheet.languages")
+		}, [(f(!0), i(e, null, m(l.value, (e) => (f(), i("button", {
+			key: e.code,
+			type: "button",
+			class: u(["mwnf-languages__button", { "mwnf-languages__button--active": e.code === n.language }]),
+			"aria-pressed": e.code === n.language ? "true" : "false",
+			lang: e.code,
+			onClick: (t) => s("select", e.code)
+		}, _(e.label), 11, Q))), 128))], 8, Z)) : r("", !0);
+	}
+}, re = ["dir"], ie = { key: 0 }, ae = {
+	class: "mwnf-sheet__label",
+	scope: "row"
+}, oe = { class: "mwnf-sheet__value" }, se = ["href"], ce = ["innerHTML"], le = {
+	key: 0,
+	class: "mwnf-sheet__row mwnf-sheet__row--short"
+}, ue = {
+	class: "mwnf-sheet__label",
+	scope: "row"
+}, de = ["aria-expanded"], fe = { class: "mwnf-sheet__value" }, pe = ["innerHTML"], me = { class: "mwnf-sheet__value" }, he = ["href"], ge = ["innerHTML"], _e = { class: "mwnf-sheet__label mwnf-sheet__label--short" }, ve = ["aria-expanded"], ye = { class: "mwnf-sheet__value" }, be = ["innerHTML"], xe = {
+	__name: "RecordSheet",
+	props: {
+		rows: {
+			type: Array,
+			default: () => []
+		},
+		layout: {
+			type: String,
+			default: "table"
+		},
+		dir: {
+			type: String,
+			default: ""
+		},
+		shortDescription: {
+			type: Object,
+			default: null
+		},
+		shortDescriptionAfter: {
+			type: String,
+			default: "description"
+		},
+		shortDescriptionOpen: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	setup(t) {
+		let o = t, { t: s } = C(), c = p(o.shortDescriptionOpen);
+		b(() => o.shortDescription, () => {
+			c.value = o.shortDescriptionOpen;
+		});
+		let l = (e) => e.render === "custom" || e.render === "link";
+		return (o, d) => (f(), i("div", {
+			class: u(["mwnf-sheet", `mwnf-sheet--${t.layout}`]),
+			dir: t.dir || void 0
+		}, [(f(), n(g(t.layout === "list" ? "dl" : "table"), { class: "mwnf-sheet__rows" }, {
+			default: x(() => [t.layout === "list" ? (f(!0), i(e, { key: 1 }, m(t.rows, (n) => (f(), i(e, { key: n.key }, [
+				a("dt", { class: u(["mwnf-sheet__label", `mwnf-sheet__label--${n.key}`]) }, _(n.label), 3),
+				a("dd", me, [l(n) ? h(o.$slots, n.key, { row: n }, () => [n.render === "link" ? (f(), i("a", {
+					key: 0,
+					href: n.value,
+					target: "_blank",
+					rel: "noopener"
+				}, _(n.value), 9, he)) : r("", !0)], void 0, 0) : (f(), i("span", {
+					key: 1,
+					class: u(`mwnf-sheet__${n.render}`),
+					innerHTML: n.html
+				}, null, 10, ge))]),
+				t.shortDescription && n.key === t.shortDescriptionAfter ? (f(), i(e, { key: 0 }, [a("dt", _e, [a("button", {
+					type: "button",
+					class: "mwnf-sheet__toggle",
+					"aria-expanded": c.value ? "true" : "false",
+					onClick: d[1] ||= (e) => c.value = !c.value
+				}, _(c.value ? v(s)("record.action.hideShortDescription") : v(s)("record.action.viewShortDescription")), 9, ve)]), a("dd", ye, [c.value ? (f(), i("div", {
+					key: 0,
+					class: "mwnf-sheet__block",
+					innerHTML: t.shortDescription.html
+				}, null, 8, be)) : r("", !0)])], 64)) : r("", !0)
+			], 64))), 128)) : (f(), i("tbody", ie, [(f(!0), i(e, null, m(t.rows, (n) => (f(), i(e, { key: n.key }, [a("tr", { class: u(["mwnf-sheet__row", `mwnf-sheet__row--${n.key}`]) }, [a("th", ae, _(n.label), 1), a("td", oe, [l(n) ? h(o.$slots, n.key, { row: n }, () => [n.render === "link" ? (f(), i("a", {
+				key: 0,
+				href: n.value,
+				target: "_blank",
+				rel: "noopener"
+			}, _(n.value), 9, se)) : r("", !0)], void 0, 0) : (f(), i("span", {
+				key: 1,
+				class: u(`mwnf-sheet__${n.render}`),
+				innerHTML: n.html
+			}, null, 10, ce))])], 2), t.shortDescription && n.key === t.shortDescriptionAfter ? (f(), i("tr", le, [a("th", ue, [a("button", {
+				type: "button",
+				class: "mwnf-sheet__toggle",
+				"aria-expanded": c.value ? "true" : "false",
+				onClick: d[0] ||= (e) => c.value = !c.value
+			}, _(c.value ? v(s)("record.action.hideShortDescription") : v(s)("record.action.viewShortDescription")), 9, de)]), a("td", fe, [c.value ? (f(), i("div", {
+				key: 0,
+				class: "mwnf-sheet__block",
+				innerHTML: t.shortDescription.html
+			}, null, 8, pe)) : r("", !0)])])) : r("", !0)], 64))), 128))]))]),
+			_: 3
+		}))], 10, re));
+	}
+}, Se = ["dir"], Ce = {
+	key: 0,
+	class: "mwnf-sheet-section__heading"
+}, we = ["innerHTML"], Te = {
+	__name: "SheetSection",
+	props: {
+		heading: {
+			type: String,
+			default: ""
+		},
+		html: {
+			type: String,
+			default: ""
+		},
+		dir: {
+			type: String,
+			default: ""
+		}
+	},
+	setup(e) {
+		return (t, n) => (f(), i("section", {
+			class: "mwnf-sheet-section",
+			dir: e.dir || void 0
+		}, [
+			e.heading ? (f(), i("h2", Ce, _(e.heading), 1)) : r("", !0),
+			e.html ? (f(), i("div", {
+				key: 1,
+				class: "mwnf-sheet-section__body mwnf-sheet__block",
+				innerHTML: e.html
+			}, null, 8, we)) : r("", !0),
+			h(t.$slots, "default")
+		], 8, Se));
+	}
+}, Ee = {
+	key: 0,
+	class: "mwnf-credits"
+}, De = {
+	key: 0,
+	class: "mwnf-credits__heading"
+}, Oe = {
+	key: 1,
+	class: "mwnf-credits__list"
+}, ke = { class: "mwnf-credits__label" }, Ae = { class: "mwnf-credits__value" }, je = {
+	key: 2,
+	class: "mwnf-credits__number"
+}, Me = {
+	key: 0,
+	class: "mwnf-credits__label"
+}, Ne = { class: "mwnf-credits__heading" }, Pe = { class: "mwnf-credits__citation" }, Fe = {
+	__name: "RecordCredits",
+	props: {
+		credits: {
+			type: Array,
+			default: () => []
+		},
+		workingNumber: {
+			type: String,
+			default: ""
+		},
+		workingNumberLabel: {
+			type: String,
+			default: ""
+		},
+		citation: {
+			type: String,
+			default: ""
+		},
+		heading: {
+			type: String,
+			default: ""
+		},
+		citationHeading: {
+			type: String,
+			default: ""
+		}
+	},
+	setup(n) {
+		let o = n, { t: s } = C(), c = t(() => o.credits.length > 0 || o.workingNumber || o.citation);
+		return (t, o) => c.value ? (f(), i("section", Ee, [
+			n.credits.length || n.workingNumber ? (f(), i("h2", De, _(n.heading || v(s)("record.sheet.credits")), 1)) : r("", !0),
+			n.credits.length ? (f(), i("dl", Oe, [(f(!0), i(e, null, m(n.credits, (t) => (f(), i(e, { key: t.label }, [a("dt", ke, _(t.label), 1), a("dd", Ae, _(t.value), 1)], 64))), 128))])) : r("", !0),
+			n.workingNumber ? (f(), i("p", je, [n.workingNumberLabel ? (f(), i("span", Me, _(n.workingNumberLabel), 1)) : r("", !0), a("strong", null, _(n.workingNumber), 1)])) : r("", !0),
+			n.citation ? (f(), i(e, { key: 3 }, [a("h2", Ne, _(n.citationHeading || v(s)("record.citation.heading")), 1), a("p", Pe, _(n.citation), 1)], 64)) : r("", !0)
+		])) : r("", !0);
+	}
+}, Ie = {
+	key: 0,
+	class: "mwnf-source-credit"
+}, Le = { class: "mwnf-source-credit__label" }, Re = ["href"], ze = {
+	__name: "SourceCredit",
+	props: {
+		route: {
+			type: [Object, String],
+			default: null
+		},
+		labelEntry: {
+			type: String,
+			default: "record.source.label"
+		}
+	},
+	setup(e) {
+		let n = e, { t: s } = C(), c = T(), l = t(() => w(n.route ?? c));
+		return (t, n) => l.value ? (f(), i("p", Ie, [
+			a("span", Le, _(v(s)(e.labelEntry)), 1),
+			n[0] ||= o(),
+			a("a", { href: l.value }, _(l.value), 9, Re)
+		])) : r("", !0);
+	}
+}, Be = {
+	key: 0,
+	class: "mwnf-related"
+}, Ve = {
+	key: 0,
+	class: "mwnf-related__heading"
+}, He = {
+	__name: "RelatedRecords",
+	props: {
+		heading: {
+			type: String,
+			default: ""
+		},
+		records: {
+			type: Array,
+			default: () => []
+		},
+		variant: {
+			type: String,
+			default: "list"
+		},
+		actionLabel: {
+			type: String,
+			default: ""
+		}
+	},
+	setup(e) {
+		return (t, a) => e.records.length || t.$slots.default ? (f(), i("section", Be, [
+			e.heading ? (f(), i("h2", Ve, _(e.heading), 1)) : r("", !0),
+			e.variant === "grid" ? (f(), n(X, {
+				key: 1,
+				records: e.records,
+				"action-label": e.actionLabel
+			}, null, 8, ["records", "action-label"])) : (f(), n(I, {
+				key: 2,
+				records: e.records
+			}, null, 8, ["records"])),
+			h(t.$slots, "default")
+		])) : r("", !0);
+	}
+}, Ue = ["src", "alt"], We = {
+	key: 0,
+	class: "mwnf-media__caption"
+}, Ge = { key: 0 }, Ke = {
+	key: 1,
+	class: "mwnf-media__credit"
+}, qe = {
+	key: 2,
+	class: "mwnf-media__credit"
+}, Je = ["src", "alt"], Ye = {
+	key: 0,
+	class: "mwnf-media__thumbs"
+}, Xe = [
+	"aria-pressed",
+	"title",
+	"onClick"
+], Ze = ["src", "alt"], Qe = {
+	key: 1,
+	class: "mwnf-media__caption"
+}, $e = { key: 0 }, et = {
+	key: 1,
+	class: "mwnf-media__credit"
+}, tt = ["aria-label"], $ = ["aria-label"], nt = ["src", "alt"], rt = ["aria-label"], it = {
+	__name: "MediaGallery",
+	props: {
+		images: {
+			type: Array,
+			default: () => []
+		},
+		start: {
+			type: Number,
+			default: 0
+		},
+		variant: {
+			type: String,
+			default: ""
+		}
+	},
+	setup(n) {
+		let o = n, { t: s } = C(), c = p(Math.min(o.start, Math.max(0, o.images.length - 1)));
+		b(() => o.images, () => {
+			c.value = 0;
+		});
+		let l = t(() => o.images[c.value] ?? null), h = t(() => {
+			let e = [];
+			return l.value?.photographer && e.push(`${s("record.media.photograph")}: ${l.value.photographer}`), l.value?.copyright && e.push(`© ${l.value.copyright}`), e.join(" — ");
+		}), g = p(!1), y = null, x = p(null);
+		function w(e) {
+			c.value = (e + o.images.length) % o.images.length;
+		}
+		function T() {
+			l.value && (y = document.activeElement, g.value = !0, document.addEventListener("keydown", D), requestAnimationFrame(() => x.value?.focus?.()));
+		}
+		function E() {
+			g.value = !1, document.removeEventListener("keydown", D), y?.focus?.(), y = null;
+		}
+		function D(e) {
+			e.key === "Escape" ? E() : e.key === "ArrowRight" ? w(c.value + 1) : e.key === "ArrowLeft" && w(c.value - 1);
+		}
+		return d(() => document.removeEventListener("keydown", D)), (t, o) => n.images.length ? (f(), i("div", {
+			key: 0,
+			class: u(["mwnf-media", n.variant ? `mwnf-media--${n.variant}` : ""])
+		}, [n.variant === "row" ? (f(!0), i(e, { key: 0 }, m(n.images, (e, t) => (f(), i("figure", {
+			key: e.url ?? t,
+			class: "mwnf-media__figure"
+		}, [a("img", {
+			class: "mwnf-media__image",
+			src: e.url,
+			alt: e.alt ?? "",
+			loading: "lazy"
+		}, null, 8, Ue), e.caption || e.photographer || e.copyright ? (f(), i("figcaption", We, [
+			e.caption ? (f(), i("span", Ge, _(e.caption), 1)) : r("", !0),
+			e.photographer ? (f(), i("span", Ke, _(v(s)("record.media.photograph")) + ": " + _(e.photographer), 1)) : r("", !0),
+			e.copyright ? (f(), i("span", qe, "© " + _(e.copyright), 1)) : r("", !0)
+		])) : r("", !0)]))), 128)) : (f(), i(e, { key: 1 }, [
+			a("button", {
+				type: "button",
+				class: "mwnf-media__main",
+				onClick: T
+			}, [a("img", {
+				class: "mwnf-media__image",
+				src: l.value.url,
+				alt: l.value.alt ?? ""
+			}, null, 8, Je)]),
+			n.images.length > 1 ? (f(), i("ul", Ye, [(f(!0), i(e, null, m(n.images, (e, t) => (f(), i("li", { key: e.url ?? t }, [a("button", {
+				type: "button",
+				class: u(["mwnf-media__thumb", { "mwnf-media__thumb--active": t === c.value }]),
+				"aria-pressed": t === c.value ? "true" : "false",
+				title: [e.photographer, e.copyright].filter(Boolean).join(" — ") || void 0,
+				onClick: (e) => w(t)
+			}, [a("img", {
+				src: e.url,
+				alt: e.alt ?? "",
+				loading: "lazy"
+			}, null, 8, Ze)], 10, Xe)]))), 128))])) : r("", !0),
+			l.value.caption || h.value ? (f(), i("p", Qe, [l.value.caption ? (f(), i("span", $e, _(l.value.caption), 1)) : r("", !0), h.value ? (f(), i("span", et, _(h.value), 1)) : r("", !0)])) : r("", !0),
+			g.value ? (f(), i("div", {
+				key: 2,
+				class: "mwnf-lightbox",
+				role: "dialog",
+				"aria-modal": "true",
+				onClick: S(E, ["self"])
+			}, [
+				a("button", {
+					ref_key: "closeButton",
+					ref: x,
+					type: "button",
+					class: "mwnf-lightbox__close",
+					"aria-label": v(s)("core.action.close"),
+					onClick: E
+				}, "✕", 8, tt),
+				n.images.length > 1 ? (f(), i("button", {
+					key: 0,
+					type: "button",
+					class: "mwnf-lightbox__control mwnf-lightbox__control--previous",
+					"aria-label": v(s)("core.pagination.previous"),
+					onClick: o[0] ||= S((e) => w(c.value - 1), ["stop"])
+				}, "‹", 8, $)) : r("", !0),
+				a("img", {
+					class: "mwnf-lightbox__image",
+					src: l.value.url,
+					alt: l.value.alt ?? ""
+				}, null, 8, nt),
+				n.images.length > 1 ? (f(), i("button", {
+					key: 1,
+					type: "button",
+					class: "mwnf-lightbox__control mwnf-lightbox__control--next",
+					"aria-label": v(s)("core.pagination.next"),
+					onClick: o[1] ||= S((e) => w(c.value + 1), ["stop"])
+				}, "›", 8, rt)) : r("", !0)
+			])) : r("", !0)
+		], 64))], 2)) : r("", !0);
+	}
+}, at = ["aria-label", "dir"], ot = { class: "mwnf-popover__title" }, st = ["aria-label"], ct = { class: "mwnf-popover__body" }, lt = { class: "mwnf-popover__term" }, ut = ["innerHTML"], dt = {
+	key: 1,
+	class: "mwnf-popover__definition"
+}, ft = {
+	__name: "GlossaryPopover",
+	props: {
+		term: {
+			type: Object,
+			default: null
+		},
+		html: {
+			type: String,
+			default: ""
+		},
+		dir: {
+			type: String,
+			default: ""
+		}
+	},
+	emits: ["close"],
+	setup(e, { emit: t }) {
+		let n = e, o = t, { t: s } = C(), c = p(null), l = null;
+		function u() {
+			o("close");
+		}
+		function m(e) {
+			e.key === "Escape" && u();
+		}
+		return b(() => n.term, (e, t) => {
+			e && !t ? (l = document.activeElement, document.addEventListener("keydown", m), requestAnimationFrame(() => c.value?.focus?.())) : !e && t && (document.removeEventListener("keydown", m), l?.focus?.(), l = null);
+		}, { immediate: !0 }), d(() => document.removeEventListener("keydown", m)), (t, n) => e.term ? (f(), i("aside", {
+			key: 0,
+			class: "mwnf-popover",
+			role: "dialog",
+			"aria-label": v(s)("record.glossary.heading"),
+			dir: e.dir || void 0
+		}, [a("div", ot, [a("span", null, _(v(s)("record.glossary.heading")), 1), a("button", {
+			ref_key: "closeButton",
+			ref: c,
+			type: "button",
+			class: "mwnf-popover__close",
+			"aria-label": v(s)("record.glossary.close"),
+			onClick: u
+		}, "✕", 8, st)]), a("div", ct, [a("p", lt, _(e.term.spelling || e.term.word), 1), e.html ? (f(), i("div", {
+			key: 0,
+			class: "mwnf-popover__definition mwnf-sheet__block",
+			innerHTML: e.html
+		}, null, 8, ut)) : e.term.definition ? (f(), i("p", dt, _(e.term.definition), 1)) : r("", !0)])], 8, at)) : r("", !0);
+	}
+};
+//#endregion
+export { Fe as a, ne as c, D as d, ze as i, X as l, it as n, Te as o, He as r, xe as s, ft as t, I as u };