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

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@salesforcedevs/docs-components",
-    "version": "1.3.325-rnbtab-alpha2",
+    "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

@@ -42,7 +42,6 @@ export default class ContentLayout extends LightningElement {
     @api language!: string;
     @api bailHref!: string;
     @api bailLabel!: string;
-    @track initialIndex: number = 0;
 
     // This is needed for now to prevent failing snapshot tests due to links in the footer
     @api showFooter = false;
@@ -119,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);
     };
@@ -148,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());
@@ -212,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);
         }
@@ -444,16 +450,7 @@ export default class ContentLayout extends LightningElement {
         }
     };
 
-    onSlotChange(e): void {
-        const slot = e.target;
-        const child = slot.assignedElements();
-        const tabComponent = child.find(
-            (element: any) =>
-                element.tagName.toLowerCase() === "dx-tab-panel-list"
-        );
-        if (tabComponent) {
-            tabComponent.initialIndex = this.initialIndex; // Set the index value on the child component
-        }
+    onSlotChange(): void {
         this.updateRNB();
     }