@museumwnf/viewer-layout 2.12.0 → 2.14.0

package/dist/content-BvhCFMQ9.js

@@ -1,446 +0,0 @@
-import { v as e } from "./TimelineEventList-59g_1ksf.js";
-import { Fragment as t, computed as n, createBlock as r, createCommentVNode as i, createElementBlock as a, createElementVNode as o, createTextVNode as s, normalizeClass as c, normalizeStyle as l, onBeforeUnmount as u, onMounted as d, openBlock as f, ref as p, renderList as m, toDisplayString as h, unref as g, vModelText as _, vShow as v, withCtx as y, withDirectives as b, withKeys as x } from "vue";
-import { useI18n as S } from "@museumwnf/viewer-core/i18n";
-import { md as C, mdInline as w, renderInline as T, searchGlossary as ee } from "@museumwnf/viewer-core";
-import { useRouter as E } from "vue-router";
-//#region src/content/PartnerMap.vue
-var D = {
-	key: 0,
-	class: "mwnf-partner-map"
-}, O = { class: "mwnf-partner-map__title" }, k = ["src", "title"], A = { class: "mwnf-partner-map__link" }, te = ["href"], ne = {
-	__name: "PartnerMap",
-	props: {
-		latitude: {
-			type: Number,
-			default: null
-		},
-		longitude: {
-			type: Number,
-			default: null
-		},
-		zoom: {
-			type: Number,
-			default: 15
-		},
-		mapTitleEntry: {
-			type: String,
-			default: "partner.map.map"
-		},
-		mapOfEntry: {
-			type: String,
-			default: "partner.map.mapOf"
-		},
-		openMapLinkEntry: {
-			type: String,
-			default: "partner.map.openInOpenStreetMap"
-		},
-		label: {
-			type: String,
-			default: ""
-		}
-	},
-	setup(e) {
-		let t = e, r = n(() => Number.isFinite(t.latitude) && Number.isFinite(t.longitude)), s = n(() => {
-			let e = 360 / 2 ** Math.max(1, Math.min(19, t.zoom || 15)), [n, r] = [t.latitude, t.longitude];
-			return [
-				r - e,
-				n - e / 2,
-				r + e,
-				n + e / 2
-			].join("%2C");
-		}), c = n(() => `https://www.openstreetmap.org/export/embed.html?bbox=${s.value}&layer=mapnik&marker=${t.latitude}%2C${t.longitude}`), l = n(() => `https://www.openstreetmap.org/?mlat=${t.latitude}&mlon=${t.longitude}#map=${t.zoom || 15}/${t.latitude}/${t.longitude}`);
-		return (t, n) => r.value ? (f(), a("div", D, [
-			o("p", O, h(t.$t(e.mapTitleEntry)), 1),
-			o("iframe", {
-				src: c.value,
-				title: e.label ? t.$t(e.mapOfEntry, { label: e.label }) : t.$t(e.mapTitleEntry),
-				loading: "lazy",
-				referrerpolicy: "no-referrer",
-				class: "mwnf-partner-map__embed"
-			}, null, 8, k),
-			o("p", A, [o("a", {
-				href: l.value,
-				target: "_blank",
-				rel: "noopener"
-			}, "↗ " + h(t.$t(e.openMapLinkEntry)), 9, te)])
-		])) : i("", !0);
-	}
-}, j = {
-	key: 0,
-	class: "mwnf-featured-partners"
-}, M = { class: "mwnf-featured-partners__heading" }, N = { class: "mwnf-featured-partners__carousel" }, P = {
-	key: 0,
-	class: "mwnf-featured-partners__image"
-}, F = ["src", "alt"], I = { class: "mwnf-featured-partners__body" }, L = { class: "mwnf-featured-partners__name" }, R = { class: "mwnf-featured-partners__location" }, z = { key: 0 }, B = { class: "mwnf-featured-partners__description" }, V = {
-	key: 0,
-	class: "mwnf-featured-partners__controls"
-}, H = ["aria-label", "onClick"], U = 8e3, W = {
-	__name: "FeaturedPartners",
-	props: {
-		records: {
-			type: Array,
-			default: () => []
-		},
-		headingEntry: {
-			type: String,
-			default: "partner.featured"
-		}
-	},
-	setup(n) {
-		let l = n, g = p(0), _ = null;
-		function x(e) {
-			g.value = e, S();
-		}
-		function S() {
-			_ && clearInterval(_), l.records.length > 0 && (_ = setInterval(() => {
-				g.value = (g.value + 1) % l.records.length;
-			}, U));
-		}
-		return d(S), u(() => _ && clearInterval(_)), (l, u) => n.records.length ? (f(), a("section", j, [
-			o("h2", M, h(l.$t(n.headingEntry)), 1),
-			o("div", N, [(f(!0), a(t, null, m(n.records, (t, n) => b((f(), r(e, {
-				key: t.id,
-				to: t.route,
-				class: "mwnf-featured-partners__card"
-			}, {
-				default: y(() => [t.logo ? (f(), a("span", P, [o("img", {
-					src: t.logo,
-					alt: t.name,
-					class: "mwnf-featured-partners__logo"
-				}, null, 8, F)])) : i("", !0), o("span", I, [
-					o("span", L, h(t.name), 1),
-					o("span", R, [t.city ? (f(), a("span", z, h(t.city) + ", ", 1)) : i("", !0), s(h(t.country), 1)]),
-					o("span", B, h(t.description), 1)
-				])]),
-				_: 2
-			}, 1032, ["to"])), [[v, n === g.value]])), 128))]),
-			n.records.length > 1 ? (f(), a("div", V, [(f(!0), a(t, null, m(n.records, (e, t) => (f(), a("button", {
-				key: e.id,
-				class: c(["mwnf-featured-partners__bullet", { "mwnf-featured-partners__bullet--active": t === g.value }]),
-				"aria-label": `${l.$t("core.action.show")} ${e.name}`,
-				onClick: (e) => x(t)
-			}, null, 10, H))), 128))])) : i("", !0)
-		])) : i("", !0);
-	}
-}, G = { class: "mwnf-sibling-galleries" }, K = {
-	key: 0,
-	class: "mwnf-sibling-galleries__galleries"
-}, q = { class: "mwnf-sibling-galleries__header" }, J = { class: "mwnf-sibling-galleries__heading" }, Y = ["href"], X = { class: "mwnf-sibling-galleries__grid" }, Z = {
-	key: 0,
-	class: "mwnf-sibling-galleries__image"
-}, re = ["src", "alt"], ie = {
-	key: 1,
-	class: "mwnf-sibling-galleries__image mwnf-sibling-galleries__image--empty"
-}, ae = { class: "mwnf-sibling-galleries__name" }, oe = {
-	key: 1,
-	class: "mwnf-sibling-galleries__museums"
-}, se = { class: "mwnf-sibling-galleries__heading" }, ce = { class: "mwnf-sibling-galleries__museums-grid" }, le = ["href"], ue = { class: "mwnf-sibling-galleries__museum-image" }, de = { class: "mwnf-sibling-galleries__museum-name" }, fe = {
-	__name: "SiblingGalleries",
-	props: {
-		galleries: {
-			type: Array,
-			default: () => []
-		},
-		museums: {
-			type: Array,
-			default: () => []
-		},
-		galleriesHeadingEntry: {
-			type: String,
-			default: "sibling.galleries"
-		},
-		seeMoreGalleriesEntry: {
-			type: String,
-			default: "sibling.seeMoreGalleries"
-		},
-		seeMoreGalleriesHref: {
-			type: String,
-			default: ""
-		},
-		museumsHeadingEntry: {
-			type: String,
-			default: "sibling.otherVirtualMuseums"
-		}
-	},
-	setup(n) {
-		return (s, u) => (f(), a("section", G, [n.galleries.length ? (f(), a("div", K, [o("div", q, [o("p", J, h(s.$t(n.galleriesHeadingEntry)), 1), n.seeMoreGalleriesHref ? (f(), a("a", {
-			key: 0,
-			href: n.seeMoreGalleriesHref,
-			target: "_blank",
-			rel: "noopener",
-			class: "mwnf-sibling-galleries__see-more"
-		}, h(s.$t(n.seeMoreGalleriesEntry)) + " » ", 9, Y)) : i("", !0)]), o("div", X, [(f(!0), a(t, null, m(n.galleries, (t) => (f(), r(e, {
-			key: t.id,
-			to: t.route,
-			class: c(["mwnf-sibling-galleries__gallery", { "mwnf-sibling-galleries__gallery--no-link": !t.route }])
-		}, {
-			default: y(() => [t.image ? (f(), a("span", Z, [o("img", {
-				src: t.image,
-				alt: t.name
-			}, null, 8, re)])) : (f(), a("span", ie)), o("p", ae, h(t.name), 1)]),
-			_: 2
-		}, 1032, ["to", "class"]))), 128))])])) : i("", !0), n.museums.length ? (f(), a("div", oe, [o("div", se, h(s.$t(n.museumsHeadingEntry)), 1), o("div", ce, [(f(!0), a(t, null, m(n.museums, (e) => (f(), a("a", {
-			key: e.name,
-			href: e.href || e.to,
-			target: "_blank",
-			rel: "noopener",
-			class: "mwnf-sibling-galleries__museum",
-			style: l({
-				"--mwnf-museum-bg": e.accent || "var(--mwnf-color-border)",
-				"--mwnf-museum-text": e.textColor || "inherit"
-			})
-		}, [o("div", ue, h(e.name.split(" ").map((e) => e[0]).join("")), 1), o("p", de, h(e.name), 1)], 12, le))), 128))])])) : i("", !0)]));
-	}
-}, pe = {
-	key: 0,
-	class: "mwnf-popup-logo"
-}, me = ["aria-label"], he = ["innerHTML"], ge = ["innerHTML"], _e = {
-	__name: "PopupLogo",
-	props: {
-		content: {
-			type: String,
-			default: ""
-		},
-		rawHtml: {
-			type: Boolean,
-			default: !1
-		},
-		enabled: {
-			type: Boolean,
-			default: !0
-		},
-		closeLabel: {
-			type: String,
-			default: "core.action.close"
-		}
-	},
-	setup(e) {
-		let t = e, r = p(!1), s = n(() => t.rawHtml ? t.content : T(t.content)), c = n(() => t.enabled && !!t.content && !r.value);
-		return (t, n) => c.value ? (f(), a("div", pe, [o("button", {
-			class: "mwnf-popup-logo__close",
-			"aria-label": t.$t(e.closeLabel),
-			onClick: n[0] ||= (e) => r.value = !0
-		}, "✕", 8, me), e.rawHtml ? (f(), a("div", {
-			key: 0,
-			class: "mwnf-popup-logo__content",
-			innerHTML: s.value
-		}, null, 8, he)) : (f(), a("div", {
-			key: 1,
-			class: "mwnf-popup-logo__content",
-			innerHTML: s.value
-		}, null, 8, ge))])) : i("", !0);
-	}
-}, ve = { class: "mwnf-back-link" }, ye = {
-	__name: "BackLink",
-	props: {
-		label: {
-			type: String,
-			default: "core.action.back"
-		},
-		to: {
-			type: [String, Object],
-			default: null
-		},
-		href: {
-			type: String,
-			default: ""
-		}
-	},
-	setup(t) {
-		let n = E();
-		function i() {
-			return window.history.length > 1;
-		}
-		function o(e) {
-			i() && (e.preventDefault(), n.back());
-		}
-		return (n, c) => (f(), a("div", ve, [!i() && (t.to || t.href) ? (f(), r(e, {
-			key: 0,
-			to: t.to,
-			href: t.href,
-			class: "mwnf-back-link__button"
-		}, {
-			default: y(() => [s(" ↩ " + h(n.$t(t.label)), 1)]),
-			_: 1
-		}, 8, ["to", "href"])) : (f(), a("button", {
-			key: 1,
-			class: "mwnf-back-link__button",
-			onClick: o
-		}, " ↩ " + h(n.$t(t.label)), 1))]));
-	}
-}, be = ["dir"], xe = { class: "mwnf-glossary-tool__toggle" }, Se = { class: "mwnf-glossary-tool__panel" }, Ce = { class: "mwnf-glossary-tool__heading" }, we = { class: "mwnf-glossary-tool__instructions" }, Te = ["aria-expanded", "aria-label"], Ee = {
-	key: 0,
-	class: "mwnf-glossary-tool__hits",
-	role: "listbox"
-}, De = [
-	"aria-selected",
-	"onClick",
-	"onKeydown"
-], Oe = {
-	key: 1,
-	class: "mwnf-glossary-tool__no-results"
-}, ke = {
-	key: 2,
-	class: "mwnf-glossary-tool__definition"
-}, Ae = { class: "mwnf-glossary-tool__definition-label" }, je = ["innerHTML"], Me = {
-	__name: "GlossaryTool",
-	props: {
-		language: {
-			type: String,
-			default: ""
-		},
-		entity: {
-			type: String,
-			default: "glossary"
-		},
-		labels: {
-			type: Object,
-			default: () => ({})
-		},
-		dir: {
-			type: String,
-			default: ""
-		}
-	},
-	setup(e) {
-		let r = e, s = {
-			tool: "record.glossary.tool",
-			heading: "record.glossary.heading",
-			instructions: "record.glossary.instructions",
-			definition: "record.glossary.definition",
-			close: "record.glossary.close",
-			...r.labels
-		}, { t: l } = S(), u = p(""), d = p(null), v = p(-1), y = n(() => u.value.trim() ? ee(u.value, r.language, { entity: r.entity }) : []), w = n(() => y.value.length > 0 && !d.value), T = n(() => d.value ? C(d.value.definition) : ""), E = n(() => s.noResults ? l(s.noResults) : ""), D = n(() => !!E.value && u.value.trim() && !d.value && y.value.length === 0);
-		function O() {
-			d.value = null, v.value = -1;
-		}
-		function k(e) {
-			d.value = e, u.value = e.spelling, v.value = -1;
-		}
-		function A(e) {
-			w.value && (e.key === "ArrowDown" ? (e.preventDefault(), v.value = (v.value + 1) % y.value.length) : e.key === "ArrowUp" ? (e.preventDefault(), v.value = (v.value - 1 + y.value.length) % y.value.length) : e.key === "Enter" && v.value >= 0 ? (e.preventDefault(), k(y.value[v.value])) : e.key === "Escape" && (v.value = -1));
-		}
-		return (n, r) => (f(), a("details", {
-			class: "mwnf-glossary-tool",
-			dir: e.dir || void 0
-		}, [o("summary", xe, h(g(l)(s.tool)), 1), o("div", Se, [
-			o("p", Ce, h(g(l)(s.heading)), 1),
-			o("p", we, h(g(l)(s.instructions)), 1),
-			b(o("input", {
-				"onUpdate:modelValue": r[0] ||= (e) => u.value = e,
-				type: "text",
-				class: "mwnf-glossary-tool__input",
-				role: "combobox",
-				"aria-autocomplete": "list",
-				"aria-expanded": w.value,
-				"aria-label": g(l)(s.heading),
-				onInput: O,
-				onKeydown: A
-			}, null, 40, Te), [[_, u.value]]),
-			w.value ? (f(), a("ul", Ee, [(f(!0), a(t, null, m(y.value, (e, t) => (f(), a("li", {
-				key: e.id,
-				role: "option",
-				"aria-selected": t === v.value,
-				tabindex: "0",
-				class: c(["mwnf-glossary-tool__hit", { "mwnf-glossary-tool__hit--active": t === v.value }]),
-				onClick: (t) => k(e),
-				onKeydown: x((t) => k(e), ["enter"])
-			}, h(e.spelling), 43, De))), 128))])) : D.value ? (f(), a("p", Oe, h(E.value), 1)) : i("", !0),
-			d.value ? (f(), a("div", ke, [o("p", Ae, h(g(l)(s.definition)), 1), o("div", {
-				class: "mwnf-sheet__block",
-				innerHTML: T.value
-			}, null, 8, je)])) : i("", !0)
-		])], 8, be));
-	}
-}, Ne = ["dir"], Pe = ["innerHTML"], Fe = { class: "mwnf-dynasty__body" }, Q = { class: "mwnf-dynasty__eyebrow" }, Ie = {
-	key: 0,
-	class: "mwnf-dynasty__field"
-}, Le = { class: "mwnf-dynasty__label" }, Re = {
-	key: 1,
-	class: "mwnf-dynasty__field"
-}, ze = { class: "mwnf-dynasty__label" }, Be = {
-	key: 2,
-	class: "mwnf-dynasty__dates"
-}, Ve = {
-	key: 3,
-	class: "mwnf-dynasty__history"
-}, He = { class: "mwnf-dynasty__label" }, Ue = ["innerHTML"], $ = {
-	__name: "DynastyPopout",
-	props: {
-		dynasty: {
-			type: Object,
-			required: !0
-		},
-		text: {
-			type: Object,
-			default: () => ({})
-		},
-		dir: {
-			type: String,
-			default: ""
-		}
-	},
-	setup(e) {
-		let t = e, { t: r } = S(), c = n(() => {
-			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, n) => (f(), a("details", {
-			class: "mwnf-dynasty",
-			dir: e.dir || void 0
-		}, [o("summary", {
-			class: "mwnf-dynasty__summary",
-			innerHTML: g(w)(e.text.name || e.dynasty.id)
-		}, null, 8, Pe), o("div", Fe, [
-			o("p", Q, h(g(r)("record.dynasty.heading")), 1),
-			e.text.also_known_as ? (f(), a("p", Ie, [o("span", Le, h(g(r)("sheet.field.alsoKnownAs")) + ":", 1), s(" " + h(e.text.also_known_as), 1)])) : i("", !0),
-			e.text.area ? (f(), a("p", Re, [o("span", ze, h(g(r)("sheet.field.area")) + ":", 1), s(" " + h(e.text.area), 1)])) : i("", !0),
-			c.value ? (f(), a("p", Be, h(c.value), 1)) : i("", !0),
-			e.text.history ? (f(), a("div", Ve, [o("p", He, h(g(r)("sheet.field.history")), 1), o("div", {
-				class: "mwnf-sheet__block",
-				innerHTML: g(C)(e.text.history)
-			}, null, 8, Ue)])) : i("", !0)
-		])], 8, Ne));
-	}
-}, We = ["dir"], Ge = {
-	key: 0,
-	class: "mwnf-dynasty-list__heading"
-}, Ke = {
-	__name: "DynastyList",
-	props: {
-		heading: {
-			type: String,
-			default: ""
-		},
-		dynasties: {
-			type: Array,
-			default: () => []
-		},
-		tr: {
-			type: Function,
-			default: null
-		},
-		dir: {
-			type: String,
-			default: ""
-		}
-	},
-	setup(e) {
-		return (n, o) => e.dynasties.length ? (f(), a("section", {
-			key: 0,
-			class: "mwnf-dynasty-list",
-			dir: e.dir || void 0
-		}, [e.heading ? (f(), a("h2", Ge, h(e.heading), 1)) : i("", !0), (f(!0), a(t, null, m(e.dynasties, (t) => (f(), r($, {
-			key: t.id,
-			dynasty: t,
-			text: e.tr ? e.tr(t) : t,
-			dir: e.dir
-		}, null, 8, [
-			"dynasty",
-			"text",
-			"dir"
-		]))), 128))], 8, We)) : i("", !0);
-	}
-};
-//#endregion
-export { _e as a, ne as c, ye as i, $ as n, fe as o, Me as r, W as s, Ke as t };