@salesforcedevs/docs-components 1.20.13 → 1.20.15

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@salesforcedevs/docs-components",
-    "version": "1.20.13",
+    "version": "1.20.15",
     "description": "Docs Lightning web components for DSC",
     "license": "MIT",
     "main": "index.js",
@@ -25,7 +25,7 @@
         "@types/lodash.orderby": "4.6.9",
         "@types/lodash.uniqby": "4.7.9"
     },
-    "gitHead": "533981cf67f89f660ad584fa977baf14825f51a6",
+    "gitHead": "b0c563ba1d756155a08f24409062f9229efc311d",
     "volta": {
         "node": "20.19.0",
         "yarn": "1.22.19"

package/src/modules/doc/amfTopic/amfTopic.ts

@@ -104,8 +104,11 @@ export default class AmfTopic extends LightningElement {
 
         // Add click handler for all links in the dynamically loaded content
         if (container) {
-            container.removeEventListener("click", this.handleLinkClick);
-            container.addEventListener("click", this.handleLinkClick);
+            if (this.isLinkTrackingHandledByAncestor()) {
+                container.removeEventListener("click", this.handleLinkClick);
+            } else {
+                container.addEventListener("click", this.handleLinkClick);
+            }
         }
 
         const isTabletOrDesktop = window.matchMedia(
@@ -124,4 +127,9 @@ export default class AmfTopic extends LightningElement {
             console.error(error);
         }
     }
+
+    private isLinkTrackingHandledByAncestor(): boolean {
+        const host = this.template.host as HTMLElement | undefined;
+        return !!host?.closest?.("doc-content-layout");
+    }
 }

package/src/modules/doc/content/content.ts

@@ -6,8 +6,6 @@ import Button from "dx/button";
 import { highlightTerms } from "dxUtils/highlight";
 import ContentCallout from "doc/contentCallout";
 import ContentMedia from "doc/contentMedia";
-import { buildDocLinkClickHandler } from "dxUtils/analytics";
-
 const HIGHLIGHTABLE_SELECTOR = [
     "p",
     ".p",
@@ -161,8 +159,6 @@ export default class Content extends LightningElement {
             const anchorEls = divEl.querySelectorAll("a:not([href^='#'])");
 
             anchorEls.forEach((anchorEl: any) => {
-                // Add click handler to track link clicks
-                anchorEl.addEventListener("click", buildDocLinkClickHandler());
                 if (
                     anchorEl.textContent!.includes("Next →") ||
                     anchorEl.textContent!.includes("← Previous")

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

@@ -1,5 +1,5 @@
 /* eslint-disable @lwc/lwc/no-document-query */
-import { LightningElement, api } from "lwc";
+import { LightningElement, api, track } from "lwc";
 import { closest } from "kagekiri";
 import { toJson } from "dxUtils/normalizers";
 import { highlightTerms } from "dxUtils/highlight";
@@ -81,10 +81,12 @@ export default class ContentLayout extends LightningElement {
         );
     }
 
+    @track
     protected _sidebarContent: unknown;
 
     protected _breadcrumbs = null;
 
+    @track
     protected _tocOptions!: Array<unknown>;
 
     protected tocOptionIdsSet = new Set();