@salesforcedevs/docs-components 1.27.22-banner-6 → 1.27.22-banner-8

package/lwc.config.json

@@ -6,7 +6,7 @@
     ],
     "expose": [
         "doc/amfReference",
-        "doc/banner",
+        "doc/localeBanner",
         "doc/breadcrumbs",
         "doc/componentPlayground",
         "doc/content",

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@salesforcedevs/docs-components",
-    "version": "1.27.22-banner-6",
+    "version": "1.27.22-banner-8",
     "description": "Docs Lightning web components for DSC",
     "license": "MIT",
     "main": "index.js",
@@ -25,5 +25,5 @@
         "@types/lodash.orderby": "4.6.9",
         "@types/lodash.uniqby": "4.7.9"
     },
-    "gitHead": "7c2d0518bbabd8ad478bcbca57641b8e7982363a"
+    "gitHead": "7236921a17b79ea334659f323728ef656feac71e"
 }

package/src/modules/doc/{banner/banner.ts → localeBanner/localeBanner.ts}

@@ -6,7 +6,7 @@ const LOCALE_BANNER_STORAGE_PREFIX = "dsc-doc-locale-banner-dismissed-";
 const DEFAULT_MESSAGE_TEXT = "This page was machine-translated ";
 const DEFAULT_BUTTON_LABEL = "Switch to English";
 
-export default class Banner extends LightningElement {
+export default class LocaleBanner extends LightningElement {
     @api messageText = DEFAULT_MESSAGE_TEXT;
 
     @api messageLinkUrl = "";

package/src/modules/doc/xmlContent/xmlContent.ts

@@ -322,8 +322,10 @@ export default class DocXmlContent extends LightningElementWithState<{
         };
     }
 
-    private handlePopState = (event: PopStateEvent): void =>
+    private handlePopState = (event: PopStateEvent): void => {
         this.updatePageReference(this.getReferenceFromUrl(), event);
+        this.dispatchLocaleChange();
+    };
 
     handleDismissVersionBanner() {
         this.showVersionBanner = false;
@@ -598,6 +600,28 @@ export default class DocXmlContent extends LightningElementWithState<{
             "docs",
             this.pageReferenceToString(this.pageReference)
         );
+        this.dispatchLocaleChange();
+    }
+
+    private dispatchLocaleChange(): void {
+        if (typeof window === "undefined") {
+            return;
+        }
+        const enUs = this.availableLanguages?.find((l) => l.id === "en-us");
+        window.dispatchEvent(
+            new CustomEvent("doc-locale-changed", {
+                detail: {
+                    locale: this.language?.id,
+                    enUsPath: enUs
+                        ? this.pageReferenceToString({
+                              ...this.pageReference,
+                              docId: enUs.url
+                          })
+                        : "",
+                    deliverable: this.pageReference?.deliverable || "atlas"
+                }
+            })
+        );
     }
 
     private updateHighlighting(searchParam: string): void {