@salesforcedevs/docs-components 1.3.345-refactor-tab-alpha → 1.3.345-refactor-tab-alpha1

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@salesforcedevs/docs-components",
-    "version": "1.3.345-refactor-tab-alpha",
+    "version": "1.3.345-refactor-tab-alpha1",
     "description": "Docs Lightning web components for DSC",
     "license": "MIT",
     "main": "index.js",

package/src/modules/doc/lwcContentLayout/lwcContentLayout.ts

@@ -1,5 +1,3 @@
-/* eslint-disable @lwc/lwc/no-document-query */
-import { closest } from "kagekiri";
 import ContentLayout from "doc/contentLayout";
 
 const TOC_HEADER_TAG = "doc-heading";
@@ -103,17 +101,6 @@ export default class LwcContentLayout extends ContentLayout {
     };
 
     connectedCallback(): void {
-        const hasParentHighlightListener = closest(
-            "doc-xml-content",
-            this.template.host
-        );
-        if (!hasParentHighlightListener) {
-            window.addEventListener(
-                "highlightedtermchange",
-                this.updateHighlighted
-            );
-            this.searchSyncer.init();
-        }
         window.addEventListener("popstate", this.handlePopState);
     }
 
@@ -156,25 +143,18 @@ export default class LwcContentLayout extends ContentLayout {
     }
 
     renderedCallback(): void {
-        /**
-         * Note: We are adding timeout because chrome is optimizing and not triggering recent renderedCallback though elements reference is changed
-         * Also we are considering recent renderedCallback
-         */
-        this.clearRenderObserverTimer();
-        this.observerTimerId = setTimeout(
-            this.attachInteractionObserver,
-            OBSERVER_ATTACH_WAIT_TIME
-        );
-
-        this.adjustNavPosition();
-        window.addEventListener("scroll", this.adjustNavPosition);
-        window.addEventListener("resize", this.adjustNavPosition);
-
         if (!this.hasRendered) {
             this.hasRendered = true;
             this.setRNBByTab();
             if (this.showTabBasedRNB) {
                 window.addEventListener("tabchanged", this.onTabChanged);
+                window.addEventListener(
+                    "specificationdatarendered",
+                    this.onTabChanged
+                );
+                window.addEventListener("selectedcontent", (event) =>
+                    this.onRNBClick(event as CustomEvent)
+                );
                 this.restoreTabSelection();
             }
             this.restoreScroll();