@salesforcedevs/docs-components 0.69.1-callout-fix-2 → 0.69.1-miles

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@salesforcedevs/docs-components",
-    "version": "0.69.1-callout-fix-2",
+    "version": "0.69.1-miles",
     "description": "Docs Lightning web components for DSC",
     "license": "MIT",
     "main": "index.js",

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

@@ -150,7 +150,7 @@ export default class Content extends LightningElement {
                     is: ContentCallout
                 });
                 const detailEls = calloutEl.querySelectorAll(
-                    "p, .p, div.data, ol, ul, p+.codeSection, p~.codeSection, div >.codeSection, .mediaBd > span.ph"
+                    "p, div.data, ol, ul, p+.codeSection, .mediaBd > span.ph"
                 );
                 detailEls.forEach((detailEl) => {
                     if (detailEl.innerHTML.trim() !== "") {
@@ -159,7 +159,7 @@ export default class Content extends LightningElement {
                 });
 
                 let flag = 1;
-                for (let i: number = 0; i < detailEls.length; i++) {
+                for (let i = 0; i < detailEls.length; i++) {
                     flag &= detailEls[i].innerHTML.trim() === "";
                 }
 

package/src/modules/doc/contentLayout/contentLayout.html

@@ -29,7 +29,7 @@
             <div class="content-body-container">
                 <div class="content-body">
                     <doc-breadcrumbs
-                        if:true={breadcrumbs}
+                        if:true={showBreadcrumbs}
                         breadcrumbs={breadcrumbs}
                     ></doc-breadcrumbs>
                     <slot onslotchange={onSlotChange}></slot>

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

@@ -38,7 +38,7 @@ export default class ContentLayout extends LightningElement {
         return this._breadcrumbs;
     }
 
-    set breadcrumbs(value) {
+    set breadcrumbs(value): [] {
         if (value) {
             this._breadcrumbs = toJson(value);
         }
@@ -78,6 +78,8 @@ export default class ContentLayout extends LightningElement {
     private anchoredElements: AnchorMap = {};
     private lastScrollPosition: number;
     private observer?: IntersectionObserver;
+    private hasRendered: boolean = false;
+    
     private searchSyncer = new SearchSyncer({
         callbacks: {
             onUrlChange: (nextSearchString: string): void => {
@@ -109,6 +111,10 @@ export default class ContentLayout extends LightningElement {
         return window.location.pathname;
     }
 
+    get showBreadcrumbs(): boolean {
+        return this.breadcrumbs != null && (this.breadcrumbs as any[]).length > 1;
+    }
+
     connectedCallback(): void {
         const hasParentHighlightListener = closest(
             "doc-xml-content",
@@ -125,6 +131,7 @@ export default class ContentLayout extends LightningElement {
         this._scrollInterval = window.setInterval(() => {
             this.saveScroll();
           }, 1000);
+
           
     }
 
@@ -138,7 +145,10 @@ export default class ContentLayout extends LightningElement {
             this.attachInteractionObserver,
             OBSERVER_ATTACH_WAIT_TIME
         );
-        this.restoreScroll();
+        if(!this.hasRendered) {
+            this.hasRendered = true;
+            this.restoreScroll();
+        }
     }
 
     disconnectedCallback(): void {