@museumwnf/viewer-layout 3.3.0 → 3.4.0

package/dist/chrome-DPuPeWzV.js

@@ -0,0 +1,1141 @@
+import { Fragment as e, computed as t, createBlock as n, createCommentVNode as r, createElementBlock as i, createElementVNode as a, createSlots as o, createTextVNode as s, createVNode as c, normalizeClass as l, openBlock as u, ref as d, renderList as f, renderSlot as p, resolveDynamicComponent as m, toDisplayString as h, unref as g, useSlots as _, vModelText as v, withCtx as y, withDirectives as b, withModifiers as x } from "vue";
+import { renderBlock as S, useI18n as C } from "@museumwnf/viewer-core/i18n";
+//#region src/sections/AppHeader.vue
+var w = {
+	key: 0,
+	class: "mwnf-header"
+}, T = { class: "mwnf-header__inner" }, E = {
+	key: 0,
+	class: "mwnf-header__brand"
+}, D = ["src", "alt"], O = {
+	key: 1,
+	class: "mwnf-header__logos"
+}, k = {
+	key: 0,
+	class: "mwnf-header__logos-title"
+}, A = { class: "mwnf-header__logo-list" }, j = ["src", "alt"], M = {
+	key: 0,
+	class: "mwnf-header__eyebrow"
+}, ee = {
+	key: 1,
+	class: "mwnf-header__title"
+}, te = {
+	key: 2,
+	class: "mwnf-header__subtitle"
+}, ne = {
+	key: 2,
+	class: "mwnf-header__tools"
+}, re = {
+	key: 0,
+	class: "mwnf-header__links"
+}, ie = [
+	"href",
+	"target",
+	"rel"
+], ae = ["placeholder", "aria-label"], oe = ["aria-label"], se = ["aria-label"], ce = [
+	"aria-pressed",
+	"lang",
+	"onClick"
+], le = {
+	key: 3,
+	class: "mwnf-header__languages"
+}, ue = { class: "mwnf-header__language-label" }, de = ["value"], fe = ["value"], N = {
+	__name: "AppHeader",
+	props: {
+		title: {
+			type: String,
+			default: ""
+		},
+		subtitle: {
+			type: String,
+			default: ""
+		},
+		eyebrow: {
+			type: String,
+			default: ""
+		},
+		titleHref: {
+			type: String,
+			default: ""
+		},
+		home: {
+			type: String,
+			default: ""
+		},
+		brand: {
+			type: String,
+			default: ""
+		},
+		brandLogo: {
+			type: Object,
+			default: null
+		},
+		logos: {
+			type: Array,
+			default: () => []
+		},
+		logosTitle: {
+			type: String,
+			default: ""
+		},
+		links: {
+			type: Array,
+			default: () => []
+		},
+		search: {
+			type: Object,
+			default: null
+		},
+		languages: {
+			type: Array,
+			default: () => []
+		},
+		language: {
+			type: String,
+			default: ""
+		},
+		languageStyle: {
+			type: String,
+			default: ""
+		}
+	},
+	emits: ["search", "update:language"],
+	setup(o, { emit: c }) {
+		let S = o, N = c, P = _(), { t: F } = C(), I = t(() => S.languages.map((e) => typeof e == "string" ? {
+			code: e,
+			label: e
+		} : e)), L = t(() => S.languageStyle && I.value.length > 1);
+		function R() {
+			return !!(P.default || P.brand || S.title || S.subtitle || S.eyebrow || S.brand || S.brandLogo?.src || S.logos.length || S.links.length || S.search || L.value);
+		}
+		let z = d("");
+		function B() {
+			N("search", z.value), z.value = "";
+		}
+		return (t, c) => R() ? (u(), i("header", w, [p(t.$slots, "default", {}, () => [a("div", T, [
+			g(P).brand || o.brand || o.brandLogo?.src || o.logos.length ? (u(), i("div", E, [g(P).brand || o.brand || o.brandLogo?.src ? (u(), n(m(o.home ? "a" : "span"), {
+				key: 0,
+				class: "mwnf-header__home",
+				href: o.home || void 0
+			}, {
+				default: y(() => [p(t.$slots, "brand", {}, () => [o.brandLogo?.src ? (u(), i("img", {
+					key: 0,
+					class: "mwnf-header__brand-logo",
+					src: o.brandLogo.src,
+					alt: o.brandLogo.alt ?? ""
+				}, null, 8, D)) : (u(), i(e, { key: 1 }, [s(h(o.brand), 1)], 64))])]),
+				_: 3
+			}, 8, ["href"])) : r("", !0), o.logos.length ? (u(), i("div", O, [o.logosTitle ? (u(), i("p", k, h(o.logosTitle), 1)) : r("", !0), a("ul", A, [(u(!0), i(e, null, f(o.logos, (e) => (u(), i("li", { key: e.image }, [(u(), n(m(e.href ? "a" : "span"), {
+				class: "mwnf-header__logo",
+				href: e.href || void 0,
+				title: e.alt,
+				target: e.href ? "_blank" : void 0,
+				rel: e.href ? "noopener" : void 0
+			}, {
+				default: y(() => [a("img", {
+					src: e.image,
+					alt: e.alt ?? ""
+				}, null, 8, j)]),
+				_: 2
+			}, 1032, [
+				"href",
+				"title",
+				"target",
+				"rel"
+			]))]))), 128))])])) : r("", !0)])) : r("", !0),
+			o.title || o.subtitle || o.eyebrow ? (u(), n(m(o.titleHref ? "a" : "div"), {
+				key: 1,
+				class: "mwnf-header__lockup",
+				href: o.titleHref || void 0
+			}, {
+				default: y(() => [
+					o.eyebrow ? (u(), i("p", M, h(o.eyebrow), 1)) : r("", !0),
+					o.title ? (u(), i("p", ee, h(o.title), 1)) : r("", !0),
+					o.subtitle ? (u(), i("p", te, h(o.subtitle), 1)) : r("", !0)
+				]),
+				_: 1
+			}, 8, ["href"])) : r("", !0),
+			o.links.length || o.search || L.value ? (u(), i("div", ne, [
+				o.links.length ? (u(), i("ul", re, [(u(!0), i(e, null, f(o.links, (e) => (u(), i("li", { key: e.href ?? e.label }, [a("a", {
+					class: "mwnf-header__link",
+					href: e.href,
+					target: e.external ? "_blank" : void 0,
+					rel: e.external ? "noopener" : void 0
+				}, h(e.label), 9, ie)]))), 128))])) : r("", !0),
+				o.search ? (u(), i("form", {
+					key: 1,
+					class: "mwnf-header__search",
+					role: "search",
+					onSubmit: x(B, ["prevent"])
+				}, [b(a("input", {
+					"onUpdate:modelValue": c[0] ||= (e) => z.value = e,
+					class: "mwnf-header__search-input",
+					type: "search",
+					placeholder: o.search.placeholder ?? "",
+					"aria-label": o.search.placeholder ?? o.search.submitLabel ?? ""
+				}, null, 8, ae), [[v, z.value]]), a("button", {
+					class: "mwnf-header__search-submit",
+					type: "submit",
+					"aria-label": o.search.submitLabel ?? ""
+				}, h(o.search.submitText ?? "⌕"), 9, oe)], 32)) : r("", !0),
+				L.value && o.languageStyle === "buttons" ? (u(), i("div", {
+					key: 2,
+					class: "mwnf-header__languages",
+					role: "group",
+					"aria-label": g(F)("layout.language.label")
+				}, [(u(!0), i(e, null, f(I.value, (e) => (u(), i("button", {
+					key: e.code,
+					type: "button",
+					class: l(["mwnf-header__language", { "mwnf-header__language--active": e.code === o.language }]),
+					"aria-pressed": e.code === o.language ? "true" : "false",
+					lang: e.code,
+					onClick: (t) => N("update:language", e.code)
+				}, h(e.label), 11, ce))), 128))], 8, se)) : L.value ? (u(), i("label", le, [a("span", ue, h(g(F)("layout.language.label")), 1), a("select", {
+					class: "mwnf-header__language-select",
+					value: o.language,
+					onChange: c[1] ||= (e) => N("update:language", e.target.value)
+				}, [(u(!0), i(e, null, f(I.value, (e) => (u(), i("option", {
+					key: e.code,
+					value: e.code
+				}, h(e.label), 9, fe))), 128))], 40, de)])) : r("", !0)
+			])) : r("", !0)
+		])])])) : r("", !0);
+	}
+}, P = ["src", "alt"], F = {
+	key: 1,
+	class: "mwnf-banner__text"
+}, I = {
+	key: 1,
+	class: "mwnf-banner__frame"
+}, L = { class: "mwnf-banner__media" }, R = ["src", "alt"], z = {
+	key: 1,
+	class: "mwnf-banner__fallback",
+	"aria-hidden": "true"
+}, B = {
+	key: 2,
+	class: "mwnf-banner__caption"
+}, V = { class: "mwnf-banner__caption-name" }, pe = {
+	key: 0,
+	class: "mwnf-banner__caption-rest"
+}, me = { class: "mwnf-banner__body" }, he = {
+	key: 0,
+	class: "mwnf-banner__eyebrow"
+}, ge = ["href", "aria-label"], _e = {
+	key: 2,
+	class: "mwnf-banner__subtitle"
+}, ve = ["innerHTML"], ye = ["href", "aria-label"], be = {
+	key: 5,
+	class: "mwnf-banner__strapline"
+}, xe = {
+	key: 6,
+	class: "mwnf-banner__text"
+}, Se = {
+	key: 7,
+	class: "mwnf-banner__caption"
+}, Ce = { class: "mwnf-banner__caption-name" }, we = {
+	key: 0,
+	class: "mwnf-banner__caption-rest"
+}, H = {
+	__name: "AppBanner",
+	props: {
+		variant: {
+			type: String,
+			default: ""
+		},
+		image: {
+			type: String,
+			default: ""
+		},
+		imageAlt: {
+			type: String,
+			default: ""
+		},
+		text: {
+			type: String,
+			default: ""
+		},
+		caption: {
+			type: [String, Object],
+			default: ""
+		},
+		captionLabel: {
+			type: String,
+			default: ""
+		},
+		eyebrow: {
+			type: String,
+			default: ""
+		},
+		title: {
+			type: String,
+			default: ""
+		},
+		titleHref: {
+			type: String,
+			default: ""
+		},
+		subtitle: {
+			type: String,
+			default: ""
+		},
+		headline: {
+			type: String,
+			default: ""
+		},
+		enter: {
+			type: Object,
+			default: null
+		},
+		strapline: {
+			type: String,
+			default: ""
+		}
+	},
+	setup(o) {
+		let c = o, f = _();
+		function g() {
+			return !!(f.default || c.image || c.text || c.title || c.eyebrow || c.headline);
+		}
+		let v = t(() => c.headline ? S(c.headline) : ""), b = t(() => {
+			let e = c.caption;
+			if (!e) return null;
+			let t = typeof e == "string" ? e : e.name ?? "", n = typeof e == "string" ? "" : [
+				e.partner,
+				e.location,
+				e.country
+			].filter(Boolean).join(", ");
+			return {
+				name: [c.captionLabel, t].filter(Boolean).join(" "),
+				rest: n
+			};
+		}), x = t(() => c.imageAlt || b.value?.name || c.title), C = d(!1);
+		return (t, c) => g() ? (u(), i("section", {
+			key: 0,
+			class: l(["mwnf-banner", o.variant ? `mwnf-banner--${o.variant}` : ""])
+		}, [p(t.$slots, "default", {}, () => [o.variant ? (u(), i("div", I, [a("div", L, [o.image && !C.value ? (u(), i("img", {
+			key: 0,
+			class: "mwnf-banner__image",
+			src: o.image,
+			alt: x.value,
+			onError: c[0] ||= (e) => C.value = !0
+		}, null, 40, R)) : (u(), i("div", z)), b.value && o.variant !== "section" ? (u(), i("p", B, [a("span", V, h(b.value.name), 1), b.value.rest ? (u(), i("span", pe, h(b.value.rest), 1)) : r("", !0)])) : r("", !0)]), a("div", me, [
+			o.eyebrow ? (u(), i("p", he, h(o.eyebrow), 1)) : r("", !0),
+			o.title ? (u(), n(m(o.titleHref ? "a" : "p"), {
+				key: 1,
+				class: "mwnf-banner__title",
+				href: o.titleHref || void 0
+			}, {
+				default: y(() => [s(h(o.title) + " ", 1), o.variant === "strip" && o.enter ? (u(), i("a", {
+					key: 0,
+					class: "mwnf-banner__enter",
+					href: o.enter.href,
+					"aria-label": o.enter.ariaLabel
+				}, h(o.enter.label), 9, ge)) : r("", !0)]),
+				_: 1
+			}, 8, ["href"])) : r("", !0),
+			o.subtitle ? (u(), i("p", _e, h(o.subtitle), 1)) : r("", !0),
+			v.value ? (u(), i("div", {
+				key: 3,
+				class: "mwnf-banner__headline",
+				innerHTML: v.value
+			}, null, 8, ve)) : r("", !0),
+			o.variant !== "strip" && o.enter ? (u(), i("a", {
+				key: 4,
+				class: "mwnf-banner__enter",
+				href: o.enter.href,
+				"aria-label": o.enter.ariaLabel
+			}, h(o.enter.label), 9, ye)) : r("", !0),
+			o.strapline ? (u(), i("p", be, h(o.strapline), 1)) : r("", !0),
+			o.text ? (u(), i("p", xe, h(o.text), 1)) : r("", !0),
+			b.value && o.variant === "section" ? (u(), i("p", Se, [a("span", Ce, h(b.value.name), 1), b.value.rest ? (u(), i("span", we, h(b.value.rest), 1)) : r("", !0)])) : r("", !0)
+		])])) : (u(), i(e, { key: 0 }, [o.image ? (u(), i("img", {
+			key: 0,
+			class: "mwnf-banner__image",
+			src: o.image,
+			alt: o.imageAlt
+		}, null, 8, P)) : r("", !0), o.text ? (u(), i("p", F, h(o.text), 1)) : r("", !0)], 64))])], 2)) : r("", !0);
+	}
+}, Te = ["aria-label"], Ee = { class: "mwnf-nav__bar" }, De = ["aria-expanded"], Oe = {
+	key: 0,
+	id: "mwnf-nav-links",
+	class: "mwnf-nav__links"
+}, ke = [
+	"href",
+	"aria-current",
+	"target",
+	"rel"
+], Ae = {
+	key: 1,
+	class: "mwnf-nav__language"
+}, je = { class: "mwnf-nav__language-label" }, Me = ["value"], Ne = ["value"], Pe = {
+	key: 0,
+	class: "mwnf-nav__notice"
+}, Fe = {
+	key: 0,
+	class: "mwnf-nav__notice-title"
+}, U = {
+	__name: "AppNavigation",
+	props: {
+		links: {
+			type: Array,
+			default: () => []
+		},
+		languages: {
+			type: Array,
+			default: () => []
+		},
+		language: {
+			type: String,
+			default: ""
+		},
+		languageSwitcher: {
+			type: Boolean,
+			default: !0
+		},
+		notice: {
+			type: Object,
+			default: null
+		}
+	},
+	emits: ["update:language"],
+	setup(n, { emit: o }) {
+		let c = n, m = o, v = _(), { t: y } = C(), b = t(() => c.languages.map((e) => typeof e == "string" ? {
+			code: e,
+			label: e
+		} : e)), x = t(() => c.languageSwitcher && b.value.length > 1);
+		function S() {
+			return !!(v.default || c.links.length || x.value || c.notice);
+		}
+		let w = d(!1);
+		return (t, o) => S() ? (u(), i("nav", {
+			key: 0,
+			class: l(["mwnf-nav", { "mwnf-nav--open": w.value }]),
+			"aria-label": g(y)("layout.nav.label")
+		}, [a("div", Ee, [
+			n.links.length ? (u(), i("button", {
+				key: 0,
+				type: "button",
+				class: "mwnf-nav__toggle",
+				"aria-expanded": w.value ? "true" : "false",
+				"aria-controls": "mwnf-nav-links",
+				onClick: o[0] ||= (e) => w.value = !w.value
+			}, [o[3] ||= a("span", {
+				class: "mwnf-nav__toggle-icon",
+				"aria-hidden": "true"
+			}, "☰", -1), s(" " + h(g(y)("layout.nav.menu")), 1)], 8, De)) : r("", !0),
+			p(t.$slots, "default", {}, () => [n.links.length ? (u(), i("ul", Oe, [(u(!0), i(e, null, f(n.links, (e) => (u(), i("li", { key: e.href ?? e.label }, [a("a", {
+				class: l(["mwnf-nav__link", { "mwnf-nav__link--active": e.active }]),
+				href: e.href,
+				"aria-current": e.active ? "page" : void 0,
+				target: e.external ? "_blank" : void 0,
+				rel: e.external ? "noopener" : void 0,
+				onClick: o[1] ||= (e) => w.value = !1
+			}, h(e.label), 11, ke)]))), 128))])) : r("", !0)]),
+			x.value ? (u(), i("label", Ae, [a("span", je, h(g(y)("layout.language.label")), 1), a("select", {
+				class: "mwnf-nav__language-select",
+				value: n.language,
+				onChange: o[2] ||= (e) => m("update:language", e.target.value)
+			}, [(u(!0), i(e, null, f(b.value, (e) => (u(), i("option", {
+				key: e.code,
+				value: e.code
+			}, h(e.label), 9, Ne))), 128))], 40, Me)])) : r("", !0)
+		]), n.notice && (n.notice.text || n.notice.title) ? (u(), i("p", Pe, [n.notice.title ? (u(), i("strong", Fe, h(n.notice.title), 1)) : r("", !0), s(" " + h(n.notice.text), 1)])) : r("", !0)], 10, Te)) : r("", !0);
+	}
+}, Ie = {
+	key: 0,
+	id: "mwnf-content",
+	class: "mwnf-content"
+}, W = {
+	__name: "AppContent",
+	setup(e) {
+		let t = _();
+		function n() {
+			return !!t.default;
+		}
+		return (e, t) => n() ? (u(), i("main", Ie, [p(e.$slots, "default")])) : r("", !0);
+	}
+}, Le = ["aria-label"], Re = {
+	key: 0,
+	class: "mwnf-hyperlinks__title"
+}, ze = {
+	key: 1,
+	class: "mwnf-hyperlinks__subtitle"
+}, Be = {
+	key: 1,
+	class: "mwnf-hyperlinks__title"
+}, Ve = { class: "mwnf-hyperlinks__list" }, He = [
+	"href",
+	"target",
+	"rel"
+], Ue = { class: "mwnf-hyperlinks__label" }, We = {
+	key: 0,
+	class: "mwnf-hyperlinks__description"
+}, G = {
+	__name: "AppHyperlinks",
+	props: {
+		variant: {
+			type: String,
+			default: ""
+		},
+		title: {
+			type: String,
+			default: ""
+		},
+		titleHref: {
+			type: String,
+			default: ""
+		},
+		subtitle: {
+			type: String,
+			default: ""
+		},
+		links: {
+			type: Array,
+			default: () => []
+		}
+	},
+	setup(t) {
+		let o = t, s = _(), { t: c } = C();
+		function d() {
+			return !!(s.default || o.links.length);
+		}
+		return (o, s) => d() ? (u(), i("section", {
+			key: 0,
+			class: l(["mwnf-hyperlinks", t.variant ? `mwnf-hyperlinks--${t.variant}` : ""]),
+			"aria-label": t.title || g(c)("layout.hyperlinks.label")
+		}, [t.variant === "tiles" ? (u(), i(e, { key: 0 }, [t.title || t.subtitle ? (u(), n(m(t.titleHref ? "a" : "div"), {
+			key: 0,
+			class: "mwnf-hyperlinks__lockup",
+			href: t.titleHref || void 0
+		}, {
+			default: y(() => [t.title ? (u(), i("p", Re, h(t.title), 1)) : r("", !0), t.subtitle ? (u(), i("p", ze, h(t.subtitle), 1)) : r("", !0)]),
+			_: 1
+		}, 8, ["href"])) : r("", !0)], 64)) : t.title ? (u(), i("p", Be, h(t.title), 1)) : r("", !0), p(o.$slots, "default", {}, () => [a("ul", Ve, [(u(!0), i(e, null, f(t.links, (e) => (u(), i("li", { key: e.href ?? e.label }, [a("a", {
+			class: "mwnf-hyperlinks__link",
+			href: e.href,
+			target: e.external ? "_blank" : void 0,
+			rel: e.external ? "noopener" : void 0
+		}, [a("span", Ue, h(e.label), 1), e.description ? (u(), i("span", We, h(e.description), 1)) : r("", !0)], 8, He)]))), 128))])])], 10, Le)) : r("", !0);
+	}
+}, Ge = ["aria-label"], Ke = {
+	key: 0,
+	class: "mwnf-sponsors__title"
+}, qe = {
+	key: 0,
+	class: "mwnf-sponsors__list"
+}, Je = ["src", "alt"], Ye = {
+	key: 1,
+	class: "mwnf-sponsors__groups"
+}, Xe = {
+	key: 0,
+	class: "mwnf-sponsors__group-title"
+}, Ze = { class: "mwnf-sponsors__list" }, Qe = ["src", "alt"], K = {
+	__name: "AppSponsors",
+	props: {
+		title: {
+			type: String,
+			default: ""
+		},
+		sponsors: {
+			type: Array,
+			default: () => []
+		},
+		groups: {
+			type: Array,
+			default: () => []
+		}
+	},
+	setup(o) {
+		let c = o, l = _(), { t: d } = C(), v = t(() => c.groups.filter((e) => e?.sponsors?.length));
+		function b() {
+			return !!(l.default || c.sponsors.length || v.value.length);
+		}
+		return (t, c) => b() ? (u(), i("section", {
+			key: 0,
+			class: "mwnf-sponsors",
+			"aria-label": o.title || g(d)("layout.sponsors.label")
+		}, [o.title ? (u(), i("p", Ke, h(o.title), 1)) : r("", !0), p(t.$slots, "default", {}, () => [o.sponsors.length ? (u(), i("ul", qe, [(u(!0), i(e, null, f(o.sponsors, (t) => (u(), i("li", { key: t.name }, [(u(), n(m(t.href ? "a" : "span"), {
+			class: "mwnf-sponsors__item",
+			href: t.href,
+			target: t.href ? "_blank" : void 0,
+			rel: t.href ? "noopener" : void 0
+		}, {
+			default: y(() => [t.logo ? (u(), i("img", {
+				key: 0,
+				class: "mwnf-sponsors__logo",
+				src: t.logo,
+				alt: t.name
+			}, null, 8, Je)) : (u(), i(e, { key: 1 }, [s(h(t.name), 1)], 64))]),
+			_: 2
+		}, 1032, [
+			"href",
+			"target",
+			"rel"
+		]))]))), 128))])) : r("", !0), v.value.length ? (u(), i("div", Ye, [(u(!0), i(e, null, f(v.value, (t) => (u(), i("div", {
+			key: t.title,
+			class: "mwnf-sponsors__group"
+		}, [t.title ? (u(), i("p", Xe, h(t.title), 1)) : r("", !0), a("ul", Ze, [(u(!0), i(e, null, f(t.sponsors, (t) => (u(), i("li", { key: t.name }, [(u(), n(m(t.href ? "a" : "span"), {
+			class: "mwnf-sponsors__item",
+			href: t.href,
+			target: t.href ? "_blank" : void 0,
+			rel: t.href ? "noopener" : void 0,
+			title: t.name
+		}, {
+			default: y(() => [t.logo ? (u(), i("img", {
+				key: 0,
+				class: "mwnf-sponsors__logo",
+				src: t.logo,
+				alt: t.name
+			}, null, 8, Qe)) : (u(), i(e, { key: 1 }, [s(h(t.name), 1)], 64))]),
+			_: 2
+		}, 1032, [
+			"href",
+			"target",
+			"rel",
+			"title"
+		]))]))), 128))])]))), 128))])) : r("", !0)])], 8, Ge)) : r("", !0);
+	}
+}, q = {
+	youtube: {
+		viewBox: "0 0 448 512",
+		path: "M282 256.2l-95.2-54.1V310.3L282 256.2zM384 32H64C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H384c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64zm14.4 136.1c7.6 28.6 7.6 88.2 7.6 88.2s0 59.6-7.6 88.1c-4.2 15.8-16.5 27.7-32.2 31.9C337.9 384 224 384 224 384s-113.9 0-142.2-7.6c-15.7-4.2-28-16.1-32.2-31.9C42 315.9 42 256.3 42 256.3s0-59.7 7.6-88.2c4.2-15.8 16.5-28.2 32.2-32.4C110.1 128 224 128 224 128s113.9 0 142.2 7.7c15.7 4.2 28 16.6 32.2 32.4z"
+	},
+	x: {
+		viewBox: "0 0 448 512",
+		path: "M64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H384c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm297.1 84L257.3 234.6 379.4 396H283.8L209 298.1 123.3 396H75.8l111-126.9L69.7 116h98l67.7 89.5L313.6 116h47.5zM323.3 367.6L153.4 142.9H125.1L296.9 367.6h26.3z"
+	},
+	facebook: {
+		viewBox: "0 0 448 512",
+		path: "M64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64h98.2V334.2H109.4V256h52.8V222.3c0-87.1 39.4-127.5 125-127.5c16.2 0 44.2 3.2 55.7 6.4V172c-6-.6-16.5-1-29.6-1c-42 0-58.2 15.9-58.2 57.2V256h83.6l-14.4 78.2H255V480H384c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64z"
+	},
+	instagram: {
+		viewBox: "0 0 448 512",
+		path: "M194.4 211.7a53.3 53.3 0 1 0 59.3 88.7 53.3 53.3 0 1 0 -59.3-88.7zm142.3-68.4c-5.2-5.2-11.5-9.3-18.4-12c-18.1-7.1-57.6-6.8-83.1-6.5c-4.1 0-7.9 .1-11.2 .1c-3.3 0-7.2 0-11.4-.1c-25.5-.3-64.8-.7-82.9 6.5c-6.9 2.7-13.1 6.8-18.4 12s-9.3 11.5-12 18.4c-7.1 18.1-6.7 57.7-6.5 83.2c0 4.1 .1 7.9 .1 11.1s0 7-.1 11.1c-.2 25.5-.6 65.1 6.5 83.2c2.7 6.9 6.8 13.1 12 18.4s11.5 9.3 18.4 12c18.1 7.1 57.6 6.8 83.1 6.5c4.1 0 7.9-.1 11.2-.1c3.3 0 7.2 0 11.4 .1c25.5 .3 64.8 .7 82.9-6.5c6.9-2.7 13.1-6.8 18.4-12s9.3-11.5 12-18.4c7.2-18 6.8-57.4 6.5-83c0-4.2-.1-8.1-.1-11.4s0-7.1 .1-11.4c.3-25.5 .7-64.9-6.5-83l0 0c-2.7-6.9-6.8-13.1-12-18.4zm-67.1 44.5A82 82 0 1 1 178.4 324.2a82 82 0 1 1 91.1-136.4zm29.2-1.3c-3.1-2.1-5.6-5.1-7.1-8.6s-1.8-7.3-1.1-11.1s2.6-7.1 5.2-9.8s6.1-4.5 9.8-5.2s7.6-.4 11.1 1.1s6.5 3.9 8.6 7s3.2 6.8 3.2 10.6c0 2.5-.5 5-1.4 7.3s-2.4 4.4-4.1 6.2s-3.9 3.2-6.2 4.2s-4.8 1.5-7.3 1.5l0 0c-3.8 0-7.5-1.1-10.6-3.2zM448 96c0-35.3-28.7-64-64-64H64C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H384c35.3 0 64-28.7 64-64V96zM357 389c-18.7 18.7-41.4 24.6-67 25.9c-26.4 1.5-105.6 1.5-132 0c-25.6-1.3-48.3-7.2-67-25.9s-24.6-41.4-25.8-67c-1.5-26.4-1.5-105.6 0-132c1.3-25.6 7.1-48.3 25.8-67s41.5-24.6 67-25.8c26.4-1.5 105.6-1.5 132 0c25.6 1.3 48.3 7.1 67 25.8s24.6 41.4 25.8 67c1.5 26.3 1.5 105.4 0 131.9c-1.3 25.6-7.1 48.3-25.8 67z"
+	},
+	weibo: {
+		viewBox: "0 0 512 512",
+		path: "M407 177.6c7.6-24-13.4-46.8-37.4-41.7-22 4.8-28.8-28.1-7.1-32.8 50.1-10.9 92.3 37.1 76.5 84.8-6.8 21.2-38.8 10.8-32-10.3zM214.8 446.7C108.5 446.7 0 395.3 0 310.4c0-44.3 28-95.4 76.3-143.7C176 67 279.5 65.8 249.9 161c-4 13.1 12.3 5.7 12.3 6 79.5-33.6 140.5-16.8 114 51.4-3.7 9.4 1.1 10.9 8.3 13.1 135.7 42.3 34.8 215.2-169.7 215.2zm143.7-146.3c-5.4-55.7-78.5-94-163.4-85.7-84.8 8.6-148.8 60.3-143.4 116s78.5 94 163.4 85.7c84.8-8.6 148.8-60.3 143.4-116zM347.9 35.1c-25.9 5.6-16.8 43.7 8.3 38.3 72.3-15.2 134.8 52.8 111.7 124-7.4 24.2 29.1 37 37.4 12 31.9-99.8-55.1-195.9-157.4-174.3zm-78.5 311c-17.1 38.8-66.8 60-109.1 46.3-40.8-13.1-58-53.4-40.3-89.7 17.7-35.4 63.1-55.4 103.4-45.1 42 10.8 63.1 50.2 46 88.5zm-86.3-30c-12.9-5.4-30 .3-38 12.9-8.3 12.9-4.3 28 8.6 34 13.1 6 30.8.3 39.1-12.9 8-13.1 3.7-28.3-9.7-34zm32.6-13.4c-5.1-1.7-11.4.6-14.3 5.4-2.9 5.1-1.4 10.6 3.7 12.9 5.1 2 11.7-.3 14.6-5.4 2.8-5.2 1.1-10.9-4-12.9z"
+	},
+	linkedin: {
+		viewBox: "0 0 448 512",
+		path: "M416 32H31.9C14.3 32 0 46.5 0 64.3v383.4C0 465.5 14.3 480 31.9 480H416c17.6 0 32-14.5 32-32.3V64.3c0-17.8-14.4-32.3-32-32.3zM135.4 416H69V202.2h66.5V416zm-33.2-243c-21.3 0-38.5-17.3-38.5-38.5S80.9 96 102.2 96c21.2 0 38.5 17.3 38.5 38.5 0 21.3-17.2 38.5-38.5 38.5zm282.1 243h-66.4V312c0-24.8-.5-56.7-34.5-56.7-34.6 0-39.9 27-39.9 54.9V416h-66.4V202.2h63.7v29.2h.9c8.9-16.8 30.6-34.5 62.9-34.5 67.2 0 79.7 44.3 79.7 101.9V416z"
+	}
+}, $e = Object.freeze([
+	{
+		label: "YouTube",
+		href: "https://www.youtube.com/channel/UC5X2a5jDFyIfTEV5prWNF5Q",
+		icon: "youtube"
+	},
+	{
+		label: "X",
+		href: "https://x.com/mwnf_org/",
+		icon: "x"
+	},
+	{
+		label: "Facebook",
+		href: "http://www.facebook.com/pages/Museum-With-No-Frontiers/370544525423",
+		icon: "facebook"
+	},
+	{
+		label: "Instagram",
+		href: "https://www.instagram.com/museumwithnofrontiers/",
+		icon: "instagram"
+	},
+	{
+		label: "Weibo",
+		href: "https://www.weibo.com/6540990409/profile?topnav=1&wvr=6&is_all=1",
+		icon: "weibo"
+	},
+	{
+		label: "LinkedIn",
+		href: "https://www.linkedin.com/company/museum-with-no-frontiers/",
+		icon: "linkedin"
+	}
+]), et = {
+	key: 0,
+	class: "mwnf-footer__social"
+}, tt = [
+	"href",
+	"aria-label",
+	"title"
+], nt = ["viewBox"], rt = ["d"], J = {
+	__name: "SocialLinks",
+	props: { links: {
+		type: Array,
+		default: () => []
+	} },
+	setup(n) {
+		let o = n, s = t(() => o.links.filter((e) => q[e.icon]));
+		return (t, n) => s.value.length ? (u(), i("ul", et, [(u(!0), i(e, null, f(s.value, (e) => (u(), i("li", { key: e.href }, [a("a", {
+			class: "mwnf-footer__social-link",
+			href: e.href,
+			target: "_blank",
+			rel: "noopener",
+			"aria-label": e.label,
+			title: e.label
+		}, [(u(), i("svg", {
+			class: "mwnf-footer__social-icon",
+			viewBox: g(q)[e.icon].viewBox,
+			"aria-hidden": "true",
+			focusable: "false"
+		}, [a("path", {
+			fill: "currentColor",
+			d: g(q)[e.icon].path
+		}, null, 8, rt)], 8, nt))], 8, tt)]))), 128))])) : r("", !0);
+	}
+}, it = {
+	key: 0,
+	class: "mwnf-footer"
+}, at = {
+	key: 0,
+	class: "mwnf-footer__links"
+}, Y = [
+	"href",
+	"target",
+	"rel"
+], ot = {
+	key: 1,
+	class: "mwnf-footer__text"
+}, st = {
+	key: 2,
+	class: "mwnf-footer__attribution"
+}, ct = {
+	key: 0,
+	class: "mwnf-footer__attribution-label"
+}, lt = ["href"], X = {
+	__name: "AppFooter",
+	props: {
+		text: {
+			type: String,
+			default: ""
+		},
+		links: {
+			type: Array,
+			default: () => []
+		},
+		attributionLabel: {
+			type: String,
+			default: ""
+		},
+		attributionText: {
+			type: String,
+			default: ""
+		},
+		termsHref: {
+			type: String,
+			default: ""
+		},
+		termsLabel: {
+			type: String,
+			default: ""
+		},
+		social: {
+			type: Array,
+			default: () => []
+		}
+	},
+	setup(n) {
+		let o = n, l = _(), d = t(() => o.social.filter((e) => q[e.icon]));
+		function m() {
+			return !!(l.default || o.text || o.links.length || o.attributionText || d.value.length);
+		}
+		return (t, o) => m() ? (u(), i("footer", it, [p(t.$slots, "default", {}, () => [
+			n.links.length ? (u(), i("ul", at, [(u(!0), i(e, null, f(n.links, (e) => (u(), i("li", { key: e.href ?? e.label }, [a("a", {
+				class: "mwnf-footer__link",
+				href: e.href,
+				target: e.external ? "_blank" : void 0,
+				rel: e.external ? "noopener" : void 0
+			}, h(e.label), 9, Y)]))), 128))])) : r("", !0),
+			n.text ? (u(), i("p", ot, h(n.text), 1)) : r("", !0),
+			n.attributionText ? (u(), i("p", st, [
+				n.attributionLabel ? (u(), i("span", ct, h(n.attributionLabel), 1)) : r("", !0),
+				s(" " + h(n.attributionText) + " ", 1),
+				n.termsHref ? (u(), i("a", {
+					key: 1,
+					class: "mwnf-footer__terms",
+					href: n.termsHref
+				}, h(n.termsLabel), 9, lt)) : r("", !0)
+			])) : r("", !0),
+			c(J, { links: d.value }, null, 8, ["links"])
+		])])) : r("", !0);
+	}
+}, ut = { class: "mwnf-page" }, dt = {
+	class: "mwnf-skip-link",
+	href: "#mwnf-content"
+}, ft = {
+	__name: "PageShell",
+	props: {
+		headerTitle: {
+			type: String,
+			default: ""
+		},
+		headerSubtitle: {
+			type: String,
+			default: ""
+		},
+		headerEyebrow: {
+			type: String,
+			default: ""
+		},
+		headerTitleHref: {
+			type: String,
+			default: ""
+		},
+		headerHome: {
+			type: String,
+			default: ""
+		},
+		headerBrand: {
+			type: String,
+			default: ""
+		},
+		headerBrandLogo: {
+			type: Object,
+			default: null
+		},
+		headerLogos: {
+			type: Array,
+			default: () => []
+		},
+		headerLogosTitle: {
+			type: String,
+			default: ""
+		},
+		headerLinks: {
+			type: Array,
+			default: () => []
+		},
+		search: {
+			type: Object,
+			default: null
+		},
+		languages: {
+			type: Array,
+			default: () => []
+		},
+		language: {
+			type: String,
+			default: ""
+		},
+		languagePlacement: {
+			type: String,
+			default: "navigation"
+		},
+		languageStyle: {
+			type: String,
+			default: "select"
+		},
+		bannerVariant: {
+			type: String,
+			default: ""
+		},
+		bannerImage: {
+			type: String,
+			default: ""
+		},
+		bannerImageAlt: {
+			type: String,
+			default: ""
+		},
+		bannerText: {
+			type: String,
+			default: ""
+		},
+		bannerCaption: {
+			type: [String, Object],
+			default: ""
+		},
+		bannerCaptionLabel: {
+			type: String,
+			default: ""
+		},
+		bannerEyebrow: {
+			type: String,
+			default: ""
+		},
+		bannerTitle: {
+			type: String,
+			default: ""
+		},
+		bannerTitleHref: {
+			type: String,
+			default: ""
+		},
+		bannerSubtitle: {
+			type: String,
+			default: ""
+		},
+		bannerHeadline: {
+			type: String,
+			default: ""
+		},
+		bannerEnter: {
+			type: Object,
+			default: null
+		},
+		bannerStrapline: {
+			type: String,
+			default: ""
+		},
+		navigationPlacement: {
+			type: String,
+			default: "after-banner"
+		},
+		navLinks: {
+			type: Array,
+			default: () => []
+		},
+		notice: {
+			type: Object,
+			default: null
+		},
+		hyperlinksVariant: {
+			type: String,
+			default: ""
+		},
+		hyperlinksTitle: {
+			type: String,
+			default: ""
+		},
+		hyperlinksTitleHref: {
+			type: String,
+			default: ""
+		},
+		hyperlinksSubtitle: {
+			type: String,
+			default: ""
+		},
+		hyperlinks: {
+			type: Array,
+			default: () => []
+		},
+		sponsorsTitle: {
+			type: String,
+			default: ""
+		},
+		sponsors: {
+			type: Array,
+			default: () => []
+		},
+		sponsorGroups: {
+			type: Array,
+			default: () => []
+		},
+		footerText: {
+			type: String,
+			default: ""
+		},
+		footerLinks: {
+			type: Array,
+			default: () => []
+		},
+		footerSocial: {
+			type: Array,
+			default: () => []
+		},
+		footerAttributionLabel: {
+			type: String,
+			default: ""
+		},
+		footerAttributionText: {
+			type: String,
+			default: ""
+		},
+		footerTermsHref: {
+			type: String,
+			default: ""
+		},
+		footerTermsLabel: {
+			type: String,
+			default: ""
+		}
+	},
+	emits: ["update:language", "search"],
+	setup(r, { emit: s }) {
+		let l = r, d = s, { t: m } = C(), _ = t(() => l.navigationPlacement === "before-banner" ? ["navigation", "banner"] : ["banner", "navigation"]);
+		return (t, s) => (u(), i("div", ut, [
+			a("a", dt, h(g(m)("layout.nav.skipToContent")), 1),
+			c(N, {
+				title: r.headerTitle,
+				subtitle: r.headerSubtitle,
+				eyebrow: r.headerEyebrow,
+				"title-href": r.headerTitleHref,
+				home: r.headerHome,
+				brand: r.headerBrand,
+				"brand-logo": r.headerBrandLogo,
+				logos: r.headerLogos,
+				"logos-title": r.headerLogosTitle,
+				links: r.headerLinks,
+				search: r.search,
+				languages: r.languages,
+				language: r.language,
+				"language-style": r.languagePlacement === "header" ? r.languageStyle : "",
+				onSearch: s[0] ||= (e) => d("search", e),
+				"onUpdate:language": s[1] ||= (e) => d("update:language", e)
+			}, o({ _: 2 }, [t.$slots.header ? {
+				name: "default",
+				fn: y(() => [p(t.$slots, "header")]),
+				key: "0"
+			} : void 0, t.$slots["header-brand"] ? {
+				name: "brand",
+				fn: y(() => [p(t.$slots, "header-brand")]),
+				key: "1"
+			} : void 0]), 1032, [
+				"title",
+				"subtitle",
+				"eyebrow",
+				"title-href",
+				"home",
+				"brand",
+				"brand-logo",
+				"logos",
+				"logos-title",
+				"links",
+				"search",
+				"languages",
+				"language",
+				"language-style"
+			]),
+			(u(!0), i(e, null, f(_.value, (a) => (u(), i(e, { key: a }, [a === "banner" ? (u(), n(H, {
+				key: 0,
+				variant: r.bannerVariant,
+				image: r.bannerImage,
+				"image-alt": r.bannerImageAlt,
+				text: r.bannerText,
+				caption: r.bannerCaption,
+				"caption-label": r.bannerCaptionLabel,
+				eyebrow: r.bannerEyebrow,
+				title: r.bannerTitle,
+				"title-href": r.bannerTitleHref,
+				subtitle: r.bannerSubtitle,
+				headline: r.bannerHeadline,
+				enter: r.bannerEnter,
+				strapline: r.bannerStrapline
+			}, o({ _: 2 }, [t.$slots.banner ? {
+				name: "default",
+				fn: y(() => [p(t.$slots, "banner")]),
+				key: "0"
+			} : void 0]), 1032, [
+				"variant",
+				"image",
+				"image-alt",
+				"text",
+				"caption",
+				"caption-label",
+				"eyebrow",
+				"title",
+				"title-href",
+				"subtitle",
+				"headline",
+				"enter",
+				"strapline"
+			])) : (u(), n(U, {
+				key: 1,
+				links: r.navLinks,
+				languages: r.languages,
+				language: r.language,
+				"language-switcher": r.languagePlacement === "navigation",
+				notice: r.notice,
+				"onUpdate:language": s[2] ||= (e) => d("update:language", e)
+			}, o({ _: 2 }, [t.$slots.navigation ? {
+				name: "default",
+				fn: y(() => [p(t.$slots, "navigation")]),
+				key: "0"
+			} : void 0]), 1032, [
+				"links",
+				"languages",
+				"language",
+				"language-switcher",
+				"notice"
+			]))], 64))), 128)),
+			c(W, null, o({ _: 2 }, [t.$slots.default ? {
+				name: "default",
+				fn: y(() => [p(t.$slots, "default")]),
+				key: "0"
+			} : void 0]), 1024),
+			c(G, {
+				variant: r.hyperlinksVariant,
+				title: r.hyperlinksTitle,
+				"title-href": r.hyperlinksTitleHref,
+				subtitle: r.hyperlinksSubtitle,
+				links: r.hyperlinks
+			}, o({ _: 2 }, [t.$slots.hyperlinks ? {
+				name: "default",
+				fn: y(() => [p(t.$slots, "hyperlinks")]),
+				key: "0"
+			} : void 0]), 1032, [
+				"variant",
+				"title",
+				"title-href",
+				"subtitle",
+				"links"
+			]),
+			c(K, {
+				title: r.sponsorsTitle,
+				sponsors: r.sponsors,
+				groups: r.sponsorGroups
+			}, o({ _: 2 }, [t.$slots.sponsors ? {
+				name: "default",
+				fn: y(() => [p(t.$slots, "sponsors")]),
+				key: "0"
+			} : void 0]), 1032, [
+				"title",
+				"sponsors",
+				"groups"
+			]),
+			c(X, {
+				text: r.footerText,
+				links: r.footerLinks,
+				social: r.footerSocial,
+				"attribution-label": r.footerAttributionLabel,
+				"attribution-text": r.footerAttributionText,
+				"terms-href": r.footerTermsHref,
+				"terms-label": r.footerTermsLabel
+			}, o({ _: 2 }, [t.$slots.footer ? {
+				name: "default",
+				fn: y(() => [p(t.$slots, "footer")]),
+				key: "0"
+			} : void 0]), 1032, [
+				"text",
+				"links",
+				"social",
+				"attribution-label",
+				"attribution-text",
+				"terms-href",
+				"terms-label"
+			])
+		]));
+	}
+}, pt = /^.*?theme\/assets\//, Z = /* @__PURE__ */ new WeakMap();
+function mt(e) {
+	let t = Z.get(e);
+	if (!t) {
+		t = /* @__PURE__ */ new Map();
+		for (let [n, r] of Object.entries(e)) typeof r == "string" && r && t.set(Q(n), r);
+		Z.set(e, t);
+	}
+	return t;
+}
+function Q(e) {
+	return String(e).replaceAll("\\", "/").replace(pt, "").replace(/^(\.\/|\/)+/, "");
+}
+function $(e, t) {
+	return !e || typeof e != "object" || !t ? null : mt(e).get(Q(t)) ?? null;
+}
+function ht(e, t) {
+	return t ? $(e, `chrome/${String(t).replace(/^\/+/, "")}`) : null;
+}
+function gt(e, t) {
+	return !t || typeof t != "string" ? null : /^(?:[a-z][a-z0-9+.-]*:|\/\/|\/)/i.test(t) ? t : $(e, t);
+}
+function _t(e, t) {
+	if (!e || typeof DOMParser > "u") return e;
+	let n = new DOMParser().parseFromString(`<body>${e}</body>`, "text/html"), r = !1;
+	for (let e of n.body.querySelectorAll("img[src]")) {
+		let n = t(e.getAttribute("src"));
+		n && (e.setAttribute("src", n), r = !0);
+	}
+	return r ? n.body.innerHTML : e;
+}
+//#endregion
+export { ft as a, $e as c, W as d, U as f, _t as i, K as l, N as m, ht as n, X as o, H as p, gt as r, J as s, $ as t, G as u };