@museumwnf/viewer-layout 2.17.0 → 3.0.0

package/dist/OnDisplayIn-eSG5r48j.js

@@ -0,0 +1,407 @@
+import { l as e, y as t } from "./TimelineEventList-BhkWyY5-.js";
+import { Fragment as n, computed as r, createBlock as i, createCommentVNode as a, createElementBlock as o, createElementVNode as s, createTextVNode as c, createVNode as l, mergeProps as u, normalizeClass as d, openBlock as f, ref as p, renderList as m, renderSlot as h, resolveDynamicComponent as g, toDisplayString as _, unref as v, vModelSelect as y, vModelText as b, watch as x, withCtx as S, withDirectives as C, withKeys as w } from "vue";
+import { useI18n as T } from "@museumwnf/viewer-core/i18n";
+import { md as E, mdInline as D, searchGlossary as ee } from "@museumwnf/viewer-core";
+import { useRouter as O } from "vue-router";
+//#region src/content/BackLink.vue
+var k = ["href"], A = {
+	class: "mwnf-back-bar__arrow",
+	"aria-hidden": "true"
+}, te = {
+	key: 1,
+	class: "mwnf-back-link"
+}, ne = {
+	__name: "BackLink",
+	props: {
+		label: {
+			type: String,
+			default: "core.action.back"
+		},
+		to: {
+			type: [String, Object],
+			default: null
+		},
+		href: {
+			type: String,
+			default: ""
+		},
+		variant: {
+			type: String,
+			default: "button",
+			validator: (e) => ["button", "bar"].includes(e)
+		},
+		arrow: {
+			type: String,
+			default: "←"
+		}
+	},
+	setup(e) {
+		let n = O(), a = e, l = r(() => !!(a.to || a.href));
+		function u() {
+			return window.history.state?.back != null || !l.value && window.history.length > 1;
+		}
+		function d() {
+			u() && n.back();
+		}
+		let p = r(() => a.to && n ? n.resolve(a.to).href : a.href || (typeof a.to == "string" ? a.to : "") || "#");
+		function m(e) {
+			e.button !== 0 || e.metaKey || e.ctrlKey || e.shiftKey || e.altKey || (u() ? (e.preventDefault(), n.back()) : a.to && n ? (e.preventDefault(), n.push(a.to)) : l.value || e.preventDefault());
+		}
+		return (n, r) => e.variant === "bar" ? (f(), o("a", {
+			key: 0,
+			href: p.value,
+			class: "mwnf-back-bar mwnf-back-bar--link",
+			onClick: m
+		}, [
+			s("span", A, _(e.arrow), 1),
+			r[0] ||= c(),
+			h(n.$slots, "default", {}, () => [c(_(n.$t(e.label)), 1)])
+		], 8, k)) : (f(), o("div", te, [l.value && !u() ? (f(), i(t, {
+			key: 0,
+			to: e.to,
+			href: e.href,
+			class: "mwnf-back-link__button"
+		}, {
+			default: S(() => [c(" ↩ " + _(n.$t(e.label)), 1)]),
+			_: 1
+		}, 8, ["to", "href"])) : (f(), o("button", {
+			key: 1,
+			class: "mwnf-back-link__button",
+			onClick: d
+		}, " ↩ " + _(n.$t(e.label)), 1))]));
+	}
+}, j = ["dir"], M = { class: "mwnf-glossary-tool__toggle" }, N = { class: "mwnf-glossary-tool__panel" }, P = { class: "mwnf-glossary-tool__heading" }, F = { class: "mwnf-glossary-tool__instructions" }, I = ["aria-expanded", "aria-label"], L = {
+	key: 0,
+	class: "mwnf-glossary-tool__hits",
+	role: "listbox"
+}, R = [
+	"aria-selected",
+	"onClick",
+	"onKeydown"
+], z = {
+	key: 1,
+	class: "mwnf-glossary-tool__no-results"
+}, B = {
+	key: 2,
+	class: "mwnf-glossary-tool__definition"
+}, V = { class: "mwnf-glossary-tool__definition-label" }, H = ["innerHTML"], U = {
+	__name: "GlossaryTool",
+	props: {
+		language: {
+			type: String,
+			default: ""
+		},
+		entity: {
+			type: String,
+			default: "glossary"
+		},
+		labels: {
+			type: Object,
+			default: () => ({})
+		},
+		dir: {
+			type: String,
+			default: ""
+		}
+	},
+	setup(e) {
+		let t = e, i = {
+			tool: "record.glossary.tool",
+			heading: "record.glossary.heading",
+			instructions: "record.glossary.instructions",
+			definition: "record.glossary.definition",
+			close: "record.glossary.close",
+			...t.labels
+		}, { t: c } = T(), l = p(""), u = p(null), h = p(-1), g = r(() => l.value.trim() ? ee(l.value, t.language, { entity: t.entity }) : []), y = r(() => g.value.length > 0 && !u.value), x = r(() => u.value ? E(u.value.definition) : ""), S = r(() => i.noResults ? c(i.noResults) : ""), D = r(() => !!S.value && l.value.trim() && !u.value && g.value.length === 0);
+		function O() {
+			u.value = null, h.value = -1;
+		}
+		function k(e) {
+			u.value = e, l.value = e.spelling, h.value = -1;
+		}
+		function A(e) {
+			y.value && (e.key === "ArrowDown" ? (e.preventDefault(), h.value = (h.value + 1) % g.value.length) : e.key === "ArrowUp" ? (e.preventDefault(), h.value = (h.value - 1 + g.value.length) % g.value.length) : e.key === "Enter" && h.value >= 0 ? (e.preventDefault(), k(g.value[h.value])) : e.key === "Escape" && (h.value = -1));
+		}
+		return (t, r) => (f(), o("details", {
+			class: "mwnf-glossary-tool",
+			dir: e.dir || void 0
+		}, [s("summary", M, _(v(c)(i.tool)), 1), s("div", N, [
+			s("p", P, _(v(c)(i.heading)), 1),
+			s("p", F, _(v(c)(i.instructions)), 1),
+			C(s("input", {
+				"onUpdate:modelValue": r[0] ||= (e) => l.value = e,
+				type: "text",
+				class: "mwnf-glossary-tool__input",
+				role: "combobox",
+				"aria-autocomplete": "list",
+				"aria-expanded": y.value,
+				"aria-label": v(c)(i.heading),
+				onInput: O,
+				onKeydown: A
+			}, null, 40, I), [[b, l.value]]),
+			y.value ? (f(), o("ul", L, [(f(!0), o(n, null, m(g.value, (e, t) => (f(), o("li", {
+				key: e.id,
+				role: "option",
+				"aria-selected": t === h.value,
+				tabindex: "0",
+				class: d(["mwnf-glossary-tool__hit", { "mwnf-glossary-tool__hit--active": t === h.value }]),
+				onClick: (t) => k(e),
+				onKeydown: w((t) => k(e), ["enter"])
+			}, _(e.spelling), 43, R))), 128))])) : D.value ? (f(), o("p", z, _(S.value), 1)) : a("", !0),
+			u.value ? (f(), o("div", B, [s("p", V, _(v(c)(i.definition)), 1), s("div", {
+				class: "mwnf-sheet__block",
+				innerHTML: x.value
+			}, null, 8, H)])) : a("", !0)
+		])], 8, j));
+	}
+}, W = ["dir"], G = ["innerHTML"], K = { class: "mwnf-dynasty__body" }, q = { class: "mwnf-dynasty__eyebrow" }, J = {
+	key: 0,
+	class: "mwnf-dynasty__field"
+}, Y = { class: "mwnf-dynasty__label" }, X = {
+	key: 1,
+	class: "mwnf-dynasty__field"
+}, Z = { class: "mwnf-dynasty__label" }, re = {
+	key: 2,
+	class: "mwnf-dynasty__dates"
+}, ie = {
+	key: 3,
+	class: "mwnf-dynasty__history"
+}, ae = { class: "mwnf-dynasty__label" }, oe = ["innerHTML"], Q = {
+	__name: "DynastyPopout",
+	props: {
+		dynasty: {
+			type: Object,
+			required: !0
+		},
+		text: {
+			type: Object,
+			default: () => ({})
+		},
+		dir: {
+			type: String,
+			default: ""
+		}
+	},
+	setup(e) {
+		let t = e, { t: n } = T(), i = r(() => {
+			let { from_ad: e, to_ad: n, from_ah: r, to_ah: i } = t.dynasty ?? {};
+			return e == null && n == null ? "" : `${r != null || i != null ? `AH ${r ?? "?"}–${i ?? "?"} / ` : ""}AD ${e ?? "?"}–${n ?? "?"}`;
+		});
+		return (t, r) => (f(), o("details", {
+			class: "mwnf-dynasty",
+			dir: e.dir || void 0
+		}, [s("summary", {
+			class: "mwnf-dynasty__summary",
+			innerHTML: v(D)(e.text.name || e.dynasty.id)
+		}, null, 8, G), s("div", K, [
+			s("p", q, _(v(n)("record.dynasty.heading")), 1),
+			e.text.also_known_as ? (f(), o("p", J, [s("span", Y, _(v(n)("sheet.field.alsoKnownAs")) + ":", 1), c(" " + _(e.text.also_known_as), 1)])) : a("", !0),
+			e.text.area ? (f(), o("p", X, [s("span", Z, _(v(n)("sheet.field.area")) + ":", 1), c(" " + _(e.text.area), 1)])) : a("", !0),
+			i.value ? (f(), o("p", re, _(i.value), 1)) : a("", !0),
+			e.text.history ? (f(), o("div", ie, [s("p", ae, _(v(n)("sheet.field.history")), 1), s("div", {
+				class: "mwnf-sheet__block",
+				innerHTML: v(E)(e.text.history)
+			}, null, 8, oe)])) : a("", !0)
+		])], 8, W));
+	}
+}, se = ["dir"], ce = {
+	key: 0,
+	class: "mwnf-dynasty-list__heading"
+}, le = {
+	__name: "DynastyList",
+	props: {
+		heading: {
+			type: String,
+			default: ""
+		},
+		dynasties: {
+			type: Array,
+			default: () => []
+		},
+		tr: {
+			type: Function,
+			default: null
+		},
+		dir: {
+			type: String,
+			default: ""
+		}
+	},
+	setup(e) {
+		return (t, r) => e.dynasties.length ? (f(), o("section", {
+			key: 0,
+			class: "mwnf-dynasty-list",
+			dir: e.dir || void 0
+		}, [e.heading ? (f(), o("h2", ce, _(e.heading), 1)) : a("", !0), (f(!0), o(n, null, m(e.dynasties, (t) => (f(), i(Q, {
+			key: t.id,
+			dynasty: t,
+			text: e.tr ? e.tr(t) : t,
+			dir: e.dir
+		}, null, 8, [
+			"dynasty",
+			"text",
+			"dir"
+		]))), 128))], 8, se)) : a("", !0);
+	}
+}, ue = { class: "mwnf-sheet-timeline" }, de = {
+	key: 0,
+	class: "mwnf-sheet-timeline__popout",
+	dir: "ltr"
+}, fe = ["aria-label"], pe = { class: "mwnf-sheet-timeline__title" }, me = { class: "mwnf-sheet-timeline__option" }, he = ["value"], ge = { class: "mwnf-sheet-timeline__scroll" }, _e = { class: "mwnf-sheet-timeline__subheader" }, ve = {
+	key: 0,
+	class: "mwnf-sheet-timeline__empty"
+}, ye = { class: "mwnf-sheet-timeline__date" }, be = ["innerHTML"], $ = {
+	__name: "TimelineLookup",
+	props: { info: {
+		type: Object,
+		required: !0
+	} },
+	setup(e) {
+		let i = e, { t: u } = T(), d = p(!1), h = p(i.info.defaultCountry ? i.info.defaultCountry() : "all");
+		x(() => i.info, (e) => {
+			h.value = e.defaultCountry ? e.defaultCountry() : "all";
+		});
+		let g = r(() => i.info.range ?? [null, null]), b = r(() => i.info.events(h.value)), w = r(() => i.info.countries.find((e) => e.value === h.value)?.label ?? ""), D = (e) => i.info.era ? i.info.era(e) : String(e ?? "");
+		return (r, i) => (f(), o("div", ue, [s("p", {
+			class: "mwnf-sheet-timeline__trigger",
+			onClick: i[0] ||= (e) => d.value = !d.value
+		}, "➤ " + _(v(u)(e.info.trigger ?? "record.related.timelineForItem")), 1), d.value ? (f(), o("div", de, [
+			s("button", {
+				type: "button",
+				class: "mwnf-sheet-timeline__close",
+				"aria-label": v(u)("core.action.close"),
+				onClick: i[1] ||= (e) => d.value = !1
+			}, "✕", 8, fe),
+			s("p", pe, _(v(u)(e.info.heading)), 1),
+			s("div", me, [C(s("select", {
+				"onUpdate:modelValue": i[2] ||= (e) => h.value = e,
+				class: "mwnf-sheet-timeline__select"
+			}, [(f(!0), o(n, null, m(e.info.countries, (e) => (f(), o("option", {
+				key: e.value,
+				value: e.value
+			}, _(e.label), 9, he))), 128))], 512), [[y, h.value]]), l(t, {
+				class: "mwnf-sheet-timeline__link",
+				to: e.info.searchTo(h.value, g.value)
+			}, {
+				default: S(() => [c("➤ " + _(v(u)("timeline.action.beginFullSearch")), 1)]),
+				_: 1
+			}, 8, ["to"])]),
+			s("div", ge, [
+				s("p", _e, _(w.value) + ", " + _(D(g.value[0])) + " – " + _(D(g.value[1])), 1),
+				b.value.length ? a("", !0) : (f(), o("p", ve, _(v(u)("timeline.results.noEvents")), 1)),
+				(f(!0), o(n, null, m(b.value, (e, t) => (f(), o("div", {
+					key: e.id ?? t,
+					class: "mwnf-sheet-timeline__event"
+				}, [s("div", ye, _(D(e.year_from)), 1), s("div", {
+					class: "mwnf-sheet-timeline__description",
+					innerHTML: v(E)(e.text.description)
+				}, null, 8, be)]))), 128))
+			])
+		])) : a("", !0)]));
+	}
+}, xe = ["href"], Se = {
+	key: 0,
+	class: "mwnf-related-media__description"
+}, Ce = {
+	__name: "RelatedMedia",
+	props: {
+		media: {
+			type: Array,
+			default: () => []
+		},
+		language: {
+			type: String,
+			default: ""
+		},
+		descriptions: {
+			type: Boolean,
+			default: !0
+		},
+		heading: {
+			type: String,
+			default: "record.related.audioVideo"
+		},
+		dir: {
+			type: String,
+			default: ""
+		}
+	},
+	setup(t) {
+		let c = t, { t: l } = T(), u = r(() => {
+			let e = c.media.filter((e) => e?.url);
+			if (!c.language) return e;
+			let t = e.filter((e) => e.language === c.language);
+			return t.length ? t : e;
+		});
+		return (r, c) => u.value.length ? (f(), i(e, {
+			key: 0,
+			heading: t.heading ? v(l)(t.heading) : "",
+			dir: t.dir,
+			class: "mwnf-related-media"
+		}, {
+			default: S(() => [(f(!0), o(n, null, m(u.value, (e) => (f(), o("div", {
+				key: e.url,
+				class: "mwnf-related-media__entry"
+			}, [s("a", {
+				href: e.url,
+				target: "_blank",
+				rel: "noopener",
+				class: "mwnf-related-media__link"
+			}, "↗ " + _(e.title || e.url), 9, xe), t.descriptions && e.description ? (f(), o("p", Se, _(e.description), 1)) : a("", !0)]))), 128))]),
+			_: 1
+		}, 8, ["heading", "dir"])) : a("", !0);
+	}
+}, we = {
+	key: 0,
+	class: "mwnf-on-display__subheading"
+}, Te = { class: "mwnf-on-display__list" }, Ee = ["innerHTML"], De = ["innerHTML"], Oe = { class: "mwnf-on-display__pending" }, ke = {
+	__name: "OnDisplayIn",
+	props: {
+		groups: {
+			type: Array,
+			default: () => []
+		},
+		heading: {
+			type: String,
+			default: "record.related.onDisplayIn"
+		},
+		pendingLabel: {
+			type: String,
+			default: ""
+		},
+		dir: {
+			type: String,
+			default: ""
+		}
+	},
+	setup(l) {
+		let d = l, { t: p } = T(), h = r(() => d.groups.filter((e) => e.links?.length));
+		return (r, d) => h.value.length ? (f(), i(g(l.heading ? e : "div"), u({ key: 0 }, l.heading ? { heading: v(p)(l.heading) } : {}, {
+			dir: l.dir || void 0,
+			class: "mwnf-on-display"
+		}), {
+			default: S(() => [(f(!0), o(n, null, m(h.value, (e, r) => (f(), o("div", {
+				key: e.heading ?? r,
+				class: "mwnf-on-display__group"
+			}, [e.heading ? (f(), o("p", we, _(v(p)(e.heading)), 1)) : a("", !0), s("ul", Te, [(f(!0), o(n, null, m(e.links, (e, r) => (f(), o("li", {
+				key: e.id ?? r,
+				class: "mwnf-on-display__item"
+			}, [e.to || e.href ? (f(), i(t, {
+				key: 0,
+				to: e.to,
+				href: e.href,
+				external: !!e.external
+			}, {
+				default: S(() => [e.external ? (f(), o(n, { key: 0 }, [c("↗ ")], 64)) : a("", !0), s("span", { innerHTML: e.label }, null, 8, Ee)]),
+				_: 2
+			}, 1032, [
+				"to",
+				"href",
+				"external"
+			])) : (f(), o(n, { key: 1 }, [s("span", { innerHTML: e.label }, null, 8, De), l.pendingLabel ? (f(), o(n, { key: 0 }, [d[0] ||= c(_(" "), -1), s("span", Oe, _(v(p)(l.pendingLabel)), 1)], 64)) : a("", !0)], 64))]))), 128))])]))), 128))]),
+			_: 1
+		}, 16, ["dir"])) : a("", !0);
+	}
+};
+//#endregion
+export { Q as a, le as i, Ce as n, U as o, $ as r, ne as s, ke as t };

