@salesforcedevs/docs-components 1.28.6-alpha.1 → 1.28.7-alpha.1

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@salesforcedevs/docs-components",
-    "version": "1.28.6-alpha.1",
+    "version": "1.28.7-alpha.1",
     "description": "Docs Lightning web components for DSC",
     "license": "MIT",
     "main": "index.js",
@@ -25,5 +25,5 @@
         "@types/lodash.orderby": "4.6.9",
         "@types/lodash.uniqby": "4.7.9"
     },
-    "gitHead": "6cfd671b3d33f43fcc4bb3f83c6f1b5ec0a7ed3b"
+    "gitHead": "3782e0f52d705901c7307ba5751d1c3297f7ca25"
 }

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

@@ -1,6 +1,7 @@
 <template>
     <div class="content">
         <dx-sidebar-old
+            lwc:if={useOldSidebar}
             class="is-sticky left-nav-bar"
             trees={sidebarContent}
             value={sidebarValue}
@@ -16,6 +17,16 @@
         >
             <slot name="sidebar-header" slot="version-picker"></slot>
         </dx-sidebar-old>
+        <dx-sidebar
+            lwc:else
+            class="is-sticky left-nav-bar"
+            trees={sidebarContent}
+            value={sidebarValue}
+            header={sidebarHeader}
+            ontogglesidebar={onToggleSidebar}
+        >
+            <slot name="sidebar-header" slot="version-picker"></slot>
+        </dx-sidebar>
         <div class="content-body-doc-phase-container">
             <div class="doc-phase-wrapper">
                 <slot name="doc-phase"></slot>

package/src/modules/doc/nav/nav.html

@@ -6,7 +6,6 @@
                 trees={toc}
                 onselect={handleSelected}
                 value={selectedNavigationItem}
-                enable-data-cloud-search={enableDataCloudSearch}
             ></dx-sidebar>
         </template>
     </div>

package/src/modules/doc/nav/nav.ts

@@ -19,7 +19,6 @@ export default class Nav extends LightningElement {
     @api pdfUrl!: PdfUrl;
     @api toc!: DocToc;
     @api pageReference!: PageReference;
-    @api enableDataCloudSearch: boolean | string = false;
 
     handleSelected(event: CustomEvent) {
         event.stopPropagation();

package/src/modules/doc/redocReference/redocReference.ts

@@ -291,11 +291,7 @@ export default class RedocReference extends LightningElement {
                 this.insertDocPhase(apiContentDiv, docPhaseInfo);
             }
 
-            if (typeof Sprig !== "undefined") {
-                this.insertSprigSurvey(apiContentDiv);
-            }
-
-            this.insertFooter(apiContentDiv);
+            this.appendFooterItems(apiContentDiv);
 
             // Wait for footer to be rendered before updating styles
             requestAnimationFrame(() => {
@@ -358,6 +354,16 @@ export default class RedocReference extends LightningElement {
         wrapper.appendChild(feedbackElement);
     }
 
+    private appendFooterItems(parent: HTMLElement): void {
+        const container = document.createElement("div");
+        container.className = "appended-footer-container";
+        if (typeof Sprig !== "undefined") {
+            this.insertSprigSurvey(container);
+        }
+        this.insertFooter(container);
+        parent.appendChild(container);
+    }
+
     // Adjusts third column bottom position to prevent footer overlap
     private updateRedocThirdColumnStyle(redocContainer: HTMLElement): void {
         const footer = redocContainer.querySelector(

package/src/modules/docHelpers/contentLayoutStyle/contentLayoutStyle.css

@@ -125,7 +125,7 @@ dx-toc {
     max-width: 1000px;
     flex: 1;
     width: 0;
-    word-break: break-word;
+    overflow-wrap: break-word;
 }
 
 .is-sticky {