ogm-viewer 0.3.0 → 0.4.0

package/dist/collection/components/ogm-viewer/ogm-viewer.js

@@ -1,19 +1,39 @@
-import { setBasePath } from "@shoelace-style/shoelace/dist/utilities/base-path.js";
-import { getAssetPath, h } from "@stencil/core";
-import { OgmRecord } from "../../lib/record";
+import { setBasePath, getBasePath, registerIconLibrary } from "@awesome.me/webawesome";
+import { Host, getAssetPath, h } from "@stencil/core";
+import OgmRecord from "../../lib/record";
 // Only need to call this once, at the top level
 setBasePath(getAssetPath(''));
-// Import all required Shoelace components
-import "@shoelace-style/shoelace/dist/components/drawer/drawer.js";
-import "@shoelace-style/shoelace/dist/components/button/button.js";
-import "@shoelace-style/shoelace/dist/components/icon-button/icon-button.js";
-import "@shoelace-style/shoelace/dist/components/icon/icon.js";
-import "@shoelace-style/shoelace/dist/components/range/range.js";
-import "@shoelace-style/shoelace/dist/components/spinner/spinner.js";
-import "@shoelace-style/shoelace/dist/components/tab-group/tab-group.js";
-import "@shoelace-style/shoelace/dist/components/tab-panel/tab-panel.js";
-import "@shoelace-style/shoelace/dist/components/tab/tab.js";
-import "@shoelace-style/shoelace/dist/components/tooltip/tooltip.js";
+// Serve icons from our self-hosted bootstrap-icons subset instead of the default Font Awesome library
+registerIconLibrary('default', {
+    resolver: name => getBasePath(`assets/icons/${name}.svg`),
+});
+// Web Awesome's raw color palette is scoped to `:root`, which can only ever match the actual
+// document root - never an element inside a shadow tree, so a component-scoped @import can't
+// activate it. Loading it here, at the document level, lets it match `:root` for real, and lets
+// its `.wa-light`/`.wa-dark` theme rules match the <ogm-viewer> host itself (see render() below),
+// from which every token inherits down through the rest of the shadow tree. Injecting it here
+// means consumers don't have to remember to add it to their own page.
+function loadWebAwesomeStylesheet() {
+    const id = 'ogm-viewer-webawesome-styles';
+    if (document.getElementById(id))
+        return;
+    const link = document.createElement('link');
+    link.id = id;
+    link.rel = 'stylesheet';
+    link.href = getBasePath('assets/webawesome/styles/webawesome.css');
+    document.head.appendChild(link);
+}
+loadWebAwesomeStylesheet();
+// Import all required Web Awesome components
+import "@awesome.me/webawesome/dist/components/button/button.js";
+import "@awesome.me/webawesome/dist/components/icon/icon.js";
+import "@awesome.me/webawesome/dist/components/scroller/scroller.js";
+import "@awesome.me/webawesome/dist/components/slider/slider.js";
+import "@awesome.me/webawesome/dist/components/spinner/spinner.js";
+import "@awesome.me/webawesome/dist/components/tab-group/tab-group.js";
+import "@awesome.me/webawesome/dist/components/tab-panel/tab-panel.js";
+import "@awesome.me/webawesome/dist/components/tab/tab.js";
+import "@awesome.me/webawesome/dist/components/tooltip/tooltip.js";
 export class OgmViewer {
     el;
     recordUrl;
@@ -63,14 +83,12 @@ export class OgmViewer {
         const data = await response.json();
         return new OgmRecord(data);
     }
-    // Choose a preview component based on the record type
-    renderPreview() {
-        if (this.record && this.record.references.iiifOnly)
-            return h("ogm-image", { theme: this.theme, record: this.record, padding: this.sidebarPadding });
-        return h("ogm-map", { "preview-opacity": this.previewOpacity, theme: this.theme, record: this.record, padding: this.sidebarPadding });
-    }
     render() {
-        return (h("div", { key: '5599f54a9872a627878f5d287d0bc929254a1ec7', class: `container sl-theme-${this.theme}` }, h("ogm-menubar", { key: '77aa6e3bf1ad400e8d65a26fe5b397af03861064', theme: this.theme, record: this.record, loading: this.loading }), h("div", { key: '163552be7c0ef95adb17fe6653c6a9219728fff4', class: "main-container" }, h("ogm-sidebar", { key: '2f5ebfa8bdacb07d914cf5f8bf1a1075bca054ec', theme: this.theme, record: this.record, open: this.sidebarOpen }), this.renderPreview())));
+        return (
+        // Applying the theme class to the host (rather than an internal div) lets the document-level
+        // Web Awesome stylesheet's `.wa-light`/`.wa-dark` rules match it directly, since the host sits
+        // in the consuming page's own light DOM while everything inside this shadow root does not.
+        h(Host, { key: 'db64abdf2b961976aa7359d089a57dcaf37fb175', class: `wa-${this.theme}` }, h("div", { key: '8fc67a48693890f017f481b91d0b870a79a5dc58', class: "container" }, h("ogm-menubar", { key: '9818fefb02eec280b73319c87e0a11b93bd69626', theme: this.theme, record: this.record, loading: this.loading }), h("div", { key: '5653ffea28fe78c8aa2d254db29e5c5d0ece96eb', class: "main-container" }, h("ogm-sidebar", { key: '97bda51d3b84e9d535e25bc1abb7615703485450', theme: this.theme, record: this.record, open: this.sidebarOpen }), h("ogm-previews", { key: '97f8dab53279ac2a9ce5f0a1da2e9f0dcb4ec5fd', theme: this.theme, record: this.record, "preview-opacity": this.previewOpacity, "sidebar-padding": this.sidebarPadding })))));
     }
     static get is() { return "ogm-viewer"; }
     static get encapsulation() { return "shadow"; }
@@ -150,10 +168,8 @@ export class OgmViewer {
                             "id": "global::Promise"
                         },
                         "OgmRecord": {
-                            "location": "import",
-                            "path": "../../lib/record",
-                            "id": "src/lib/record.ts::OgmRecord",
-                            "referenceLocation": "OgmRecord"
+                            "location": "global",
+                            "id": "global::OgmRecord"
                         }
                     },
                     "return": "Promise<void>"

