@salesforcedevs/docs-components 1.3.300-alpha.2 → 1.3.300-alpha.3

package/package.json

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

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

@@ -343,8 +343,10 @@ export default class ContentLayout extends LightningElement {
                 );
 
             for (const headingElement of headingElements as any) {
-                // Sometimes elements hash is not being set when slot content is wrapped with div
+                // Sometimes elements hash and header is not being set when slot content is wrapped with div
                 headingElement.hash = headingElement.attributes.hash?.nodeValue;
+                headingElement.header =
+                    headingElement.attributes.header?.nodeValue;
             }
 
             const tocOptions = [];

package/src/modules/doc/heading/heading.ts

@@ -13,16 +13,9 @@ export const displayLevels = Object.values(ariaDisplayLevels);
 
 // @ts-ignore: Really Dark Magic (TM) to do with ariaLevel needing explicit getter/setters
 export default class Heading extends LightningElement {
+    @api header: string = "";
     @api hash: string | null = null;
 
-    @api
-    get header(): string {
-        return this._header;
-    }
-    set header(value: string) {
-        this._header = value;
-    }
-
     @api
     private get ariaLevel(): string {
         // Really Dark Magic (TM)
@@ -52,7 +45,6 @@ export default class Heading extends LightningElement {
         }
     }
 
-    private _header: string = "";
     private _ariaLevel: string | null = null;
     private _displayLevel: string | null = null;