ogm-viewer 0.3.0 → 0.4.0

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-Bz409klg.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-attributes.ogm-image.ogm-map.ogm-menubar.ogm-metadata.ogm-previews.ogm-settings.ogm-sidebar.ogm-viewer-C9zV3wMe.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-attributes_9",[[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-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-map",{"source":[16],"theme":[1],"padding":[2],"easeMapTo":[64]},[[16,"featureSelected","handleFeatureSelected"]],{"source":[{"previewSource":0}],"padding":[{"onPaddingChange":0}]}],[513,"ogm-image",{"source":[16],"theme":[1],"padding":[2]},null,{"source":[{"onSourceChange":0}],"padding":[{"onPaddingChange":0}]}],[513,"ogm-metadata",{"record":[16],"theme":[1],"fieldNames":[16],"filteredRecord":[32]}],[513,"ogm-settings",{"record":[16]},[[0,"input","handleOpacityChange"]]],[513,"ogm-attributes",{"features":[16],"currentIndex":[32]},null,{"features":[{"onFeaturesChange":0}],"currentIndex":[{"onCurrentIndexChange":0}]}]]]], options);
 };
 
 export { defineCustomElements };