@ni/nimble-components 16.1.6 → 16.1.8

package/dist/all-components-bundle.js

@@ -22014,6 +22014,7 @@
         --ni-private-active-indicator-width: 2px;
         --ni-private-focus-indicator-width: 1px;
         --ni-private-indicator-lines-gap: 1px;
+        --ni-private-focus-indicator-inset-width: 3px;
     }
 
     :host(:hover) {
@@ -22069,7 +22070,7 @@
     }
 
     :host(${focusVisible})::before {
-        width: 100%;
+        width: calc(100% - 2 * var(--ni-private-focus-indicator-inset-width));
     }
 
     :host::after {
@@ -28105,19 +28106,24 @@ Instead styling against the role which is more general and likely a better appro
             };
         }
         calculateMapDimensions(dies) {
-            if (dies.length === 0 || dies[0] === undefined)
+            if (dies.length === 0 || dies[0] === undefined) {
                 return { origin: { x: 0, y: 0 }, rows: 0, cols: 0 };
+            }
             const minPoint = { x: dies[0].x, y: dies[0].y };
             const maxPoint = { x: dies[0].x, y: dies[0].y };
             for (const die of dies) {
-                if (die.x < minPoint.x)
+                if (die.x < minPoint.x) {
                     minPoint.x = die.x;
-                if (die.y < minPoint.y)
+                }
+                if (die.y < minPoint.y) {
                     minPoint.y = die.y;
-                if (die.x > maxPoint.x)
+                }
+                if (die.x > maxPoint.x) {
                     maxPoint.x = die.x;
-                if (die.y > maxPoint.y)
+                }
+                if (die.y > maxPoint.y) {
                     maxPoint.y = die.y;
+                }
             }
             return {
                 origin: minPoint,
@@ -29453,8 +29459,9 @@ Instead styling against the role which is more general and likely a better appro
             super.connectedCallback();
             this.resizeObserver = new ResizeObserver(entries => {
                 const entry = entries[0];
-                if (entry === undefined)
+                if (entry === undefined) {
                     return;
+                }
                 const { height, width } = entry.contentRect;
                 this.canvasSideLength = Math.min(height, width);
             });
@@ -29470,8 +29477,10 @@ Instead styling against the role which is more general and likely a better appro
          */
         render() {
             this.renderQueued = false;
-            if (this.canvasSideLength === undefined || this.canvasSideLength === 0)
+            if (this.canvasSideLength === undefined
+                || this.canvasSideLength === 0) {
                 return;
+            }
             this.renderer?.clearCanvas(this.canvasSideLength, this.canvasSideLength);
             this.dataManager = new DataManager(this.dies, this.quadrant, { width: this.canvasSideLength, height: this.canvasSideLength }, this.colorScale, this.highlightedValues, this.colorScaleMode, this.dieLabelsHidden, this.dieLabelsSuffix, this.maxCharacters);
             this.renderer = new RenderingModule(this.dataManager, this.canvas);