scb-wc-test 0.1.310 → 0.1.312

package/scb-horizontal-scroller/scb-horizontal-scroller.js

@@ -35,6 +35,11 @@ let r = class extends w {
       !o && !e || (l.scrollLeft += t.deltaY, l.scrollLeft !== s && t.preventDefault());
     };
   }
+  getScrollStep() {
+    var l;
+    const t = this.scrollerEl || ((l = this.shadowRoot) == null ? void 0 : l.querySelector(".scb-horizontal-scroller"));
+    return t ? Math.max(Math.round(t.clientWidth * 0.8), 120) : 200;
+  }
   doScrollBy(t) {
     var s;
     const l = (s = this.shadowRoot) == null ? void 0 : s.querySelector(".scb-horizontal-scroller");
@@ -115,7 +120,7 @@ let r = class extends w {
                           label="${this.leftScrollButtonLabel}"
                           aria-label="Scrolla vänster"
                           icon="chevron_left"
-                          @click="${() => this.doScrollBy(-100)}"
+                          @click="${() => this.doScrollBy(-this.getScrollStep())}"
                         ></scb-button>
                       ` : ""}
 
@@ -127,7 +132,7 @@ let r = class extends w {
                           aria-label="Scrolla höger"
                           icon="chevron_right"
                           trailing-icon
-                          @click="${() => this.doScrollBy(100)}"
+                          @click="${() => this.doScrollBy(this.getScrollStep())}"
                         ></scb-button>
                       ` : ""}
                 </div>
@@ -141,7 +146,7 @@ let r = class extends w {
                   icon="chevron_left"
                   aria-label="Scrolla vänster"
                   variant="filled-tonal"
-                  @click="${() => this.doScrollBy(-100)}"
+                  @click="${() => this.doScrollBy(-this.getScrollStep())}"
                 ></scb-icon-button>
               ` : ""}
           <div class="scroll-shadow-left"></div>
@@ -156,7 +161,7 @@ let r = class extends w {
                   icon="chevron_right"
                   aria-label="Scrolla höger"
                   variant="filled-tonal"
-                  @click="${() => this.doScrollBy(100)}"
+                  @click="${() => this.doScrollBy(this.getScrollStep())}"
                 ></scb-icon-button>
               ` : ""}
         `;

package/scb-viz/scb-viz.d.ts

@@ -92,6 +92,7 @@ export declare class ScbViz extends LitElement {
     private _inferTableAlignments;
     private _getResolvedContentMaxWidth;
     private _getResolvedDiagramHeight;
+    private _getResolvedDiagramScrollerWidth;
     private _getResolvedToggleHeightMode;
     private _getResolvedStandardContentHeight;
     private _getResolvedTableData;
@@ -108,6 +109,7 @@ export declare class ScbViz extends LitElement {
     private _formatLocalizedNumber;
     private _formatValueForDisplay;
     private _isCategoryAxis;
+    private _getTooltipXAxisLabel;
     private _applyTimeFormatToLiveChart;
     private _applyValueFormatToLiveChart;
     private _applyYAxisSettingsToLiveChart;