dbf-mirador 4.3.9 → 4.4.0

package/README.md

@@ -66,6 +66,16 @@ for the host page to style, so only use it with that CSS in place:
 <MapViewer manifestId={manifestUrl} lang="ar" site />
 ```
 
+With `site`, `initialView` sets how the map opens. `fill` (the default) fills the view with
+every POI in it; `halfway` then moves halfway from there to the `firstPoi` view (half the zoom,
+with the first POI of the tour half way to where `firstPoi` centres it), and
+`firstPoi` zooms onto it the way the panel focuses on a POI, without selecting it. Only the map
+`MapViewer` opens: a nested map always opens filling the view, as does a map without POIs.
+
+```jsx
+<MapViewer manifestId={manifestUrl} site initialView="halfway" />
+```
+
 ### Mirador
 
 Check the `demo` folder for runnable examples, including `demo/index.html` (raw

package/dist/{OpenSeadragonViewer-Dm_GZoQ8.js → OpenSeadragonViewer-DDT-hCCn.js}

@@ -7337,7 +7337,7 @@ function Qe(e, t, n) {
 		y: t + ($.y - qe.y) * r
 	};
 }
-var $e = class {
+var $e = (e) => Number.isFinite(e) && e > 0 ? 2 ** Math.round(Math.log2(e)) : 1, et = class {
 	constructor({ resource: e, palette: t, zoomRatio: n, offset: r, selected: i, hovered: a, journeyStopNumber: o, lineStyle: s = null }) {
 		this.resource = e, this.lineStyle = s, this.journeyStopNumber = o, this.palette = t, this.zoomRatio = n, this.offset = r, this.selected = i, this.hovered = a;
 	}
@@ -7393,7 +7393,10 @@ var $e = class {
 				n.getAttribute(e) && (this.context[a[e]] = n.getAttribute(e));
 			}), this.context.lineWidth /= this.zoomRatio, (this.selected || this.hovered) && (this.context.strokeStyle = e.strokeStyle || e.fillStyle), t) {
 				let { lineDash: e, lineWidth: n, strokeStyle: r } = t;
-				r && (this.context.strokeStyle = r), n && (this.context.lineWidth = n / this.zoomRatio), e && this.context.setLineDash(e.map((e) => e / this.zoomRatio));
+				if (r && (this.context.strokeStyle = r), n && (this.context.lineWidth = n / this.zoomRatio), e) {
+					let t = $e(this.zoomRatio);
+					this.context.setLineDash(e.map((e) => e / t));
+				}
 			}
 			this.context.globalAlpha = e.globalAlpha, n.getAttribute("fill") && n.getAttribute("fill") !== "none" && (n.getAttribute("fill-opacity") && (this.context.globalAlpha = e.globalAlpha * this.parseOpacity(n.getAttribute("fill-opacity"))), this.context.fill(i)), n.getAttribute("stroke-opacity") ? this.context.globalAlpha = e.globalAlpha * this.parseOpacity(n.getAttribute("stroke-opacity")) : this.context.globalAlpha = e.globalAlpha, this.context.stroke(i), this.context.restore();
 		});
@@ -7413,10 +7416,10 @@ var $e = class {
 };
 //#endregion
 //#region src/components/AnnotationsOverlay.jsx
-function et({ canvasWorld: e, osdCanvasOverlay: t, viewer: n }, r, i, a) {
+function tt({ canvasWorld: e, osdCanvasOverlay: t, viewer: n }, r, i, a) {
 	let [o, s] = e.canvasToWorldCoordinates(i.id), c = a.x - o, l = a.y - s;
 	if (r.svgSelector) {
-		let e = t.context2d, { svgPaths: n } = new $e({ resource: r });
+		let e = t.context2d, { svgPaths: n } = new et({ resource: r });
 		return [...n].some((t) => e.isPointInPath(ze(t), c, l));
 	}
 	if (r.pointSelector) {
@@ -7431,17 +7434,17 @@ function et({ canvasWorld: e, osdCanvasOverlay: t, viewer: n }, r, i, a) {
 	}
 	return !1;
 }
-function tt(e) {
+function nt(e) {
 	let t = e.originalEvent?.pointerType;
 	return (t === "touch" || t === "pen") && e.quick === !1;
 }
-function nt(e) {
+function rt(e) {
 	let t = /* @__PURE__ */ new Map();
 	return Object.values((0, Ne.default)(e.filter((e) => e.journeyId != null), (e) => e.journeyId)).forEach((e) => {
 		(0, Ie.default)(e, (e) => e.journeyOrder).forEach((e, n) => t.set(e.id, n + 1));
 	}), t;
 }
-function rt({ annotations: e = [], canvasWorld: t, deselectAnnotation: n = () => {}, drawAnnotations: r = !0, drawSearchAnnotations: i = !0, highlightAllAnnotations: a = !1, hoverAnnotation: o = () => {}, hoveredAnnotationIds: s = [], lineStyle: c = null, palette: l = {}, searchAnnotations: u = [], selectAnnotation: d = () => {}, selectedAnnotationId: f = null, viewer: p = null, windowId: m }) {
+function it({ annotations: e = [], canvasWorld: t, deselectAnnotation: n = () => {}, drawAnnotations: r = !0, drawSearchAnnotations: i = !0, highlightAllAnnotations: a = !1, hoverAnnotation: o = () => {}, hoveredAnnotationIds: s = [], lineStyle: c = null, palette: l = {}, searchAnnotations: u = [], selectAnnotation: d = () => {}, selectedAnnotationId: f = null, viewer: p = null, windowId: m }) {
 	let h = Y(), g = J(() => new Re(p, h), [h, p]), _ = G((e) => {
 		f === e ? n(m, e) : d(m, e);
 	}, [
@@ -7450,7 +7453,7 @@ function rt({ annotations: e = [], canvasWorld: t, deselectAnnotation: n = () =>
 		d,
 		m
 	]), v = G((e, n) => {
-		let r = g.context2d, i = e.flatMap((e) => e.resources), [o, l] = (0, Fe.default)(i, (e) => !e.pointSelector), [u, d] = (0, Fe.default)(l, (e) => e.id !== f), m = nt(l);
+		let r = g.context2d, i = e.flatMap((e) => e.resources), [o, l] = (0, Fe.default)(i, (e) => !e.pointSelector), [u, d] = (0, Fe.default)(l, (e) => e.id !== f), m = rt(l);
 		[
 			...o,
 			...u,
@@ -7461,7 +7464,7 @@ function rt({ annotations: e = [], canvasWorld: t, deselectAnnotation: n = () =>
 			let o = p.world.getItemAt(i);
 			if (!o) return;
 			let l = t.offsetByCanvas(e.targetId), u = o.viewportToImageZoom(p.viewport.getZoom(!0));
-			new $e({
+			new et({
 				hovered: s.includes(e.id),
 				journeyStopNumber: m.get(e.id),
 				lineStyle: c,
@@ -7497,7 +7500,7 @@ function rt({ annotations: e = [], canvasWorld: t, deselectAnnotation: n = () =>
 		u
 	]), b = G(() => {
 		g && (g.clear(), g.resize(), g.canvasUpdate(y));
-	}, [g, y]), x = G((n, r) => [...e, ...u].flatMap((e) => e.resources).filter((e) => n.id === e.targetId && et({
+	}, [g, y]), x = G((n, r) => [...e, ...u].flatMap((e) => e.resources).filter((e) => n.id === e.targetId && tt({
 		canvasWorld: t,
 		osdCanvasOverlay: g,
 		viewer: p
@@ -7508,7 +7511,7 @@ function rt({ annotations: e = [], canvasWorld: t, deselectAnnotation: n = () =>
 		u,
 		p
 	]), S = G((e) => {
-		if (tt(e)) return;
+		if (nt(e)) return;
 		let { position: n, eventSource: { viewport: r } } = e, i = r.pointFromPixel(n), a = t.canvasAtPoint(i);
 		if (!a) return;
 		let [o, s, c, l] = t.canvasToWorldCoordinates(a.id), u = x(a, i);
@@ -7522,7 +7525,7 @@ function rt({ annotations: e = [], canvasWorld: t, deselectAnnotation: n = () =>
 					let o = 0;
 					for (let s = 0; s < 360; s += 1) {
 						let c = Math.cos(s * n) * e + i.x, l = Math.sin(s * n) * e + i.y;
-						et({
+						tt({
 							canvasWorld: t,
 							osdCanvasOverlay: g,
 							viewer: p
@@ -7608,7 +7611,7 @@ function rt({ annotations: e = [], canvasWorld: t, deselectAnnotation: n = () =>
 		children: /* @__PURE__ */ X("canvas", {})
 	}), p.canvas) : null;
 }
-rt.propTypes = {
+it.propTypes = {
 	annotations: Z.default.arrayOf(Z.default.object),
 	canvasWorld: Z.default.instanceOf(z).isRequired,
 	deselectAnnotation: Z.default.func,
@@ -7632,7 +7635,7 @@ rt.propTypes = {
 };
 //#endregion
 //#region src/components/ImageFailureMessage.jsx
-var it = _e(be)(({ theme: e }) => ({
+var at = _e(be)(({ theme: e }) => ({
 	position: "absolute",
 	top: e.spacing(2),
 	left: "50%",
@@ -7644,9 +7647,9 @@ var it = _e(be)(({ theme: e }) => ({
 	zIndex: 1e3,
 	pointerEvents: "none"
 }));
-function at({ imageUrls: e = [] }) {
+function ot({ imageUrls: e = [] }) {
 	let { failedImages: t } = K(F), { t: n } = ge();
-	return e.some((e) => t.has(e)) ? /* @__PURE__ */ X(it, {
+	return e.some((e) => t.has(e)) ? /* @__PURE__ */ X(at, {
 		role: "status",
 		"aria-live": "polite",
 		children: /* @__PURE__ */ X(ve, {
@@ -7655,8 +7658,8 @@ function at({ imageUrls: e = [] }) {
 		})
 	}) : null;
 }
-at.propTypes = { imageUrls: Z.default.arrayOf(Z.default.string) };
-var ot = i(h((e, { windowId: t }) => ({
+ot.propTypes = { imageUrls: Z.default.arrayOf(Z.default.string) };
+var st = i(h((e, { windowId: t }) => ({
 	annotations: re(e, { windowId: t }),
 	canvasWorld: xe(e, { windowId: t }),
 	drawAnnotations: O(e).window.forceDrawAnnotations || _(e, {
@@ -7676,7 +7679,7 @@ var ot = i(h((e, { windowId: t }) => ({
 	deselectAnnotation: N,
 	hoverAnnotation: P,
 	selectAnnotation: ie
-}), d("AnnotationsOverlay"))(rt), st = {
+}), d("AnnotationsOverlay"))(it), ct = {
 	get(e) {
 		return this.refs[e];
 	},
@@ -7687,10 +7690,10 @@ var ot = i(h((e, { windowId: t }) => ({
 	set(e, t) {
 		this.refs[e] = t;
 	}
-}, ct = de(void 0);
+}, lt = de(void 0);
 //#endregion
 //#region src/components/OpenSeadragonComponent.jsx
-function lt({ children: e = void 0, Container: t = "div", osdConfig: n = {}, viewerConfig: r = {}, onUpdateViewport: i = () => {}, setViewer: a = () => {}, style: o = {}, ...s }) {
+function ut({ children: e = void 0, Container: t = "div", osdConfig: n = {}, viewerConfig: r = {}, onUpdateViewport: i = () => {}, setViewer: a = () => {}, style: o = {}, ...s }) {
 	let c = fe(), l = Y(), [u, d] = me(!1), f = Y(void 0), p = Y(!1), m = Y(null), h = Y(!1), [, g] = pe((e) => e + 1, 0), _ = B(G((e) => {
 		f.current?.raiseEvent("mouse-move", e);
 	}, [f]), 10), v = G((e) => {
@@ -7755,7 +7758,7 @@ function lt({ children: e = void 0, Container: t = "div", osdConfig: n = {}, vie
 		f?.current?.canvas?.firstElementChild,
 		c,
 		b
-	]), /* @__PURE__ */ X(ct.Provider, {
+	]), /* @__PURE__ */ X(lt.Provider, {
 		value: f,
 		children: /* @__PURE__ */ X(t, {
 			id: c,
@@ -7769,7 +7772,7 @@ function lt({ children: e = void 0, Container: t = "div", osdConfig: n = {}, vie
 		})
 	});
 }
-lt.propTypes = {
+ut.propTypes = {
 	children: Z.default.node,
 	Container: Z.default.elementType,
 	onUpdateViewport: Z.default.func,
@@ -7787,8 +7790,8 @@ lt.propTypes = {
 };
 //#endregion
 //#region src/components/OpenSeadragonTileSource.jsx
-function ut({ index: e = void 0, opacity: t = void 0, fitBounds: n = void 0, tileSource: r = {}, url: i = void 0 }) {
-	let a = K(ct), { notifyFailure: o, fallbackImage: s } = K(F), c = Y(void 0);
+function dt({ index: e = void 0, opacity: t = void 0, fitBounds: n = void 0, tileSource: r = {}, url: i = void 0 }) {
+	let a = K(lt), { notifyFailure: o, fallbackImage: s } = K(F), c = Y(void 0);
 	return q(() => {
 		t != null && c.current?.setOpacity(t);
 	}, [t]), q(() => {
@@ -7836,7 +7839,7 @@ function ut({ index: e = void 0, opacity: t = void 0, fitBounds: n = void 0, til
 		});
 	}, [a?.current, i]), null;
 }
-ut.propTypes = {
+dt.propTypes = {
 	fitBounds: Z.default.arrayOf(Z.default.number),
 	index: Z.default.number,
 	opacity: Z.default.number,
@@ -7845,12 +7848,12 @@ ut.propTypes = {
 };
 //#endregion
 //#region src/components/OpenSeadragonViewer.jsx
-var dt = _e("section")({
+var ft = _e("section")({
 	cursor: "grab",
 	flex: 1,
 	position: "relative"
 });
-function ft({ children: e = null, label: t = null, windowId: n, osdConfig: r = {}, viewerConfig: i = null, drawAnnotations: a = !1, infoResponses: o = [], canvasWorld: s, nonTiledImages: c = [], site: l = !1, updateViewport: u, ...d }) {
+function pt({ children: e = null, label: t = null, windowId: n, osdConfig: r = {}, viewerConfig: i = null, drawAnnotations: a = !1, infoResponses: o = [], canvasWorld: s, nonTiledImages: c = [], site: l = !1, updateViewport: u, ...d }) {
 	let { t: f } = ge(), p = Y(), [m, h] = me(null), g = G(({ flip: e, rotation: t, x: r, y: i, zoom: a }) => {
 		u(n, {
 			flip: e,
@@ -7862,7 +7865,7 @@ function ft({ children: e = null, label: t = null, windowId: n, osdConfig: r = {
 	}, [u, n]), _ = G((e = !0) => {
 		p.current?.viewport && p.current.viewport.fitBounds(new Q.default.Rect(...s.worldBounds()), e);
 	}, [s, p]);
-	q(() => (st.set(n, p), () => st.remove(n)), [p, n]), q(() => {
+	q(() => (ct.set(n, p), () => ct.remove(n)), [p, n]), q(() => {
 		p.current = m;
 	}, [p, m]);
 	let v = W.map(e, (e) => ue(e, { zoomToWorld: _ })), y = {
@@ -7878,9 +7881,9 @@ function ft({ children: e = null, label: t = null, windowId: n, osdConfig: r = {
 		windowId: n,
 		...d
 	}, b = J(() => [...o.map((e) => e.id), ...c.map((e) => e.id)], [o, c]);
-	return /* @__PURE__ */ he(lt, {
+	return /* @__PURE__ */ he(ut, {
 		className: (0, Pe.default)(le("osd-container")),
-		Container: dt,
+		Container: ft,
 		osdConfig: r,
 		viewerConfig: i || (s.hasDimensions() ? { bounds: s.worldBounds() } : void 0),
 		onUpdateViewport: g,
@@ -7892,7 +7895,7 @@ function ft({ children: e = null, label: t = null, windowId: n, osdConfig: r = {
 				let t = s.contentResource(e.id);
 				if (!t) return null;
 				let n = s.contentResourceToWorldCoordinates(t), r = s.layerIndexOfImageResource(t), i = s.layerOpacityOfImageResource(t);
-				return /* @__PURE__ */ X(ut, {
+				return /* @__PURE__ */ X(dt, {
 					tileSource: e.json,
 					fitBounds: n,
 					index: r,
@@ -7903,19 +7906,19 @@ function ft({ children: e = null, label: t = null, windowId: n, osdConfig: r = {
 				let t = e.getProperty("type"), n = e.getProperty("format") || "";
 				if (!(t === "Image" || t === "dctypes:Image" || n.startsWith("image/"))) return null;
 				let r = s.contentResourceToWorldCoordinates(e), i = s.layerIndexOfImageResource(e), a = s.layerOpacityOfImageResource(e);
-				return /* @__PURE__ */ X(ut, {
+				return /* @__PURE__ */ X(dt, {
 					url: e.id,
 					fitBounds: r,
 					index: i,
 					opacity: a
 				}, e.id);
 			}),
-			a && /* @__PURE__ */ X(ot, {
+			a && /* @__PURE__ */ X(st, {
 				viewer: m,
 				windowId: n
 			}),
 			v,
-			/* @__PURE__ */ X(at, { imageUrls: b }),
+			/* @__PURE__ */ X(ot, { imageUrls: b }),
 			/* @__PURE__ */ X(U, {
 				targetName: "OpenSeadragonViewer",
 				viewer: m,
@@ -7924,7 +7927,7 @@ function ft({ children: e = null, label: t = null, windowId: n, osdConfig: r = {
 		]
 	});
 }
-ft.propTypes = {
+pt.propTypes = {
 	site: Z.default.bool,
 	canvasWorld: Z.default.instanceOf(z).isRequired,
 	children: Z.default.node,
@@ -7939,7 +7942,7 @@ ft.propTypes = {
 };
 //#endregion
 //#region src/containers/OpenSeadragonViewer.js
-var pt = /* @__PURE__ */ l({ default: () => mt }), mt = i(h((e, { windowId: t }) => {
+var mt = /* @__PURE__ */ l({ default: () => ht }), ht = i(h((e, { windowId: t }) => {
 	let n = xe(e, { windowId: t }), r = j(e), i = n.canvases.flatMap((e) => e.imageServiceIds);
 	return {
 		canvasWorld: n,
@@ -7960,8 +7963,8 @@ var pt = /* @__PURE__ */ l({ default: () => mt }), mt = i(h((e, { windowId: t })
 		site: O(e).maps?.site === !0,
 		viewerConfig: f(e, { windowId: t })
 	};
-}, { updateViewport: V }), d("OpenSeadragonViewer"))(ft);
+}, { updateViewport: V }), d("OpenSeadragonViewer"))(pt);
 //#endregion
-export { ot as a, nt as c, Me as d, xe as f, st as i, $e as l, pt as n, at as o, ft as r, rt as s, mt as t, Re as u };
+export { st as a, rt as c, Me as d, xe as f, ct as i, et as l, mt as n, ot as o, pt as r, it as s, ht as t, Re as u };
 
-//# sourceMappingURL=OpenSeadragonViewer-Dm_GZoQ8.js.map
+//# sourceMappingURL=OpenSeadragonViewer-DDT-hCCn.js.map