package/dist/collection/lib/previewers/cog-deck.js

@@ -7,26 +7,33 @@ import Previewer from "./previewer";
 // NOTE: can't be built currently due to a bug; see:
 // https://github.com/OpenGeoMetadata/ogm-viewer/issues/100
 export default class DeckCogPreviewer extends Previewer {
+    // Store reference to the map and styles
+    style;
     map;
+    // Store reference to the deck.gl overlay and the layer ID for cleanup
     deckOverlay;
     layerId = undefined;
-    bounds = undefined;
-    constructor(source, map) {
+    // Bounds so we don't recalculate them
+    bounds;
+    // Current opacity state
+    opacity;
+    // Initialize with opacity at the theme's opacity value
+    constructor(source, map, style) {
         super(source);
         this.map = map;
+        this.style = style;
+        this.opacity = this.style.opacity;
         this.deckOverlay = this.getDeckOverlay();
     }
     async preview() {
         if (!this.layerId) {
             const layer = this.createLayer();
-            console.debug('Created COG preview layer', layer.id);
             this.layerId = layer.id;
             this.deckOverlay.setProps({ layers: [layer] });
         }
     }
     async clearPreview() {
         if (this.layerId) {
-            console.debug('Clearing COG preview layer', this.layerId);
             this.deckOverlay.setProps({ layers: [] });
             this.layerId = undefined;
         }
@@ -37,9 +44,8 @@ export default class DeckCogPreviewer extends Previewer {
     createLayer() {
         return new COGLayer({
             id: this.getSourceId(),
-            geotiff: this.source.getSourceUrl(),
-            onGeoTIFFLoad: (data, options) => {
-                console.debug('COG loaded', data, options);
+            geotiff: this.source.getMapLibreSourceUrl(),
+            onGeoTIFFLoad: (_data, options) => {
                 const { west, south, east, north } = options.geographicBounds;
                 this.bounds = [
                     [west, south],
@@ -56,6 +62,7 @@ export default class DeckCogPreviewer extends Previewer {
             }),
         });
     }
+    // We get bounds for free from geoTIFF metadata
     async getBounds() {
         return this.bounds;
     }
@@ -64,7 +71,6 @@ export default class DeckCogPreviewer extends Previewer {
         // No built-in way to query existing controls...
         const overlay = this.map._controls.find(control => control instanceof DeckOverlay);
         if (overlay) {
-            console.debug('Deck.gl overlay exists; skipping creation', overlay);
             return overlay;
         }
         return this.createDeckOverlay();
@@ -73,7 +79,6 @@ export default class DeckCogPreviewer extends Previewer {
     createDeckOverlay() {
         const overlay = new DeckOverlay({ interleaved: true });
         this.map.addControl(overlay);
-        console.debug('Deck.gl overlay created', overlay);
         return overlay;
     }
 }

package/dist/collection/lib/previewers/cog.js

@@ -6,15 +6,15 @@ import RasterPreviewer from "./raster";
 // See: https://github.com/geomatico/maplibre-cog-protocol
 export default class CogPreviewer extends RasterPreviewer {
     // Register the 'cog://' protocol handler with MapLibre when the previewer is created
-    constructor(source, map, options) {
-        super(source, map, options);
+    constructor(source, map, style) {
+        super(source, map, style);
         maplibregl.addProtocol('cog', cogProtocol);
     }
     // COG sources use 'url' instead of 'tiles' and have no scheme
     async createSource() {
         return {
             type: 'raster',
-            url: await this.source.getSourceUrl(),
+            url: await this.source.getMapLibreSourceUrl(),
             tileSize: this.source.getTileSize(),
         };
     }

package/dist/collection/lib/previewers/geojson.js

@@ -2,8 +2,9 @@ import VectorPreviewer from "./vector";
 export default class GeoJSONPreviewer extends VectorPreviewer {
     async createSource() {
         return {
-            type: await this.source.getType(),
-            data: await this.source.getSourceUrl(),
+            type: await this.source.getMapLibreSourceType(),
+            data: await this.source.getMapLibreSourceUrl(),
+            generateId: true,
         };
     }
 }

package/dist/collection/lib/previewers/maplibre.js

@@ -1,42 +1,38 @@
 import Previewer from "./previewer";
-const defaultOptions = {
-    padding: 40,
-    opacity: 1,
-};
 export default class MapLibrePreviewer extends Previewer {
+    // Store reference to the map and styles
+    style;
     map;
-    options;
-    opacity;
+    // Stored state for added source and layers to allow for cleanup
     sourceId = null;
     layerIds = [];
-    constructor(source, map, options) {
+    // Current opacity state
+    opacity;
+    // Initialize with opacity at the theme's opacity value
+    constructor(source, map, style) {
         super(source);
         this.map = map;
-        this.options = { ...defaultOptions, ...options };
-        this.opacity = this.options.opacity;
+        this.style = style;
+        this.opacity = this.style.opacity;
     }
     // Add source and preview layers if they don't already exist
     async preview() {
         if (!this.sourceId) {
             if (this.map.getSource(this.getSourceId())) {
-                console.debug(`MapLibre source ${this.getSourceId()} exists; skipping creation`);
                 return;
             }
             const source = await this.createSource();
             this.map.addSource(this.getSourceId(), source);
             this.sourceId = this.getSourceId();
-            console.debug('Added MapLibre source', this.getSourceId(), source);
         }
         if (this.layerIds.length == 0) {
             const layers = await this.createLayers();
             layers.forEach(layer => {
                 if (this.map.getLayer(layer.id)) {
-                    console.debug(`MapLibre layer ${layer.id} exists; skipping creation`);
                     return;
                 }
                 this.map.addLayer(layer);
                 this.layerIds.push(layer.id);
-                console.debug('Added MapLibre layer', layer.id);
             });
         }
     }
@@ -44,13 +40,11 @@ export default class MapLibrePreviewer extends Previewer {
     async clearPreview() {
         this.layerIds.forEach(layerId => {
             if (this.map.getLayer(layerId)) {
-                console.debug('Removing MapLibre layer', layerId);
                 this.map.removeLayer(layerId);
             }
         });
         this.layerIds = [];
         if (this.sourceId && this.map.getSource(this.getSourceId())) {
-            console.debug('Removing MapLibre source', this.getSourceId());
             this.map.removeSource(this.getSourceId());
             this.sourceId = null;
         }

package/dist/collection/lib/previewers/pmtiles-raster.js

@@ -4,7 +4,7 @@ export default class PMTilesRasterPreviewer extends RasterPreviewer {
     async createSource() {
         return {
             type: 'raster',
-            url: await this.source.getSourceUrl(),
+            url: await this.source.getMapLibreSourceUrl(),
         };
     }
     getSourceId() {

package/dist/collection/lib/previewers/pmtiles-vector.js

@@ -3,7 +3,7 @@ export default class PMTilesVectorPreviewer extends VectorPreviewer {
     async createSource() {
         return {
             type: 'vector',
-            url: this.source.getSourceUrl(),
+            url: this.source.getMapLibreSourceUrl(),
             encoding: await this.source.getVectorEncoding(),
         };
     }
@@ -14,6 +14,12 @@ export default class PMTilesVectorPreviewer extends VectorPreviewer {
             'source-layer': layerId,
         };
     }
+    createPolygonOutlineLayer(layerId) {
+        return {
+            ...super.createPolygonOutlineLayer(layerId),
+            'source-layer': layerId,
+        };
+    }
     createLineLayer(layerId) {
         return {
             ...super.createLineLayer(layerId),

package/dist/collection/lib/previewers/raster.js

@@ -3,7 +3,7 @@ export default class RasterPreviewer extends MapLibrePreviewer {
     async createSource() {
         return {
             type: 'raster',
-            tiles: [await this.source.getSourceUrl()],
+            tiles: [await this.source.getMapLibreSourceUrl()],
             scheme: this.source.getScheme(),
             tileSize: this.source.getTileSize(),
         };

package/dist/collection/lib/previewers/vector.js

@@ -1,18 +1,5 @@
 import MapLibrePreviewer from "./maplibre";
-const defaultOptions = {
-    fillColor: '#888888',
-    fillOpacity: 0.6,
-    fillHighlightOpacity: 0.8,
-    lineColor: '#000000',
-    labelFont: 'Noto Sans Regular',
-    labelSize: 10,
-    textColor: '#000000',
-};
 export default class VectorPreviewer extends MapLibrePreviewer {
-    constructor(source, map, options) {
-        super(source, map, options);
-        this.options = { ...defaultOptions, ...options };
-    }
     // Set opacity of all layers in this previewer
     async setOpacity(opacity) {
         this.opacity = opacity;
@@ -28,6 +15,7 @@ export default class VectorPreviewer extends MapLibrePreviewer {
         return layerIds.flatMap(layerId => {
             return [
                 this.createPolygonLayer(layerId),
+                this.createPolygonOutlineLayer(layerId),
                 this.createLineLayer(layerId),
                 this.createPointLayer(layerId),
                 this.createPolygonLabelLayer(layerId),
@@ -43,9 +31,35 @@ export default class VectorPreviewer extends MapLibrePreviewer {
             type: 'fill',
             source: this.getSourceId(),
             paint: {
-                'fill-color': this.options.fillColor,
-                'fill-outline-color': this.options.lineColor,
-                'fill-opacity': ['case', ['boolean', ['feature-state', 'hover'], false], this.options.fillHighlightOpacity, this.options.fillOpacity],
+                'fill-color': [
+                    'case',
+                    ['boolean', ['feature-state', 'selected'], false],
+                    this.style.fillSelectedColor,
+                    ['boolean', ['feature-state', 'hover'], false],
+                    this.style.fillHighlightColor,
+                    this.style.fillColor,
+                ],
+                'fill-opacity': ['case', ['boolean', ['feature-state', 'selected'], false], this.style.fillHighlightOpacity, this.style.fillOpacity],
+            },
+            filter: ['==', ['geometry-type'], 'Polygon'],
+        };
+    }
+    // Create a styled layer that will be used to outline polygon geometry
+    createPolygonOutlineLayer(layerId) {
+        return {
+            id: `${this.getSourceId()}-${layerId}-polygon-outlines`,
+            type: 'line',
+            source: this.getSourceId(),
+            paint: {
+                'line-color': [
+                    'case',
+                    ['boolean', ['feature-state', 'selected'], false],
+                    this.style.strokeSelectedColor,
+                    ['boolean', ['feature-state', 'hover'], false],
+                    this.style.strokeHighlightColor,
+                    this.style.strokeColor,
+                ],
+                'line-width': ['case', ['boolean', ['feature-state', 'selected'], false], 2, 1],
             },
             filter: ['==', ['geometry-type'], 'Polygon'],
         };
@@ -57,7 +71,14 @@ export default class VectorPreviewer extends MapLibrePreviewer {
             type: 'line',
             source: this.getSourceId(),
             paint: {
-                'line-color': this.options.lineColor,
+                'line-color': [
+                    'case',
+                    ['boolean', ['feature-state', 'selected'], false],
+                    this.style.strokeSelectedColor,
+                    ['boolean', ['feature-state', 'hover'], false],
+                    this.style.strokeHighlightColor,
+                    this.style.strokeColor,
+                ],
                 'line-width': 4,
             },
             filter: ['==', ['geometry-type'], 'LineString'],
@@ -70,11 +91,25 @@ export default class VectorPreviewer extends MapLibrePreviewer {
             type: 'circle',
             source: this.getSourceId(),
             paint: {
-                'circle-color': this.options.fillColor,
-                'circle-stroke-color': this.options.lineColor,
-                'circle-stroke-width': ['case', ['boolean', ['feature-state', 'hover'], false], 2, 1],
+                'circle-color': [
+                    'case',
+                    ['boolean', ['feature-state', 'selected'], false],
+                    this.style.fillSelectedColor,
+                    ['boolean', ['feature-state', 'hover'], false],
+                    this.style.fillHighlightColor,
+                    this.style.fillColor,
+                ],
+                'circle-stroke-color': [
+                    'case',
+                    ['boolean', ['feature-state', 'selected'], false],
+                    this.style.strokeSelectedColor,
+                    ['boolean', ['feature-state', 'hover'], false],
+                    this.style.strokeHighlightColor,
+                    this.style.strokeColor,
+                ],
+                'circle-stroke-width': ['case', ['boolean', ['feature-state', 'selected'], false], 2, 1],
                 'circle-radius': ['interpolate', ['linear'], ['zoom'], 4, 2, 12, 4],
-                'circle-opacity': ['case', ['boolean', ['feature-state', 'hover'], false], this.options.fillHighlightOpacity, this.options.fillOpacity],
+                'circle-opacity': ['case', ['boolean', ['feature-state', 'selected'], false], this.style.fillHighlightOpacity, this.style.fillOpacity],
             },
             filter: ['==', ['geometry-type'], 'Point'],
         };
@@ -87,9 +122,9 @@ export default class VectorPreviewer extends MapLibrePreviewer {
             source: this.getSourceId(),
             layout: {
                 'text-field': ['get', 'id'],
-                'text-font': [this.options.labelFont],
+                'text-font': [this.style.textFont],
                 'text-max-angle': 85,
-                'text-size': this.options.labelSize,
+                'text-size': this.style.textSize,
                 'text-offset': [0, 1],
                 'text-anchor': 'bottom',
                 'text-rotation-alignment': 'map',
@@ -98,7 +133,7 @@ export default class VectorPreviewer extends MapLibrePreviewer {
                 'symbol-spacing': 250,
             },
             paint: {
-                'text-color': this.options.textColor,
+                'text-color': this.style.textColor,
                 'text-halo-color': 'white',
                 'text-halo-width': 1,
             },
@@ -114,11 +149,11 @@ export default class VectorPreviewer extends MapLibrePreviewer {
             layout: {
                 'symbol-placement': 'line',
                 'text-field': ['get', 'id'],
-                'text-font': [this.options.labelFont],
-                'text-size': this.options.labelSize,
+                'text-font': [this.style.textFont],
+                'text-size': this.style.textSize,
             },
             paint: {
-                'text-color': this.options.textColor,
+                'text-color': this.style.textColor,
                 'text-halo-color': 'white',
                 'text-halo-width': 1,
             },
@@ -133,12 +168,12 @@ export default class VectorPreviewer extends MapLibrePreviewer {
             source: this.getSourceId(),
             layout: {
                 'text-field': ['get', 'id'],
-                'text-font': [this.options.labelFont],
-                'text-size': this.options.labelSize,
+                'text-font': [this.style.textFont],
+                'text-size': this.style.textSize,
                 'text-offset': [0, -1],
             },
             paint: {
-                'text-color': this.options.textColor,
+                'text-color': this.style.textColor,
                 'text-halo-color': 'white',
                 'text-halo-width': 1,
             },

package/dist/collection/lib/previewers/wms.js

@@ -4,7 +4,7 @@ export default class WmsPreviewer extends RasterPreviewer {
     async createSource() {
         return {
             type: 'raster',
-            tiles: [await this.source.getSourceUrl()],
+            tiles: [await this.source.getMapLibreSourceUrl()],
             tileSize: this.source.getTileSize(),
         };
     }

package/dist/collection/lib/record.js

@@ -50,7 +50,7 @@ export const OGM_FIELD_NAMES = {
 /**
  * Class for representing an OGM Aardvark record parsed from JSON data.
  */
-export class OgmRecord {
+export default class OgmRecord {
     // Original JSON data
     json;
     // Required

package/dist/collection/lib/record.test.js

@@ -1,6 +1,6 @@
 import { describe, it, expect, vi } from "@stencil/vitest";
-import { OgmRecord } from "./record";
 import { LngLatBounds } from "maplibre-gl";
+import OgmRecord from "./record";
 describe('OgmRecord', () => {
     it('errors when initialized with an unsupported version', () => {
         expect(() => {

package/dist/collection/lib/references.js

@@ -35,8 +35,6 @@ const METADATA_REFERENCE_URIS = [
 export class References {
     // Underlying object to hold references
     references;
-    // Cache for fetched IIIF manifest
-    iiifManifest;
     // Create a new instance with the JSON string from a record
     constructor(dct_references_s) {
         try {
@@ -91,33 +89,6 @@ export class References {
     get iiifManifestUrl() {
         return this.references['http://iiif.io/api/presentation#manifest'];
     }
-    // List of IIIF image URLs extracted from the manifest
-    async iiifImageUrls() {
-        if (this.iiifImageUrl)
-            return [this.iiifImageUrl];
-        if (!this.iiifManifestUrl)
-            return [];
-        // Fetch and cache the manifest if we haven't already
-        if (!this.iiifManifest) {
-            try {
-                await this.fetchManifest();
-            }
-            catch (error) {
-                console.error('Failed to fetch IIIF manifest:', error);
-                return [];
-            }
-        }
-        // Try to extract image URLs from the manifest
-        try {
-            if (this.iiifVersion == 3)
-                return this.extractIiif3ImageUrls(this.iiifManifest);
-            return this.extractIiif2ImageUrls(this.iiifManifest);
-        }
-        catch (error) {
-            console.error('Failed to extract IIIF image URLs from manifest:', error);
-            return [];
-        }
-    }
     // List of download links with URL and label, if using multiple downloads
     get downloadLinks() {
         const fieldContents = this.references['http://schema.org/downloadUrl'];
@@ -169,40 +140,4 @@ export class References {
     get iiifReferences() {
         return [this.iiifImageUrl, this.iiifManifestUrl];
     }
-    // Get the IIIF presentation spec version of the manifest, if we have one
-    get iiifVersion() {
-        return this.iiifManifest['@context']?.includes('http://iiif.io/api/presentation/3/context.json') ? 3 : 2;
-    }
-    // Given a v2 manifest, extract all of the IIIF images and format as info.json URLs
-    extractIiif2ImageUrls(manifest) {
-        return (manifest.sequences
-            .flatMap(seq => seq.canvases)
-            .flatMap(can => can.images)
-            .flatMap(img => img.resource)
-            //@ts-ignore
-            .flatMap(res => (res['@type'] === 'dctypes:Image' ? res.service['@id'] + '/info.json' : [])));
-    }
-    // Given a v3 manifest, extract all of the IIIF images and format as info.json URLs
-    extractIiif3ImageUrls(manifest) {
-        // Recursively search the '.items' key until we end up with nodes that have type 'ImageService2'
-        return (manifest.items
-            .flatMap(canvas => canvas.items)
-            .flatMap(annotationPage => annotationPage?.items || [])
-            .flatMap(annotation => (Array.isArray(annotation.body) ? annotation.body : [annotation.body]))
-            //@ts-ignore
-            .flatMap(annotationBody => annotationBody.service)
-            .flatMap(service => service.id + '/info.json'));
-    }
-    // TODO: use navPlace as the bounds source if available
-    // Attempt to fetch and parse the IIIF manifest, if any
-    async fetchManifest() {
-        if (!this.iiifManifestUrl)
-            return;
-        const response = await fetch(this.iiifManifestUrl);
-        if (!response.ok)
-            throw new Error(`Unexpected response fetching IIIF manifest: ${response.statusText}`);
-        const manifest = await response.json();
-        this.iiifManifest = manifest;
-        return manifest;
-    }
 }