package/dist/SiteShell-C3OgZO8p.js

@@ -0,0 +1,154 @@
+import { t as e } from "./PageShell-CbJ9lQoQ.js";
+import { computed as t, createBlock as n, createSlots as r, mergeProps as i, openBlock as a, renderSlot as o, withCtx as s } from "vue";
+import { useI18n as c, useSection as l, useSiteConfig as u, useSiteRights as d } from "@museumwnf/viewer-core";
+import { useRouter as f } from "vue-router";
+//#region src/components/SiteShell.vue
+var p = /*@__PURE__*/ Object.assign({ inheritAttrs: !1 }, {
+	__name: "SiteShell",
+	props: {
+		config: {
+			type: Object,
+			default: null
+		},
+		logos: {
+			type: Array,
+			default: () => []
+		}
+	},
+	setup(p) {
+		let m = p, { t: h, locale: g } = c(), _ = f(), v = l(), y = u(), b = t(() => ({
+			...y,
+			...m.config ?? {}
+		})), x = t(() => b.value.navigation ?? {}), S = t(() => b.value.logos ?? null), C = t(() => b.value.banner ?? null), w = d(), T = t(() => w.holder ? {
+			label: h("record.source.rightsHolder"),
+			text: w.attribution ?? w.holder,
+			termsHref: w.termsUrl,
+			termsLabel: h("record.source.termsOfUse")
+		} : null);
+		function E(e) {
+			return e.href ? e.href : e.to ? _.resolve(e.to).href : "";
+		}
+		function D(e) {
+			return typeof e.when != "function" || !!e.when({
+				section: v.value,
+				locale: g.value
+			});
+		}
+		function O(e, { active: t = !1 } = {}) {
+			let n = {
+				label: h(e.label),
+				href: E(e),
+				external: !!e.external
+			};
+			return t && (n.active = e.section === v.value), n;
+		}
+		let k = t(() => Array.isArray(x.value.links) ? x.value.links.filter(D).map((e) => O(e, { active: !0 })) : null), A = t(() => Array.isArray(x.value.headerLinks) ? x.value.headerLinks.map((e) => O(e)) : null), j = t(() => Array.isArray(x.value.footerLinks) ? x.value.footerLinks.map((e) => O(e)) : null), M = t(() => {
+			let e = x.value.search;
+			return e ? {
+				placeholder: e.placeholder ? h(e.placeholder) : "",
+				submitLabel: e.submitLabel ? h(e.submitLabel) : ""
+			} : null;
+		});
+		function N(e) {
+			let t = x.value.search;
+			t?.route && _.push({
+				name: t.route,
+				query: { [t.key ?? "q"]: e || t.empty || "" }
+			});
+		}
+		function P(e) {
+			return typeof e == "function" ? e({
+				section: v.value,
+				locale: g.value,
+				t: h
+			}) : typeof e == "string" ? h(e) : e;
+		}
+		let F = t(() => {
+			let e = C.value ? P(C.value.title) : "";
+			if (e) return e;
+			let t = x.value.sectionTitles?.[v.value];
+			return t ? h(t) : "";
+		}), I = [
+			"variant",
+			"image",
+			"imageAlt",
+			"caption",
+			"captionLabel",
+			"subtitle",
+			"headline",
+			"enter",
+			"strapline"
+		], L = t(() => {
+			let e = {};
+			F.value && (e.bannerTitle = F.value);
+			for (let t of I) {
+				let n = C.value ? P(C.value[t]) : "";
+				n && (e[`banner${t[0].toUpperCase()}${t.slice(1)}`] = n);
+			}
+			return e;
+		}), R = t(() => {
+			let e = S.value?.header;
+			return typeof e == "function" ? m.logos.filter(e) : null;
+		}), z = t(() => {
+			let e = S.value?.headerTitle;
+			return e && R.value?.length ? h(e) : "";
+		}), B = t(() => {
+			let e = S.value?.sponsorGroups;
+			return typeof e == "function" ? e(m.logos, h) : null;
+		}), V = t(() => {
+			let e = { ...L.value };
+			return Array.isArray(x.value.languages) && (e.languages = x.value.languages), k.value && (e.navLinks = k.value), A.value && (e.headerLinks = A.value), j.value && (e.footerLinks = j.value), M.value && (e.search = M.value), R.value && (e.headerLogos = R.value, z.value && (e.headerLogosTitle = z.value)), B.value && (e.sponsorGroups = B.value), T.value && (e.footerAttributionLabel = T.value.label, e.footerAttributionText = T.value.text, e.footerTermsHref = T.value.termsHref, e.footerTermsLabel = T.value.termsLabel), e;
+		});
+		return (t, c) => (a(), n(e, i({
+			...t.$attrs,
+			...V.value
+		}, { onSearch: N }), r({ _: 2 }, [
+			t.$slots.header ? {
+				name: "header",
+				fn: s(() => [o(t.$slots, "header")]),
+				key: "0"
+			} : void 0,
+			t.$slots.brand ? {
+				name: "header-brand",
+				fn: s(() => [o(t.$slots, "brand")]),
+				key: "1"
+			} : void 0,
+			t.$slots.banner ? {
+				name: "banner",
+				fn: s(() => [o(t.$slots, "banner")]),
+				key: "2"
+			} : void 0,
+			t.$slots.navigation ? {
+				name: "navigation",
+				fn: s(() => [o(t.$slots, "navigation")]),
+				key: "3"
+			} : void 0,
+			t.$slots.default || t.$slots.notice || t.$slots["after-content"] ? {
+				name: "default",
+				fn: s(() => [
+					o(t.$slots, "notice"),
+					o(t.$slots, "default"),
+					o(t.$slots, "after-content")
+				]),
+				key: "4"
+			} : void 0,
+			t.$slots.hyperlinks ? {
+				name: "hyperlinks",
+				fn: s(() => [o(t.$slots, "hyperlinks")]),
+				key: "5"
+			} : void 0,
+			t.$slots.sponsors ? {
+				name: "sponsors",
+				fn: s(() => [o(t.$slots, "sponsors")]),
+				key: "6"
+			} : void 0,
+			t.$slots.footer ? {
+				name: "footer",
+				fn: s(() => [o(t.$slots, "footer")]),
+				key: "7"
+			} : void 0
+		]), 1040));
+	}
+});
+//#endregion
+export { p as t };