@vaadin/split-layout 23.1.0-alpha3 → 23.1.0-beta2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vaadin/split-layout",
-  "version": "23.1.0-alpha3",
+  "version": "23.1.0-beta2",
   "publishConfig": {
     "access": "public"
   },
@@ -34,15 +34,15 @@
   ],
   "dependencies": {
     "@polymer/polymer": "^3.0.0",
-    "@vaadin/component-base": "23.1.0-alpha3",
-    "@vaadin/vaadin-lumo-styles": "23.1.0-alpha3",
-    "@vaadin/vaadin-material-styles": "23.1.0-alpha3",
-    "@vaadin/vaadin-themable-mixin": "23.1.0-alpha3"
+    "@vaadin/component-base": "23.1.0-beta2",
+    "@vaadin/vaadin-lumo-styles": "23.1.0-beta2",
+    "@vaadin/vaadin-material-styles": "23.1.0-beta2",
+    "@vaadin/vaadin-themable-mixin": "23.1.0-beta2"
   },
   "devDependencies": {
     "@esm-bundle/chai": "^4.3.4",
     "@vaadin/testing-helpers": "^0.3.2",
     "sinon": "^13.0.2"
   },
-  "gitHead": "8c9e64e8dfa158dd52a9bf6da351ff038c88ca85"
+  "gitHead": "f11f9245a0b5e6bf912725a501c27c24b74e7c8d"
 }

package/src/vaadin-split-layout.d.ts

@@ -165,13 +165,13 @@ declare class SplitLayout extends ElementMixin(ThemableMixin(HTMLElement)) {
   addEventListener<K extends keyof SplitLayoutEventMap>(
     type: K,
     listener: (this: SplitLayout, ev: SplitLayoutEventMap[K]) => void,
-    options?: boolean | AddEventListenerOptions
+    options?: boolean | AddEventListenerOptions,
   ): void;
 
   removeEventListener<K extends keyof SplitLayoutEventMap>(
     type: K,
     listener: (this: SplitLayout, ev: SplitLayoutEventMap[K]) => void,
-    options?: boolean | EventListenerOptions
+    options?: boolean | EventListenerOptions,
   ): void;
 }
 

package/src/vaadin-split-layout.js

@@ -222,14 +222,14 @@ class SplitLayout extends ElementMixin(ThemableMixin(PolymerElement)) {
       orientation: {
         type: String,
         reflectToAttribute: true,
-        value: 'horizontal'
+        value: 'horizontal',
       },
 
       /** @private */
       _previousPrimaryPointerEvents: String,
 
       /** @private */
-      _previousSecondaryPointerEvents: String
+      _previousSecondaryPointerEvents: String,
     };
   }
 
@@ -260,7 +260,7 @@ class SplitLayout extends ElementMixin(ThemableMixin(PolymerElement)) {
       if (i === 0) {
         this._primaryChild = child;
         child.setAttribute('slot', 'primary');
-      } else if (i == 1) {
+      } else if (i === 1) {
         this._secondaryChild = child;
         child.setAttribute('slot', 'secondary');
       } else {
@@ -276,7 +276,7 @@ class SplitLayout extends ElementMixin(ThemableMixin(PolymerElement)) {
       // Pure zero does not play well in Safari
       flexBasis = 0.000001;
     }
-    element.style.flex = '1 1 ' + flexBasis + 'px';
+    element.style.flex = `1 1 ${flexBasis}px`;
   }
 
   /** @private */
@@ -307,18 +307,18 @@ class SplitLayout extends ElementMixin(ThemableMixin(PolymerElement)) {
       return;
     }
 
-    var size = this.orientation === 'vertical' ? 'height' : 'width';
+    const size = this.orientation === 'vertical' ? 'height' : 'width';
     if (event.detail.state === 'start') {
       this._startSize = {
         container: this.getBoundingClientRect()[size] - this.$.splitter.getBoundingClientRect()[size],
         primary: this._primaryChild.getBoundingClientRect()[size],
-        secondary: this._secondaryChild.getBoundingClientRect()[size]
+        secondary: this._secondaryChild.getBoundingClientRect()[size],
       };
 
       return;
     }
 
-    var distance = this.orientation === 'vertical' ? event.detail.dy : event.detail.dx;
+    const distance = this.orientation === 'vertical' ? event.detail.dy : event.detail.dx;
     const isRtl = this.orientation !== 'vertical' && this.getAttribute('dir') === 'rtl';
     const dirDistance = isRtl ? -distance : distance;
 
@@ -338,7 +338,7 @@ class SplitLayout extends ElementMixin(ThemableMixin(PolymerElement)) {
    */
   notifyResize() {
     console.warn(
-      `WARNING: Since Vaadin 23, notifyResize() is deprecated. The component uses a ResizeObserver internally and doesn't need to be explicitly notified of resizes.`
+      `WARNING: Since Vaadin 23, notifyResize() is deprecated. The component uses a ResizeObserver internally and doesn't need to be explicitly notified of resizes.`,
     );
   }
 

package/theme/lumo/vaadin-split-layout-styles.js

@@ -97,5 +97,5 @@ registerStyles(
       border-right: 1px solid var(--lumo-contrast-10pct);
     }
   `,
-  { moduleId: 'lumo-split-layout' }
+  { moduleId: 'lumo-split-layout' },
 );

package/theme/material/vaadin-split-layout-styles.js

@@ -28,5 +28,5 @@ registerStyles(
       transform: rotate(90deg);
     }
   `,
-  { moduleId: 'material-split-layout' }
+  { moduleId: 'material-split-layout' },
 );