@salesforcedevs/docs-components 1.27.22-banner0 → 1.27.22-banner01

package/lwc.config.json

@@ -6,7 +6,6 @@
     ],
     "expose": [
         "doc/amfReference",
-        "doc/banner",
         "doc/breadcrumbs",
         "doc/componentPlayground",
         "doc/content",

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@salesforcedevs/docs-components",
-    "version": "1.27.22-banner0",
+    "version": "1.27.22-banner01",
     "description": "Docs Lightning web components for DSC",
     "license": "MIT",
     "main": "index.js",
@@ -25,5 +25,5 @@
         "@types/lodash.orderby": "4.6.9",
         "@types/lodash.uniqby": "4.7.9"
     },
-    "gitHead": "db852f017ed4190096869aa447266cb9f3d89b38"
+    "gitHead": "9302d6aa4fcebf9c496cf28688fd76e3392c31a7"
 }

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

@@ -280,9 +280,6 @@ export default class ContentLayout extends LightningElement {
             ".sticky-doc-header"
         ) as HTMLElement;
 
-        const localeBannerWrapper = this.template.querySelector(
-            ".locale-notification-wrapper"
-        ) as HTMLElement;
         const docPhaseWrapper = this.template.querySelector(
             ".doc-phase-wrapper"
         ) as HTMLElement;
@@ -290,12 +287,6 @@ export default class ContentLayout extends LightningElement {
             ".version-wrapper"
         ) as HTMLElement;
 
-        const localeBannerSlot = localeBannerWrapper?.querySelector(
-            "[name=locale-banner]"
-        ) as HTMLSlotElement | null;
-        const localeBannerEl = localeBannerSlot?.assignedElements?.()[0] as
-            | HTMLElement
-            | undefined;
         const docPhaseEl = (
             docPhaseWrapper.querySelector("[name=doc-phase]")! as any
         ).assignedElements()[0] as HTMLSlotElement;
@@ -318,12 +309,6 @@ export default class ContentLayout extends LightningElement {
             const docHeaderHeight = docHeaderEl.getBoundingClientRect().height;
             const totalHeaderHeight = globalNavHeight + docHeaderHeight;
 
-            const localeBannerHeight = localeBannerEl?.offsetHeight ?? 0;
-            const docPhaseElHeight =
-                (docPhaseEl?.getBoundingClientRect?.()?.height ?? 0) +
-                (verBannerEl?.getBoundingClientRect?.()?.height ?? 0);
-            const totalBannerHeight = localeBannerHeight + docPhaseElHeight;
-
             // Selecting the doc section heading and RNB here.
             const docHeadingEls = Array.from(
                 document.querySelectorAll("doc-heading")
@@ -340,10 +325,15 @@ export default class ContentLayout extends LightningElement {
                 `${globalNavHeight}px`
             );
 
+            const docPhaseElHeight =
+                docPhaseEl || verBannerEl
+                    ? (docPhaseEl || verBannerEl).getBoundingClientRect().height
+                    : 0;
+
             // Adjusting the doc section heading on scroll.
             docHeadingEls.forEach((docHeadingEl) => {
                 (docHeadingEl as any).style.scrollMarginTop = `${
-                    totalHeaderHeight + totalBannerHeight + 40
+                    totalHeaderHeight + docPhaseElHeight + 40
                 }px`;
             });
 
@@ -353,10 +343,10 @@ export default class ContentLayout extends LightningElement {
                 const viewportHeight = window.innerHeight;
                 const maxHeight =
                     viewportHeight -
-                    (totalBannerHeight + totalHeaderHeight + 24); //added some margin of dx-toc
+                    (docPhaseElHeight + totalHeaderHeight + 24); //added some margin of dx-toc
 
                 rightNavBarEl.style.top = `${
-                    totalHeaderHeight + totalBannerHeight
+                    totalHeaderHeight + docPhaseElHeight
                 }px`;
 
                 const toc = rightNavBarEl.querySelector("dx-toc");
@@ -534,22 +524,13 @@ export default class ContentLayout extends LightningElement {
                 globalNavEl?.offsetHeight +
                 contextNavEl?.offsetHeight;
 
-            const localeBannerWrapper = this.template.querySelector(
-                ".locale-notification-wrapper"
-            ) as HTMLElement;
-            const localeBannerSlot = localeBannerWrapper?.querySelector(
-                "[name=locale-banner]"
-            ) as HTMLSlotElement | null;
-            const localeBannerEl = localeBannerSlot?.assignedElements?.()[0] as
-                | HTMLElement
-                | undefined;
             const docPhaseEl = (
                 this.template.querySelector("[name=doc-phase]")! as any
             ).assignedElements()[0] as HTMLSlotElement;
 
-            const localeBannerHeight = localeBannerEl?.offsetHeight ?? 0;
-            const docPhaseHeight = docPhaseEl?.offsetHeight ?? 0;
-            const offset = headerHeight + localeBannerHeight + docPhaseHeight;
+            const offset = docPhaseEl
+                ? headerHeight + docPhaseEl.offsetHeight
+                : headerHeight;
 
             for (const headingElement of headingElements as any) {
                 if (headingElement.getAttribute("id") === hash) {