ogm-viewer 0.5.0 → 0.5.1

package/dist/cjs/{lerc-Df0hDWkS.js → lerc-IU-tWkVO.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 var pako_esm = require('./pako.esm-B4B6rBoN.js');
-var ogmAlerts_ogmAttributes_ogmImage_ogmMap_ogmMenubar_ogmMetadata_ogmPreview_ogmPreviews_ogmSettings_ogmSidebar_ogmViewer_entry = require('./ogm-alerts.ogm-attributes.ogm-image.ogm-map.ogm-menubar.ogm-metadata.ogm-preview.ogm-previews.ogm-settings.ogm-sidebar.ogm-viewer-DMEfXquS.js');
+var ogmAlerts_ogmAttributes_ogmImage_ogmMap_ogmMenubar_ogmMetadata_ogmPreview_ogmPreviews_ogmSettings_ogmSidebar_ogmViewer_entry = require('./ogm-alerts.ogm-attributes.ogm-image.ogm-map.ogm-menubar.ogm-metadata.ogm-preview.ogm-previews.ogm-settings.ogm-sidebar.ogm-viewer-BAGJpqMB.js');
 var basedecoder = require('./basedecoder-CIx0DB_u.js');
 require('./index-mu9UK_Fb.js');
 

package/dist/cjs/loader.cjs.js

@@ -6,7 +6,7 @@ var appGlobals = require('./app-globals-V2Kpy_OQ.js');
 const defineCustomElements = async (win, options) => {
   if (typeof window === 'undefined') return undefined;
   await appGlobals.globalScripts();
-  return index.bootstrapLazy([["ogm-alerts_11.cjs",[[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);
+  return index.bootstrapLazy([["ogm-alerts_11.cjs",[[513,"ogm-viewer",{"recordUrl":[1,"record-url"],"theme":[1],"hideTitle":[4,"hide-title"],"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],"hideTitle":[4,"hide-title"]}],[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}],"theme":[{"onThemeChange":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);
 };
 
 exports.setNonce = index.setNonce;

package/dist/cjs/{ogm-alerts.ogm-attributes.ogm-image.ogm-map.ogm-menubar.ogm-metadata.ogm-preview.ogm-previews.ogm-settings.ogm-sidebar.ogm-viewer-DMEfXquS.js → ogm-alerts.ogm-attributes.ogm-image.ogm-map.ogm-menubar.ogm-metadata.ogm-preview.ogm-previews.ogm-settings.ogm-sidebar.ogm-viewer-BAGJpqMB.js}

@@ -43590,7 +43590,7 @@ const defaultDecoderDefinitions = [
     // LERC
     {
         cases: 34887,
-        importFn: () => Promise.resolve().then(function () { return require('./lerc-Df0hDWkS.js'); })
+        importFn: () => Promise.resolve().then(function () { return require('./lerc-IU-tWkVO.js'); })
             .then(async (m) => {
             await m.zstd.init();
             return m;
@@ -51004,6 +51004,13 @@ const OgmMap = class {
             this.mapIdle.emit();
         }
     }
+    // When the theme changes, swap the basemap to match.
+    onThemeChange() {
+        if (!this.map)
+            return;
+        this.map.setStyle(this.mapTheme.getBaseMapStyle());
+        this.map.once('style.load', async () => await this.previewSource(this.source));
+    }
     // Surface MapLibre errors tied to the current preview source, skipping the
     // noise from basemap/glyph/sprite loads, and deduped to a single alert per load attempt.
     handleMapError(event) {
@@ -51107,12 +51114,15 @@ const OgmMap = class {
         return this.previewer?.layerIds || [];
     }
     render() {
-        return index.h("div", { key: '9519610af20287a4d7e28470c715accc5ffb8430', id: "map", class: `wa-${this.theme}` });
+        return index.h("div", { key: 'c683bc9d81e84caa58d4575d0812c5fcdb096e28', id: "map", class: `wa-${this.theme}` });
     }
     static get watchers() { return {
         "source": [{
                 "previewSource": 0
             }],
+        "theme": [{
+                "onThemeChange": 0
+            }],
         "padding": [{
                 "onPaddingChange": 0
             }]
@@ -51129,10 +51139,11 @@ const OgmMenubar = class {
     }
     record;
     theme;
-    sidebarToggled;
     loading = false;
+    hideTitle = false;
+    sidebarToggled;
     render() {
-        return (index.h("div", { key: '437b8f1b6f44844f1db4460c6597c0a68479a8f7', class: `menubar ${this.theme && `wa-${this.theme}`}` }, index.h("wa-button", { key: 'baf0a0baa96fcf3f114fdf47b4446b90df862c6b', appearance: "plain", class: "menu-button", onclick: this.sidebarToggled.emit }, index.h("wa-icon", { key: 'b4e1c07bd7284dbd191997a4b270d12c1e1d5b63', name: "list", label: "Open sidebar", canvas: "auto" })), this.record?.restricted && (index.h(index.h.Fragment, null, index.h("wa-tooltip", { key: '4e8d318982e7bd8af99b320e4810b23d0c00b264', for: "restricted-icon" }, "Restricted access"), index.h("wa-icon", { key: '6da389ec7b55697d203dd2935af192ae64c0622b', id: "restricted-icon", name: "lock-fill", label: "Restricted access", class: "restricted-icon", canvas: "auto" }))), index.h("div", { key: 'd118cbb176a44ae761d82c7adff2b0fa31cbe87e', class: "title" }, this.record?.title), this.loading && index.h("wa-spinner", { key: '5bc6c254a1fa5b4b4bb82ec8fc1cc04ff1457a31', class: "loading-spinner" })));
+        return (index.h("div", { key: '470fcb6d5d31cc9a53142372e82c6b15563863d3', class: `menubar ${this.theme && `wa-${this.theme}`}` }, index.h("wa-button", { key: '22dec0e10b5b12a1481355d97cc61b6c85b7e612', appearance: "plain", class: "menu-button", onclick: this.sidebarToggled.emit }, index.h("wa-icon", { key: '48f29ad88af2d982392d946cf11fdc7e605b7aa6', name: "list", label: "Open sidebar", canvas: "auto" })), this.record?.restricted && (index.h(index.h.Fragment, null, index.h("wa-tooltip", { key: 'fa26b6d78dc07d0a009a941e6c2587342a8d6fe4', for: "restricted-icon" }, "Restricted access"), index.h("wa-icon", { key: '0aaece23cb54401ed62634c079cbfdca63926d69', id: "restricted-icon", name: "lock-fill", label: "Restricted access", class: "restricted-icon", canvas: "auto" }))), !this.hideTitle && index.h("div", { key: '89d30f43c7d84478dae1777a5be57136342d72f0', class: "title" }, this.record?.title), this.loading && index.h("wa-spinner", { key: '69a12e09d0b807e85000d63ee3fba8fb98c4ec33', class: "loading-spinner" })));
     }
 };
 OgmMenubar.style = ogmMenubarCss();
@@ -53294,9 +53305,8 @@ const OgmPreviews = class {
     }
     // Render as tabs for switching between sources
     render() {
-        // Render a blank map if there is no record or no sources
         if (!this.record || !this.sources.length)
-            return index.h("ogm-map", { theme: this.theme, padding: this.sidebarPadding });
+            return;
         return (index.h(index.Host, { class: this.theme && `wa-${this.theme}` }, index.h("wa-tab-group", null, this.sources.map((source, idx) => (index.h("wa-tab", { key: idx, panel: `${source.constructor.name}-${source.id}-${idx}` }, source.label()))), this.sources.map((source, idx) => (index.h("wa-tab-panel", { key: idx, name: `${source.constructor.name}-${source.id}-${idx}`, active: idx === 0 }, index.h("ogm-preview", { theme: this.theme, source: source, "preview-opacity": this.previewOpacity, "sidebar-padding": this.sidebarPadding })))))));
     }
     static get watchers() { return {
@@ -61955,7 +61965,7 @@ WaTabPanel = __decorateClass([
   t$2("wa-tab-panel")
 ], WaTabPanel);
 
-const ogmViewerCss = () => `:host{--stanford-cardinal-red:#8f1414;--accent-color:var(--wa-color-brand-50);}.container{display:flex;flex-direction:column;position:relative;font-family:var(--wa-font-family-body);border:var(--wa-panel-border-width) solid var(--wa-color-surface-border);width:100%;min-height:400px;height:100%}.main-container{position:relative;overflow:hidden;min-height:400px;height:100%}`;
+const ogmViewerCss = () => `:host{--stanford-cardinal-red:#8f1414}.container{--accent-color:var(--wa-color-brand-50);display:flex;flex-direction:column;position:relative;font-family:var(--wa-font-family-body);border:var(--wa-panel-border-width) solid var(--wa-color-surface-border);width:100%;min-height:400px;height:100%}.main-container{position:relative;overflow:hidden;min-height:400px;height:100%}`;
 
 // Only need to call this once, at the top level
 setBasePath(index.getAssetPath(''));
@@ -61963,23 +61973,11 @@ setBasePath(index.getAssetPath(''));
 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 Host element in each component because that element
-// is part of the page light DOM and not the shadow DOM. 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();
+// Web Awesome activates its palette and semantic color variants on `:root` by default (with
+// `.wa-*` classes only needed to override the defaults). `:root` never matches inside a shadow
+// tree, so we opt into each default explicitly on our container to reproduce what a document-level
+// load would give us: the default palette plus the default hue for every color variant.
+const WA_SCOPE = 'wa-palette-default wa-brand-blue wa-neutral-gray wa-success-green wa-warning-yellow wa-danger-red';
 const OgmViewer = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
@@ -61987,6 +61985,7 @@ const OgmViewer = class {
     get el() { return index.getElement(this); }
     recordUrl;
     theme = this.getThemePreference();
+    hideTitle = false;
     record;
     error;
     previewOpacity = 100;
@@ -62050,8 +62049,10 @@ const OgmViewer = class {
             return undefined;
         }
     }
+    // Link Web Awesome's stylesheet inside the shadow tree so it doesn't
+    // leak into the host page when rendering.
     render() {
-        return (index.h(index.Host, { key: '6fae950d74eac18eca8192c3ab22d27cde8f8215', class: `wa-${this.theme}` }, index.h("div", { key: 'ddaf990f2145b165c24ded5272ec3f0f11d32df1', class: "container" }, index.h("ogm-menubar", { key: '93de36998fdfe07aaea28ee1d32512d129402ae6', theme: this.theme, record: this.record, loading: this.loading }), index.h("div", { key: 'cafd7e0862a8c39008caee372da2e79b48df2aec', class: "main-container" }, index.h("ogm-sidebar", { key: '03b5f864d35a385de6941f3eac9b1da050422eb9', theme: this.theme, record: this.record, open: this.sidebarOpen }), this.error ? (index.h("ogm-alerts", { theme: this.theme, error: this.error })) : (index.h("ogm-previews", { theme: this.theme, record: this.record, "preview-opacity": this.previewOpacity, "sidebar-padding": this.sidebarPadding }))))));
+        return (index.h(index.Host, { key: '042eb882fe5979453b3ea32c11dd9a95dfff6cc1', class: `wa-${this.theme}` }, index.h("link", { key: '510b4ccabdff543fd3724d9f00fcce2fc0da59e4', rel: "stylesheet", href: getBasePath('assets/webawesome/styles/themes/default.css') }), index.h("div", { key: 'ca0916da0a4e14fc6dbda29bc0ed7fcbab4389fa', class: `container ${WA_SCOPE} wa-${this.theme}` }, index.h("ogm-menubar", { key: 'e153abb59c5aa5858e723f1496916517c69a6f79', theme: this.theme, record: this.record, loading: this.loading, hideTitle: this.hideTitle }), index.h("div", { key: 'e83ad788ed7a7da1cbe6771184ba821fedebf868', class: "main-container" }, index.h("ogm-sidebar", { key: '664f9ad8f2b64f998e6fe2a67116413a6d1ac377', theme: this.theme, record: this.record, open: this.sidebarOpen }), this.error ? (index.h("ogm-alerts", { theme: this.theme, error: this.error })) : (index.h("ogm-previews", { theme: this.theme, record: this.record, "preview-opacity": this.previewOpacity, "sidebar-padding": this.sidebarPadding }))))));
     }
     static get watchers() { return {
         "recordUrl": [{

package/dist/cjs/ogm-alerts_11.cjs.entry.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var ogmAlerts_ogmAttributes_ogmImage_ogmMap_ogmMenubar_ogmMetadata_ogmPreview_ogmPreviews_ogmSettings_ogmSidebar_ogmViewer_entry = require('./ogm-alerts.ogm-attributes.ogm-image.ogm-map.ogm-menubar.ogm-metadata.ogm-preview.ogm-previews.ogm-settings.ogm-sidebar.ogm-viewer-DMEfXquS.js');
+var ogmAlerts_ogmAttributes_ogmImage_ogmMap_ogmMenubar_ogmMetadata_ogmPreview_ogmPreviews_ogmSettings_ogmSidebar_ogmViewer_entry = require('./ogm-alerts.ogm-attributes.ogm-image.ogm-map.ogm-menubar.ogm-metadata.ogm-preview.ogm-previews.ogm-settings.ogm-sidebar.ogm-viewer-BAGJpqMB.js');
 require('./index-mu9UK_Fb.js');
 
 

package/dist/cjs/ogm-viewer.cjs.js

@@ -19,7 +19,7 @@ var patchBrowser = () => {
 
 patchBrowser().then(async (options) => {
   await appGlobals.globalScripts();
-  return index.bootstrapLazy([["ogm-alerts_11.cjs",[[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);
+  return index.bootstrapLazy([["ogm-alerts_11.cjs",[[513,"ogm-viewer",{"recordUrl":[1,"record-url"],"theme":[1],"hideTitle":[4,"hide-title"],"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],"hideTitle":[4,"hide-title"]}],[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}],"theme":[{"onThemeChange":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);
 });
 
 exports.setNonce = index.setNonce;

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

@@ -156,6 +156,13 @@ export class OgmMap {
             this.mapIdle.emit();
         }
     }
+    // When the theme changes, swap the basemap to match.
+    onThemeChange() {
+        if (!this.map)
+            return;
+        this.map.setStyle(this.mapTheme.getBaseMapStyle());
+        this.map.once('style.load', async () => await this.previewSource(this.source));
+    }
     // Surface MapLibre errors tied to the current preview source, skipping the
     // noise from basemap/glyph/sprite loads, and deduped to a single alert per load attempt.
     handleMapError(event) {
@@ -259,7 +266,7 @@ export class OgmMap {
         return this.previewer?.layerIds || [];
     }
     render() {
-        return h("div", { key: '9519610af20287a4d7e28470c715accc5ffb8430', id: "map", class: `wa-${this.theme}` });
+        return h("div", { key: 'c683bc9d81e84caa58d4575d0812c5fcdb096e28', id: "map", class: `wa-${this.theme}` });
     }
     static get is() { return "ogm-map"; }
     static get encapsulation() { return "shadow"; }
@@ -427,6 +434,9 @@ export class OgmMap {
         return [{
                 "propName": "source",
                 "methodName": "previewSource"
+            }, {
+                "propName": "theme",
+                "methodName": "onThemeChange"
             }, {
                 "propName": "padding",
                 "methodName": "onPaddingChange"

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

@@ -2,10 +2,11 @@ import { h } from "@stencil/core";
 export class OgmMenubar {
     record;
     theme;
-    sidebarToggled;
     loading = false;
+    hideTitle = false;
+    sidebarToggled;
     render() {
-        return (h("div", { key: '437b8f1b6f44844f1db4460c6597c0a68479a8f7', class: `menubar ${this.theme && `wa-${this.theme}`}` }, h("wa-button", { key: 'baf0a0baa96fcf3f114fdf47b4446b90df862c6b', appearance: "plain", class: "menu-button", onclick: this.sidebarToggled.emit }, h("wa-icon", { key: 'b4e1c07bd7284dbd191997a4b270d12c1e1d5b63', name: "list", label: "Open sidebar", canvas: "auto" })), this.record?.restricted && (h(h.Fragment, null, h("wa-tooltip", { key: '4e8d318982e7bd8af99b320e4810b23d0c00b264', for: "restricted-icon" }, "Restricted access"), h("wa-icon", { key: '6da389ec7b55697d203dd2935af192ae64c0622b', id: "restricted-icon", name: "lock-fill", label: "Restricted access", class: "restricted-icon", canvas: "auto" }))), h("div", { key: 'd118cbb176a44ae761d82c7adff2b0fa31cbe87e', class: "title" }, this.record?.title), this.loading && h("wa-spinner", { key: '5bc6c254a1fa5b4b4bb82ec8fc1cc04ff1457a31', class: "loading-spinner" })));
+        return (h("div", { key: '470fcb6d5d31cc9a53142372e82c6b15563863d3', class: `menubar ${this.theme && `wa-${this.theme}`}` }, h("wa-button", { key: '22dec0e10b5b12a1481355d97cc61b6c85b7e612', appearance: "plain", class: "menu-button", onclick: this.sidebarToggled.emit }, h("wa-icon", { key: '48f29ad88af2d982392d946cf11fdc7e605b7aa6', name: "list", label: "Open sidebar", canvas: "auto" })), this.record?.restricted && (h(h.Fragment, null, h("wa-tooltip", { key: 'fa26b6d78dc07d0a009a941e6c2587342a8d6fe4', for: "restricted-icon" }, "Restricted access"), h("wa-icon", { key: '0aaece23cb54401ed62634c079cbfdca63926d69', id: "restricted-icon", name: "lock-fill", label: "Restricted access", class: "restricted-icon", canvas: "auto" }))), !this.hideTitle && h("div", { key: '89d30f43c7d84478dae1777a5be57136342d72f0', class: "title" }, this.record?.title), this.loading && h("wa-spinner", { key: '69a12e09d0b807e85000d63ee3fba8fb98c4ec33', class: "loading-spinner" })));
     }
     static get is() { return "ogm-menubar"; }
     static get encapsulation() { return "shadow"; }
@@ -81,6 +82,26 @@ export class OgmMenubar {
                 "reflect": false,
                 "attribute": "loading",
                 "defaultValue": "false"
+            },
+            "hideTitle": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "hide-title",
+                "defaultValue": "false"
             }
         };
     }

package/dist/collection/components/ogm-menubar/ogm-menubar.test.js

@@ -46,6 +46,40 @@ describe('ogm-menubar', () => {
       `);
         });
     });
+    describe('when hideTitle is true', () => {
+        it('does not render the title', async () => {
+            const record = new OgmRecord({
+                id: 'stanford-ff359cr8805',
+                dct_title_s: 'Coho Salmon Watersheds: San Francisco Bay Area, California, 2011',
+                dct_description_sm: [],
+                gbl_resourceType_sm: ['Polygon data'],
+                gbl_resourceClass_sm: ['Datasets'],
+                dct_accessRights_s: 'Public',
+                gbl_mdVersion_s: 'Aardvark',
+            });
+            const { root } = await render(h("ogm-menubar", { record: record, hideTitle: true }));
+            const shadowRoot = root.shadowRoot;
+            expect(shadowRoot.querySelector('.title')).toBeNull();
+        });
+        it('toggles the title when the hideTitle prop changes', async () => {
+            const record = new OgmRecord({
+                id: 'stanford-ff359cr8805',
+                dct_title_s: 'Coho Salmon Watersheds: San Francisco Bay Area, California, 2011',
+                dct_description_sm: [],
+                gbl_resourceType_sm: ['Polygon data'],
+                gbl_resourceClass_sm: ['Datasets'],
+                dct_accessRights_s: 'Public',
+                gbl_mdVersion_s: 'Aardvark',
+            });
+            const { root, setProps } = await render(h("ogm-menubar", { record: record, hideTitle: false }));
+            const shadowRoot = root.shadowRoot;
+            expect(shadowRoot.querySelector('.title')?.textContent?.trim()).toBe('Coho Salmon Watersheds: San Francisco Bay Area, California, 2011');
+            await setProps({ hideTitle: true });
+            expect(shadowRoot.querySelector('.title')).toBeNull();
+            await setProps({ hideTitle: false });
+            expect(shadowRoot.querySelector('.title')?.textContent?.trim()).toBe('Coho Salmon Watersheds: San Francisco Bay Area, California, 2011');
+        });
+    });
     describe('loading indicator', () => {
         it('shows the spinner while loading', async () => {
             const { root } = await render(h("ogm-menubar", { loading: true }));

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

@@ -48,9 +48,8 @@ export class OgmPreviews {
     }
     // Render as tabs for switching between sources
     render() {
-        // Render a blank map if there is no record or no sources
         if (!this.record || !this.sources.length)
-            return h("ogm-map", { theme: this.theme, padding: this.sidebarPadding });
+            return;
         return (h(Host, { class: this.theme && `wa-${this.theme}` }, h("wa-tab-group", null, this.sources.map((source, idx) => (h("wa-tab", { key: idx, panel: `${source.constructor.name}-${source.id}-${idx}` }, source.label()))), this.sources.map((source, idx) => (h("wa-tab-panel", { key: idx, name: `${source.constructor.name}-${source.id}-${idx}`, active: idx === 0 }, h("ogm-preview", { theme: this.theme, source: source, "preview-opacity": this.previewOpacity, "sidebar-padding": this.sidebarPadding })))))));
     }
     static get is() { return "ogm-previews"; }

package/dist/collection/components/ogm-previews/ogm-previews.test.js

@@ -65,10 +65,10 @@ describe('ogm-previews', () => {
         expect(tabs).toHaveLength(1);
         expect(tabs[0].textContent).toContain('WMS');
     });
-    it('falls back to an empty map for a record with no previewable sources', async () => {
+    it('renders nothing for a record with no previewable sources', async () => {
         const shadowRoot = await renderPreviews(buildRecord(false));
         expect(shadowRoot.querySelector('wa-tab-group')).toBeNull();
-        expect(shadowRoot.querySelector('ogm-map')).not.toBeNull();
+        expect(shadowRoot.querySelectorAll('wa-tab')).toHaveLength(0);
     });
     it('wraps a map source in an ogm-preview that renders the map', async () => {
         const previewShadow = await renderPreviewChild(buildRecordWith({ 'http://geojson.org/geojson-spec.html': 'https://example.com/data.json' }));

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

@@ -1,10 +1,14 @@
 :host {
   --stanford-cardinal-red: #8f1414;
-  --accent-color: var(--wa-color-brand-50);
-  /* --accent-color: var(--stanford-cardinal-red); */
 }
 
 .container {
+  /* Defined here rather than on :host because it resolves a Web Awesome token, which is only
+     available on .container (where the palette/theme stylesheet is activated by the
+     wa-palette-default / wa-light|wa-dark classes) and its descendants. */
+  --accent-color: var(--wa-color-brand-50);
+  /* --accent-color: var(--stanford-cardinal-red); */
+
   display: flex;
   flex-direction: column;
   position: relative;

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

@@ -8,23 +8,6 @@ setBasePath(getAssetPath(''));
 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 Host element in each component because that element
-// is part of the page light DOM and not the shadow DOM. 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/callout/callout.js";
@@ -36,10 +19,16 @@ 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";
+// Web Awesome activates its palette and semantic color variants on `:root` by default (with
+// `.wa-*` classes only needed to override the defaults). `:root` never matches inside a shadow
+// tree, so we opt into each default explicitly on our container to reproduce what a document-level
+// load would give us: the default palette plus the default hue for every color variant.
+const WA_SCOPE = 'wa-palette-default wa-brand-blue wa-neutral-gray wa-success-green wa-warning-yellow wa-danger-red';
 export class OgmViewer {
     el;
     recordUrl;
     theme = this.getThemePreference();
+    hideTitle = false;
     record;
     error;
     previewOpacity = 100;
@@ -103,8 +92,10 @@ export class OgmViewer {
             return undefined;
         }
     }
+    // Link Web Awesome's stylesheet inside the shadow tree so it doesn't
+    // leak into the host page when rendering.
     render() {
-        return (h(Host, { key: '6fae950d74eac18eca8192c3ab22d27cde8f8215', class: `wa-${this.theme}` }, h("div", { key: 'ddaf990f2145b165c24ded5272ec3f0f11d32df1', class: "container" }, h("ogm-menubar", { key: '93de36998fdfe07aaea28ee1d32512d129402ae6', theme: this.theme, record: this.record, loading: this.loading }), h("div", { key: 'cafd7e0862a8c39008caee372da2e79b48df2aec', class: "main-container" }, h("ogm-sidebar", { key: '03b5f864d35a385de6941f3eac9b1da050422eb9', theme: this.theme, record: this.record, open: this.sidebarOpen }), this.error ? (h("ogm-alerts", { theme: this.theme, error: this.error })) : (h("ogm-previews", { theme: this.theme, record: this.record, "preview-opacity": this.previewOpacity, "sidebar-padding": this.sidebarPadding }))))));
+        return (h(Host, { key: '042eb882fe5979453b3ea32c11dd9a95dfff6cc1', class: `wa-${this.theme}` }, h("link", { key: '510b4ccabdff543fd3724d9f00fcce2fc0da59e4', rel: "stylesheet", href: getBasePath('assets/webawesome/styles/themes/default.css') }), h("div", { key: 'ca0916da0a4e14fc6dbda29bc0ed7fcbab4389fa', class: `container ${WA_SCOPE} wa-${this.theme}` }, h("ogm-menubar", { key: 'e153abb59c5aa5858e723f1496916517c69a6f79', theme: this.theme, record: this.record, loading: this.loading, hideTitle: this.hideTitle }), h("div", { key: 'e83ad788ed7a7da1cbe6771184ba821fedebf868', class: "main-container" }, h("ogm-sidebar", { key: '664f9ad8f2b64f998e6fe2a67116413a6d1ac377', theme: this.theme, record: this.record, open: this.sidebarOpen }), this.error ? (h("ogm-alerts", { theme: this.theme, error: this.error })) : (h("ogm-previews", { 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"; }
@@ -158,6 +149,26 @@ export class OgmViewer {
                 "reflect": false,
                 "attribute": "theme",
                 "defaultValue": "this.getThemePreference()"
+            },
+            "hideTitle": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "hide-title",
+                "defaultValue": "false"
             }
         };
     }

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

@@ -1,5 +1,5 @@
 import { i as inflate_1 } from './pako.esm-KbdoS3Oq.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 { 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-BpVupgSB.js';
 import { B as BaseDecoder } from './basedecoder-BK531nfi.js';
 import './index-DTLAlWKQ.js';
 

package/dist/esm/loader.js

@@ -5,7 +5,7 @@ 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-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);
+  return bootstrapLazy([["ogm-alerts_11",[[513,"ogm-viewer",{"recordUrl":[1,"record-url"],"theme":[1],"hideTitle":[4,"hide-title"],"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],"hideTitle":[4,"hide-title"]}],[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}],"theme":[{"onThemeChange":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 };

package/dist/esm/{ogm-alerts.ogm-attributes.ogm-image.ogm-map.ogm-menubar.ogm-metadata.ogm-preview.ogm-previews.ogm-settings.ogm-sidebar.ogm-viewer-Dlc6USWB.js → ogm-alerts.ogm-attributes.ogm-image.ogm-map.ogm-menubar.ogm-metadata.ogm-preview.ogm-previews.ogm-settings.ogm-sidebar.ogm-viewer-BpVupgSB.js}

@@ -43588,7 +43588,7 @@ const defaultDecoderDefinitions = [
     // LERC
     {
         cases: 34887,
-        importFn: () => import('./lerc-CB_Jcu33.js')
+        importFn: () => import('./lerc-yC3LNu-h.js')
             .then(async (m) => {
             await m.zstd.init();
             return m;
@@ -51002,6 +51002,13 @@ const OgmMap = class {
             this.mapIdle.emit();
         }
     }
+    // When the theme changes, swap the basemap to match.
+    onThemeChange() {
+        if (!this.map)
+            return;
+        this.map.setStyle(this.mapTheme.getBaseMapStyle());
+        this.map.once('style.load', async () => await this.previewSource(this.source));
+    }
     // Surface MapLibre errors tied to the current preview source, skipping the
     // noise from basemap/glyph/sprite loads, and deduped to a single alert per load attempt.
     handleMapError(event) {
@@ -51105,12 +51112,15 @@ const OgmMap = class {
         return this.previewer?.layerIds || [];
     }
     render() {
-        return h$2("div", { key: '9519610af20287a4d7e28470c715accc5ffb8430', id: "map", class: `wa-${this.theme}` });
+        return h$2("div", { key: 'c683bc9d81e84caa58d4575d0812c5fcdb096e28', id: "map", class: `wa-${this.theme}` });
     }
     static get watchers() { return {
         "source": [{
                 "previewSource": 0
             }],
+        "theme": [{
+                "onThemeChange": 0
+            }],
         "padding": [{
                 "onPaddingChange": 0
             }]
@@ -51127,10 +51137,11 @@ const OgmMenubar = class {
     }
     record;
     theme;
-    sidebarToggled;
     loading = false;
+    hideTitle = false;
+    sidebarToggled;
     render() {
-        return (h$2("div", { key: '437b8f1b6f44844f1db4460c6597c0a68479a8f7', class: `menubar ${this.theme && `wa-${this.theme}`}` }, h$2("wa-button", { key: 'baf0a0baa96fcf3f114fdf47b4446b90df862c6b', appearance: "plain", class: "menu-button", onclick: this.sidebarToggled.emit }, h$2("wa-icon", { key: 'b4e1c07bd7284dbd191997a4b270d12c1e1d5b63', name: "list", label: "Open sidebar", canvas: "auto" })), this.record?.restricted && (h$2(h$2.Fragment, null, h$2("wa-tooltip", { key: '4e8d318982e7bd8af99b320e4810b23d0c00b264', for: "restricted-icon" }, "Restricted access"), h$2("wa-icon", { key: '6da389ec7b55697d203dd2935af192ae64c0622b', id: "restricted-icon", name: "lock-fill", label: "Restricted access", class: "restricted-icon", canvas: "auto" }))), h$2("div", { key: 'd118cbb176a44ae761d82c7adff2b0fa31cbe87e', class: "title" }, this.record?.title), this.loading && h$2("wa-spinner", { key: '5bc6c254a1fa5b4b4bb82ec8fc1cc04ff1457a31', class: "loading-spinner" })));
+        return (h$2("div", { key: '470fcb6d5d31cc9a53142372e82c6b15563863d3', class: `menubar ${this.theme && `wa-${this.theme}`}` }, h$2("wa-button", { key: '22dec0e10b5b12a1481355d97cc61b6c85b7e612', appearance: "plain", class: "menu-button", onclick: this.sidebarToggled.emit }, h$2("wa-icon", { key: '48f29ad88af2d982392d946cf11fdc7e605b7aa6', name: "list", label: "Open sidebar", canvas: "auto" })), this.record?.restricted && (h$2(h$2.Fragment, null, h$2("wa-tooltip", { key: 'fa26b6d78dc07d0a009a941e6c2587342a8d6fe4', for: "restricted-icon" }, "Restricted access"), h$2("wa-icon", { key: '0aaece23cb54401ed62634c079cbfdca63926d69', id: "restricted-icon", name: "lock-fill", label: "Restricted access", class: "restricted-icon", canvas: "auto" }))), !this.hideTitle && h$2("div", { key: '89d30f43c7d84478dae1777a5be57136342d72f0', class: "title" }, this.record?.title), this.loading && h$2("wa-spinner", { key: '69a12e09d0b807e85000d63ee3fba8fb98c4ec33', class: "loading-spinner" })));
     }
 };
 OgmMenubar.style = ogmMenubarCss();
@@ -53292,9 +53303,8 @@ const OgmPreviews = class {
     }
     // Render as tabs for switching between sources
     render() {
-        // Render a blank map if there is no record or no sources
         if (!this.record || !this.sources.length)
-            return h$2("ogm-map", { theme: this.theme, padding: this.sidebarPadding });
+            return;
         return (h$2(Host, { class: this.theme && `wa-${this.theme}` }, h$2("wa-tab-group", null, this.sources.map((source, idx) => (h$2("wa-tab", { key: idx, panel: `${source.constructor.name}-${source.id}-${idx}` }, source.label()))), this.sources.map((source, idx) => (h$2("wa-tab-panel", { key: idx, name: `${source.constructor.name}-${source.id}-${idx}`, active: idx === 0 }, h$2("ogm-preview", { theme: this.theme, source: source, "preview-opacity": this.previewOpacity, "sidebar-padding": this.sidebarPadding })))))));
     }
     static get watchers() { return {
@@ -61953,7 +61963,7 @@ WaTabPanel = __decorateClass([
   t$2("wa-tab-panel")
 ], WaTabPanel);
 
-const ogmViewerCss = () => `:host{--stanford-cardinal-red:#8f1414;--accent-color:var(--wa-color-brand-50);}.container{display:flex;flex-direction:column;position:relative;font-family:var(--wa-font-family-body);border:var(--wa-panel-border-width) solid var(--wa-color-surface-border);width:100%;min-height:400px;height:100%}.main-container{position:relative;overflow:hidden;min-height:400px;height:100%}`;
+const ogmViewerCss = () => `:host{--stanford-cardinal-red:#8f1414}.container{--accent-color:var(--wa-color-brand-50);display:flex;flex-direction:column;position:relative;font-family:var(--wa-font-family-body);border:var(--wa-panel-border-width) solid var(--wa-color-surface-border);width:100%;min-height:400px;height:100%}.main-container{position:relative;overflow:hidden;min-height:400px;height:100%}`;
 
 // Only need to call this once, at the top level
 setBasePath(getAssetPath(''));
@@ -61961,23 +61971,11 @@ setBasePath(getAssetPath(''));
 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 Host element in each component because that element
-// is part of the page light DOM and not the shadow DOM. 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();
+// Web Awesome activates its palette and semantic color variants on `:root` by default (with
+// `.wa-*` classes only needed to override the defaults). `:root` never matches inside a shadow
+// tree, so we opt into each default explicitly on our container to reproduce what a document-level
+// load would give us: the default palette plus the default hue for every color variant.
+const WA_SCOPE = 'wa-palette-default wa-brand-blue wa-neutral-gray wa-success-green wa-warning-yellow wa-danger-red';
 const OgmViewer = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
@@ -61985,6 +61983,7 @@ const OgmViewer = class {
     get el() { return getElement$1(this); }
     recordUrl;
     theme = this.getThemePreference();
+    hideTitle = false;
     record;
     error;
     previewOpacity = 100;
@@ -62048,8 +62047,10 @@ const OgmViewer = class {
             return undefined;
         }
     }
+    // Link Web Awesome's stylesheet inside the shadow tree so it doesn't
+    // leak into the host page when rendering.
     render() {
-        return (h$2(Host, { key: '6fae950d74eac18eca8192c3ab22d27cde8f8215', class: `wa-${this.theme}` }, h$2("div", { key: 'ddaf990f2145b165c24ded5272ec3f0f11d32df1', class: "container" }, h$2("ogm-menubar", { key: '93de36998fdfe07aaea28ee1d32512d129402ae6', theme: this.theme, record: this.record, loading: this.loading }), h$2("div", { key: 'cafd7e0862a8c39008caee372da2e79b48df2aec', class: "main-container" }, h$2("ogm-sidebar", { key: '03b5f864d35a385de6941f3eac9b1da050422eb9', theme: this.theme, record: this.record, open: this.sidebarOpen }), this.error ? (h$2("ogm-alerts", { theme: this.theme, error: this.error })) : (h$2("ogm-previews", { theme: this.theme, record: this.record, "preview-opacity": this.previewOpacity, "sidebar-padding": this.sidebarPadding }))))));
+        return (h$2(Host, { key: '042eb882fe5979453b3ea32c11dd9a95dfff6cc1', class: `wa-${this.theme}` }, h$2("link", { key: '510b4ccabdff543fd3724d9f00fcce2fc0da59e4', rel: "stylesheet", href: getBasePath('assets/webawesome/styles/themes/default.css') }), h$2("div", { key: 'ca0916da0a4e14fc6dbda29bc0ed7fcbab4389fa', class: `container ${WA_SCOPE} wa-${this.theme}` }, h$2("ogm-menubar", { key: 'e153abb59c5aa5858e723f1496916517c69a6f79', theme: this.theme, record: this.record, loading: this.loading, hideTitle: this.hideTitle }), h$2("div", { key: 'e83ad788ed7a7da1cbe6771184ba821fedebf868', class: "main-container" }, h$2("ogm-sidebar", { key: '664f9ad8f2b64f998e6fe2a67116413a6d1ac377', theme: this.theme, record: this.record, open: this.sidebarOpen }), this.error ? (h$2("ogm-alerts", { theme: this.theme, error: this.error })) : (h$2("ogm-previews", { theme: this.theme, record: this.record, "preview-opacity": this.previewOpacity, "sidebar-padding": this.sidebarPadding }))))));
     }
     static get watchers() { return {
         "recordUrl": [{

package/dist/esm/ogm-alerts_11.entry.js

@@ -1,2 +1,2 @@
-export { O as ogm_alerts, b as ogm_attributes, c as ogm_image, d as ogm_map, e as ogm_menubar, f as ogm_metadata, h as ogm_preview, i as ogm_previews, j as ogm_settings, k as ogm_sidebar, l as ogm_viewer } 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';
+export { O as ogm_alerts, b as ogm_attributes, c as ogm_image, d as ogm_map, e as ogm_menubar, f as ogm_metadata, h as ogm_preview, i as ogm_previews, j as ogm_settings, k as ogm_sidebar, l as ogm_viewer } from './ogm-alerts.ogm-attributes.ogm-image.ogm-map.ogm-menubar.ogm-metadata.ogm-preview.ogm-previews.ogm-settings.ogm-sidebar.ogm-viewer-BpVupgSB.js';
 import './index-DTLAlWKQ.js';