@salesforcedevs/docs-components 1.28.5-redoc-alpha2 → 1.28.5-redoc-alpha4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@salesforcedevs/docs-components",
-  "version": "1.28.5-redoc-alpha2",
+  "version": "1.28.5-redoc-alpha4",
   "description": "Docs Lightning web components for DSC",
   "license": "MIT",
   "main": "index.js",

package/src/modules/doc/header/header.html

@@ -13,7 +13,6 @@
                         onclick={onLinkClick}
                         class="dev-center-content"
                     >
-                        <dx-icon symbol="back"></dx-icon>
                         <dx-icon
                             class="brand-icon"
                             lwc:if={devCenter.icon}

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

@@ -84,18 +84,18 @@ export default class RedocReference extends LightningElement {
      * Project title (same value passed to `<doc-header>` as `subtitle`). Used
      * inside the Redoc-rendered UI to label the parent project.
      */
-    @api projectTitle: string | null = null;
+    @api projectTitle: string | null = "All Reference";
 
     private _specTitle: string | null = null;
 
     /** Title of the currently selected spec, shown beneath the project title. */
     @api
     get specTitle(): string | null {
-        return this._specTitle;
+        return this._specTitle || this.getSelectedReference()?.title || null;
     }
 
     set specTitle(value: string | null) {
-        this._specTitle = value || this.getSelectedReference()?.title || null;
+        this._specTitle = value || null;
     }
 
     /**
@@ -152,13 +152,7 @@ export default class RedocReference extends LightningElement {
     }
 
     private getRedocContainer(): HTMLElement | null {
-        // Prefer the slotted container in the consumer's light DOM so this
-        // component composes inside shadow trees; fall back to a global
-        // `.redoc-container` for legacy page-level integrations.
-        return (
-            this.querySelector<HTMLElement>(".redoc-container") ||
-            document.querySelector<HTMLElement>(".redoc-container")
-        );
+        return document.querySelector(".redoc-container");
     }
 
     private getSelectedReference(): ReferenceItem | null {
@@ -399,11 +393,7 @@ export default class RedocReference extends LightningElement {
         const wrapper = document.createElement("div");
         wrapper.className = "redoc-project-header";
 
-        /* TODO:
-         * Uncomment when doc-header is dropped with Vision state UX.
-         * if(this.projectTitle) {
-         */
-        if (this.specTitle) {
+        if (this.projectTitle) {
             const backLink = document.createElement("a");
             backLink.className = "redoc-project-back";
             backLink.href = "#";
@@ -419,20 +409,19 @@ export default class RedocReference extends LightningElement {
 
             const label = document.createElement("span");
             label.className = "redoc-project-title";
-            label.textContent = this.specTitle;
+            label.textContent = this.projectTitle;
 
             backLink.appendChild(icon);
             backLink.appendChild(label);
             wrapper.appendChild(backLink);
         }
 
-        // TODO: Uncomment when we we have vision state UX with no doc-header
-        // if (this.specTitle) {
-        //     const specEl = document.createElement("h2");
-        //     specEl.className = "redoc-spec-title";
-        //     specEl.textContent = this.specTitle;
-        //     wrapper.appendChild(specEl);
-        // }
+        if (this.specTitle) {
+            const specEl = document.createElement("h2");
+            specEl.className = "redoc-spec-title dx-text-display-7";
+            specEl.textContent = this.specTitle;
+            wrapper.appendChild(specEl);
+        }
 
         return wrapper;
     }