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

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@salesforcedevs/docs-components",
-    "version": "0.56.2-comp-flex-ref-2",
+    "version": "0.56.2-seo-test1",
     "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?: string = null;
 
     // Update this to update what component gets rendered in the content block
     @track
@@ -371,13 +372,18 @@ export default class AmfReference extends LightningElement {
                 }
                 isChildrenLoading = true;
             } else {
+                if (this.isExpandChildrenEnabled(amfConfig.id)) {
+                    this.expandChildTopics(amfConfig.topic);
+                }
                 navItemChildren = amfConfig.topic.children;
             }
             // store nav items for each spec in order
             navAmfOrder[index] = {
                 label: amfConfig.title,
                 name: amfConfig.href,
-                isExpanded: amfConfig.isSelected,
+                isExpanded:
+                    amfConfig.isSelected ||
+                    this.isExpandChildrenEnabled(amfConfig.id),
                 children: navItemChildren,
                 isChildrenLoading
             };
@@ -386,6 +392,20 @@ export default class AmfReference extends LightningElement {
         this.navigation = navAmfOrder;
     }
 
+    /**
+     * Expands each topic recursively.
+     */
+    private expandChildTopics(topic: any): void {
+        console.log("empty", topic);
+    }
+
+    /**
+     * 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 +497,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 +540,7 @@ export default class AmfReference extends LightningElement {
                                     parentReferencePath,
                                     this.metadata[amfTopicId]?.meta
                                 ),
-                                isExpanded: false,
+                                isExpanded: expandChildren,
                                 children: childTopics
                             });
                         }
@@ -554,7 +575,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 +1159,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