@salesforcedevs/dx-components 1.31.0 → 1.31.1-alpha-gh

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@salesforcedevs/dx-components",
-    "version": "1.31.0",
+    "version": "1.31.1-alpha-gh",
     "description": "DX Lightning web components",
     "license": "MIT",
     "engines": {

package/src/modules/dx/globalHeader/globalHeader.html

@@ -1,5 +1,5 @@
-<template>
+<template lwc:render-mode="light">
     <div lwc:ref="globalNavContainer" part="container">
         <dx-skip-nav-link></dx-skip-nav-link>
     </div>
-</template>
+</template>

package/src/modules/dx/globalHeader/globalHeader.ts

@@ -4,20 +4,28 @@ import { LightningElement, api } from "lwc";
 const defaultDomain = "https://developer.salesforce.com";
 const defaultLocale = "en-us";
 const defaultHeaderSettingsBasePath = "/c/public/header-settings";
-const headerSettingsJsonKeys = ['regionSelectorOverride', 'contactLinksOverride'];
+const headerSettingsJsonKeys = [
+    "regionSelectorOverride",
+    "contactLinksOverride"
+];
 
 export default class DevExNavigation extends LightningElement {
+    static renderMode = "light";
+
     @api locale: string = defaultLocale;
     @api path: string = defaultHeaderSettingsBasePath;
     @api domain: string = defaultDomain;
 
     async connectedCallback(): Promise<void> {
         try {
-            const headerSettingsResponse = await fetch(`${this.domain}${this.path}/${this.locale}.json`, {
-                headers: {
-                    "Content-Type": "application/json",
-                },
-            });
+            const headerSettingsResponse = await fetch(
+                `${this.domain}${this.path}/${this.locale}.json`,
+                {
+                    headers: {
+                        "Content-Type": "application/json"
+                    }
+                }
+            );
             if (headerSettingsResponse.ok) {
                 this.createFullNav(await headerSettingsResponse.json());
             } else {
@@ -59,15 +67,15 @@ export default class DevExNavigation extends LightningElement {
     private createBarebonesNav(): void {
         const hgfNav = this.createGlobalNav({
             origin: "",
-            contextNavEnabled: "true",
+            contextNavEnabled: "true"
         });
         const hgfNavContext = this.createContextNav({
             variation: "static",
             propertyTitle: {
                 label: "Developers",
-                url: "/",
+                url: "/"
             },
-            menuGroup: {},
+            menuGroup: {}
         });
         const containerEl = this.refs.globalNavContainer as Element;
         containerEl.appendChild(hgfNav);