@salesforcedevs/docs-components 1.20.6 → 1.20.7

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@salesforcedevs/docs-components",
-    "version": "1.20.6",
+    "version": "1.20.7",
     "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": "c46ebfccf4f9313336961195d9cd7f1fc92270c5",
+    "gitHead": "fffbef4d7b536a321824457c6a987e53830a78f1",
     "volta": {
         "node": "20.19.0",
         "yarn": "1.22.19"

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

@@ -9,6 +9,7 @@ import {
 } from "./utils";
 import type { TopicModel } from "./types";
 import { Json } from "typings/custom";
+import { buildDocLinkClickHandler } from "dxUtils/analytics";
 
 const TABLE_SIZE_MATCH = "769px";
 
@@ -16,6 +17,15 @@ export default class AmfTopic extends LightningElement {
     private _model: TopicModel | undefined;
     private amf: Json;
     private type: string | undefined;
+    private handleLinkClick = buildDocLinkClickHandler();
+
+    disconnectedCallback(): void {
+        // Remove link click handler
+        const container = this.template.querySelector(".topic-container");
+        if (container) {
+            container.removeEventListener("click", this.handleLinkClick);
+        }
+    }
 
     @api
     get model(): TopicModel | undefined {
@@ -92,6 +102,12 @@ export default class AmfTopic extends LightningElement {
         }
         container?.appendChild(element as Node);
 
+        // Add click handler for all links in the dynamically loaded content
+        if (container) {
+            container.removeEventListener("click", this.handleLinkClick);
+            container.addEventListener("click", this.handleLinkClick);
+        }
+
         const isTabletOrDesktop = window.matchMedia(
             `(min-width: ${TABLE_SIZE_MATCH})`
         ).matches;

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

@@ -6,6 +6,7 @@ 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",
@@ -160,6 +161,8 @@ 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,10 +1,11 @@
 /* eslint-disable @lwc/lwc/no-document-query */
-import { LightningElement, api, track } from "lwc";
+import { LightningElement, api } from "lwc";
 import { closest } from "kagekiri";
 import { toJson } from "dxUtils/normalizers";
 import { highlightTerms } from "dxUtils/highlight";
 import { SearchSyncer } from "docUtils/searchSyncer";
 import type { OptionWithLink } from "typings/custom";
+import { buildDocLinkClickHandler } from "dxUtils/analytics";
 
 type AnchorMap = { [key: string]: { intersect: boolean; id: string } };
 
@@ -80,12 +81,10 @@ export default class ContentLayout extends LightningElement {
         );
     }
 
-    @track
     protected _sidebarContent: unknown;
 
     protected _breadcrumbs = null;
 
-    @track
     protected _tocOptions!: Array<unknown>;
 
     protected tocOptionIdsSet = new Set();
@@ -119,6 +118,7 @@ export default class ContentLayout extends LightningElement {
     protected observerTimerId?: NodeJS.Timeout;
     protected didScrollToSelectedHash = false;
     protected _scrollInterval = 0;
+    protected handleLinkClick = buildDocLinkClickHandler();
 
     get showToc(): boolean {
         return this.tocOptions && this.tocOptions.length > 0;
@@ -147,6 +147,9 @@ export default class ContentLayout extends LightningElement {
             );
             this.searchSyncer.init();
         }
+
+        // Add click handler for all links
+        this.template.addEventListener("click", this.handleLinkClick);
     }
 
     // Placeholder for childs renderedCallback
@@ -188,6 +191,9 @@ export default class ContentLayout extends LightningElement {
         this.clearRenderObserverTimer();
 
         window.clearInterval(this._scrollInterval);
+
+        // Remove link click handler
+        this.template.removeEventListener("click", this.handleLinkClick);
     }
 
     restoreScroll() {