@projektemacher/storymapjs 0.10.3 → 0.10.5

package/dist/js/storymap.js

@@ -196,7 +196,7 @@ var k = {
 			language: { type: "string" },
 			map_type: {
 				type: "string",
-				description: "Basemap type: osm:<style>, osm (classic raster), mapbox://styles/<user>/<style>, stadia:<style>, stamen:<style> (deprecated, remapped), https://... (tile url template or style JSON), iiif, ch-watercolor, zoomify (legacy image pyramid, needs the zoomify options)."
+				description: "Basemap type: osm:<style>, osm (classic raster), mapbox://styles/<user>/<style>, stadia:<style>, stamen:<style> (deprecated, remapped), tile URL template or style JSON URL (absolute https://... or relative ./tiles/{z}/{x}/{y}.png, /tiles/{z}/...), iiif, ch-watercolor, zoomify (legacy image pyramid, needs the zoomify options)."
 			},
 			zoomify: { anyOf: [{
 				type: "object",
@@ -223,6 +223,10 @@ var k = {
 				minItems: 4,
 				maxItems: 4
 			}, { type: "null" }] },
+			map_area: {
+				type: "string",
+				enum: ["full", "left"]
+			},
 			consent_required: { type: "boolean" },
 			map_center_offset: {
 				type: "object",
@@ -23164,7 +23168,16 @@ var Px = {
 			lon: this.data.location.lon
 		} : {};
 	}
-}, Bx = 19, Vx = Array.from({ length: 25 }, (e, t) => 2 ** (16 - t)), Hx = class extends Ix {
+};
+function Bx(e, t) {
+	if (t.naturalWidth !== 256 || t.naturalHeight !== 256) {
+		let n = document.createElement("canvas");
+		n.width = 256, n.height = 256, n.getContext("2d")?.drawImage(t, 0, 0), e.setImage(n);
+	}
+}
+//#endregion
+//#region src/map/openlayers/Map.OpenLayers.ts
+var Vx = 19, Hx = Array.from({ length: 25 }, (e, t) => 2 ** (16 - t)), Ux = class extends Ix {
 	_createMap() {
 		let e = this.options.map_type === "iiif" && this.options.map_as_image, t = this.options.map_options ?? {}, { element: n, view: r, ...i } = t, a = r ?? {}, o = this._bboxExtent();
 		this._map = new gd({
@@ -23177,13 +23190,16 @@ var Px = {
 				center: [0, 0],
 				zoom: 0,
 				minZoom: 0,
-				maxZoom: e ? Vx.length - 1 : Bx,
+				maxZoom: e ? Hx.length - 1 : Vx,
 				...e ? {
 					multiWorld: !0,
-					resolutions: Vx
+					resolutions: Hx
 				} : {},
 				...this.options.map_type === "zoomify" ? { multiWorld: !0 } : {},
-				...o ? { extent: o } : {},
+				...o ? {
+					extent: o,
+					constrainOnlyCenter: !0
+				} : {},
 				...a
 			})
 		}), this._map.on("loadend", () => {
@@ -23319,6 +23335,10 @@ var Px = {
 						let l = 0;
 						for (let e = 0; e < c; e++) l += i(e) * a(e);
 						return l += s * i(c) + o, `${t}TileGroup${Math.floor(l / 256)}/${c}-${o}-${s}.jpg`;
+					},
+					tileLoadFunction: (e, t) => {
+						let n = e, r = n.getImage();
+						r.onload = () => Bx(n, r), r.src = t;
 					}
 				}) });
 			}
@@ -23326,7 +23346,11 @@ var Px = {
 				let e = t.length > 1 ? t[1] : "";
 				return e ? this._createVectorStyleLayer(`https://tiles.openfreemap.org/styles/${e}`) : new Up({ source: new Bm({ attributions: [] }) });
 			}
