@vaadin/board 23.1.0-alpha1 → 23.1.0-alpha4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vaadin/board",
-  "version": "23.1.0-alpha1",
+  "version": "23.1.0-alpha4",
   "publishConfig": {
     "access": "public"
   },
@@ -37,13 +37,13 @@
   ],
   "dependencies": {
     "@polymer/polymer": "^3.0.0",
-    "@vaadin/component-base": "23.1.0-alpha1",
+    "@vaadin/component-base": "23.1.0-alpha4",
     "@vaadin/vaadin-license-checker": "^2.1.0"
   },
   "devDependencies": {
     "@esm-bundle/chai": "^4.3.4",
     "@vaadin/testing-helpers": "^0.3.2",
-    "sinon": "^9.2.1"
+    "sinon": "^13.0.2"
   },
-  "gitHead": "5d0cdee069f866037c507265fafb4d0476795333"
+  "gitHead": "aacdb7fe09811894751f0378ff7fb66071892c71"
 }

package/src/vaadin-board-row.js

@@ -12,7 +12,7 @@ import { ResizeMixin } from '@vaadin/component-base/src/resize-mixin.js';
 const CLASSES = {
   SMALL: 'small',
   MEDIUM: 'medium',
-  LARGE: 'large'
+  LARGE: 'large',
 };
 
 /**
@@ -131,18 +131,18 @@ class BoardRow extends ResizeMixin(ElementMixin(PolymerElement)) {
   _calculateFlexBasis(colSpan, width, colsInRow, breakpoints) {
     if (width < breakpoints.smallSize) {
       colsInRow = 1;
-    } else if (width < breakpoints.mediumSize && colsInRow == 4) {
+    } else if (width < breakpoints.mediumSize && colsInRow === 4) {
       colsInRow = 2;
     }
     let flexBasis = (colSpan / colsInRow) * 100;
     flexBasis = flexBasis > 100 ? 100 : flexBasis;
-    return flexBasis + '%';
+    return `${flexBasis}%`;
   }
 
   /** @private */
   _reportError() {
     const errorMessage = 'The column configuration is not valid; column count should add up to 3 or 4.';
-    console.warn(errorMessage, 'check: \r\n' + this.outerHTML);
+    console.warn(errorMessage, `check: \r\n${this.outerHTML}`);
   }
 
   /**
@@ -231,9 +231,9 @@ class BoardRow extends ResizeMixin(ElementMixin(PolymerElement)) {
     const breakpoints = this._measureBreakpointsInPx();
     if (
       forceResize ||
-      width != this._oldWidth ||
-      breakpoints.smallSize != this._oldBreakpoints.smallSize ||
-      breakpoints.mediumSize != this._oldBreakpoints.mediumSize
+      width !== this._oldWidth ||
+      breakpoints.smallSize !== this._oldBreakpoints.smallSize ||
+      breakpoints.mediumSize !== this._oldBreakpoints.mediumSize
     ) {
       const nodes = this.$.insertionPoint.assignedNodes({ flatten: true });
       const isElementNode = (node) => {
@@ -245,7 +245,7 @@ class BoardRow extends ResizeMixin(ElementMixin(PolymerElement)) {
       const colsInRow = boardCols.reduce((a, b) => a + b, 0);
       this._removeExtraNodesFromDOM(boardCols, filteredNodes).forEach((e, i) => {
         const newFlexBasis = this._calculateFlexBasis(boardCols[i], width, colsInRow, breakpoints);
-        if (forceResize || !this._oldFlexBasis[i] || this._oldFlexBasis[i] != newFlexBasis) {
+        if (forceResize || !this._oldFlexBasis[i] || this._oldFlexBasis[i] !== newFlexBasis) {
           this._oldFlexBasis[i] = newFlexBasis;
           e.style.flexBasis = newFlexBasis;
         }