@salesforcedevs/docs-components 1.3.49-heading-styles5 → 1.3.49-mulesoft-lwc-2

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@salesforcedevs/docs-components",
-    "version": "1.3.49-heading-styles5",
+    "version": "1.3.49-mulesoft-lwc-2",
     "description": "Docs Lightning web components for DSC",
     "license": "MIT",
     "main": "index.js",

package/src/modules/doc/amfReference/amfReference.html

@@ -36,9 +36,14 @@
             <slot></slot>
         </template>
         <template if:true={showSpecBasedReference}>
-            <div class="container">
+            <div class="container" if:true={topicModel}>
                 <div class="api-documentation">
-                    <doc-amf-topic model={topicModel}></doc-amf-topic>
+                    <arc-api-documentation
+                        amf={topicModel.amf}
+                        selected={topicModel.id}
+                        selected-type={topicModel.type}
+                        no-try-it
+                    ></arc-api-documentation>
                 </div>
             </div>
         </template>

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

@@ -175,7 +175,7 @@ export default class AmfReference extends LightningElement {
 
     connectedCallback(): void {
         this.addEventListener(
-            "api-navigation-selection-changed",
+            "api_navigation_selection_changed",
             this._boundOnApiNavigationChanged
         );
         window.addEventListener(

package/src/modules/doc/amfTopic/amfTopic.ts

@@ -1,12 +1,4 @@
 import { LightningElement, api } from "lwc";
-import {
-    createDocumentationElement,
-    createEndpointElement,
-    createMethodElement,
-    createSecurityElement,
-    createSummaryElement,
-    createTypeElement
-} from "./utils";
 import type { TopicModel } from "./types";
 
 export default class AmfTopic extends LightningElement {
@@ -43,43 +35,21 @@ export default class AmfTopic extends LightningElement {
     update(): void {
         const container = this.template.querySelector("div.topic-container");
         const { id } = this.model;
-        const type = this.type;
-        const amf = this.amf;
-        const { parser } = this.model;
-        let element;
 
-        if (type === "summary") {
-            element = createSummaryElement(amf);
-        } else if (type === "endpoint") {
-            const endpointModel = parser.computeEndpointApiModel(amf, id);
-            element = createEndpointElement(amf, endpointModel, id);
-        } else if (type === "method") {
-            const endpointMethodModel = parser.computeEndpointApiMethodModel(
-                amf,
-                id
-            );
-            const methodModel = parser.computeMethodApiModel(amf, id);
-            element = createMethodElement(
-                amf,
-                endpointMethodModel,
-                methodModel
-            );
-        } else if (type === "security") {
-            const securityModel = parser.computeSecurityApiModel(amf, id);
-            element = createSecurityElement(amf, securityModel);
-        } else if (type === "type") {
-            const mediaTypes = parser.computeApiMediaTypes(amf);
-            const typeModel = parser.computeTypeApiModel(amf, id);
-            element = createTypeElement(amf, typeModel, mediaTypes);
-        } else if (type === "documentation") {
-            const docsModel = parser.computeDocsApiModel(amf, id);
-            element = createDocumentationElement(amf, docsModel);
-        }
+        const element: any = document.createElement("arc-api-documentation");
+        element.amf = this.amf;
+        element.selected = id;
+        element.selectedType = this.type;
+        element.noTryIt = true;
+        element.inlineMethods = false;
+        element.noNavigation = true;
 
-        if (container.firstChild) {
-            container.firstChild.remove();
+        if (container) {
+            if (container.firstChild) {
+                container.firstChild.remove();
+            }
+            container.appendChild(element);
         }
-        container.appendChild(element);
     }
 }
 

package/src/modules/doc/content/content.css

@@ -78,8 +78,7 @@ h1 {
 }
 
 h2 {
-    /* Could not find 32px in typography.css, But P.O wants 32px as per design */
-    font-size: 32px;
+    font-size: var(--dx-g-text-2xl);
     letter-spacing: -0.6px;
     line-height: var(--dx-g-spacing-2xl);
     margin: var(--dx-g-spacing-2xl) 0 var(--dx-g-spacing-md) 0;

package/src/modules/doc/heading/heading.css

@@ -21,15 +21,14 @@ h6 {
 }
 
 .display-4 {
-    /* Could not find 32px in typography.css, But P.O wants 32px as per design */
-    font-size: 32px;
+    font-size: var(--dx-g-text-2xl);
     letter-spacing: -0.6px;
     line-height: var(--dx-g-spacing-2xl);
     margin: var(--dx-g-spacing-2xl) 0 var(--dx-g-spacing-md) 0;
 }
 
 .display-4 doc-heading-content {
-    --doc-c-heading-anchor-button-bottom: 4.5px;
+    --doc-c-heading-anchor-button-bottom: 3px;
 }
 
 .display-5 {