-			default: return new Up({ source: new Bm({ attributions: [] }) });
+			default: return e.includes("{z}") ? new Up({ source: new ym({
+				url: e,
+				attributions: [],
+				crossOrigin: "anonymous"
+			}) }) : e.includes("/") || e.endsWith(".json") ? this._createVectorStyleLayer(e) : new Up({ source: new Bm({ attributions: [] }) });
 		}
 	}
 	_createVectorStyleLayer(e) {
@@ -23340,7 +23364,7 @@ var Px = {
 		this.options.map_as_image && (this.zoom_min_max.min = 0), this.bounds_array ||= this._getAllMarkersBounds(this._markers);
 		let e = Pe(this.options), t = Fe("consent_service_tiles", "map tiles"), n = !(this.options.consent_required && e && !e.isGranted(t));
 		this._tile_layer_mini = n ? this._createTileLayer(this.options.map_type) : null;
-		let r = this.options.map_type === "iiif" && this.options.map_as_image, i = this.options.map_type === "zoomify", a = i ? this._zoomifyPyramid() : null;
+		let r = this.options.map_type === "iiif" && this.options.map_as_image, i = this.options.map_type === "zoomify", a = i ? this._zoomifyPyramid() : null, o = a ? a.tileGrid.getResolutions() : null;
 		if (this._mini_map = new Km({
 			...r || a ? { view: new bo({
 				projection: this._map.getView().getProjection(),
@@ -23348,16 +23372,16 @@ var Px = {
 				zoom: this.zoom_min_max.min || 0,
 				...r ? {
 					multiWorld: !0,
-					resolutions: Vx,
+					resolutions: Hx,
 					minZoom: 0,
-					maxZoom: Vx.length - 1
+					maxZoom: Hx.length - 1
 				} : {},
-				...a ? {
+				...a && o ? {
 					constrainOnlyCenter: !0,
 					extent: a.extent,
+					resolutions: o,
 					minZoom: 0,
-					maxZoom: 0,
-					zoom: 0,
+					maxZoom: o.length - 1,
 					center: [(a.extent[0] + a.extent[2]) / 2, (a.extent[1] + a.extent[3]) / 2]
 				} : {}
 			}) } : {},
@@ -23366,9 +23390,12 @@ var Px = {
 			label: "»",
 			collapsed: !0
 		}), this._map.addControl(this._mini_map), a) {
-			let e = this._mini_map.getOverviewMap(), t = e.getSize(), n = t && t[0] >= 50 && t[1] >= 50 ? t : [150, 150];
-			e.getView().fit(a.extent, { size: n });
-		} else !i && this.bounds_array && this.bounds_array.length && this._fitView(this._mini_map.getOverviewMap(), this.bounds_array);
+			let e = this._mini_map.getOverviewMap(), t = () => {
+				let t = e.getSize(), n = t && t[0] >= 50 && t[1] >= 50 ? t : [150, 100];
+				e.getView().fit(a.extent, { size: n });
+			};
+			t(), e.on("change:size", t);
+		} else !i && this.bounds_array && this.bounds_array.length && this._fitView(this._mini_map.getOverviewMap(), this.bounds_array, 0, this._bboxExtent() !== null);
 		this.options.map_type === "iiif" && this.options.map_as_image && this._fitMiniMapToImage();
 	}
 	_fitMiniMapToImage() {
@@ -23457,12 +23484,19 @@ var Px = {
 		let i = r[1].split(/[,\s/]+/).filter((e) => e !== "").map(Number);
 		if ((i.length >= 4 ? i[3] : 1) < .9) return e;
 		let a = this._el.map.getBoundingClientRect(), o = t.getBoundingClientRect();
-		return !a.width || !o.width || (this.options.layout === "portrait" ? e[2] += Math.max(0, a.bottom - o.top) : e[1] += Math.max(0, o.right - a.left)), e;
+		return !a.width || !o.width || !(o.left < a.right && o.right > a.left && o.top < a.bottom && o.bottom > a.top) || (this.options.layout === "portrait" ? e[2] += Math.max(0, a.bottom - o.top) : e[1] += Math.max(0, o.right - a.left)), e;
 	}
-	_fitView(e, t, n = 0) {
+	_fitView(e, t, n = 0, r = !1) {
 		if (!t || !t.length) return;
-		let r = un(this._markerCoordsToViewCoords(t));
-		e.getView().fit(r, {
+		let i = un(this._markerCoordsToViewCoords(t));
+		if (r) {
+			let e = this._bboxExtent();
+			if (e) {
+				let t = Rn(i, e);
+				i = t[0] <= t[2] && t[1] <= t[3] ? t : e;
+			}
+		}
+		e.getView().fit(i, {
 			size: e.getSize(),
 			padding: this._opaquePanelPadding(),
 			maxZoom: 12,
@@ -23707,7 +23741,7 @@ var Px = {
 					});
 				}
 			} else {
-				this._fitView(this._map, this.bounds_array, 0);
+				this._fitView(this._map, this.bounds_array, 0, this._bboxExtent() !== null);
 				let t = this._map.getView(), n = t.getZoom();
 				if (n !== void 0) {
 					let r = this._fromViewCoords(t.getCenter(), t.getProjection()), i = this._getMapCenterOffset(r, n);
@@ -23722,12 +23756,29 @@ var Px = {
 		}
 		this._mini_map && this._mini_map.setCollapsed(!0);
 	}
+	_refreshMiniMapLayer() {
+		if (!this._mini_map) return;
+		let e = this._mini_map.getOverviewMap();
+		e.getLayers().clear();
+		let t = Pe(this.options), n = Fe("consent_service_tiles", "map tiles");
+		if (this.options.consent_required && t && !t.isGranted(n)) {
+			this._tile_layer_mini = null;
+			return;
+		}
+		this._tile_layer_mini = this._createTileLayer(this.options.map_type), e.addLayer(this._tile_layer_mini);
+		let r = this.options.map_type === "zoomify" ? this._zoomifyPyramid() : null;
+		if (r) {
+			let t = e.getSize(), n = t && t[0] >= 50 && t[1] >= 50 ? t : [150, 100];
+			e.getView().fit(r.extent, { size: n });
+		} else this.bounds_array && this.bounds_array.length && this._fitView(e, this.bounds_array, 0, this._bboxExtent() !== null);
+		this.options.map_type === "iiif" && this.options.map_as_image && this._fitMiniMapToImage();
+	}
 	applyOptions(e) {
 		for (let t of e) switch (t) {
 			case "map_type": {
 				this._tile_layer && this._map.removeLayer(this._tile_layer);
 				let e = Pe(this.options), t = Fe("consent_service_tiles", "map tiles");
-				this.options.consent_required && e && !e.isGranted(t) || (this._tile_layer = this._createTileLayer(this.options.map_type), this._map.addLayer(this._tile_layer)), this._el.map.style.backgroundColor = this.options.map_background_color;
+				this.options.consent_required && e && !e.isGranted(t) || (this._tile_layer = this._createTileLayer(this.options.map_type), this._map.addLayer(this._tile_layer)), this._refreshMiniMapLayer(), this._el.map.style.backgroundColor = this.options.map_background_color;
 				break;
 			}
 			case "show_lines":
@@ -23787,7 +23838,7 @@ var Px = {
 		let r = this._map.getView();
 		r.setZoom(t), r.setCenter(this._toViewCoords(n)), this._map.renderSync();
 	}
-}, Ux = {
+}, Wx = {
 	addListener: function(e, t, n, r) {
 		let i = function(t) {
 			return n.call(r || e, t);
@@ -23801,7 +23852,7 @@ var Px = {
 	preventDefault: function(e) {
 		e.preventDefault ? e.preventDefault() : e.returnValue = !1;
 	}
-}, Wx = class {
+}, Gx = class {
 	constructor(e, t, n) {
 		this._el = {
 			parent: {},
@@ -23872,16 +23923,16 @@ var Px = {
 		this.collapsed ? (this.collapsed = !1, this.show(), this._el.button_overview.style.display = "inline", this.fire("collapse", { y: this.options.menubar_default_y }), Px.mobile ? this._el.button_collapse_toggle.innerHTML = "<span class='vco-icon-arrow-up'></span>" : this._el.button_collapse_toggle.innerHTML = M.buttons.collapse_toggle + "<span class='vco-icon-arrow-up'></span>") : (this.collapsed = !0, this.hide(25), this._el.button_overview.style.display = "none", this.fire("collapse", { y: 1 }), Px.mobile ? this._el.button_collapse_toggle.innerHTML = "<span class='vco-icon-arrow-down'></span>" : this._el.button_collapse_toggle.innerHTML = M.buttons.uncollapse_toggle + "<span class='vco-icon-arrow-down'></span>");
 	}
 	_initLayout() {
-		this._el.button_overview = N.create("span", "vco-menubar-button", this._el.container), Ux.addListener(this._el.button_overview, "click", this._onButtonOverview, this), this.options.show_overview === !1 && (this._el.button_overview.style.display = "none"), this._el.button_backtostart = N.create("span", "vco-menubar-button", this._el.container), Ux.addListener(this._el.button_backtostart, "click", this._onButtonBackToStart, this), this.options.show_back_to_start === !1 && (this._el.button_backtostart.style.display = "none"), this._el.button_fullscreen = N.create("span", "vco-menubar-button", this._el.container), Ux.addListener(this._el.button_fullscreen, "click", this._onButtonFullscreen, this), this.options.fullscreen === !1 && (this._el.button_fullscreen.style.display = "none"), this._el.button_collapse_toggle = N.create("span", "vco-menubar-button", this._el.container), Ux.addListener(this._el.button_collapse_toggle, "click", this._onButtonCollapseMap, this), this.options.map_as_image ? this._el.button_overview.innerHTML = M.buttons.overview : this._el.button_overview.innerHTML = M.buttons.map_overview, this.options.show_progress && (this._el.progress = N.create("span", "vco-menubar-progress", this._el.container), this._el.progress_fill = N.create("span", "vco-menubar-progress-fill", this._el.progress)), this.options.show_distance && (this._el.distance = N.create("span", "vco-menubar-distance", this._el.container)), Px.mobile ? (this._el.button_backtostart.innerHTML = "<span class='vco-icon-goback'></span>", this._el.button_collapse_toggle.innerHTML = "<span class='vco-icon-arrow-up'></span>", this._el.button_fullscreen.innerHTML = "<span class='vco-icon-resize-full'></span>", this._el.container.setAttribute("ontouchstart", " ")) : (this._el.button_backtostart.innerHTML = M.buttons.backtostart + " <span class='vco-icon-goback'></span>", this._el.button_collapse_toggle.innerHTML = M.buttons.collapse_toggle + "<span class='vco-icon-arrow-up'></span>", this._el.button_fullscreen.innerHTML = M.buttons.fullscreen + " <span class='vco-icon-resize-full'></span>"), this.options.layout === "landscape" && (this._el.button_collapse_toggle.style.display = "none");
+		this._el.button_overview = N.create("span", "vco-menubar-button", this._el.container), Wx.addListener(this._el.button_overview, "click", this._onButtonOverview, this), this.options.show_overview === !1 && (this._el.button_overview.style.display = "none"), this._el.button_backtostart = N.create("span", "vco-menubar-button", this._el.container), Wx.addListener(this._el.button_backtostart, "click", this._onButtonBackToStart, this), this.options.show_back_to_start === !1 && (this._el.button_backtostart.style.display = "none"), this._el.button_fullscreen = N.create("span", "vco-menubar-button", this._el.container), Wx.addListener(this._el.button_fullscreen, "click", this._onButtonFullscreen, this), this.options.fullscreen === !1 && (this._el.button_fullscreen.style.display = "none"), this._el.button_collapse_toggle = N.create("span", "vco-menubar-button", this._el.container), Wx.addListener(this._el.button_collapse_toggle, "click", this._onButtonCollapseMap, this), this.options.map_as_image ? this._el.button_overview.innerHTML = M.buttons.overview : this._el.button_overview.innerHTML = M.buttons.map_overview, this.options.show_progress && (this._el.progress = N.create("span", "vco-menubar-progress", this._el.container), this._el.progress_fill = N.create("span", "vco-menubar-progress-fill", this._el.progress)), this.options.show_distance && (this._el.distance = N.create("span", "vco-menubar-distance", this._el.container)), Px.mobile ? (this._el.button_backtostart.innerHTML = "<span class='vco-icon-goback'></span>", this._el.button_collapse_toggle.innerHTML = "<span class='vco-icon-arrow-up'></span>", this._el.button_fullscreen.innerHTML = "<span class='vco-icon-resize-full'></span>", this._el.container.setAttribute("ontouchstart", " ")) : (this._el.button_backtostart.innerHTML = M.buttons.backtostart + " <span class='vco-icon-goback'></span>", this._el.button_collapse_toggle.innerHTML = M.buttons.collapse_toggle + "<span class='vco-icon-arrow-up'></span>", this._el.button_fullscreen.innerHTML = M.buttons.fullscreen + " <span class='vco-icon-resize-full'></span>"), this.options.layout === "landscape" && (this._el.button_collapse_toggle.style.display = "none");
 	}
 	_updateDisplay(e, t, n) {
 		e && (this.options.width = e), t && (this.options.height = t);
 	}
-}, Gx = class extends Ze(Xe(Wx)) {
+}, Kx = class extends Ze(Xe(Gx)) {
 	constructor(...e) {
 		super(...e);
 	}
-}, Kx = /* @__PURE__ */ c((/* @__PURE__ */ o(((e, t) => {
+}, qx = /* @__PURE__ */ c((/* @__PURE__ */ o(((e, t) => {
 	(function(e, n) {
 		typeof define == "function" ? define(n) : t === void 0 ? this[e] = n() : t.exports = n();
 	})("morpheus", function() {
@@ -24042,7 +24093,7 @@ var Px = {
 		}
 		return oe.tween = A, oe.getStyle = v, oe.bezier = ne, oe.transform = g, oe.parseTransform = T, oe.formatTransform = E, oe.animationFrame = y, oe.easings = {}, oe;
 	});
-})))(), 1), qx = class {
+})))(), 1), Jx = class {
 	constructor(e, t, n) {
 		this._el = {
 			container: {},
@@ -24072,7 +24123,7 @@ var Px = {
 		for (let n in e) Object.hasOwn(e, n) && (o[n] = t ? e[n] + "%" : e[n] + "px");
 		this.animator_position && this.animator_position.stop();
 		let c;
-		c = o.right ? "right" : "left", t ? this._el.container.style[c] = s + "%" : this._el.container.style[c] = s + "px", this.animator_position = (0, Kx.default)(this._el.container, o);
+		c = o.right ? "right" : "left", t ? this._el.container.style[c] = s + "%" : this._el.container.style[c] = s + "px", this.animator_position = (0, qx.default)(this._el.container, o);
 	}
 	_onUpdatePositionComplete(e) {
 		e && (this._el.container.style.left = "", this._el.container.style.right = "");
@@ -24087,13 +24138,13 @@ var Px = {
 		this._el.content_container = N.create("div", "vco-slidenav-content-container", this._el.container), this._el.icon = N.create("div", "vco-slidenav-icon", this._el.content_container), this._el.title = N.create("div", "vco-slidenav-title", this._el.content_container), this._el.description = N.create("div", "vco-slidenav-description", this._el.content_container), this._el.icon.innerHTML = "&nbsp;", this._update();
 	}
 	_initEvents() {
-		Ux.addListener(this._el.container, "click", this._onMouseClick, this);
+		Wx.addListener(this._el.container, "click", this._onMouseClick, this);
 	}
-}, Jx = class extends Ze(Xe(qx)) {
+}, Yx = class extends Ze(Xe(Jx)) {
 	constructor(...e) {
 		super(...e);
 	}
-}, Yx = class {
+}, Xx = class {
 	data;
 	constructor(e, t, n) {
 		this._el = {
@@ -24122,13 +24173,13 @@ var Px = {
 		this._el.message_container = N.create("div", "vco-message-container", this._el.container), this._el.loading_icon = N.create("div", this.options.message_icon_class, this._el.message_container), this._el.message = N.create("div", "vco-message-content", this._el.message_container), this._updateMessage();
 	}
 	_initEvents() {
-		Ux.addListener(this._el.container, "click", this._onMouseClick, this);
+		Wx.addListener(this._el.container, "click", this._onMouseClick, this);
 	}
-}, Xx = class extends Ze(Xe(Yx)) {
+}, Zx = class extends Ze(Xe(Xx)) {
 	constructor(...e) {
 		super(...e);
 	}
-}, Zx = class {
+}, Qx = class {
 	constructor(e, t, n) {
 		this._el = {
 			container: {},
@@ -24236,7 +24287,7 @@ var Px = {
 		this.fire("removed", this.data);
 	}
 	_initLayout() {
-		if (this.message = new Xx({}, this.options), this.message.addTo(this._el.container), this._el.content_container = N.create("div", "vco-media-content-container", this._el.container), this.data.link && this.data.link !== "") {
+		if (this.message = new Zx({}, this.options), this.message.addTo(this._el.container), this._el.content_container = N.create("div", "vco-media-content-container", this._el.container), this.data.link && this.data.link !== "") {
 			this._el.link = N.create("a", "vco-media-link", this._el.content_container);
 			let e = this._el.link;
 			e.href = this.data.link, e.target = this.data.link_target && this.data.link_target !== "" ? this.data.link_target : "_blank", this._el.content = N.create("div", "vco-media-content", this._el.link);
@@ -24246,11 +24297,11 @@ var Px = {
 		e && (this.options.width = e), t && (this.options.height = t), n && (this.options.layout = n), this._el.credit && (this.options.credit_height = this._el.credit.offsetHeight), this._el.caption && (this.options.caption_height = this._el.caption.offsetHeight + 5), this.updateMediaDisplay(this.options.layout);
 	}
 	_stopMedia() {}
-}, Qx = class extends Xe(Zx) {
+}, $x = class extends Xe(Qx) {
 	constructor(...e) {
 		super(...e);
 	}
-}, $x = class extends Qx {
+}, eS = class extends $x {
 	_loadMedia() {
 		if (this.message.updateMessage(M.messages.loading + " " + this.options.media_name), this.data.link) {
 			this._el.content_link = N.create("a", "", this._el.content);
@@ -24262,7 +24313,7 @@ var Px = {
 		}), this._el.content_item.src = this.data.url, this.onLoaded();
 	}
 	_updateMediaDisplay(e) {}
-}, eS = class extends Qx {
+}, tS = class extends $x {
 	async _loadMedia() {
 		this.message.updateMessage(M.messages.loading + " " + this.options.media_name), this.youtube_loaded = !1, this._el.content_item = N.create("div", "vco-media-item vco-media-youtube vco-media-shadow", this._el.content), this._el.content_item.id = v(7);
 		let e = x(this.data.url);
@@ -24332,7 +24383,7 @@ var Px = {
 		let t = YT;
 		e.data === t.PlayerState.ENDED && (e.target.seekTo(0), e.target.pauseVideo());
 	}
-}, tS = [
+}, nS = [
 	"width",
 	"height",
 	"frameborder",
@@ -24340,7 +24391,7 @@ var Px = {
 	"allow",
 	"scrolling",
 	"title"
-], nS = [
+], rS = [
 	"BLOCKQUOTE",
 	"P",
 	"CITE",
@@ -24360,7 +24411,7 @@ var Px = {
 	"UL",
 	"OL",
 	"LI"
-], rS = [
+], iS = [
 	"SCRIPT",
 	"STYLE",
 	"TEMPLATE",
@@ -24380,53 +24431,53 @@ var Px = {
 	"TEXTAREA",
 	"SELECT"
 ];
-function iS(e) {
+function aS(e) {
 	return new DOMParser().parseFromString(e, "text/html");
 }
-function aS(e) {
+function oS(e) {
 	if (!e) return null;
 	let t = document.createElement("a");
 	return t.href = e, t.protocol === "http:" || t.protocol === "https:" ? t.href : null;
 }
-function oS(e) {
-	let t = iS(e).querySelector("iframe"), n = null;
-	if (t ? n = aS(t.getAttribute("src")) : /^https?:\/\/\S+$/i.test(e.trim()) && (n = aS(e.trim())), !n) return null;
+function sS(e) {
+	let t = aS(e).querySelector("iframe"), n = null;
+	if (t ? n = oS(t.getAttribute("src")) : /^https?:\/\/\S+$/i.test(e.trim()) && (n = oS(e.trim())), !n) return null;
 	let r = document.createElement("iframe");
-	if (r.setAttribute("src", n), t) for (let e = 0; e < tS.length; e++) t.hasAttribute(tS[e]) && r.setAttribute(tS[e], t.getAttribute(tS[e]));
+	if (r.setAttribute("src", n), t) for (let e = 0; e < nS.length; e++) t.hasAttribute(nS[e]) && r.setAttribute(nS[e], t.getAttribute(nS[e]));
 	else r.setAttribute("width", "100%"), r.setAttribute("height", "100%"), r.setAttribute("frameborder", "0"), r.setAttribute("allowfullscreen", "");
 	return r;
 }
-function sS(e) {
+function cS(e) {
 	let t = document.createDocumentFragment();
-	return cS(iS(e).body, t), t;
+	return lS(aS(e).body, t), t;
 }
-function cS(e, t) {
+function lS(e, t) {
 	for (let n = 0; n < e.childNodes.length; n++) {
 		let r = e.childNodes[n];
 		if (r.nodeType === 3) t.appendChild(document.createTextNode(r.nodeValue));
 		else if (r.nodeType === 1) {
 			let e = r.nodeName.toUpperCase();
-			if (rS.includes(e)) continue;
-			if (nS.includes(e)) {
+			if (iS.includes(e)) continue;
+			if (rS.includes(e)) {
 				let n = document.createElement(e);
 				if (e === "A") {
-					let e = aS(r.getAttribute("href"));
+					let e = oS(r.getAttribute("href"));
 					e && (n.setAttribute("href", e), n.setAttribute("target", "_blank"));
 				}
-				cS(r, n), t.appendChild(n);
-			} else cS(r, t);
+				lS(r, n), t.appendChild(n);
+			} else lS(r, t);
 		}
 	}
 }
 //#endregion
 //#region src/media/types/Blockquote.ts
-var lS = class extends Qx {
+var uS = class extends $x {
 	_loadMedia() {
-		this.message.updateMessage(M.messages.loading + " " + this.options.media_name), this._el.content_item = N.create("div", "vco-media-item vco-media-blockquote", this._el.content), this.media_id = this.data.url, this._el.content_item.appendChild(sS(this.media_id)), this.onLoaded();
+		this.message.updateMessage(M.messages.loading + " " + this.options.media_name), this._el.content_item = N.create("div", "vco-media-item vco-media-blockquote", this._el.content), this.media_id = this.data.url, this._el.content_item.appendChild(cS(this.media_id)), this.onLoaded();
 	}
 	updateMediaDisplay() {}
 	_updateMediaDisplay() {}
-}, uS = class extends Qx {
+}, dS = class extends $x {
 	_loadMedia() {
 		this.message.updateMessage(M.messages.loading + " " + this.options.media_name), this._el.content_item = N.create("div", "vco-media-item vco-media-wikipedia", this._el.content), this.media_id = this.data.url.split("wiki/")[1].split("#")[0].replace("_", " "), this.media_id = this.media_id.replace(" ", "%20");
 		let e = this.data.url.split("//")[1].split(".wikipedia")[0], t = "wikipediaCallback_" + this.media_id.replace(/[^0-9a-z]/gi, "").slice(0, 494), n = `https://${e}.wikipedia.org/w/api.php?action=query&prop=extracts&redirects=&titles=${this.media_id}&exintro=1&format=json&callback=${t}`;
@@ -24457,7 +24508,7 @@ var lS = class extends Qx {
 	}
 	updateMediaDisplay() {}
 	_updateMediaDisplay() {}
-}, dS = class extends Qx {
+}, fS = class extends $x {
 	async _loadMedia() {
 		this.message.updateMessage(M.messages.loading + " " + this.options.media_name), this._el.content_item = N.create("div", "vco-media-item vco-media-iframe vco-media-soundcloud vco-media-shadow", this._el.content), this.media_id = this.data.url;
 		let e = "https://soundcloud.com/oembed?url=" + this.media_id + "&format=json";
@@ -24481,7 +24532,7 @@ var lS = class extends Qx {
 	_stopMedia() {
 		this.soundCloudCreated && this.widget?.pause();
 	}
-}, fS = class extends Qx {
+}, pS = class extends $x {
 	_loadMedia() {
 		this.message.updateMessage(M.messages.loading + " " + this.options.media_name), this._el.content_item = N.create("div", "vco-media-item vco-media-iframe vco-media-vimeo vco-media-shadow", this._el.content);
 		let e = this.data.url.split(/video\/|\/\/vimeo\.com\//);
@@ -24500,7 +24551,7 @@ var lS = class extends Qx {
 			console.log(e);
 		}
 	}
-}, pS = class extends Qx {
+}, mS = class extends $x {
 	_loadMedia() {
 		this.message.updateMessage(M.messages.loading + " " + this.options.media_name), this._el.content_item = N.create("video", "vco-media-item vco-media-video vco-media-shadow", this._el.content);
 		let e = this._el.content_item;
@@ -24532,7 +24583,7 @@ var lS = class extends Qx {
 		}
 		return r;
 	}
-}, mS = class extends Qx {
+}, hS = class extends $x {
 	_loadMedia() {
 		this.message.updateMessage(M.messages.loading + " " + this.options.media_name), this._el.content_item = N.create("audio", "vco-media-item vco-media-audio vco-media-shadow", this._el.content);
 		let e = this._el.content_item;
@@ -24567,7 +24618,7 @@ var lS = class extends Qx {
 		}
 		return r;
 	}
-}, hS = class extends Qx {
+}, gS = class extends $x {
 	_loadMedia() {
 		this.message.updateMessage(M.messages.loading + " " + this.options.media_name), this._el.content_item = N.create("div", "vco-media-item vco-media-iframe vco-media-dailymotion", this._el.content);
 		let e = this.data.url.match("video") ? this.data.url.split("video/")[1] : this.data.url.split("embed/")[1];
@@ -24582,7 +24633,7 @@ var lS = class extends Qx {
 	_stopMedia() {
 		(this._el.content_item?.querySelector("iframe"))?.contentWindow?.postMessage("{\"command\":\"pause\",\"parameters\":[]}", "*");
 	}
-}, gS = class extends Qx {
+}, _S = class extends $x {
 	_loadMedia() {
 		this.message.updateMessage(M.messages.loading + " " + this.options.media_name), this._el.content_item = N.create("div", "vco-media-twitter", this._el.content);
 		let e = /(?:twitter\.com|x\.com)\/(.+?)\/status\/(\d+)/.exec(this.data.url);
@@ -24605,7 +24656,7 @@ var lS = class extends Qx {
 	}
 	updateMediaDisplay() {}
 	_updateMediaDisplay() {}
-}, _S = class extends Qx {
+}, vS = class extends $x {
 	_loadMedia() {
 		this.message.updateMessage(M.messages.loading + " " + this.options.media_name), this._el.content_item = N.create("img", "vco-media-item vco-media-image vco-media-flickr vco-media-shadow", this._el.content), this._el.content_item.addEventListener("load", (e) => {
 			this.onMediaLoaded();
@@ -24641,10 +24692,10 @@ var lS = class extends Qx {
 		let t;
 		return t = e <= 75 ? e <= 0 ? "Large" : "Thumbnail" : e <= 180 ? "Small" : e <= 240 ? "Small 320" : e <= 375 ? "Medium" : e <= 480 ? "Medium 640" : "Large", t;
 	}
-}, vS = class extends Qx {
+}, yS = class extends $x {
 	_loadMedia() {
 		this.message.updateMessage(M.messages.loading + " " + this.options.media_name), this._el.content_item = N.create("div", "vco-media-item vco-media-iframe", this._el.content), this.media_id = this.data.url;
-		let e = aS(this.media_id);
+		let e = oS(this.media_id);
 		if (!e) {
 			this.loadErrorDisplay("Invalid URL.");
 			return;
@@ -24655,10 +24706,10 @@ var lS = class extends Qx {
 	_updateMediaDisplay() {
 		this._el.content_item.style.height = this.options.height + "px";
 	}
-}, yS = class extends Qx {
+}, bS = class extends $x {
 	_loadMedia() {
 		this.message.updateMessage(M.messages.loading + " " + this.options.media_name), this._el.content_item = N.create("div", "vco-media-item vco-media-iframe", this._el.content), this.media_id = this.data.url;
-		let e = oS(this.media_id);
+		let e = sS(this.media_id);
 		if (!e) {
 			this.loadErrorDisplay("Invalid embed code. Paste an iframe embed code with an http(s) source URL.");
 			return;
@@ -24668,10 +24719,10 @@ var lS = class extends Qx {
 	_updateMediaDisplay() {
 		this._el.content_item.style.height = this.options.height + "px";
 	}
-}, bS = class extends Qx {
+}, xS = class extends $x {
 	_loadMedia() {
 		this.message.updateMessage(M.messages.loading + " " + this.options.media_name), this._el.content_item = N.create("div", "vco-media-item vco-media-iframe", this._el.content), this.media_id = this.data.url;
-		let e = aS(this.media_id);
+		let e = oS(this.media_id);
 		if (!e) {
 			this.loadErrorDisplay("Invalid URL.");
 			return;
@@ -24682,7 +24733,7 @@ var lS = class extends Qx {
 	_updateMediaDisplay() {
 		this._el.content_item.style.height = this.options.height + "px";
 	}
-}, xS = class extends Qx {
+}, SS = class extends $x {
 	_loadMedia() {
 		this.message.updateMessage(M.messages.loading + " " + this.options.media_name), this._el.content_item = N.create("div", "vco-media-item vco-media-iframe vco-media-facebook", this._el.content);
 		let e = this.data.url, t = encodeURIComponent(e), n = /\/videos?\//.test(e) || /\/watch/.test(e) || /\/reel\//.test(e) ? `https://www.facebook.com/plugins/video.php?href=${t}&show_text=true` : `https://www.facebook.com/plugins/post.php?href=${t}&show_text=true`;
@@ -24691,10 +24742,10 @@ var lS = class extends Qx {
 	_updateMediaDisplay() {
 		this._el.content_item.style.height = this.options.height + "px";
 	}
-}, SS = class extends Qx {
+}, CS = class extends $x {
 	_loadMedia() {
 		this.message.updateMessage(M.messages.loading + " " + this.options.media_name), this._el.content_item = N.create("div", "vco-media-item vco-media-iframe vco-media-documentcloud", this._el.content);
-		let e = aS(this.data.url);
+		let e = oS(this.data.url);
 		if (!e) {
 			this.loadErrorDisplay("Invalid URL.");
 			return;
@@ -24705,7 +24756,7 @@ var lS = class extends Qx {
 	_updateMediaDisplay() {
 		this._el.content_item.style.height = this.options.height + "px";
 	}
-}, CS = class extends Qx {
+}, wS = class extends $x {
 	_loadMedia() {
 		this.message.updateMessage(M.messages.loading + " " + this.options.media_name), this._el.content_item = N.create("div", "vco-media-item vco-media-iframe vco-media-juxtapose", this._el.content), this._el.content_item.innerHTML = `<iframe src="${this.data.url}" />`, this.onLoaded();
 	}
@@ -24715,115 +24766,115 @@ var lS = class extends Qx {
 };
 //#endregion
 //#region src/media/MediaType.ts
-function wS(e) {
+function TS(e) {
 	let t = [
 		{
 			type: "youtube",
 			name: "YouTube",
 			match_str: "(www.)?youtube|youtu.be",
-			cls: eS
+			cls: tS
 		},
 		{
 			type: "vimeo",
 			name: "Vimeo",
 			match_str: "(player.)?vimeo.com",
-			cls: fS
+			cls: pS
 		},
 		{
 			type: "dailymotion",
 			name: "DailyMotion",
 			match_str: "(www.)?dailymotion.com",
-			cls: hS
+			cls: gS
 		},
 		{
 			type: "soundcloud",
 			name: "SoundCloud",
 			match_str: "(player.)?soundcloud.com",
-			cls: dS
+			cls: fS
 		},
 		{
 			type: "twitter",
 			name: "Twitter",
 			match_str: "^(https?:)?/+(www.)?(twitter|x).com",
-			cls: gS
+			cls: _S
 		},
 		{
 			type: "flickr",
 			name: "Flickr",
 			match_str: "flickr.com/photos",
-			cls: _S
+			cls: vS
 		},
 		{
 			type: "image",
 			name: "Image",
 			match_str: /jpg|jpeg|png|gif|webp/i,
-			cls: $x
+			cls: eS
 		},
 		{
 			type: "video",
 			name: "Video",
 			match_str: /(mp4|webm)(\?.*)?$/i,
-			cls: pS
+			cls: mS
 		},
 		{
 			type: "audio",
 			name: "Audio",
 			match_str: /(mp3|wav|m4a)(\?.*)?$/i,
-			cls: mS
+			cls: hS
 		},
 		{
 			type: "googledocs",
 			name: "Google Doc",
 			match_str: "^(https?:)?/*[^.]*.google.com/[^/]*/d/[^/]*/[^/]*?usp=sharing|^(https?:)?/*drive.google.com/open?id=[^&]*&authuser=0|^(https?:)?//*drive.google.com/open\\?id=[^&]*|^(https?:)?/*[^.]*.googledrive.com/host/[^/]*/",
-			cls: vS
+			cls: yS
 		},
 		{
 			type: "wikipedia",
 			name: "Wikipedia",
 			match_str: "(www.)?wikipedia.org",
-			cls: uS
+			cls: dS
 		},
 		{
 			type: "iframe",
 			name: "iFrame",
 			match_str: "iframe",
-			cls: yS
+			cls: bS
 		},
 		{
 			type: "facebook",
 			name: "Facebook",
 			match_str: "(www.)?facebook.com",
-			cls: xS
+			cls: SS
 		},
 		{
 			type: "documentcloud",
 			name: "DocumentCloud",
 			match_str: "documentcloud.org/documents/",
-			cls: SS
+			cls: CS
 		},
 		{
 			type: "juxtapose",
 			name: "Juxtapose",
 			match_str: "juxtapose",
-			cls: CS
+			cls: wS
 		},
 		{
 			type: "blockquote",
 			name: "Quote",
 			match_str: "blockquote",
-			cls: lS
+			cls: uS
 		},
 		{
 			type: "website",
 			name: "Website",
 			match_str: "https?://",
-			cls: bS
+			cls: xS
 		},
 		{
 			type: "",
 			name: "",
 			match_str: "",
-			cls: Qx
+			cls: $x
 		}
 	];
 	for (let n of t) if (typeof e.url == "string" && e.url.match(n.match_str)) return n;
@@ -24831,7 +24882,7 @@ function wS(e) {
 }
 //#endregion
 //#region src/media/types/Text.ts
-var TS = class {
+var ES = class {
 	constructor(e, t, n) {
 		this._el = {
 			container: {},
@@ -24882,11 +24933,11 @@ var TS = class {
 		}
 		this.onLoaded();
 	}
-}, ES = class extends Xe(TS) {
+}, DS = class extends Xe(ES) {
 	constructor(...e) {
 		super(...e);
 	}
-}, DS = class {
+}, OS = class {
 	constructor(e, t, n) {
 		this._el = {
 			container: {},
@@ -24895,7 +24946,7 @@ var TS = class {
 			content_container: {},
 			content: {},
 			call_to_action: null
-		}, this._media = null, this._mediaclass = {}, this._text = {}, this._state = { loaded: !1 }, this.has = {
+		}, this._media = null, this._mediaclass = {}, this._text = {}, this._state = { loaded: !1 }, this._scroll_hint = null, this._scroll_hint_dismissed = !1, this.has = {
 			headline: !1,
 			text: !1,
 			media: !1,
@@ -24925,7 +24976,7 @@ var TS = class {
 	show() {}
 	hide() {}
 	setActive(e) {
-		this.active = e, this.active ? (this.data.background && this.fire("background_change", this.has.background), this.loadMedia()) : this.stopMedia();
+		this.active = e, this.active ? (this.data.background && this.fire("background_change", this.has.background), this._scroll_hint_dismissed = !1, this.loadMedia(), this._updateScrollHint()) : (this.stopMedia(), this._hideScrollHint());
 	}
 	updateDisplay(e, t, n) {
 		this._updateDisplay(e, t, n);
@@ -24950,31 +25001,56 @@ var TS = class {
 	scrollToTop() {
 		this._el.container.scrollTop = 0;
 	}
+	_updateScrollHint() {
+		if (!this.active || this._scroll_hint_dismissed) {
+			this._hideScrollHint();
+			return;
+		}
+		let e = this._el.container;
+		if (!(e.scrollHeight > e.clientHeight + 1)) {
+			this._hideScrollHint();
+			return;
+		}
+		this._scroll_hint || (this._scroll_hint = N.create("div", "vco-slide-scroll-hint", e), this._scroll_hint.innerHTML = "<span class='vco-icon-arrow-down'></span>", Wx.addListener(this._scroll_hint, "click", this._onScrollHintClick, this)), this._scroll_hint.style.display = "flex";
+	}
+	_hideScrollHint() {
+		this._scroll_hint && (this._scroll_hint.style.display = "none");
+	}
+	_onScrollHintClick() {
+		let e = this._el.container;
+		e.scrollBy({
+			top: e.clientHeight * .8,
+			behavior: "smooth"
+		}), this._scroll_hint_dismissed = !0, this._hideScrollHint();
+	}
+	_onSlideScroll() {
+		this.active && !this._scroll_hint_dismissed && (this._scroll_hint_dismissed = !0, this._hideScrollHint());
+	}
 	addCallToAction(e) {
-		this._el.call_to_action = N.create("div", "vco-slide-calltoaction", this._el.content_container), this._el.call_to_action.innerHTML = "<span class='vco-slide-calltoaction-button-text'>" + e + "</span>", Ux.addListener(this._el.call_to_action, "click", this._onCallToAction, this);
+		this._el.call_to_action = N.create("div", "vco-slide-calltoaction", this._el.content_container), this._el.call_to_action.innerHTML = "<span class='vco-slide-calltoaction-button-text'>" + e + "</span>", Wx.addListener(this._el.call_to_action, "click", this._onCallToAction, this);
 	}
 	_onCallToAction(e) {
 		this.fire("call_to_action", e);
 	}
 	_initLayout() {
-		if (this._el.container = N.create("div", "vco-slide"), this.data.uniqueid && (this._el.container.id = this.data.uniqueid), this._el.scroll_container = N.create("div", "vco-slide-scrollable-container", this._el.container), this._el.content_container = N.create("div", "vco-slide-content-container", this._el.scroll_container), this._el.content = N.create("div", "vco-slide-content", this._el.content_container), this._el.background = N.create("div", "vco-slide-background", this._el.container), this.data.background) {
+		if (this._el.container = N.create("div", "vco-slide"), this.data.uniqueid && (this._el.container.id = this.data.uniqueid), this._el.scroll_container = N.create("div", "vco-slide-scrollable-container", this._el.container), this._el.content_container = N.create("div", "vco-slide-content-container", this._el.scroll_container), this._el.content = N.create("div", "vco-slide-content", this._el.content_container), this._el.background = N.create("div", "vco-slide-background", this._el.container), this._el.container.addEventListener("scroll", this._onSlideScroll.bind(this), { passive: !0 }), this.data.background) {
 			let e = this.data.background;
 			e.url && (this.has.background.image = !0, this._el.container.className += " vco-full-image-background", this.has.background.color_value = "#000", this._el.background.style.backgroundImage = "url('" + e.url + "')", this._el.background.style.display = "block"), e.color && (this.has.background.color = !0, this._el.container.className += " vco-full-color-background", this.has.background.color_value = e.color), e.text_background && (this._el.container.className += " vco-text-background");
 		}
-		this.data.media && this.data.media.url && this.data.media.url !== "" && (this.has.media = !0), this.data.text && this.data.text.text && (this.has.text = !0), this.data.text && this.data.text.headline && (this.has.headline = !0, this.title = this.data.text.headline), this.has.media && (this.data.media.mediatype = wS(this.data.media), this.options.media_name = this.data.media.mediatype.name, this.options.media_type = this.data.media.mediatype.type, this._media = new this.data.media.mediatype.cls(this.data.media, this.options)), (this.has.text || this.has.headline) && (this._text = new ES(this.data.text, {
+		this.data.media && this.data.media.url && this.data.media.url !== "" && (this.has.media = !0), this.data.text && this.data.text.text && (this.has.text = !0), this.data.text && this.data.text.headline && (this.has.headline = !0, this.title = this.data.text.headline), this.has.media && (this.data.media.mediatype = TS(this.data.media), this.options.media_name = this.data.media.mediatype.name, this.options.media_type = this.data.media.mediatype.type, this._media = new this.data.media.mediatype.cls(this.data.media, this.options), this._media.on?.("media_loaded", () => this._updateScrollHint())), (this.has.text || this.has.headline) && (this._text = new DS(this.data.text, {
 			title: this.has.title,
 			text_align: this.options.text_align
 		})), !this.has.text && !this.has.headline && this.has.media ? (this._el.container.className += " vco-slide-media-only", this._media.addTo(this._el.content)) : this.has.headline && this.has.media && !this.has.text ? (this._el.container.className += " vco-slide-media-only", this._text.addTo(this._el.content), this._media.addTo(this._el.content)) : this.has.text && this.has.media ? (this._media.addTo(this._el.content), this._text.addTo(this._el.content)) : (this.has.text || this.has.headline) && (this._el.container.className += " vco-slide-text-only", this._text.addTo(this._el.content)), this.onLoaded();
 	}
 	_updateDisplay(e, t, n) {
 		let r, i, a;
-		e ? this.options.width = e : this.options.width = this._el.container.offsetWidth, Px.mobile && this.options.width <= this.options.skinny_size ? (r = "0px", i = "0px", a = this.options.width - 0 + "px") : n === "landscape" ? (r = "40px", i = "75px", a = this.options.width - 115 + "px") : (this.options.width, this.options.skinny_size, r = this.options.slide_padding_lr + "px", i = this.options.slide_padding_lr + "px", a = this.options.width - this.options.slide_padding_lr * 2 + "px"), this._el.content.style.paddingLeft = r, this._el.content.style.paddingRight = i, this._el.content.style.width = a, this._el.call_to_action && (this._el.call_to_action.style.paddingLeft = r, this._el.call_to_action.style.paddingRight = i, this._el.call_to_action.style.width = a), t ? this.options.height = t : this.options.height = this._el.container.offsetHeight, this._media && (!this.has.text && this.has.headline ? this._media.updateDisplay(this.options.width, this.options.height - this._text.headlineHeight(), n) : this._media.updateDisplay(this.options.width, this.options.height, n));
+		e ? this.options.width = e : this.options.width = this._el.container.offsetWidth, Px.mobile && this.options.width <= this.options.skinny_size ? (r = "0px", i = "0px", a = this.options.width - 0 + "px") : n === "landscape" ? (r = "40px", i = "75px", a = this.options.width - 115 + "px") : (this.options.width, this.options.skinny_size, r = this.options.slide_padding_lr + "px", i = this.options.slide_padding_lr + "px", a = this.options.width - this.options.slide_padding_lr * 2 + "px"), this._el.content.style.paddingLeft = r, this._el.content.style.paddingRight = i, this._el.content.style.width = a, this._el.call_to_action && (this._el.call_to_action.style.paddingLeft = r, this._el.call_to_action.style.paddingRight = i, this._el.call_to_action.style.width = a), t ? this.options.height = t : this.options.height = this._el.container.offsetHeight, this._media && (!this.has.text && this.has.headline ? this._media.updateDisplay(this.options.width, this.options.height - this._text.headlineHeight(), n) : this._media.updateDisplay(this.options.width, this.options.height, n)), this._updateScrollHint();
 	}
-}, OS = class extends Ze(Xe(DS)) {
+}, kS = class extends Ze(Xe(OS)) {
 	constructor(...e) {
 		super(...e);
 	}
-}, kS = class {
+}, AS = class {
 	constructor(e, t, n) {
 		this.mousedrag = {
 			down: "mousedown",
@@ -25041,10 +25117,10 @@ var TS = class {
 		}, f(this.options, n);
 	}
 	enable(e) {
-		Ux.addListener(this._el.drag, this.dragevent.down, this._onDragStart, this), Ux.addListener(this._el.drag, this.dragevent.up, this._onDragEnd, this), this.data.pos.start = 0, this._el.move.style.left = this.data.pos.start.x + "px", this._el.move.style.top = this.data.pos.start.y + "px", this._el.move.style.position = "absolute";
+		Wx.addListener(this._el.drag, this.dragevent.down, this._onDragStart, this), Wx.addListener(this._el.drag, this.dragevent.up, this._onDragEnd, this), this.data.pos.start = 0, this._el.move.style.left = this.data.pos.start.x + "px", this._el.move.style.top = this.data.pos.start.y + "px", this._el.move.style.position = "absolute";
 	}
 	disable() {
-		Ux.removeListener(this._el.drag, this.dragevent.down, this._onDragStart, this), Ux.removeListener(this._el.drag, this.dragevent.up, this._onDragEnd, this);
+		Wx.removeListener(this._el.drag, this.dragevent.down, this._onDragStart, this), Wx.removeListener(this._el.drag, this.dragevent.up, this._onDragEnd, this);
 	}
 	stopMomentum() {
 		this.animator && this.animator.stop();
@@ -25056,10 +25132,10 @@ var TS = class {
 		this.animator && this.animator.stop(), Px.touch ? e.originalEvent ? (this.data.pagex.start = e.originalEvent.touches[0].screenX, this.data.pagey.start = e.originalEvent.touches[0].screenY) : (this.data.pagex.start = e.targetTouches[0].screenX, this.data.pagey.start = e.targetTouches[0].screenY) : (this.data.pagex.start = e.pageX, this.data.pagey.start = e.pageY), this.options.enable.x, this.options.enable.y, this.data.pos.start = {
 			x: this._el.move.offsetLeft,
 			y: this._el.move.offsetTop
-		}, this.data.time.start = Date.now(), this.fire("dragstart", this.data), Ux.addListener(this._el.drag, this.dragevent.move, this._onDragMove, this), Ux.addListener(this._el.drag, this.dragevent.leave, this._onDragEnd, this);
+		}, this.data.time.start = Date.now(), this.fire("dragstart", this.data), Wx.addListener(this._el.drag, this.dragevent.move, this._onDragMove, this), Wx.addListener(this._el.drag, this.dragevent.leave, this._onDragEnd, this);
 	}
 	_onDragEnd(e) {
-		this.data.sliding = !1, Ux.removeListener(this._el.drag, this.dragevent.move, this._onDragMove, this), Ux.removeListener(this._el.drag, this.dragevent.leave, this._onDragEnd, this), this.fire("dragend", this.data), this._momentum();
+		this.data.sliding = !1, Wx.removeListener(this._el.drag, this.dragevent.move, this._onDragMove, this), Wx.removeListener(this._el.drag, this.dragevent.leave, this._onDragEnd, this), this.fire("dragend", this.data), this._momentum();
 	}
 	_onDragMove(e) {
 		let t = {
@@ -25084,7 +25160,7 @@ var TS = class {
 			x: !1,
 			y: !1
 		}, r = !1;
-		this.data.direction = null, e.time = (Date.now() - this.data.time.start) * 10, t.time = (Date.now() - this.data.time.start) * 10, t.x = this.options.momentum_multiplier * (Math.abs(this.data.pagex.end) - Math.abs(this.data.pagex.start)), t.y = this.options.momentum_multiplier * (Math.abs(this.data.pagey.end) - Math.abs(this.data.pagey.start)), e.x = Math.round(t.x / t.time), e.y = Math.round(t.y / t.time), this.data.new_pos.x = this.data.pos.end.x + e.x, this.data.new_pos.y = this.data.pos.end.y + e.y, this.options.enable.x ? this.data.new_pos.x > 0 && (this.data.new_pos.x = 0) : this.data.new_pos.x = this.data.pos.start.x, this.options.enable.y ? this.data.new_pos.y < 0 && (this.data.new_pos.y = 0) : this.data.new_pos.y = this.data.pos.start.y, t.time < 2e3 && (r = !0), this.options.enable.x && this.options.enable.y ? Math.abs(t.x) > Math.abs(t.y) ? n.x = !0 : n.y = !0 : this.options.enable.x ? Math.abs(t.x) > Math.abs(t.y) && (n.x = !0) : Math.abs(t.y) > Math.abs(t.x) && (n.y = !0), n.x && (Math.abs(t.x) > this._el.drag.offsetWidth / 2 && (r = !0), Math.abs(t.x) > 1e4 && (this.data.direction = "left", t.x > 0 && (this.data.direction = "right"))), n.y && (Math.abs(t.y) > this._el.drag.offsetHeight / 2 && (r = !0), Math.abs(t.y) > 1e4 && (this.data.direction = "up", t.y > 0 && (this.data.direction = "down"))), this._animateMomentum(), r && this.data.direction ? this.fire("swipe_" + this.data.direction, this.data) : this.data.direction ? this.fire("swipe_nodirection", this.data) : this.options.snap && (this.animator.stop(), this.animator = (0, Kx.default)(this._el.move, {
+		this.data.direction = null, e.time = (Date.now() - this.data.time.start) * 10, t.time = (Date.now() - this.data.time.start) * 10, t.x = this.options.momentum_multiplier * (Math.abs(this.data.pagex.end) - Math.abs(this.data.pagex.start)), t.y = this.options.momentum_multiplier * (Math.abs(this.data.pagey.end) - Math.abs(this.data.pagey.start)), e.x = Math.round(t.x / t.time), e.y = Math.round(t.y / t.time), this.data.new_pos.x = this.data.pos.end.x + e.x, this.data.new_pos.y = this.data.pos.end.y + e.y, this.options.enable.x ? this.data.new_pos.x > 0 && (this.data.new_pos.x = 0) : this.data.new_pos.x = this.data.pos.start.x, this.options.enable.y ? this.data.new_pos.y < 0 && (this.data.new_pos.y = 0) : this.data.new_pos.y = this.data.pos.start.y, t.time < 2e3 && (r = !0), this.options.enable.x && this.options.enable.y ? Math.abs(t.x) > Math.abs(t.y) ? n.x = !0 : n.y = !0 : this.options.enable.x ? Math.abs(t.x) > Math.abs(t.y) && (n.x = !0) : Math.abs(t.y) > Math.abs(t.x) && (n.y = !0), n.x && (Math.abs(t.x) > this._el.drag.offsetWidth / 2 && (r = !0), Math.abs(t.x) > 1e4 && (this.data.direction = "left", t.x > 0 && (this.data.direction = "right"))), n.y && (Math.abs(t.y) > this._el.drag.offsetHeight / 2 && (r = !0), Math.abs(t.y) > 1e4 && (this.data.direction = "up", t.y > 0 && (this.data.direction = "down"))), this._animateMomentum(), r && this.data.direction ? this.fire("swipe_" + this.data.direction, this.data) : this.data.direction ? this.fire("swipe_nodirection", this.data) : this.options.snap && (this.animator.stop(), this.animator = (0, qx.default)(this._el.move, {
 			top: this.data.pos.start.y,
 			left: this.data.pos.start.x,
 			duration: this.options.duration,
@@ -25099,13 +25175,13 @@ var TS = class {
 			duration: this.options.duration,
 			easing: Je
 		};
-		this.options.enable.y && ((this.options.constraint.top || this.options.constraint.bottom) && (e.y > this.options.constraint.bottom ? e.y = this.options.constraint.bottom : e.y < this.options.constraint.top && (e.y = this.options.constraint.top)), t.top = Math.floor(e.y) + "px"), this.options.enable.x && ((this.options.constraint.left || this.options.constraint.right) && (e.x >= this.options.constraint.left ? e.x = this.options.constraint.left : e.x < this.options.constraint.right && (e.x = this.options.constraint.right)), t.left = Math.floor(e.x) + "px"), this.animator = (0, Kx.default)(this._el.move, t), this.fire("momentum", this.data);
+		this.options.enable.y && ((this.options.constraint.top || this.options.constraint.bottom) && (e.y > this.options.constraint.bottom ? e.y = this.options.constraint.bottom : e.y < this.options.constraint.top && (e.y = this.options.constraint.top)), t.top = Math.floor(e.y) + "px"), this.options.enable.x && ((this.options.constraint.left || this.options.constraint.right) && (e.x >= this.options.constraint.left ? e.x = this.options.constraint.left : e.x < this.options.constraint.right && (e.x = this.options.constraint.right)), t.left = Math.floor(e.x) + "px"), this.animator = (0, qx.default)(this._el.move, t), this.fire("momentum", this.data);
 	}
-}, AS = class extends Xe(kS) {
+}, jS = class extends Xe(AS) {
 	constructor(...e) {
 		super(...e);
 	}
-}, jS = class {
+}, MS = class {
 	constructor(e, t, n, r) {
 		this._el = {
 			container: {},
@@ -25122,9 +25198,9 @@ var TS = class {
 			width: 600,
 			height: 600,
 			default_bg_color: {
-				r: 256,
-				g: 256,
-				b: 256
+				r: 255,
+				g: 255,
+				b: 255
 			},
 			slide_padding_lr: 40,
 			start_at_slide: 1,
@@ -25151,7 +25227,7 @@ var TS = class {
 		for (let t = 0; t < e.length; t++) e[t].uniqueid === "" && (e[t].uniqueid = v(6, "vco-slide")), t === 0 ? this._createSlide(e[t], !0) : this._createSlide(e[t], !1);
 	}
 	_createSlide(e, t) {
-		let n = new OS(e, this.options, t);
+		let n = new kS(e, this.options, t);
 		this._addSlide(n), this._slides.push(n);
 	}
 	_addSlide(e) {
@@ -25171,7 +25247,7 @@ var TS = class {
 			let r = this.current_slide;
 			this.current_slide = e;
 			let i = Math.abs(e - r), a = Math.max(600, Math.min(1e3 + i * 120, 2e3));
-			this.animator && this.animator.stop(), this._swipable && this._swipable.stopMomentum(), t ? (this._el.slider_container.style.left = -(this.slide_spacing * e) + "px", this._onSlideChange(n)) : (this._onSlideChange(n), this.animator = (0, Kx.default)(this._el.slider_container, {
+			this.animator && this.animator.stop(), this._swipable && this._swipable.stopMomentum(), t ? (this._el.slider_container.style.left = -(this.slide_spacing * e) + "px", this._onSlideChange(n)) : (this._onSlideChange(n), this.animator = (0, qx.default)(this._el.slider_container, {
 				left: -(this.slide_spacing * e) + "px",
 				duration: a,
 				easing: this.options.ease
@@ -25205,7 +25281,7 @@ var TS = class {
 		let t = !1, n, r = this.options.slide_default_fade, i = "";
 		this._el.background.getAttribute("style"), n = e.color_value ? y(e.color_value) : this.options.default_bg_color, this.animator_background && this.animator_background.stop();
 		let a = n.r + "," + n.g + "," + n.b;
-		(!this.current_bg_color || this.current_bg_color !== a) && (this.current_bg_color = a, t = !0), t && (this.options.layout === "landscape" ? (this._nav.next.setColor(!1), this._nav.previous.setColor(!1), n.r < 255 && n.g < 255 && n.b < 255 && (r = "15%"), e.image && (r = "0%"), i += "opacity:0;", i += "background-image: linear-gradient(to right, rgba(" + a + ",0.0001 ) " + r + ", rgba(" + a + ",0.87) 15%);", i += "background-repeat: repeat-x;", i += "filter: e(%('progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=1)',argb(" + a + ", 0.0001),argb(" + a + ",0.80)));") : (e.color_value ? i += "background-color:" + e.color_value + ";" : i += "background-color:#FFF;", n.r < 255 && n.g < 255 && n.b < 255 || e.image ? (this._nav.next.setColor(!0), this._nav.previous.setColor(!0)) : (this._nav.next.setColor(!1), this._nav.previous.setColor(!1))), this.animator_background = (0, Kx.default)(this._el.background, {
+		(!this.current_bg_color || this.current_bg_color !== a) && (this.current_bg_color = a, t = !0), t && (this.options.layout === "landscape" ? (this._nav.next.setColor(!1), this._nav.previous.setColor(!1), n.r < 255 && n.g < 255 && n.b < 255 && (r = "15%"), e.image && (r = "0%"), i += "opacity:0;", i += "background-image: linear-gradient(to right, rgba(" + a + ",0.0001 ) " + r + ", rgba(" + a + ",0.87) 15%);", i += "background-repeat: repeat-x;") : (e.color_value ? i += "background-color:" + e.color_value + ";" : i += "background-color:#FFF;", n.r < 255 && n.g < 255 && n.b < 255 || e.image ? (this._nav.next.setColor(!0), this._nav.previous.setColor(!0)) : (this._nav.next.setColor(!1), this._nav.previous.setColor(!1))), this.animator_background = (0, qx.default)(this._el.background, {
 			opacity: 0,
 			duration: this.options.duration / 2,
 			easing: this.options.ease,
@@ -25215,7 +25291,7 @@ var TS = class {
 		}));
 	}
 	fadeInBackground(e) {
-		this.animator_background && this.animator_background.stop(), e && this._el.background.setAttribute("style", e), this.animator_background = (0, Kx.default)(this._el.background, {
+		this.animator_background && this.animator_background.stop(), e && this._el.background.setAttribute("style", e), this.animator_background = (0, qx.default)(this._el.background, {
 			opacity: 1,
 			duration: this.options.duration / 2,
 			easing: this.options.ease
@@ -25240,29 +25316,29 @@ var TS = class {
 		this.options.width <= this.options.skinny_size || (this._nav.next.updatePosition({ right: "130" }, !1, this.options.duration * 3, this.options.ease, -100, !0), this._nav.previous.updatePosition({ left: "-100" }, !0, this.options.duration * 3, this.options.ease, -200, !0));
 	}
 	_initLayout() {
-		this._el.container.className += " vco-storyslider", this._el.slider_container_mask = N.create("div", "vco-slider-container-mask", this._el.container), this._el.background = N.create("div", "vco-slider-background", this._el.container), this._el.slider_container = N.create("div", "vco-slider-container", this._el.slider_container_mask), this._el.slider_item_container = N.create("div", "vco-slider-item-container", this._el.slider_container), this.options.width = this._el.container.offsetWidth, this.options.height = this._el.container.offsetHeight, this._nav.previous = new Jx({
+		this._el.container.className += " vco-storyslider", this._el.slider_container_mask = N.create("div", "vco-slider-container-mask", this._el.container), this._el.background = N.create("div", "vco-slider-background", this._el.container), this._el.slider_container = N.create("div", "vco-slider-container", this._el.slider_container_mask), this._el.slider_item_container = N.create("div", "vco-slider-item-container", this._el.slider_container), this.options.width = this._el.container.offsetWidth, this.options.height = this._el.container.offsetHeight, this._nav.previous = new Yx({
 			title: "Previous",
 			description: "description"
-		}, { direction: "previous" }), this._nav.next = new Jx({
+		}, { direction: "previous" }), this._nav.next = new Yx({
 			title: "Next",
 			description: "description"
-		}, { direction: "next" }), this._nav.next.addTo(this._el.container), this._nav.previous.addTo(this._el.container), this._el.slider_container.style.left = "0px", Px.touch && (this._swipable = new AS(this._el.slider_container_mask, this._el.slider_container, {
+		}, { direction: "next" }), this._nav.next.addTo(this._el.container), this._nav.previous.addTo(this._el.container), this._el.slider_container.style.left = "0px", Px.touch && (this._swipable = new jS(this._el.slider_container_mask, this._el.slider_container, {
 			enable: {
 				x: !0,
 				y: !1
 			},
 			snap: !0
-		}), this._swipable.enable(), this._message = new Xx({}, {
+		}), this._swipable.enable(), this._message = new Zx({}, {
 			message_class: "vco-message-full",
 			message_icon_class: "vco-icon-swipe-left"
 		}), this._message.updateMessage(M.buttons.swipe_to_navigate), this._message.addTo(this._el.container));
 	}
 	_initEvents() {
-		this._nav.next.on("clicked", this._onNavigation, this), this._nav.previous.on("clicked", this._onNavigation, this), this._message && this._message.on("clicked", this._onMessageClick, this), this._swipable && (this._swipable.on("swipe_left", this._onNavigation, this), this._swipable.on("swipe_right", this._onNavigation, this), this._swipable.on("swipe_nodirection", this._onSwipeNoDirection, this)), this._el.container.setAttribute("tabindex", "0"), Ux.addListener(this._el.container, "keydown", this._onKeyDown, this);
+		this._nav.next.on("clicked", this._onNavigation, this), this._nav.previous.on("clicked", this._onNavigation, this), this._message && this._message.on("clicked", this._onMessageClick, this), this._swipable && (this._swipable.on("swipe_left", this._onNavigation, this), this._swipable.on("swipe_right", this._onNavigation, this), this._swipable.on("swipe_nodirection", this._onSwipeNoDirection, this)), this._el.container.setAttribute("tabindex", "0"), Wx.addListener(this._el.container, "keydown", this._onKeyDown, this);
 	}
 	_onKeyDown(e) {
 		let t = e.key, n = e.target, r = n?.tagName?.toLowerCase();
-		r === "input" || r === "textarea" || r === "select" || n?.isContentEditable || (t === "ArrowRight" || t === "ArrowDown" ? (Ux.preventDefault(e), this.next()) : (t === "ArrowLeft" || t === "ArrowUp") && (Ux.preventDefault(e), this.previous()));
+		r === "input" || r === "textarea" || r === "select" || n?.isContentEditable || (t === "ArrowRight" || t === "ArrowDown" ? (Wx.preventDefault(e), this.next()) : (t === "ArrowLeft" || t === "ArrowUp") && (Wx.preventDefault(e), this.previous()));
 	}
 	_initData() {
 		this._createSlides(this.data.slides);
@@ -25292,11 +25368,11 @@ var TS = class {
 	_onLoaded() {
 		this.fire("loaded", this.data), this._slides.length > 0 && this.fire("title", { title: this._slides[0].title });
 	}
-}, MS = class extends Xe(jS) {
+}, NS = class extends Xe(MS) {
 	constructor(...e) {
 		super(...e);
 	}
-}, NS = class {
+}, PS = class {
 	constructor(e, t, n, r) {
 		for (let e in r) {
 			let t = r[e];
@@ -25312,7 +25388,7 @@ var TS = class {
 			storyslider: !1,
 			map: !1
 		}, this.data = {}, this.options = {
-			script_path: PS.SCRIPT_PATH,
+			script_path: FS.SCRIPT_PATH,
 			height: this._el.container.offsetHeight,
 			width: this._el.container.offsetWidth,
 			layout: "landscape",
@@ -25350,6 +25426,7 @@ var TS = class {
 			map_as_image: !1,
 			map_access_token: "",
 			map_background_color: "#d9d9d9",
+			map_area: "full",
 			map_bbox: null,
 			consent_required: !1,
 			zoomify: void 0,
@@ -25418,7 +25495,10 @@ var TS = class {
 		}
 	}
 	_initOptions() {
-		if (p(this.options, this.data), this._data_from_manifest && delete this.options.zoomify, this.options.layout === "landscape" && (this.options.map_center_offset = {
+		if (p(this.options, this.data), this._data_from_manifest && delete this.options.zoomify, this.options.layout === "landscape" && (this.options.map_area === "left" ? this.options.map_center_offset = {
+			left: 0,
+			top: 0
+		} : this.options.map_center_offset = {
 			left: -200,
 			top: 0
 		}), this.options.map_type === "iiif" && this.options.map_as_image && (this.options.map_size_sticky = 2), this.options.map_type === "zoomify" && (this.options.map_size_sticky = 2), this.options.map_as_image && (this.options.calculate_zoom = !1), this.options.map_type === "zoomify") {
@@ -25470,25 +25550,25 @@ var TS = class {
 		this.ready && (this.options.text_color && this._el.container.style.setProperty("--vco-color-text", this.options.text_color), this.options.text_background_color && this._el.container.style.setProperty("--vco-color-text-background", this.options.text_background_color), this.updateDisplay());
 	}
 	_initLayout() {
-		this._el.container.className += " vco-storymap", this.options.base_class = this._el.container.className, this.options.text_color && this._el.container.style.setProperty("--vco-color-text", this.options.text_color), this.options.text_background_color && this._el.container.style.setProperty("--vco-color-text-background", this.options.text_background_color), this._el.menubar = N.create("div", "vco-menubar", this._el.container), this._el.map = this._resolveMapElement(), this._el.map || (this._el.map = N.create("div", "vco-map", this._el.container)), this._el.storyslider = N.create("div", "vco-storyslider", this._el.container), this.options.width = this._el.container.offsetWidth, this.options.height = this._el.container.offsetHeight, this._el.map.style.height = "1px", this._el.storyslider.style.top = "1px", this._map = new Hx(this._el.map, this.data, this.options), this.map = this._map._map, this._map.on("loaded", this._onMapLoaded, this), this._el.map.style.backgroundColor = this.options.map_background_color, this._menubar = new Gx(this._el.menubar, this._el.container, this.options), this._storyslider = new MS(this._el.storyslider, this.data, this.options), this._storyslider.on("loaded", this._onStorySliderLoaded, this), this._storyslider.on("title", this._onTitle, this), this._storyslider.init(), this.options.layout === "portrait" ? (this.options.map_height = this.options.height / this.options.map_size_sticky, this.options.storyslider_height = this.options.height - this._el.menubar.offsetHeight - this.options.map_height - 1, this._menubar.setSticky(0)) : (this.options.menubar_height = this._el.menubar.offsetHeight, this.options.map_height = this.options.height, this.options.storyslider_height = this.options.height - this._el.menubar.offsetHeight - 1, this._menubar.setSticky(this.options.menubar_height)), this._updateDisplay(this.options.map_height, !0, 2e3), this._menubar.show(2e3);
+		this._el.container.className += " vco-storymap", this.options.base_class = this._el.container.className, this.options.text_color && this._el.container.style.setProperty("--vco-color-text", this.options.text_color), this.options.text_background_color && this._el.container.style.setProperty("--vco-color-text-background", this.options.text_background_color), this._el.menubar = N.create("div", "vco-menubar", this._el.container), this._el.map = this._resolveMapElement(), this._el.map || (this._el.map = N.create("div", "vco-map", this._el.container)), this._el.storyslider = N.create("div", "vco-storyslider", this._el.container), this.options.width = this._el.container.offsetWidth, this.options.height = this._el.container.offsetHeight, this._el.map.style.height = "1px", this._el.storyslider.style.top = "1px", this._map = new Ux(this._el.map, this.data, this.options), this.map = this._map._map, this._map.on("loaded", this._onMapLoaded, this), this._el.map.style.backgroundColor = this.options.map_background_color, this._menubar = new Kx(this._el.menubar, this._el.container, this.options), this._storyslider = new NS(this._el.storyslider, this.data, this.options), this._storyslider.on("loaded", this._onStorySliderLoaded, this), this._storyslider.on("title", this._onTitle, this), this._storyslider.init(), this.options.layout === "portrait" ? (this.options.map_height = this.options.height / this.options.map_size_sticky, this.options.storyslider_height = this.options.height - this._el.menubar.offsetHeight - this.options.map_height - 1, this._menubar.setSticky(0)) : (this.options.menubar_height = this._el.menubar.offsetHeight, this.options.map_height = this.options.height, this.options.storyslider_height = this.options.height - this._el.menubar.offsetHeight - 1, this._menubar.setSticky(this.options.menubar_height)), this._updateDisplay(this.options.map_height, !0, 2e3), this._menubar.show(2e3);
 	}
 	_initEvents() {
 		this._menubar.on("collapse", this._onMenuBarCollapse, this), this._menubar.on("back_to_start", this._onBackToStart, this), this._menubar.on("overview", this._onOverview, this), this._menubar.on("fullscreen", this._onFullscreenToggle, this), this._storyslider.on("change", this._onSlideChange, this), this._storyslider.on("colorchange", this._onColorChange, this), this._map.on("change", this._onMapChange, this), document.addEventListener("fullscreenchange", this._onFullscreenChange.bind(this));
 	}
 	_updateDisplay(e, t, n) {
 		let r = this.options.duration, i = this.options.base_class;
-		n && (r = n), this.options.width = this._el.container.offsetWidth, this.options.height = this._el.container.offsetHeight, this.options.width <= this.options.skinny_size ? this.options.layout = "portrait" : this.options.layout = "landscape", e && (this.options.map_height = e), Px.touch && (this.options.layout = Px.orientation(), i += " vco-mobile"), this.options.layout === "portrait" ? (i += " vco-skinny", this._map.setMapOffset(0, 0), this.options.map_height = this.options.height / this.options.map_size_sticky, this.options.storyslider_height = this.options.height - this.options.map_height - 1, this._menubar.setSticky(0), i += " vco-layout-portrait", t ? (this.animator_map && this.animator_map.stop(), this.animator_map = (0, Kx.default)(this._el.map, {
+		n && (r = n), this.options.width = this._el.container.offsetWidth, this.options.height = this._el.container.offsetHeight, this.options.width <= this.options.skinny_size ? this.options.layout = "portrait" : this.options.layout = "landscape", e && (this.options.map_height = e), Px.touch && (this.options.layout = Px.orientation(), i += " vco-mobile"), this.options.layout === "portrait" ? (i += " vco-skinny", this._map.setMapOffset(0, 0), this.options.map_height = this.options.height / this.options.map_size_sticky, this.options.storyslider_height = this.options.height - this.options.map_height - 1, this._menubar.setSticky(0), i += " vco-layout-portrait", this._el.map.style.width = "100%", t ? (this.animator_map && this.animator_map.stop(), this.animator_map = (0, qx.default)(this._el.map, {
 			height: this.options.map_height + "px",
 			duration: r,
 			easing: Je,
 			complete: () => {
 				this._map.updateDisplay(this.options.width, this.options.map_height, t, n, this.options.menubar_height);
 			}
-		}), this.animator_storyslider && this.animator_storyslider.stop(), this.animator_storyslider = (0, Kx.default)(this._el.storyslider, {
+		}), this.animator_storyslider && this.animator_storyslider.stop(), this.animator_storyslider = (0, qx.default)(this._el.storyslider, {
 			height: this.options.storyslider_height + "px",
 			duration: r,
 			easing: Je
-		})) : (this._el.map.style.height = Math.ceil(this.options.map_height) + "px", this._el.storyslider.style.height = this.options.storyslider_height + "px"), this._menubar.updateDisplay(this.options.width, this.options.height, t), this._map.updateDisplay(this.options.width, this.options.height, !1), this._storyslider.updateDisplay(this.options.width, this.options.storyslider_height, t, this.options.layout)) : (i += " vco-layout-landscape", this.options.menubar_height = this._el.menubar.offsetHeight, this.options.map_height = this.options.height, this.options.storyslider_height = this.options.height, this._menubar.setSticky(this.options.menubar_height), this._menubar.setSticky(this.options.menubar_height), this._el.map.style.height = this.options.height + "px", this._map.setMapOffset(-(this.options.width / 4), 0), this._el.storyslider.style.top = "0", this._el.storyslider.style.height = this.options.storyslider_height + "px", this._menubar.updateDisplay(this.options.width, this.options.height, t), this._map.updateDisplay(this.options.width, this.options.height, t, n), this._storyslider.updateDisplay(this.options.width / 2, this.options.storyslider_height, t, this.options.layout)), this.options.language.direction === "rtl" && (i += " vco-rtl"), this._el.container.className = i;
+		})) : (this._el.map.style.height = Math.ceil(this.options.map_height) + "px", this._el.storyslider.style.height = this.options.storyslider_height + "px"), this._menubar.updateDisplay(this.options.width, this.options.height, t), this._map.updateDisplay(this.options.width, this.options.height, !1), this._storyslider.updateDisplay(this.options.width, this.options.storyslider_height, t, this.options.layout)) : (i += " vco-layout-landscape", this.options.menubar_height = this._el.menubar.offsetHeight, this.options.map_height = this.options.height, this.options.storyslider_height = this.options.height, this._menubar.setSticky(this.options.menubar_height), this._menubar.setSticky(this.options.menubar_height), this._el.map.style.height = this.options.height + "px", this.options.map_area === "left" ? (i += " vco-map-area-left", this._el.map.style.width = Math.floor(this.options.width / 2) + "px", this._map.setMapOffset(0, 0)) : (this._el.map.style.width = "100%", this._map.setMapOffset(-(this.options.width / 4), 0)), this._el.storyslider.style.top = "0", this._el.storyslider.style.height = this.options.storyslider_height + "px", this._menubar.updateDisplay(this.options.width, this.options.height, t), this._map.updateDisplay(this.options.width, this.options.height, t, n), this._storyslider.updateDisplay(this.options.width / 2, this.options.storyslider_height, t, this.options.layout)), this.options.language.direction === "rtl" && (i += " vco-rtl"), this._el.container.className = i;
 	}
 	_onDataLoaded(e) {
 		this.options.consent_manager = new Ne(), this.fire("dataloaded"), this._initLayout(), this._loadFontCss().catch((e) => {
@@ -25590,13 +25670,13 @@ var TS = class {
 	_onLoaded() {
 		this._loaded.storyslider && this._loaded.map && (this.fire("loaded", this.data), this._hash_initialized || (this._hash_initialized = !0, this._applyHashSlide(), window.addEventListener("hashchange", () => this._applyHashSlide()), this._syncHash()), this._updateProgress(), this._updateDistance());
 	}
-}, PS = class extends Xe(NS) {
+}, FS = class extends Xe(PS) {
 	static SCRIPT_PATH = new URL("../", "" + import.meta.url).href;
 	constructor(...e) {
 		super(...e);
 	}
 };
 //#endregion
-export { wS as MediaType, PS as StoryMap, D as loadCSS, Ae as setLanguage, A as validateStorymap, ne as validateStorymapAndReport };
+export { TS as MediaType, FS as StoryMap, D as loadCSS, Ae as setLanguage, A as validateStorymap, ne as validateStorymapAndReport };
 
 //# sourceMappingURL=storymap.js.map