ogm-viewer 0.3.0 → 0.5.0

package/dist/collection/lib/sources/iiif.js

@@ -0,0 +1,11 @@
+import Source from "./source";
+// A source of IIIF image URL(s) to be previewed
+export default class IIIFSource extends Source {
+    label() {
+        return 'IIIF Image';
+    }
+    // By default, assume we have a IIIF image URL and just return it
+    async getIIIFImageUrls() {
+        return [this.url];
+    }
+}

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

@@ -0,0 +1,8 @@
+import Source from "./source";
+// A source of mapped vector or raster data, accessed remotely
+export default class MapLibreSource extends Source {
+    // URL used to generate a MapLibre source when adding to map
+    getMapLibreSourceUrl() {
+        return this.url;
+    }
+}

package/dist/collection/lib/sources/openindexmap.js

@@ -4,4 +4,7 @@ export default class OpenIndexMapSource extends GeoJSONSource {
     async getVectorLayers() {
         return ['indexmap'];
     }
+    label() {
+        return 'Index Map';
+    }
 }

package/dist/collection/lib/sources/pmtiles.js

@@ -9,10 +9,13 @@ export default class PMTilesSource extends Source {
     metadata;
     header;
     // Store a reference so we can open the archive for metadata inspection
-    constructor(id, url) {
-        super(id, url);
+    constructor(id, url, bounds) {
+        super(id, url, bounds);
         this.archive = new PMTiles(url);
     }
+    label() {
+        return 'PMTiles';
+    }
     // Fetch and memoize PMTiles metadata
     async getMetadata() {
         if (!this.metadata) {
@@ -32,7 +35,10 @@ export default class PMTilesSource extends Source {
         const header = await this.getHeader();
         return header.tileType === TileType.Mvt || header.tileType === TileType.Mlt;
     }
+    // Used to zoom the map to the data once loaded
     async getBounds() {
+        if (this.bounds)
+            return this.bounds;
         const header = await this.getHeader();
         return [
             [header.minLon, header.minLat],
@@ -57,7 +63,7 @@ export default class PMTilesSource extends Source {
         return undefined;
     }
     // Appends the pmtiles:// protocol; must be registered first to work
-    getSourceUrl() {
+    getMapLibreSourceUrl() {
         return `pmtiles://${this.url}`;
     }
     // Raster PMTiles have no specific scheme identifier for MapLibre
@@ -68,7 +74,7 @@ export default class PMTilesSource extends Source {
     getTileSize() {
         return undefined;
     }
-    async getType() {
+    async getMapLibreSourceType() {
         if (await this.isVector())
             return 'vector';
         return 'raster';

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

@@ -1,13 +1,13 @@
-import Source from "./source";
+import MapLibreSource from "./maplibre";
 // Tiled raster data, accessed remotely
-export default class RasterSource extends Source {
+export default class RasterSource extends MapLibreSource {
     async isVector() {
         return false;
     }
     getTileSize() {
         return 256;
     }
-    async getType() {
+    async getMapLibreSourceType() {
         return 'raster';
     }
 }

package/dist/collection/lib/sources/source.js

@@ -1,20 +1,39 @@
-// A source of vector or raster data, accessed remotely
+// A source of previewable data at a URL
 export default class Source {
     // URL to the remote data source
     url;
-    // Unique ID for this source, used in MapLibre style generation
+    // Explicitly provided bounds for the source, if any
+    bounds;
+    // Unique ID for this source
     id;
     // Store the source URL
-    constructor(id, url) {
+    constructor(id, url, bounds) {
         this.id = id;
         this.url = url;
+        this.bounds = bounds;
+    }
+    // Used to label the tabs for switching between sources, e.g.
+    label() {
+        return this.constructor.name;
     }
     // Check that the URL is valid and accessible
     async test() {
-        await fetch(this.url, { method: 'HEAD' });
+        try {
+            const response = await fetch(this.url, {
+                method: 'HEAD',
+                signal: AbortSignal.timeout(8000),
+            });
+            return response.ok;
+        }
+        catch (error) {
+            console.error(`Error checking source URL ${this.url}:`, error);
+            return false;
+        }
     }
-    // URL used to generate a MapLibre source when adding to map
-    getSourceUrl() {
-        return this.url;
+    // Async because subclasses may do operations to calculate it
+    async getBounds() {
+        if (this.bounds)
+            return this.bounds;
+        return undefined;
     }
 }

package/dist/collection/lib/sources/tilejson.js

@@ -3,6 +3,9 @@ import Source from "./source";
 export default class TileJSONSource extends Source {
     // Metadata parsed from TileJSON document
     metadata;
+    label() {
+        return 'TileJSON';
+    }
     // Fetch and memoize metadata
     async getMetadata() {
         if (!this.metadata) {
@@ -18,7 +21,10 @@ export default class TileJSONSource extends Source {
         const pathname = new URL(template).pathname;
         return pathname.endsWith('.pbf') || pathname.endsWith('.mvt') || pathname.endsWith('.mlt');
     }
+    // Used to zoom the map to the data once loaded
     async getBounds() {
+        if (this.bounds)
+            return this.bounds;
         const metadata = await this.getMetadata();
         return [
             [metadata.bounds[0], metadata.bounds[1]],
@@ -37,7 +43,7 @@ export default class TileJSONSource extends Source {
             return 'mlt';
         return 'mvt';
     }
-    async getType() {
+    async getMapLibreSourceType() {
         if (await this.isVector())
             return 'vector';
         return 'raster';

package/dist/collection/lib/sources/tms.js

@@ -1,5 +1,8 @@
 import RasterSource from "./raster";
 export default class TmsSource extends RasterSource {
+    label() {
+        return 'Tiled Map Service (TMS)';
+    }
     getScheme() {
         return 'tms';
     }

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

@@ -1,10 +1,10 @@
-import Source from "./source";
+import MapLibreSource from "./maplibre";
 // A source of vector data, accessed remotely
-export default class VectorSource extends Source {
+export default class VectorSource extends MapLibreSource {
     async isVector() {
         return true;
     }
-    async getType() {
+    async getMapLibreSourceType() {
         return 'vector';
     }
 }

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

@@ -13,14 +13,17 @@ export default class WmsSource extends RasterSource {
     options;
     // Memoized metadata via GetCapabilities request
     metadata;
-    constructor(id, url, options) {
-        super(id, url);
+    constructor(id, url, options, bounds) {
+        super(id, url, bounds);
         this.options = { ...defaultOptions, ...options };
         // Assume we're using one layer with the given ID if no layer IDs are provided
         if (!this.options.layerIds || this.options.layerIds.length === 0) {
             this.options.layerIds = [id];
         }
     }
+    label() {
+        return 'Web Map Service (WMS)';
+    }
     // Fetch and memoize WMS GetCapabilities XML document
     async getMetadata() {
         if (!this.metadata) {
@@ -30,15 +33,7 @@ export default class WmsSource extends RasterSource {
         }
         return this.metadata;
     }
-    // WMS doesn't provide bounds in the URL, so we can't zoom the map
-    // TODO: use getCapabilities to get the bounding box of the layer(s) and return that
-    async getBounds() {
-        return [
-            [-180, -90],
-            [180, 90],
-        ];
-    }
-    getSourceUrl() {
+    getMapLibreSourceUrl() {
         return this.tilesUrl;
     }
     // WMS has no specific scheme identifier for MapLibre

package/dist/collection/lib/sources/xyz.js

@@ -1,5 +1,8 @@
 import RasterSource from "./raster";
 export default class XyzSource extends RasterSource {
+    label() {
+        return 'XYZ Tile Service';
+    }
     getScheme() {
         return 'xyz';
     }

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

@@ -0,0 +1,46 @@
+import Theme from "./theme";
+// URLs to MapLibre style documents for basemaps
+export const darkBasemapStyle = 'https://basemaps.cartocdn.com/gl/dark-matter-gl-style/style.json';
+export const lightBasemapStyle = 'https://basemaps.cartocdn.com/gl/positron-gl-style/style.json';
+// Style properties common to all MapLibre-based previewers
+export default class MapLibreTheme extends Theme {
+    getStyle() {
+        return {
+            padding: this.readCssProperty('--wa-space-xl'),
+            opacity: 0.8,
+            fillColor: this.dualCssColors('--wa-color-blue-50', '--wa-color-blue-80'),
+            fillHighlightColor: this.dualCssColors('--wa-color-cyan-60', '--wa-color-cyan-80'),
+            fillSelectedColor: this.dualCssColors('--wa-color-green-50', '--wa-color-green-80'),
+            fillInvalidColor: this.dualCssColors('--wa-color-yellow-50', '--wa-color-yellow-80'),
+            strokeColor: this.dualCssColors('--wa-color-blue-80', '--wa-color-blue-50'),
+            strokeHighlightColor: this.dualCssColors('--wa-color-cyan-80', '--wa-color-cyan-60'),
+            strokeSelectedColor: this.dualCssColors('--wa-color-green-80', '--wa-color-green-50'),
+            strokeInvalidColor: this.dualCssColors('--wa-color-yellow-80', '--wa-color-yellow-50'),
+            textColor: this.readCssProperty('--wa-color-text-normal'),
+            textFont: this.readCssProperty('--wa-font-family-body'),
+            textSize: 12,
+            fillOpacity: 0.5,
+            fillHighlightOpacity: 0.8,
+        };
+    }
+    // Get the appropriate basemap style URL based on dark mode
+    getBaseMapStyle() {
+        return this.darkMode() ? darkBasemapStyle : lightBasemapStyle;
+    }
+    // If dark mode, use the first CSS color, otherwise use the second CSS color
+    dualCssColors(darkColor, lightColor) {
+        return this.darkMode() ? this.readCssProperty(darkColor) : this.readCssProperty(lightColor);
+    }
+    // Atmosphere style for globe
+    getSkyStyle() {
+        return {
+            'sky-color': '#199EF3',
+            'sky-horizon-blend': 0.5,
+            'horizon-color': '#ffffff',
+            'horizon-fog-blend': 0.5,
+            'fog-color': '#0000ff',
+            'fog-ground-blend': 0.5,
+            'atmosphere-blend': ['interpolate', ['linear'], ['zoom'], 0, 1, 10, 1, 12, 0],
+        };
+    }
+}

package/dist/collection/lib/themes/theme.js

@@ -0,0 +1,23 @@
+// Extracts style values from the DOM/CSS for use in previewers
+export default class Theme {
+    element;
+    // Store a reference to DOM element so we can use it to inspect styles
+    constructor(element) {
+        this.element = element;
+    }
+    // Check if we're in dark mode
+    darkMode() {
+        return this.readCssProperty('color-scheme') === 'dark';
+    }
+    // Web Awesome's palette tokens are documented inline (e.g. "#0a3a1d /* oklch(...) */").
+    // Browsers are supposed to strip CSS comments before exposing a custom property's computed
+    // value, but Safari has a bug where the comment survives, which MapLibre then rejects as an
+    // invalid color. Strip it defensively here so we don't depend on browser-specific behavior.
+    readCssProperty = (property) => {
+        return window
+            .getComputedStyle(this.element)
+            .getPropertyValue(property)
+            .replace(/\/\*.*?\*\//g, '')
+            .trim();
+    };
+}

package/dist/esm/{index-BdFT_kJa.js → index-DTLAlWKQ.js}

@@ -413,6 +413,13 @@ var h = (nodeName, vnodeData, ...children) => {
       }
     }
   }
+  if (typeof nodeName === "function") {
+    return nodeName(
+      vnodeData === null ? {} : vnodeData,
+      vNodeChildren,
+      vdomFnUtils
+    );
+  }
   const vnode = newVNode(nodeName, null);
   vnode.$attrs$ = vnodeData;
   if (vNodeChildren.length > 0) {
@@ -442,6 +449,36 @@ var newVNode = (tag, text) => {
 };
 var Host = {};
 var isHost = (node) => node && node.$tag$ === Host;
+var vdomFnUtils = {
+  forEach: (children, cb) => children.map(convertToPublic).forEach(cb),
+  map: (children, cb) => children.map(convertToPublic).map(cb).map(convertToPrivate)
+};
+var convertToPublic = (node) => ({
+  vattrs: node.$attrs$,
+  vchildren: node.$children$,
+  vkey: node.$key$,
+  vname: node.$name$,
+  vtag: node.$tag$,
+  vtext: node.$text$
+});
+var convertToPrivate = (node) => {
+  if (typeof node.vtag === "function") {
+    const vnodeData = { ...node.vattrs };
+    if (node.vkey) {
+      vnodeData.key = node.vkey;
+    }
+    if (node.vname) {
+      vnodeData.name = node.vname;
+    }
+    return h(node.vtag, vnodeData, ...node.vchildren || []);
+  }
+  const vnode = newVNode(node.vtag, node.vtext);
+  vnode.$attrs$ = node.vattrs;
+  vnode.$children$ = node.vchildren;
+  vnode.$key$ = node.vkey;
+  vnode.$name$ = node.vname;
+  return vnode;
+};
 
 // src/runtime/normalize-watchers.ts
 var normalizeWatchers = (raw) => {
@@ -515,7 +552,7 @@ var setAccessor = (elm, memberName, oldValue, newValue, isSvg, flags, initialRen
     return;
   }
   let isProp = isMemberInElement(elm, memberName);
-  memberName.toLowerCase();
+  let ln = memberName.toLowerCase();
   if (memberName === "class") {
     const classList = elm.classList;
     const oldClasses = parseClassList(oldValue);
@@ -524,7 +561,25 @@ var setAccessor = (elm, memberName, oldValue, newValue, isSvg, flags, initialRen
       classList.remove(...oldClasses.filter((c) => c && !newClasses.includes(c)));
       classList.add(...newClasses.filter((c) => c && !oldClasses.includes(c)));
     }
-  } else if (memberName === "key") ; else if (memberName[0] === "a" && memberName.startsWith("attr:")) {
+  } else if (memberName === "key") ; else if ((!isProp ) && memberName[0] === "o" && memberName[1] === "n") {
+    if (memberName[2] === "-") {
+      memberName = memberName.slice(3);
+    } else if (isMemberInElement(win, ln)) {
+      memberName = ln.slice(2);
+    } else {
+      memberName = ln[2] + memberName.slice(3);
+    }
+    if (oldValue || newValue) {
+      const capture = memberName.endsWith(CAPTURE_EVENT_SUFFIX);
+      memberName = memberName.replace(CAPTURE_EVENT_REGEX, "");
+      if (oldValue) {
+        plt.rel(elm, memberName, oldValue, capture);
+      }
+      if (newValue) {
+        plt.ael(elm, memberName, newValue, capture);
+      }
+    }
+  } else if (memberName[0] === "a" && memberName.startsWith("attr:")) {
     const propName = memberName.slice(5);
     let attrName;
     {
@@ -599,6 +654,8 @@ var parseClassList = (value) => {
   }
   return value.split(parseClassListRegex);
 };
+var CAPTURE_EVENT_SUFFIX = "Capture";
+var CAPTURE_EVENT_REGEX = new RegExp(CAPTURE_EVENT_SUFFIX + "$");
 
 // src/runtime/vdom/update-element.ts
 var updateElement = (oldVnode, newVnode, isSvgMode2, isInitialRender) => {
@@ -1540,7 +1597,7 @@ var bootstrapLazy = (lazyBundles, options = {}) => {
 var addHostEventListeners = (elm, hostRef, listeners, attachParentListeners) => {
   if (listeners && win.document) {
     listeners.map(([flags, name, method]) => {
-      const target = elm;
+      const target = getHostListenerTarget(win.document, elm, flags) ;
       const handler = hostListenerProxy(hostRef, method);
       const opts = hostListenerOpts(flags);
       plt.ael(target, name, handler, opts);
@@ -1562,6 +1619,12 @@ var hostListenerProxy = (hostRef, methodName) => (ev) => {
     consoleError(e, hostRef.$hostElement$);
   }
 };
+var getHostListenerTarget = (doc, elm, flags) => {
+  if (flags & 16 /* TargetBody */) {
+    return doc.body;
+  }
+  return elm;
+};
 var hostListenerOpts = (flags) => supportsListenerOptions ? {
   passive: (flags & 1 /* Passive */) !== 0,
   capture: (flags & 2 /* Capture */) !== 0

package/dist/esm/{lerc-DFDScDrO.js → lerc-CB_Jcu33.js}

@@ -1,7 +1,7 @@
 import { i as inflate_1 } from './pako.esm-KbdoS3Oq.js';
-import { g as getDefaultExportFromCjs, L as LercAddCompression, a as LercParameters } from './ogm-image.ogm-map.ogm-menubar.ogm-metadata.ogm-settings.ogm-sidebar.ogm-viewer-r5w_49n3.js';
+import { g as getDefaultExportFromCjs, L as LercAddCompression, a as LercParameters } from './ogm-alerts.ogm-attributes.ogm-image.ogm-map.ogm-menubar.ogm-metadata.ogm-preview.ogm-previews.ogm-settings.ogm-sidebar.ogm-viewer-Dlc6USWB.js';
 import { B as BaseDecoder } from './basedecoder-BK531nfi.js';
-import './index-BdFT_kJa.js';
+import './index-DTLAlWKQ.js';
 
 var LercDecode = {exports: {}};
 

package/dist/esm/loader.js

@@ -1,11 +1,11 @@
-import { b as bootstrapLazy } from './index-BdFT_kJa.js';
-export { s as setNonce } from './index-BdFT_kJa.js';
+import { b as bootstrapLazy } from './index-DTLAlWKQ.js';
+export { s as setNonce } from './index-DTLAlWKQ.js';
 import { g as globalScripts } from './app-globals-DQuL1Twl.js';
 
 const defineCustomElements = async (win, options) => {
   if (typeof window === 'undefined') return undefined;
   await globalScripts();
-  return bootstrapLazy([["ogm-image_7",[[513,"ogm-viewer",{"recordUrl":[1,"record-url"],"theme":[1],"record":[32],"previewOpacity":[32],"sidebarOpen":[32],"loadRecord":[64]},[[0,"sidebarToggled","toggleSidebar"],[0,"opacityChange","adjustPreviewOpacity"],[0,"mapLoading","setLoadingStarted"],[0,"imageLoading","setLoadingStarted"],[0,"mapIdle","setLoadingFinished"],[0,"imageLoaded","setLoadingFinished"]],{"recordUrl":[{"updateRecord":0}]}],[513,"ogm-sidebar",{"record":[16],"theme":[1],"open":[4]}],[513,"ogm-image",{"record":[16],"theme":[1],"padding":[2]},null,{"record":[{"onRecordChange":0}],"padding":[{"onPaddingChange":0}]}],[513,"ogm-map",{"record":[16],"theme":[1],"previewOpacity":[2,"preview-opacity"],"padding":[2],"easeMapTo":[64]},null,{"record":[{"previewRecord":0}],"padding":[{"onPaddingChange":0}]}],[513,"ogm-menubar",{"record":[16],"theme":[1],"loading":[4]}],[513,"ogm-metadata",{"record":[16],"theme":[1],"fieldNames":[16],"filteredRecord":[32]}],[513,"ogm-settings",{"record":[16]},[[0,"sl-input","handleOpacityChange"]]]]]], options);
+  return bootstrapLazy([["ogm-alerts_11",[[513,"ogm-viewer",{"recordUrl":[1,"record-url"],"theme":[1],"record":[32],"error":[32],"previewOpacity":[32],"sidebarOpen":[32],"loading":[32],"loadRecord":[64]},[[0,"sidebarToggled","toggleSidebar"],[0,"opacityChange","adjustPreviewOpacity"],[0,"mapLoading","setLoadingStarted"],[0,"imageLoading","setLoadingStarted"],[0,"mapIdle","setLoadingFinished"],[0,"imageLoaded","setLoadingFinished"]],{"recordUrl":[{"updateRecord":0}],"record":[{"resetLoading":0}]}],[513,"ogm-previews",{"theme":[1],"record":[16],"previewOpacity":[2,"preview-opacity"],"sidebarPadding":[2,"sidebar-padding"],"sources":[32]},null,{"record":[{"getSources":0}]}],[513,"ogm-sidebar",{"record":[16],"theme":[1],"open":[4]}],[513,"ogm-menubar",{"record":[16],"theme":[1],"loading":[4]}],[513,"ogm-preview",{"theme":[1],"source":[16],"previewOpacity":[2,"preview-opacity"],"sidebarPadding":[2,"sidebar-padding"],"error":[32]},[[0,"previewError","handlePreviewError"]],{"source":[{"resetError":0}]}],[513,"ogm-metadata",{"record":[16],"theme":[1],"fieldNames":[16],"filteredRecord":[32]}],[513,"ogm-settings",{"record":[16]},[[0,"input","handleOpacityChange"]]],[513,"ogm-map",{"source":[16],"theme":[1],"padding":[2],"easeMapTo":[64]},[[16,"featureSelected","handleFeatureSelected"]],{"source":[{"previewSource":0}],"padding":[{"onPaddingChange":0}]}],[513,"ogm-alerts",{"theme":[1],"error":[16]}],[513,"ogm-image",{"source":[16],"theme":[1],"padding":[2]},null,{"source":[{"onSourceChange":0}],"padding":[{"onPaddingChange":0}]}],[513,"ogm-attributes",{"features":[16],"currentIndex":[32]},null,{"features":[{"onFeaturesChange":0}],"currentIndex":[{"onCurrentIndexChange":0}]}]]]], options);
 };
 
 export { defineCustomElements };