@salesforcedevs/docs-components 1.3.325-rnbtab-alpha3 → 1.3.325-rnbtab-alpha4

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@salesforcedevs/docs-components",
-    "version": "1.3.325-rnbtab-alpha3",
+    "version": "1.3.325-rnbtab-alpha4",
     "description": "Docs Lightning web components for DSC",
     "license": "MIT",
     "main": "index.js",

package/src/modules/doc/contentLayout/contentLayout.ts

@@ -118,7 +118,9 @@ export default class ContentLayout extends LightningElement {
     updateRNB = () => {
         const headingElements = this.getHeadingElements();
         headingElements.forEach((headingElement: any) => {
+            // Sometimes elements hash and header is not being set when slot content is wrapped with div
             headingElement.hash = headingElement.attributes.hash?.nodeValue;
+            headingElement.header = headingElement.attributes.header?.nodeValue;
         });
         this.updateTocItems(headingElements);
     };
@@ -147,7 +149,8 @@ export default class ContentLayout extends LightningElement {
                 if (tab?.getAttribute("aria-selected") === "true") {
                     const tabID = tab?.getAttribute("aria-label");
                     const url = new URL(window.location.href);
-                    if (url.searchParams.get("type") !== tabID) {
+                    const selectedTabId = this.getSelectedTabId();
+                    if (selectedTabId !== tabID) {
                         url.searchParams.set("type", tabID);
                         url.hash = "";
                         window.history.pushState({}, "", url.toString());
@@ -211,10 +214,14 @@ export default class ContentLayout extends LightningElement {
         }
     }
 
-    private restoreTabSelection() {
+    private getSelectedTabId() {
         const urlParams = new URLSearchParams(window.location.search);
         const selectedTabId = urlParams.get("type");
+        return selectedTabId;
+    }
 
+    private restoreTabSelection() {
+        const selectedTabId = this.getSelectedTabId();
         if (selectedTabId) {
             this.selectTabById(selectedTabId);
         }