@museumwnf/viewer-layout 2.14.0 → 2.15.0

package/README.md

@@ -423,6 +423,30 @@ except where noted:
 | islamicart/baroqueart `TimelineEntrance`/`TimelineResults` | the same controls, `event: (event, ctx) => ({ ..., actions: [{ label: 'timeline.action.viewItemsFromPeriod', to: itemsLink(event) }] })` for the per-event "View items from this period" link |
 | sharinghistory `TimelineResults` (no separate entrance page in legacy; `entrance: true` on the same spec shape covers it) | `scope: 'collection'`, `controls` adding `{ key: 'collection', label: 'sharinghistory.nav.timeline' }` fed by `collections: (ctx) => [{ value: 'pc', label: t('sharinghistory.nav.permanentCollection') }, ...exhibitions]`, `event(...)` composing the "Country \| Theme" `caption` and the image/item strip as `media` |
 
+## DXA family pages
+
+`@museumwnf/viewer-layout/dxa` ships the gallery/exhibition thin pages
+confirmed byte-identical within each DXA site pair on `origin/main` —
+11 gallery pages (from carpets/amulets), 9 exhibition pages (from
+the-use-of-colours-in-art/water-in-islam) — plus `standardRoutes(family,
+config)`, the RouteRecord factory a site spreads into `extraViews`:
+
+```js
+import { standardRoutes } from '@museumwnf/viewer-layout/dxa'
+
+extraViews: [
+  ...standardRoutes('gallery', { creditsBody: 'carpets.credits.body' }),
+  // + this gallery's own routes: home, item, collection entrance,
+  // timeline entrance, partners entrance
+]
+```
+
+Route names and paths are pinned to what every live DXA site already
+registers, so adopting the factory keeps every existing deep link (and
+every `legacyRoutes` resolver targeting those names) working unmodified.
+Full page-by-page prop/slot/entry table in
+[`docs/slot-catalogue.md`](docs/slot-catalogue.md#dxa-family-pages-museumwnfviewer-layoutdxa).
+
 ## Theming
 
 Every color, font, spacing, radius comes from a `--mwnf-*` CSS custom property with a neutral fallback. Full list: [`tokens.reference.css`](src/tokens.reference.css) (also exported as `@museumwnf/viewer-layout/tokens.reference.css`) — copy it into your website as `theme/tokens.css` and set values.

package/dist/BackLink-BJ16COHd.js

@@ -0,0 +1,106 @@
+import { g as e } from "./TimelineEventList-BmfLBaTT.js";
+import { computed as t, createBlock as n, createCommentVNode as r, createElementBlock as i, createElementVNode as a, createTextVNode as o, openBlock as s, toDisplayString as c, withCtx as l } from "vue";
+import { useRouter as u } from "vue-router";
+//#region src/content/PartnerMap.vue
+var d = {
+	key: 0,
+	class: "mwnf-partner-map"
+}, f = { class: "mwnf-partner-map__title" }, p = ["src", "title"], m = { class: "mwnf-partner-map__link" }, h = ["href"], g = {
+	__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 n = e, o = t(() => Number.isFinite(n.latitude) && Number.isFinite(n.longitude)), l = t(() => {
+			let e = 360 / 2 ** Math.max(1, Math.min(19, n.zoom || 15)), [t, r] = [n.latitude, n.longitude];
+			return [
+				r - e,
+				t - e / 2,
+				r + e,
+				t + e / 2
+			].join("%2C");
+		}), u = t(() => `https://www.openstreetmap.org/export/embed.html?bbox=${l.value}&layer=mapnik&marker=${n.latitude}%2C${n.longitude}`), g = t(() => `https://www.openstreetmap.org/?mlat=${n.latitude}&mlon=${n.longitude}#map=${n.zoom || 15}/${n.latitude}/${n.longitude}`);
+		return (t, n) => o.value ? (s(), i("div", d, [
+			a("p", f, c(t.$t(e.mapTitleEntry)), 1),
+			a("iframe", {
+				src: u.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, p),
+			a("p", m, [a("a", {
+				href: g.value,
+				target: "_blank",
+				rel: "noopener"
+			}, "↗ " + c(t.$t(e.openMapLinkEntry)), 9, h)])
+		])) : r("", !0);
+	}
+}, _ = { class: "mwnf-back-link" }, v = {
+	__name: "BackLink",
+	props: {
+		label: {
+			type: String,
+			default: "core.action.back"
+		},
+		to: {
+			type: [String, Object],
+			default: null
+		},
+		href: {
+			type: String,
+			default: ""
+		}
+	},
+	setup(t) {
+		let r = u();
+		function a() {
+			return window.history.length > 1;
+		}
+		function d(e) {
+			a() && (e.preventDefault(), r.back());
+		}
+		return (r, u) => (s(), i("div", _, [!a() && (t.to || t.href) ? (s(), n(e, {
+			key: 0,
+			to: t.to,
+			href: t.href,
+			class: "mwnf-back-link__button"
+		}, {
+			default: l(() => [o(" ↩ " + c(r.$t(t.label)), 1)]),
+			_: 1
+		}, 8, ["to", "href"])) : (s(), i("button", {
+			key: 1,
+			class: "mwnf-back-link__button",
+			onClick: d
+		}, " ↩ " + c(r.$t(t.label)), 1))]));
+	}
+};
+//#endregion
+export { g as n, v as t };