@salesforcedevs/docs-components 1.3.227-newdocux-alpha3 → 1.3.227-newdocux-alpha-m2

package/package.json

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

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

@@ -42,10 +42,7 @@
                 latest-version={latestVersion}
             ></doc-version-picker>
         </div>
-        <template if:false={showSpecBasedReference}>
-            <slot></slot>
-        </template>
-        <template if:true={showSpecBasedReference}>
+        <template lwc:if={showSpecBasedReference}>
             <div class="container">
                 <div class="api-documentation">
                     <doc-amf-topic
@@ -55,5 +52,8 @@
                 </div>
             </div>
         </template>
+        <template lwc:else>
+            <slot></slot>
+        </template>
     </doc-content-layout>
 </template>

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

@@ -1,6 +1,6 @@
 <template>
     <div class="content">
-        <template if:true={useOldSidebar}>
+        <template lwc:if={useOldSidebar}>
             <dx-sidebar-old
                 class="is-sticky left-nav-bar"
                 trees={sidebarContent}
@@ -15,7 +15,7 @@
                 <slot name="sidebar-header" slot="version-picker"></slot>
             </dx-sidebar-old>
         </template>
-        <template if:false={useOldSidebar}>
+        <template lwc:else>
             <dx-sidebar
                 class="is-sticky left-nav-bar"
                 trees={sidebarContent}

package/src/modules/doc/header/header.html

@@ -1,5 +1,5 @@
 <template>
-    <template if:true={shouldRender}>
+    <template lwc:if={shouldRender}>
         <dx-brand-theme-provider brand={brand}>
             <header class={className}>
                 <dx-banner
@@ -40,7 +40,7 @@
             </header>
         </dx-brand-theme-provider>
     </template>
-    <template if:true={showDocDivider}>
+    <template lwc:if={showDocDivider}>
         <div class="no-header-content"></div>
     </template>
 </template>

package/src/modules/doc/versionPicker/versionPicker.html

@@ -16,7 +16,7 @@
                     <p class="selected-version-label">
                         {selectedVersion.label}
                     </p>
-                    <template if:false={hideBadge}>
+                    <template lwc:if={hideBadge}>
                         <dx-type-badge
                             class="latest-badge"
                             if:true={latestVersion}

package/src/modules/doc/versionPicker/versionPicker.ts

@@ -44,7 +44,7 @@ export default class VersionPicker extends LightningElement {
 
     @api
     get hideBadge() {
-        return this._hideBadge;
+        return !this._hideBadge;
     }
 
     set hideBadge(value) {

package/src/modules/doc/xmlContent/xmlContent.html

@@ -1,6 +1,7 @@
 <template>
     <doc-content-layout
         if:true={loaded}
+        lwc:ref="docContentLayout"
         coveo-organization-id={coveoOrganizationId}
         coveo-public-access-token={coveoPublicAccessToken}
         coveo-analytics-token={coveoAnalyticsToken}

package/src/modules/doc/xmlContent/xmlContent.ts

@@ -578,9 +578,7 @@ export default class DocXmlContent extends LightningElementWithState<{
     }
 
     private updateSearchInput(searchParam: string): void {
-        (
-            this.template.querySelector("doc-content-layout") as any
-        )?.setSidebarInputValue(searchParam);
+        (this.refs.docContentLayout as any)?.setSidebarInputValue(searchParam);
     }
 
     private pageReferenceToString(reference: PageReference): string {