@museumwnf/viewer-layout 2.18.0 → 3.1.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 };