@museumwnf/viewer-layout 2.12.0

package/dist/TimelineEventList-59g_1ksf.js

@@ -0,0 +1,1174 @@
+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, useId as y, useSlots as b, vModelText as x, watch as S, withCtx as C, withDirectives as w, withKeys as T, withModifiers as E } from "vue";
+import { useI18n as D } from "@museumwnf/viewer-core/i18n";
+import { mdInline as O, sourceUrl as ee } from "@museumwnf/viewer-core";
+import { useRoute as te } from "vue-router";
+//#region src/content/SmartLink.vue
+var ne = [
+	"href",
+	"target",
+	"rel"
+], k = {
+	__name: "SmartLink",
+	props: {
+		to: {
+			type: [String, Object],
+			default: null
+		},
+		href: {
+			type: String,
+			default: ""
+		},
+		external: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	setup(e) {
+		let r = e, a = c()?.appContext.components.RouterLink ?? null, o = t(() => !!(r.to && a)), s = t(() => r.href || (typeof r.to == "string" ? r.to : ""));
+		return (t, r) => o.value ? (f(), n(g(v(a)), l({
+			key: 0,
+			to: e.to
+		}, t.$attrs), {
+			default: C(() => [h(t.$slots, "default")]),
+			_: 3
+		}, 16, ["to"])) : (f(), i("a", l({
+			key: 1,
+			href: s.value || void 0,
+			target: e.external ? "_blank" : void 0,
+			rel: e.external ? "noopener" : void 0
+		}, t.$attrs), [h(t.$slots, "default")], 16, ne));
+	}
+}, re = ["innerHTML"], A = ["innerHTML"], j = {
+	key: 1,
+	class: "mwnf-cards__action"
+}, M = {
+	key: 0,
+	class: "mwnf-cards__image-container"
+}, N = ["src", "alt"], P = { class: "mwnf-cards__content" }, F = {
+	key: 0,
+	class: "mwnf-cards__number"
+}, I = ["innerHTML"], L = ["innerHTML"], R = {
+	key: 0,
+	class: "mwnf-cards__image-container"
+}, z = ["src", "alt"], B = {
+	key: 1,
+	class: "mwnf-cards__number"
+}, V = ["innerHTML"], H = {
+	key: 3,
+	class: "mwnf-cards__details"
+}, U = { class: "mwnf-cards__summary" }, W = {
+	key: 0,
+	class: "mwnf-cards__number"
+}, G = ["innerHTML"], K = {
+	key: 0,
+	class: "mwnf-cards__children"
+}, q = {
+	__name: "SectionCards",
+	props: {
+		cards: {
+			type: Array,
+			default: () => []
+		},
+		variant: {
+			type: String,
+			default: "cards",
+			validate: (e) => [
+				"cards",
+				"rows",
+				"covers",
+				"accordion"
+			].includes(e)
+		}
+	},
+	setup(t) {
+		return (c, l) => t.cards.length ? (f(), i("ul", {
+			key: 0,
+			class: u(["mwnf-cards", `mwnf-cards--${t.variant}`])
+		}, [(f(!0), i(e, null, m(t.cards, (c) => (f(), i("li", {
+			key: c.href ?? c.title,
+			class: u(["mwnf-cards__card"])
+		}, [t.variant === "cards" ? (f(), n(k, {
+			key: 0,
+			class: "mwnf-cards__link",
+			to: c.to,
+			href: c.href
+		}, {
+			default: C(() => [
+				a("span", {
+					class: "mwnf-cards__title",
+					innerHTML: v(O)(c.title)
+				}, null, 8, re),
+				c.description ? (f(), i("span", {
+					key: 0,
+					class: "mwnf-cards__text",
+					innerHTML: v(O)(c.description)
+				}, null, 8, A)) : r("", !0),
+				c.action ? (f(), i("span", j, _(c.action) + " →", 1)) : r("", !0)
+			]),
+			_: 2
+		}, 1032, ["to", "href"])) : t.variant === "rows" ? (f(), n(k, {
+			key: 1,
+			class: "mwnf-cards__link",
+			to: c.to,
+			href: c.href
+		}, {
+			default: C(() => [c.image ? (f(), i("div", M, [a("img", {
+				class: "mwnf-cards__image",
+				src: c.image,
+				alt: c.alt || ""
+			}, null, 8, N)])) : r("", !0), a("div", P, [
+				c.number ? (f(), i("span", F, _(c.number), 1)) : r("", !0),
+				a("span", {
+					class: "mwnf-cards__title",
+					innerHTML: v(O)(c.title)
+				}, null, 8, I),
+				c.description ? (f(), i("span", {
+					key: 1,
+					class: "mwnf-cards__text",
+					innerHTML: v(O)(c.description)
+				}, null, 8, L)) : r("", !0)
+			])]),
+			_: 2
+		}, 1032, ["to", "href"])) : t.variant === "covers" ? (f(), n(k, {
+			key: 2,
+			class: "mwnf-cards__link",
+			to: c.to,
+			href: c.href
+		}, {
+			default: C(() => [
+				c.image ? (f(), i("div", R, [a("img", {
+					class: "mwnf-cards__image",
+					src: c.image,
+					alt: c.alt || ""
+				}, null, 8, z)])) : r("", !0),
+				c.number ? (f(), i("span", B, _(c.number), 1)) : r("", !0),
+				a("span", {
+					class: "mwnf-cards__title",
+					innerHTML: v(O)(c.title)
+				}, null, 8, V)
+			]),
+			_: 2
+		}, 1032, ["to", "href"])) : t.variant === "accordion" ? (f(), i("details", H, [a("summary", U, [c.number ? (f(), i("span", W, _(c.number), 1)) : r("", !0), a("span", {
+			class: "mwnf-cards__title",
+			innerHTML: v(O)(c.title)
+		}, null, 8, G)]), c.children?.length ? (f(), i("ul", K, [(f(!0), i(e, null, m(c.children, (e) => (f(), i("li", {
+			key: e.href ?? e.title,
+			class: "mwnf-cards__child"
+		}, [s(k, {
+			class: "mwnf-cards__child-link",
+			to: e.to,
+			href: e.href
+		}, {
+			default: C(() => [o(_(e.title), 1)]),
+			_: 2
+		}, 1032, ["to", "href"])]))), 128))])) : r("", !0)])) : r("", !0)]))), 128))], 2)) : r("", !0);
+	}
+}, J = {
+	key: 0,
+	class: "mwnf-featured"
+}, Y = {
+	key: 0,
+	class: "mwnf-featured__heading"
+}, X = {
+	key: 0,
+	class: "mwnf-featured__media"
+}, ie = ["src", "alt"], ae = { class: "mwnf-featured__body" }, oe = {
+	key: 0,
+	class: "mwnf-featured__eyebrow"
+}, se = ["innerHTML"], ce = {
+	key: 1,
+	class: "mwnf-featured__action"
+}, le = {
+	__name: "FeaturedRecord",
+	props: {
+		image: {
+			type: String,
+			default: ""
+		},
+		imageAlt: {
+			type: String,
+			default: ""
+		},
+		eyebrow: {
+			type: String,
+			default: ""
+		},
+		name: {
+			type: String,
+			default: ""
+		},
+		meta: {
+			type: Array,
+			default: () => []
+		},
+		action: {
+			type: String,
+			default: ""
+		},
+		to: {
+			type: [String, Object],
+			default: null
+		},
+		href: {
+			type: String,
+			default: ""
+		},
+		heading: {
+			type: String,
+			default: ""
+		}
+	},
+	setup(n) {
+		let o = n, c = b(), l = t(() => !!(o.name || o.image || c.default));
+		return (t, o) => l.value ? (f(), i("section", J, [n.heading ? (f(), i("h2", Y, _(n.heading), 1)) : r("", !0), h(t.$slots, "default", {}, () => [s(k, {
+			class: "mwnf-featured__link",
+			to: n.to,
+			href: n.href
+		}, {
+			default: C(() => [n.image ? (f(), i("span", X, [a("img", {
+				class: "mwnf-featured__image",
+				src: n.image,
+				alt: n.imageAlt,
+				loading: "eager"
+			}, null, 8, ie)])) : r("", !0), a("span", ae, [
+				n.eyebrow ? (f(), i("span", oe, _(n.eyebrow), 1)) : r("", !0),
+				a("span", {
+					class: "mwnf-featured__name",
+					innerHTML: n.name
+				}, null, 8, se),
+				(f(!0), i(e, null, m(n.meta, (e, t) => (f(), i("span", {
+					key: t,
+					class: "mwnf-featured__meta"
+				}, _(e), 1))), 128)),
+				n.action ? (f(), i("span", ce, _(n.action) + " →", 1)) : r("", !0)
+			])]),
+			_: 1
+		}, 8, ["to", "href"])])])) : r("", !0);
+	}
+}, ue = ["aria-busy"], de = {
+	key: 0,
+	class: "mwnf-list__status"
+}, fe = {
+	key: 1,
+	class: "mwnf-list__rows"
+}, pe = { class: "mwnf-list__thumb" }, me = ["src", "alt"], he = { class: "mwnf-list__body" }, ge = ["innerHTML"], _e = {
+	key: 0,
+	class: "mwnf-list__meta"
+}, ve = {
+	key: 0,
+	class: "mwnf-list__badge"
+}, ye = {
+	key: 2,
+	class: "mwnf-list__empty"
+}, Z = {
+	__name: "RecordList",
+	props: {
+		records: {
+			type: Array,
+			default: () => []
+		},
+		loading: {
+			type: Boolean,
+			default: !1
+		},
+		loadingText: {
+			type: String,
+			default: ""
+		}
+	},
+	setup(t) {
+		let n = !!b().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", de, _(t.loadingText), 1)) : t.records.length ? (f(), i("ul", fe, [(f(!0), i(e, null, m(t.records, (t) => (f(), i("li", {
+			key: t.id,
+			class: "mwnf-list__row"
+		}, [s(k, {
+			class: "mwnf-list__link",
+			to: t.to,
+			href: t.href
+		}, {
+			default: C(() => [a("span", pe, [t.image ? (f(), i("img", {
+				key: 0,
+				src: t.image,
+				alt: t.imageAlt ?? "",
+				loading: "lazy"
+			}, null, 8, me)) : r("", !0)]), a("span", he, [a("span", {
+				class: "mwnf-list__name",
+				innerHTML: t.name
+			}, null, 8, ge), t.meta?.length || t.badge ? (f(), i("span", _e, [(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", ve, _(t.badge), 1)) : r("", !0)])) : r("", !0)])]),
+			_: 2
+		}, 1032, ["to", "href"])]))), 128))])) : v(n) ? (f(), i("div", ye, [h(o.$slots, "empty")])) : r("", !0)], 10, ue));
+	}
+}, be = ["aria-busy"], xe = {
+	key: 0,
+	class: "mwnf-grid__status"
+}, Se = {
+	key: 1,
+	class: "mwnf-grid__tiles"
+}, Ce = ["onMouseenter", "onFocusin"], we = { class: "mwnf-grid__media" }, Te = ["src", "alt"], Ee = {
+	key: 1,
+	class: "mwnf-grid__image mwnf-grid__image--empty",
+	"aria-hidden": "true"
+}, De = { class: "mwnf-grid__card" }, Oe = ["src"], ke = { class: "mwnf-grid__card-body" }, Ae = ["innerHTML"], je = {
+	key: 0,
+	class: "mwnf-grid__badge"
+}, Me = {
+	key: 2,
+	class: "mwnf-grid__empty"
+}, Q = {
+	__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 = !!b().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", xe, _(t.loadingText), 1)) : t.records.length ? (f(), i("ul", Se, [(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", we, [n.image ? (f(), i("img", {
+			key: 0,
+			class: "mwnf-grid__image",
+			src: n.image,
+			alt: n.imageAlt ?? "",
+			loading: "lazy"
+		}, null, 8, Te)) : (f(), i("span", Ee))]), a("div", De, [s(k, {
+			class: "mwnf-grid__card-media",
+			to: n.to,
+			href: n.href,
+			tabindex: "-1",
+			"aria-hidden": "true"
+		}, {
+			default: C(() => [n.image ? (f(), i("img", {
+				key: 0,
+				src: n.image,
+				alt: ""
+			}, null, 8, Oe)) : r("", !0)]),
+			_: 2
+		}, 1032, ["to", "href"]), a("div", ke, [
+			a("p", {
+				class: "mwnf-grid__name",
+				innerHTML: n.name
+			}, null, 8, Ae),
+			(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", je, _(n.badge), 1)) : r("", !0),
+			s(k, {
+				class: "mwnf-grid__action",
+				to: n.to,
+				href: n.href
+			}, {
+				default: C(() => [o(_(t.actionLabel || n.name.replace(/<[^>]+>/g, "")) + " › ", 1)]),
+				_: 2
+			}, 1032, ["to", "href"])
+		])])], 42, Ce))), 128))])) : v(c) ? (f(), i("div", Me, [h(n.$slots, "empty")])) : r("", !0)], 10, be));
+	}
+}, Ne = ["aria-label"], Pe = ["disabled"], Fe = ["disabled"], Ie = ["aria-current", "onClick"], Le = ["disabled"], Re = ["disabled"], ze = { class: "mwnf-pagination__position" }, Be = { class: "mwnf-pagination__jump" }, Ve = ["max"], He = {
+	__name: "Pagination",
+	props: {
+		pageInfo: {
+			type: Object,
+			required: !0
+		},
+		window: {
+			type: Number,
+			default: 5
+		},
+		jump: {
+			type: Boolean,
+			default: !1
+		},
+		ends: {
+			type: Boolean,
+			default: !0
+		}
+	},
+	emits: ["navigate"],
+	setup(n, { emit: s }) {
+		let c = n, l = s, { t: d } = D(), h = t(() => c.pageInfo?.currentPage ?? 1), g = t(() => c.pageInfo?.lastPage ?? 1), y = t(() => {
+			let e = Math.max(1, c.window), t = Math.max(1, h.value - Math.floor(e / 2)), n = Math.min(g.value, t + e - 1);
+			t = Math.max(1, n - e + 1);
+			let r = [];
+			for (let e = t; e <= n; e++) r.push(e);
+			return r;
+		}), b = p(String(h.value));
+		S(h, (e) => {
+			b.value = String(e);
+		});
+		function C(e) {
+			let t = Math.min(Math.max(1, Number.parseInt(e, 10) || 1), g.value);
+			t !== h.value && l("navigate", t);
+		}
+		return (t, s) => g.value > 1 ? (f(), i("nav", {
+			key: 0,
+			class: "mwnf-pagination",
+			"aria-label": v(d)("catalogue.pagination.page")
+		}, [
+			n.ends ? (f(), i("button", {
+				key: 0,
+				type: "button",
+				class: "mwnf-pagination__button",
+				disabled: h.value === 1,
+				onClick: s[0] ||= (e) => C(1)
+			}, " « " + _(v(d)("catalogue.pagination.first")), 9, Pe)) : r("", !0),
+			a("button", {
+				type: "button",
+				class: "mwnf-pagination__button",
+				disabled: h.value === 1,
+				onClick: s[1] ||= (e) => C(h.value - 1)
+			}, " ‹ " + _(v(d)("core.pagination.previous")), 9, Fe),
+			(f(!0), i(e, null, m(y.value, (e) => (f(), i("button", {
+				key: e,
+				type: "button",
+				class: u(["mwnf-pagination__button mwnf-pagination__number", { "mwnf-pagination__button--active": e === h.value }]),
+				"aria-current": e === h.value ? "page" : void 0,
+				onClick: (t) => C(e)
+			}, _(e), 11, Ie))), 128)),
+			a("button", {
+				type: "button",
+				class: "mwnf-pagination__button",
+				disabled: h.value === g.value,
+				onClick: s[2] ||= (e) => C(h.value + 1)
+			}, _(v(d)("core.pagination.next")) + " › ", 9, Le),
+			n.ends ? (f(), i("button", {
+				key: 1,
+				type: "button",
+				class: "mwnf-pagination__button",
+				disabled: h.value === g.value,
+				onClick: s[3] ||= (e) => C(g.value)
+			}, _(v(d)("catalogue.pagination.last")) + " » ", 9, Re)) : r("", !0),
+			a("span", ze, [n.jump ? (f(), i(e, { key: 0 }, [
+				a("label", Be, [a("span", null, _(v(d)("catalogue.pagination.page")), 1), w(a("input", {
+					"onUpdate:modelValue": s[4] ||= (e) => b.value = e,
+					class: "mwnf-pagination__jump-field",
+					type: "number",
+					min: "1",
+					max: g.value,
+					onKeyup: s[5] ||= T((e) => C(b.value), ["enter"])
+				}, null, 40, Ve), [[x, b.value]])]),
+				a("span", null, "/ " + _(g.value), 1),
+				a("button", {
+					type: "button",
+					class: "mwnf-pagination__button",
+					onClick: s[6] ||= (e) => C(b.value)
+				}, _(v(d)("catalogue.pagination.go")), 1)
+			], 64)) : (f(), i(e, { key: 1 }, [o(_(h.value) + " / " + _(g.value), 1)], 64))])
+		], 8, Ne)) : r("", !0);
+	}
+}, Ue = ["for"], We = {
+	key: 0,
+	class: "mwnf-facet__label"
+}, Ge = [
+	"id",
+	"value",
+	"disabled"
+], Ke = {
+	key: 0,
+	value: "",
+	disabled: ""
+}, qe = {
+	key: 1,
+	value: ""
+}, Je = ["value"], Ye = {
+	__name: "FacetSelect",
+	props: {
+		label: {
+			type: String,
+			default: ""
+		},
+		options: {
+			type: Array,
+			default: () => []
+		},
+		modelValue: {
+			type: [String, Number],
+			default: ""
+		},
+		placeholder: {
+			type: String,
+			default: ""
+		},
+		anyLabel: {
+			type: String,
+			default: ""
+		},
+		disabled: {
+			type: Boolean,
+			default: !1
+		},
+		hideEmpty: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	emits: ["update:modelValue"],
+	setup(n, { emit: o }) {
+		let s = n, c = o, l = y(), u = t(() => !s.hideEmpty || s.options.length > 0);
+		return (t, o) => u.value ? (f(), i("label", {
+			key: 0,
+			class: "mwnf-facet",
+			for: v(l)
+		}, [n.label ? (f(), i("span", We, _(n.label), 1)) : r("", !0), a("select", {
+			id: v(l),
+			class: "mwnf-facet__select",
+			value: String(n.modelValue ?? ""),
+			disabled: n.disabled,
+			onChange: o[0] ||= (e) => c("update:modelValue", e.target.value)
+		}, [
+			n.placeholder ? (f(), i("option", Ke, _(n.placeholder), 1)) : r("", !0),
+			n.anyLabel ? (f(), i("option", qe, _(n.anyLabel), 1)) : r("", !0),
+			(f(!0), i(e, null, m(n.options, (e) => (f(), i("option", {
+				key: e.value,
+				value: String(e.value)
+			}, _(e.label), 9, Je))), 128))
+		], 40, Ge)], 8, Ue)) : r("", !0);
+	}
+}, Xe = {
+	key: 0,
+	class: "mwnf-filter__title"
+}, Ze = ["disabled"], Qe = { class: "mwnf-filter__actions" }, $e = {
+	key: 0,
+	type: "submit",
+	class: "mwnf-filter__button mwnf-filter__button--apply"
+}, et = {
+	__name: "FilterPanel",
+	props: {
+		title: {
+			type: String,
+			default: ""
+		},
+		mode: {
+			type: String,
+			default: "apply"
+		},
+		applyLabel: {
+			type: String,
+			default: ""
+		},
+		resetLabel: {
+			type: String,
+			default: ""
+		},
+		disabled: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	emits: ["apply", "reset"],
+	setup(e, { emit: t }) {
+		let n = t, { t: o } = D();
+		return (t, s) => (f(), i("form", {
+			class: u(["mwnf-filter", `mwnf-filter--${e.mode}`]),
+			onSubmit: s[1] ||= E((e) => n("apply"), ["prevent"])
+		}, [
+			e.title ? (f(), i("p", Xe, _(e.title), 1)) : r("", !0),
+			a("fieldset", {
+				class: "mwnf-filter__controls",
+				disabled: e.disabled
+			}, [h(t.$slots, "default")], 8, Ze),
+			a("div", Qe, [e.mode === "apply" ? (f(), i("button", $e, _(e.applyLabel || v(o)("core.action.apply")), 1)) : r("", !0), a("button", {
+				type: "button",
+				class: "mwnf-filter__button mwnf-filter__button--reset",
+				onClick: s[0] ||= (e) => n("reset")
+			}, _(e.resetLabel || v(o)("core.action.reset")), 1)])
+		], 34));
+	}
+}, tt = {
+	key: 0,
+	class: "mwnf-summary"
+}, nt = {
+	key: 0,
+	class: "mwnf-summary__parts"
+}, rt = {
+	key: 0,
+	class: "mwnf-summary__label"
+}, it = {
+	key: 1,
+	class: "mwnf-summary__count"
+}, at = {
+	key: 2,
+	class: "mwnf-summary__value"
+}, ot = {
+	key: 1,
+	class: "mwnf-summary__actions"
+}, st = {
+	__name: "ResultsSummary",
+	props: { parts: {
+		type: Array,
+		default: () => []
+	} },
+	setup(t) {
+		let n = !!b().actions;
+		return (a, s) => t.parts.length || a.$slots.default || v(n) ? (f(), i("div", tt, [
+			t.parts.length ? (f(), i("p", nt, [(f(!0), i(e, null, m(t.parts, (e, t) => (f(), i("span", {
+				key: t,
+				class: "mwnf-summary__part"
+			}, [
+				e.label ? (f(), i("span", rt, _(e.label), 1)) : r("", !0),
+				s[0] ||= o(_(" "), -1),
+				e.count == null ? r("", !0) : (f(), i("span", it, _(e.count), 1)),
+				s[1] ||= o(_(" "), -1),
+				e.value ? (f(), i("span", at, _(e.value), 1)) : r("", !0)
+			]))), 128))])) : r("", !0),
+			h(a.$slots, "default"),
+			v(n) ? (f(), i("div", ot, [h(a.$slots, "actions")])) : r("", !0)
+		])) : r("", !0);
+	}
+}, ct = ["aria-label"], lt = [
+	"aria-pressed",
+	"lang",
+	"onClick"
+], ut = {
+	__name: "RecordLanguages",
+	props: {
+		languages: {
+			type: Array,
+			default: () => []
+		},
+		language: {
+			type: String,
+			default: ""
+		}
+	},
+	emits: ["select"],
+	setup(n, { emit: a }) {
+		let o = n, s = a, { t: c } = D(), 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, lt))), 128))], 8, ct)) : r("", !0);
+	}
+}, dt = ["dir"], ft = { key: 0 }, pt = {
+	class: "mwnf-sheet__label",
+	scope: "row"
+}, mt = { class: "mwnf-sheet__value" }, ht = ["href"], gt = ["innerHTML"], _t = {
+	key: 0,
+	class: "mwnf-sheet__row mwnf-sheet__row--short"
+}, vt = {
+	class: "mwnf-sheet__label",
+	scope: "row"
+}, yt = ["aria-expanded"], bt = { class: "mwnf-sheet__value" }, xt = ["innerHTML"], St = { class: "mwnf-sheet__value" }, Ct = ["href"], wt = ["innerHTML"], Tt = { class: "mwnf-sheet__label mwnf-sheet__label--short" }, Et = ["aria-expanded"], Dt = { class: "mwnf-sheet__value" }, Ot = ["innerHTML"], kt = {
+	__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 } = D(), c = p(o.shortDescriptionOpen);
+		S(() => 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: C(() => [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", St, [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, Ct)) : r("", !0)], void 0, 0) : (f(), i("span", {
+					key: 1,
+					class: u(`mwnf-sheet__${n.render}`),
+					innerHTML: n.html
+				}, null, 10, wt))]),
+				t.shortDescription && n.key === t.shortDescriptionAfter ? (f(), i(e, { key: 0 }, [a("dt", Tt, [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, Et)]), a("dd", Dt, [c.value ? (f(), i("div", {
+					key: 0,
+					class: "mwnf-sheet__block",
+					innerHTML: t.shortDescription.html
+				}, null, 8, Ot)) : r("", !0)])], 64)) : r("", !0)
+			], 64))), 128)) : (f(), i("tbody", ft, [(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", pt, _(n.label), 1), a("td", mt, [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, ht)) : r("", !0)], void 0, 0) : (f(), i("span", {
+				key: 1,
+				class: u(`mwnf-sheet__${n.render}`),
+				innerHTML: n.html
+			}, null, 10, gt))])], 2), t.shortDescription && n.key === t.shortDescriptionAfter ? (f(), i("tr", _t, [a("th", vt, [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, yt)]), a("td", bt, [c.value ? (f(), i("div", {
+				key: 0,
+				class: "mwnf-sheet__block",
+				innerHTML: t.shortDescription.html
+			}, null, 8, xt)) : r("", !0)])])) : r("", !0)], 64))), 128))]))]),
+			_: 3
+		}))], 10, dt));
+	}
+}, At = ["dir"], jt = {
+	key: 0,
+	class: "mwnf-sheet-section__heading"
+}, Mt = ["innerHTML"], Nt = {
+	__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", jt, _(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, Mt)) : r("", !0),
+			h(t.$slots, "default")
+		], 8, At));
+	}
+}, Pt = {
+	key: 0,
+	class: "mwnf-credits"
+}, Ft = {
+	key: 0,
+	class: "mwnf-credits__heading"
+}, It = {
+	key: 1,
+	class: "mwnf-credits__list"
+}, Lt = { class: "mwnf-credits__label" }, Rt = { class: "mwnf-credits__value" }, zt = {
+	key: 2,
+	class: "mwnf-credits__number"
+}, Bt = {
+	key: 0,
+	class: "mwnf-credits__label"
+}, Vt = { class: "mwnf-credits__heading" }, Ht = { class: "mwnf-credits__citation" }, Ut = {
+	__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 } = D(), c = t(() => o.credits.length > 0 || o.workingNumber || o.citation);
+		return (t, o) => c.value ? (f(), i("section", Pt, [
+			n.credits.length || n.workingNumber ? (f(), i("h2", Ft, _(n.heading || v(s)("record.sheet.credits")), 1)) : r("", !0),
+			n.credits.length ? (f(), i("dl", It, [(f(!0), i(e, null, m(n.credits, (t) => (f(), i(e, { key: t.label }, [a("dt", Lt, _(t.label), 1), a("dd", Rt, _(t.value), 1)], 64))), 128))])) : r("", !0),
+			n.workingNumber ? (f(), i("p", zt, [n.workingNumberLabel ? (f(), i("span", Bt, _(n.workingNumberLabel), 1)) : r("", !0), a("strong", null, _(n.workingNumber), 1)])) : r("", !0),
+			n.citation ? (f(), i(e, { key: 3 }, [a("h2", Vt, _(n.citationHeading || v(s)("record.citation.heading")), 1), a("p", Ht, _(n.citation), 1)], 64)) : r("", !0)
+		])) : r("", !0);
+	}
+}, Wt = {
+	key: 0,
+	class: "mwnf-source-credit"
+}, Gt = { class: "mwnf-source-credit__label" }, Kt = ["href"], qt = {
+	__name: "SourceCredit",
+	props: {
+		route: {
+			type: [Object, String],
+			default: null
+		},
+		labelEntry: {
+			type: String,
+			default: "record.source.label"
+		}
+	},
+	setup(e) {
+		let n = e, { t: s } = D(), c = te(), l = t(() => ee(n.route ?? c));
+		return (t, n) => l.value ? (f(), i("p", Wt, [
+			a("span", Gt, _(v(s)(e.labelEntry)), 1),
+			n[0] ||= o(),
+			a("a", { href: l.value }, _(l.value), 9, Kt)
+		])) : r("", !0);
+	}
+}, Jt = {
+	key: 0,
+	class: "mwnf-related"
+}, Yt = {
+	key: 0,
+	class: "mwnf-related__heading"
+}, Xt = {
+	__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", Jt, [
+			e.heading ? (f(), i("h2", Yt, _(e.heading), 1)) : r("", !0),
+			e.variant === "grid" ? (f(), n(Q, {
+				key: 1,
+				records: e.records,
+				"action-label": e.actionLabel
+			}, null, 8, ["records", "action-label"])) : (f(), n(Z, {
+				key: 2,
+				records: e.records
+			}, null, 8, ["records"])),
+			h(t.$slots, "default")
+		])) : r("", !0);
+	}
+}, Zt = ["src", "alt"], Qt = {
+	key: 0,
+	class: "mwnf-media__caption"
+}, $t = { key: 0 }, en = {
+	key: 1,
+	class: "mwnf-media__credit"
+}, tn = {
+	key: 2,
+	class: "mwnf-media__credit"
+}, nn = ["src", "alt"], rn = {
+	key: 0,
+	class: "mwnf-media__thumbs"
+}, an = [
+	"aria-pressed",
+	"title",
+	"onClick"
+], on = ["src", "alt"], sn = {
+	key: 1,
+	class: "mwnf-media__caption"
+}, cn = { key: 0 }, ln = {
+	key: 1,
+	class: "mwnf-media__credit"
+}, un = ["aria-label"], dn = ["aria-label"], fn = ["src", "alt"], pn = ["aria-label"], mn = {
+	__name: "MediaGallery",
+	props: {
+		images: {
+			type: Array,
+			default: () => []
+		},
+		start: {
+			type: Number,
+			default: 0
+		},
+		variant: {
+			type: String,
+			default: ""
+		}
+	},
+	setup(n) {
+		let o = n, { t: s } = D(), c = p(Math.min(o.start, Math.max(0, o.images.length - 1)));
+		S(() => 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, b = p(null);
+		function x(e) {
+			c.value = (e + o.images.length) % o.images.length;
+		}
+		function C() {
+			l.value && (y = document.activeElement, g.value = !0, document.addEventListener("keydown", T), requestAnimationFrame(() => b.value?.focus?.()));
+		}
+		function w() {
+			g.value = !1, document.removeEventListener("keydown", T), y?.focus?.(), y = null;
+		}
+		function T(e) {
+			e.key === "Escape" ? w() : e.key === "ArrowRight" ? x(c.value + 1) : e.key === "ArrowLeft" && x(c.value - 1);
+		}
+		return d(() => document.removeEventListener("keydown", T)), (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, Zt), e.caption || e.photographer || e.copyright ? (f(), i("figcaption", Qt, [
+			e.caption ? (f(), i("span", $t, _(e.caption), 1)) : r("", !0),
+			e.photographer ? (f(), i("span", en, _(v(s)("record.media.photograph")) + ": " + _(e.photographer), 1)) : r("", !0),
+			e.copyright ? (f(), i("span", tn, "© " + _(e.copyright), 1)) : r("", !0)
+		])) : r("", !0)]))), 128)) : (f(), i(e, { key: 1 }, [
+			a("button", {
+				type: "button",
+				class: "mwnf-media__main",
+				onClick: C
+			}, [a("img", {
+				class: "mwnf-media__image",
+				src: l.value.url,
+				alt: l.value.alt ?? ""
+			}, null, 8, nn)]),
+			n.images.length > 1 ? (f(), i("ul", rn, [(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) => x(t)
+			}, [a("img", {
+				src: e.url,
+				alt: e.alt ?? "",
+				loading: "lazy"
+			}, null, 8, on)], 10, an)]))), 128))])) : r("", !0),
+			l.value.caption || h.value ? (f(), i("p", sn, [l.value.caption ? (f(), i("span", cn, _(l.value.caption), 1)) : r("", !0), h.value ? (f(), i("span", ln, _(h.value), 1)) : r("", !0)])) : r("", !0),
+			g.value ? (f(), i("div", {
+				key: 2,
+				class: "mwnf-lightbox",
+				role: "dialog",
+				"aria-modal": "true",
+				onClick: E(w, ["self"])
+			}, [
+				a("button", {
+					ref_key: "closeButton",
+					ref: b,
+					type: "button",
+					class: "mwnf-lightbox__close",
+					"aria-label": v(s)("core.action.close"),
+					onClick: w
+				}, "✕", 8, un),
+				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] ||= E((e) => x(c.value - 1), ["stop"])
+				}, "‹", 8, dn)) : r("", !0),
+				a("img", {
+					class: "mwnf-lightbox__image",
+					src: l.value.url,
+					alt: l.value.alt ?? ""
+				}, null, 8, fn),
+				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] ||= E((e) => x(c.value + 1), ["stop"])
+				}, "›", 8, pn)) : r("", !0)
+			])) : r("", !0)
+		], 64))], 2)) : r("", !0);
+	}
+}, hn = ["aria-label", "dir"], gn = { class: "mwnf-popover__title" }, _n = ["aria-label"], vn = { class: "mwnf-popover__body" }, yn = { class: "mwnf-popover__term" }, $ = ["innerHTML"], bn = {
+	key: 1,
+	class: "mwnf-popover__definition"
+}, xn = {
+	__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 } = D(), c = p(null), l = null;
+		function u() {
+			o("close");
+		}
+		function m(e) {
+			e.key === "Escape" && u();
+		}
+		return S(() => 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", gn, [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, _n)]), a("div", vn, [a("p", yn, _(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, $)) : e.term.definition ? (f(), i("p", bn, _(e.term.definition), 1)) : r("", !0)])], 8, hn)) : r("", !0);
+	}
+}, Sn = {
+	key: 0,
+	class: "mwnf-timeline__rows"
+}, Cn = { class: "mwnf-timeline__date" }, wn = { class: "mwnf-timeline__body" }, Tn = {
+	key: 0,
+	class: "mwnf-timeline__caption"
+}, En = ["innerHTML"], Dn = ["innerHTML"], On = {
+	key: 2,
+	class: "mwnf-timeline__media"
+}, kn = ["src", "alt"], An = ["innerHTML"], jn = {
+	key: 3,
+	class: "mwnf-timeline__actions"
+}, Mn = {
+	key: 1,
+	class: "mwnf-timeline__empty"
+}, Nn = {
+	__name: "TimelineEventList",
+	props: { events: {
+		type: Array,
+		default: () => []
+	} },
+	setup(t) {
+		let s = !!b().empty;
+		return (c, l) => t.events.length ? (f(), i("ul", Sn, [(f(!0), i(e, null, m(t.events, (t) => (f(), i("li", {
+			key: t.id,
+			class: "mwnf-timeline__row"
+		}, [a("div", Cn, [h(c.$slots, "date", { event: t }, () => [o(_(t.date), 1)])]), a("div", wn, [
+			t.caption || c.$slots.caption ? (f(), i("div", Tn, [h(c.$slots, "caption", { event: t }, () => [a("span", { innerHTML: t.caption }, null, 8, En)])])) : r("", !0),
+			t.description ? (f(), i("div", {
+				key: 1,
+				class: "mwnf-timeline__description mwnf-sheet__block",
+				innerHTML: t.description
+			}, null, 8, Dn)) : r("", !0),
+			t.media?.length || c.$slots.media ? (f(), i("div", On, [h(c.$slots, "media", { event: t }, () => [(f(!0), i(e, null, m(t.media ?? [], (e, t) => (f(), n(k, {
+				key: t,
+				class: "mwnf-timeline__media-item",
+				to: e.to,
+				href: e.href
+			}, {
+				default: C(() => [e.image ? (f(), i("img", {
+					key: 0,
+					src: e.image,
+					alt: e.alt ?? "",
+					loading: "lazy"
+				}, null, 8, kn)) : r("", !0), e.caption ? (f(), i("span", {
+					key: 1,
+					class: "mwnf-timeline__media-caption",
+					innerHTML: e.caption
+				}, null, 8, An)) : r("", !0)]),
+				_: 2
+			}, 1032, ["to", "href"]))), 128))])])) : r("", !0),
+			t.actions?.length || c.$slots.actions ? (f(), i("div", jn, [h(c.$slots, "actions", { event: t }, () => [(f(!0), i(e, null, m(t.actions ?? [], (e, t) => (f(), n(k, {
+				key: t,
+				class: "mwnf-timeline__action",
+				to: e.to,
+				href: e.href
+			}, {
+				default: C(() => [o(_(e.label) + " →", 1)]),
+				_: 2
+			}, 1032, ["to", "href"]))), 128))])])) : r("", !0)
+		])]))), 128))])) : v(s) ? (f(), i("div", Mn, [h(c.$slots, "empty")])) : r("", !0);
+	}
+};
+//#endregion
+export { q as _, qt as a, kt as c, et as d, Ye as f, le as g, Z as h, Xt as i, ut as l, Q as m, xn as n, Ut as o, He as p, mn as r, Nt as s, Nn as t, st as u, k as v };