@salesforcedevs/dx-components 1.3.91-version-picker-alpha → 1.3.91

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@salesforcedevs/dx-components",
-    "version": "1.3.91-version-picker-alpha",
+    "version": "1.3.91",
     "description": "DX Lightning web components",
     "license": "MIT",
     "engines": {

package/src/modules/dx/cardNews/cardNews.html

@@ -8,7 +8,7 @@
         part="container"
     >
         <div class={textContainerClassName}>
-            <h3 class="dx-text-display-4">{title}</h3>
+            <h3 class="dx-text-display-4" lwc:dom="manual"></h3>
             <p>{body}</p>
             <div class="cta">
                 <dx-button if:true={hasLargeButton} size="large">

package/src/modules/dx/cardNews/cardNews.ts

@@ -13,6 +13,7 @@ import { track } from "dxUtils/analytics";
 
 export default class CardNews extends LightningElement {
     @api backgroundColor?: string = "indigo-vibrant-40";
+    @api title!: string;
     @api body!: string;
     @api buttonText?: string = "";
     @api buttonType!: CardNewsButtonType;
@@ -26,9 +27,12 @@ export default class CardNews extends LightningElement {
     @api imgPlacement?: CardNewsImagePlacement = "top";
     @api imgVerticalAlign?: CardNewsImageVerticalAlignment | null = null;
     @api target?: string | null = null;
-    @api title!: string;
     @api textContainerWidth?: CardNewsTextContainerSize = "small";
 
+    renderedCallback() {
+        this.template.querySelector("h3").innerHTML = this.title;
+    }
+
     private get style(): string {
         const background = `background-color: ${toDxColor(
             this.backgroundColor

package/src/modules/dx/scrollManager/scrollManager.ts

@@ -17,8 +17,10 @@ export const restoreScroll = () => {
     if (scrollUnlocked) {
         return;
     }
-    document.body.scrollTop = document.documentElement.scrollTop =
-        window.history.state?.scroll?.value;
+    const value = window.history.state?.scroll?.value;
+    if (value) {
+        document.body.scrollTop = document.documentElement.scrollTop = value;
+    }
 };
 
 export default class ScrollManager extends LightningElement {

package/src/modules/dx/sidebar/sidebar.html

@@ -32,10 +32,6 @@
                 <h2 class="dx-text-display-6 header-title">{header}</h2>
                 <slot name="header"></slot>
             </div>
-            <div class="mobile-header" if:true={mobile}>
-                <h2 class="dx-text-display-6">{header}</h2>
-                <slot name="header"></slot>
-            </div>
             <div class="search">
                 <dx-sidebar-search
                     onchange={onSearchChange}

package/src/modules/dx/sidebarOld/sidebarOld.html

@@ -34,10 +34,6 @@
                     <h2 class="dx-text-display-6 header-title">{header}</h2>
                     <slot name="header"></slot>
                 </div>
-                <div class="mobile-header" if:true={mobile}>
-                    <h2 class="dx-text-display-6">{header}</h2>
-                    <slot name="header"></slot>
-                </div>
                 <div class="search">
                     <dx-input
                         class="search-box"

package/src/modules/dxHelpers/commonSidebar/commonSidebar.css

@@ -24,13 +24,6 @@ dx-tree:not(:last-child) {
     margin-bottom: 12px;
 }
 
-.mobile-header {
-    box-sizing: content-box;
-    display: flex;
-    line-height: var(--dx-g-spacing-xl);
-    margin-bottom: 12px;
-}
-
 .padding-horizontal {
     padding-left: var(--dx-g-spacing-md);
     padding-right: var(--dx-g-spacing-md);
@@ -114,10 +107,6 @@ dx-tree:not(:last-child) {
     background-color: #dddbda;
 }
 
-.container.container-mobile:not(.collapsed) .mobile-header {
-    background-color: #F3F3F3;
-}
-
 .container.container-mobile .header-title {
     color: var(--dx-g-gray-10);
     font-family: var(--dx-g-font-sans);