@salesforcedevs/docs-components 1.14.8-ldh-alpha → 1.14.8-ldh-alpha2

package/package.json

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

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

@@ -11,6 +11,8 @@
                 language={language}
                 bail-href={bailHref}
                 bail-label={bailLabel}
+                dev-center={devCenter}
+                brand={brand}
             >
                 <slot name="sidebar-header" slot="version-picker"></slot>
             </dx-sidebar-old>
@@ -30,6 +32,8 @@
                 language={language}
                 bail-href={bailHref}
                 bail-label={bailLabel}
+                dev-center={devCenter}
+                brand={brand}
             >
                 <slot name="sidebar-header" slot="version-picker"></slot>
             </dx-sidebar>

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

@@ -42,6 +42,8 @@ export default class ContentLayout extends LightningElement {
     @api language!: string;
     @api bailHref!: string;
     @api bailLabel!: string;
+    @api devCenter: any;
+    @api brand: any;
 
     // This is needed for now to prevent failing snapshot tests due to links in the footer
     @api showFooter = false;

package/src/modules/doc/header/header.ts

@@ -2,7 +2,7 @@ import { api } from "lwc";
 import cx from "classnames";
 import type { OptionWithNested } from "typings/custom";
 import { HeaderBase } from "dxBaseElements/headerBase";
-import { toJson } from "dxUtils/normalizers";
+import { toJson, normalizeBoolean } from "dxUtils/normalizers";
 
 const TABLET_MATCH = "980px";
 const MOBILE_MATCH = "768px";
@@ -17,7 +17,15 @@ const isStorybook = () => {
 export default class Header extends HeaderBase {
     @api langValuePath: string = "id"; // allows to override how language property is interpreted, follows valuePath dropdown api.
     @api headerHref: string = "/";
-    @api hideDocHeader: boolean = false;
+
+    @api
+    get hideDocHeader() {
+        return this._hideDocHeader;
+    }
+
+    set hideDocHeader(value) {
+        this._hideDocHeader = normalizeBoolean(value);
+    }
 
     @api
     get scopedNavItems() {
@@ -43,6 +51,7 @@ export default class Header extends HeaderBase {
     private shouldRender: boolean = false;
     private showDocDivider: boolean = false;
     private _devCenter: any;
+    private _hideDocHeader: boolean = false;
 
     protected mobileBreakpoint(): string {
         return MOBILE_MATCH;

package/src/modules/doc/lwcContentLayout/lwcContentLayout.ts

@@ -1,5 +1,3 @@
-/* eslint-disable @lwc/lwc/no-document-query */
-import { api } from "lwc";
 import ContentLayout from "doc/contentLayout";
 
 const TOC_HEADER_TAG = "doc-heading";
@@ -8,8 +6,6 @@ const SPECIFICATION_TAB_TITLE = "Specification";
 export const OBSERVER_ATTACH_WAIT_TIME = 500;
 
 export default class LwcContentLayout extends ContentLayout {
-    @api devCenter: any;
-    @api brand: any;
     private rnbByTab: boolean = false;
 
     private setRNBByTab() {