@museumwnf/viewer-layout 2.15.2 → 2.17.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@museumwnf/viewer-layout",
-  "version": "2.15.2",
+  "version": "2.17.0",
   "description": "Page structure for MWNF websites: PageShell composing seven optional, token-styled sections, the content components a page is made of, and the composed views a website names instead of writing a page.",
   "type": "module",
   "license": "SEE LICENSE IN LICENSE.md",
@@ -35,12 +35,12 @@
     "test": "vitest run"
   },
   "peerDependencies": {
-    "@museumwnf/viewer-core": "^1.16.0 || ^2.0.0",
+    "@museumwnf/viewer-core": "^2.1.0",
     "vue": "^3.5.0",
     "vue-router": "^4.5.0 || ^5.0.0"
   },
   "devDependencies": {
-    "@museumwnf/viewer-core": "^1.16.0",
+    "@museumwnf/viewer-core": "^2.2.0",
     "@vitejs/plugin-vue": "^6.0.8",
     "@vue/test-utils": "^2.4.11",
     "jsdom": "^30.0.1",

package/src/tokens.reference.css

@@ -316,6 +316,7 @@
   /* --mwnf-credits-gap: 0.25rem 1rem;               Gap in the credits list */
 
   /* ---------- Content: RecordSheetView (the DXA item sheet's own blocks) ---------- */
+  /* --mwnf-sheet-museum-gap: 0.25rem;               Holder text to partner summary */
   /* --mwnf-sheet-source-size: 0.875rem;             Source-database block text size */
   /* --mwnf-sheet-source-gap: 0.375rem;              Gap between its lines */
   /* --mwnf-sheet-source-uid-size: 0.75rem;          backward_compatibility code size */
@@ -337,7 +338,26 @@
   /* --mwnf-sheet-related-reference-gap: 0.5rem;     Gap in an outside-reference row */
   /* --mwnf-sheet-related-reference-padding: 0.1875rem 0; Padding of an outside-reference row */
   /* --mwnf-sheet-related-unresolved-color: #8a8a8a; "Not in this gallery/exhibition" note color */
-  /* --mwnf-sheet-related-unresolved-size: 0.75rem;  Its text size */
+  /* --mwnf-sheet-related-unresolved-size: 0.75rem;  Its text size (also OnDisplayIn's pending note) */
+
+  /* ---------- Content: item-page blocks ---------- */
+  /* --mwnf-special-features-gap: 1rem;              Space under one special feature */
+  /* --mwnf-special-features-name-gap: 0.25rem;      Space under its name and each meta line */
+  /* --mwnf-special-features-name-size: 0.9375rem;   Its name's size */
+  /* --mwnf-special-features-name-weight: 500;       Its name's weight */
+  /* --mwnf-special-features-name-color: inherit;    Its name's color */
+  /* --mwnf-special-features-meta-size: 0.75rem;     Location, dates and artists: size */
+  /* --mwnf-special-features-meta-color: #555555;    Their color */
+  /* --mwnf-related-media-gap: 0.375rem;             Space above one audio/video entry */
+  /* --mwnf-related-media-link-size: inherit;        Its title link's size */
+  /* --mwnf-related-media-link-weight: inherit;      Its title link's weight */
+  /* --mwnf-related-media-link-color: var(--mwnf-link-text, #0000ff); Its title link's color */
+  /* --mwnf-related-media-description-gap: 0.125rem; Space above its description */
+  /* --mwnf-related-media-description-size: 0.75rem; Its description's size */
+  /* --mwnf-related-media-description-color: #555555; Its description's color */
+  /* --mwnf-on-display-size: inherit;                On display in: the list's text size */
+  /* --mwnf-on-display-gap: 0.375rem;                Space above one place */
+  /* --mwnf-on-display-link-color: var(--mwnf-link-text, #0000ff); A place's link color */
   /* --mwnf-sheet-timeline-trigger-color: inherit;   The "timeline for this item" trigger line */
   /* --mwnf-sheet-timeline-popout-width: 40rem;      Timeline popout max width */
   /* --mwnf-sheet-timeline-popout-margin: 0.5rem 0 0.875rem; Timeline popout margin */
@@ -566,6 +586,31 @@
   /* --mwnf-partner-map-link-gap: 0.375rem;            Gap before the full-map link */
   /* --mwnf-partner-map-link-size: 0.875rem;           Full-map link text size */
 
+  /* ---------- Content: PartnerPanel ---------- */
+  /* --mwnf-partner-name-color: inherit;               Name, section and contact headings */
+  /* --mwnf-partner-name-weight: 700;                  Name weight (page, heading) */
+  /* --mwnf-partner-link-color: var(--mwnf-color-accent);  Links: name, actions, contact, homepage */
+  /* --mwnf-partner-muted-color: var(--mwnf-color-muted);  Location, count, dividers */
+  /* --mwnf-partner-divider-gap: 0.375rem;             Space around a | divider */
+  /* --mwnf-partner-logo-width: 7.5rem;                Line/summary logo, max width */
+  /* --mwnf-partner-logo-height: 4.375rem;             Line/summary logo, max height */
+  /* --mwnf-partner-line-gap: 0.75rem;                 Gap between logo and text */
+  /* --mwnf-partner-line-name-weight: 500;             Name weight in a list line */
+  /* --mwnf-partner-line-meta-gap: 0.1875rem;          Gap above the count and actions */
+  /* --mwnf-partner-meta-size: 0.8125rem;              Count and actions text size */
+  /* --mwnf-partner-summary-name-weight: 400;          Name weight in the item-page line */
+  /* --mwnf-partner-gap: 0.75rem;                      Gap between the page's parts */
+  /* --mwnf-partner-header-gap: 0.25rem;               Gap under the name and headings */
+  /* --mwnf-partner-title-size: 1.5rem;                Name size on the partner page */
+  /* --mwnf-partner-bar-padding: 0.5rem 0.75rem;       Tab band padding */
+  /* --mwnf-partner-bar-background: #f0f0f0;           Tab band background */
+  /* --mwnf-partner-tab-size: 0.9375rem;               Tab and homepage text size */
+  /* --mwnf-partner-tab-color: inherit;                Tab text color */
+  /* --mwnf-partner-body-gap: 1.625rem;                Gap between pictures and panel */
+  /* --mwnf-partner-pictures-width: 38%;               Pictures column width */
+  /* --mwnf-partner-line-height: 1.55;                 Panel line height */
+  /* --mwnf-partner-logos-width: 12.5rem;              Logo tab image, max width */
+
   /* ---------- Content: FeaturedPartners ---------- */
   /* --mwnf-featured-partners-padding: 1.25rem 0;      Vertical padding */
   /* --mwnf-featured-partners-background: transparent; Background color */
@@ -705,6 +750,7 @@
   /* --mwnf-back-bar-text: inherit;                  Back bar text color */
   /* --mwnf-back-bar-size: 0.9375rem;                Back bar text size */
   /* --mwnf-back-bar-hover-text: inherit;            Back bar hover text color */
+  /* --mwnf-back-bar-margin: 0;                      BackLink variant="bar": the link's margin */
 
   /* --mwnf-chip-padding: 0.0625rem 0.5rem;          Chip padding */
   /* --mwnf-chip-size: 0.75rem;                      Chip text size */

package/dist/BackLink-BJ16COHd.js

@@ -1,106 +0,0 @@
-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 };