@salesforcedevs/docs-components 0.56.2-comp-flex-ref-2 → 0.56.2-seo-test3

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@salesforcedevs/docs-components",
-    "version": "0.56.2-comp-flex-ref-2",
+    "version": "0.56.2-seo-test3",
     "description": "Docs Lightning web components for DSC",
     "license": "MIT",
     "main": "index.js",

package/src/modules/doc/amfReference/amfReference.ts

@@ -37,6 +37,7 @@ export default class AmfReference extends LightningElement {
     @api tocOptions?: string;
     @track navigation = [];
     @track versions: Array<ReferenceVersion> = [];
+    @api expandChildren?: boolean = false;
 
     // Update this to update what component gets rendered in the content block
     @track
@@ -377,7 +378,9 @@ export default class AmfReference extends LightningElement {
             navAmfOrder[index] = {
                 label: amfConfig.title,
                 name: amfConfig.href,
-                isExpanded: amfConfig.isSelected,
+                isExpanded:
+                    amfConfig.isSelected ||
+                    this.isExpandChildrenEnabled(amfConfig.id),
                 children: navItemChildren,
                 isChildrenLoading
             };
@@ -386,6 +389,13 @@ export default class AmfReference extends LightningElement {
         this.navigation = navAmfOrder;
     }
 
+    /**
+     * Returns a boolean indicating whether the children should be expanded or not.
+     */
+    private isExpandChildrenEnabled(referenceId: string): boolean {
+        return this.expandChildren && this._currentReferenceId === referenceId;
+    }
+
     /**
      * Stores fetched AMF JSON value.
      * Creates and stores a new AmfModelParser instance for the AMF spec.
@@ -477,6 +487,7 @@ export default class AmfReference extends LightningElement {
         const model = this.amfMap[referenceId].parser.parsedModel;
 
         const children = [];
+        const expandChildren = this.isExpandChildrenEnabled(referenceId);
 
         NAVIGATION_ITEMS.forEach(
             ({ label, name, childrenPropertyName, type }) => {
@@ -519,7 +530,7 @@ export default class AmfReference extends LightningElement {
                                     parentReferencePath,
                                     this.metadata[amfTopicId]?.meta
                                 ),
-                                isExpanded: false,
+                                isExpanded: expandChildren,
                                 children: childTopics
                             });
                         }
@@ -554,7 +565,7 @@ export default class AmfReference extends LightningElement {
                                     parentReferencePath,
                                     this.metadata[amfTopicId]?.meta
                                 ),
-                                isExpanded: false,
+                                isExpanded: expandChildren,
                                 children: model[childrenPropertyName].map(
                                     (topic) => {
                                         const meta = this.addToMetadata(
@@ -1138,7 +1149,8 @@ export default class AmfReference extends LightningElement {
         const name = event.detail.name;
         if (name) {
             const urlReferenceId = this.getReferenceIdFromUrl(name);
-            const specBasedReference = this.isSpecBasedReference(urlReferenceId);
+            const specBasedReference =
+                this.isSpecBasedReference(urlReferenceId);
             if (specBasedReference) {
                 const metaVal = this.getMetaFromUrl(name);
                 const currentSelectedMeta = this.selectedTopic