@salesforcedevs/dx-components 1.40.4-new-brand → 1.40.4-scroll-3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@salesforcedevs/dx-components",
-  "version": "1.40.4-new-brand",
+  "version": "1.40.4-scroll-3",
   "description": "DX Lightning web components",
   "license": "MIT",
   "engines": {

package/src/modules/dx/codeBlock/codeBlock.ts

@@ -95,6 +95,12 @@ export default class CodeBlock extends LightningElement {
         ).trim();
     }
 
+    /** True once the highlighted code has been rendered into the DOM. */
+    @api
+    get rendered(): boolean {
+        return this._codeBlockRendered;
+    }
+
     @api
     get showLoadingIndicator() {
         return this._showLoadingIndicator;

package/src/modules/dxBaseElements/headerBase/headerBase.ts

@@ -18,8 +18,7 @@ const VALID_BRANDS = [
     "revenue",
     "sales",
     "service",
-    "success",
-    "cross-product"
+    "success"
 ];
 
 export const ANALYTICS_INFO = {
@@ -155,7 +154,12 @@ export abstract class HeaderBase extends LightningElement {
             setTimeout(() => {
                 const id = hash.replace("#", "");
                 const element = document.getElementById(id);
-                if (element && element.scrollIntoView) {
+                // doc-heading targets are scrolled by doc-content-layout once the page has rendered
+                if (
+                    element &&
+                    element.tagName !== "DOC-HEADING" &&
+                    element.scrollIntoView
+                ) {
                     element.scrollIntoView();
                 }
             }, 0);

package/src/modules/dxConstants/brands/brands.ts

@@ -13,6 +13,5 @@ export const BRANDS = [
     "industries",
     "learning",
     "service",
-    "analytics",
-    "cross-product"
+    "analytics"
 ] as Brand[];