@vaadin/tabs 23.1.0-alpha3 → 23.1.0-beta2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vaadin/tabs",
-  "version": "23.1.0-alpha3",
+  "version": "23.1.0-beta2",
   "publishConfig": {
     "access": "public"
   },
@@ -34,17 +34,17 @@
   ],
   "dependencies": {
     "@polymer/polymer": "^3.0.0",
-    "@vaadin/component-base": "23.1.0-alpha3",
-    "@vaadin/item": "23.1.0-alpha3",
-    "@vaadin/vaadin-list-mixin": "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/item": "23.1.0-beta2",
+    "@vaadin/vaadin-list-mixin": "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-tabs.d.ts

@@ -76,13 +76,13 @@ declare class Tabs extends ResizeMixin(ElementMixin(ListMixin(ThemableMixin(HTML
   addEventListener<K extends keyof TabsEventMap>(
     type: K,
     listener: (this: Tabs, ev: TabsEventMap[K]) => void,
-    options?: boolean | AddEventListenerOptions
+    options?: boolean | AddEventListenerOptions,
   ): void;
 
   removeEventListener<K extends keyof TabsEventMap>(
     type: K,
     listener: (this: Tabs, ev: TabsEventMap[K]) => void,
-    options?: boolean | EventListenerOptions
+    options?: boolean | EventListenerOptions,
   ): void;
 }
 

package/src/vaadin-tabs.js

@@ -153,7 +153,7 @@ class Tabs extends ResizeMixin(ElementMixin(ListMixin(ThemableMixin(PolymerEleme
        */
       orientation: {
         value: 'horizontal',
-        type: String
+        type: String,
       },
 
       /**
@@ -161,8 +161,8 @@ class Tabs extends ResizeMixin(ElementMixin(ListMixin(ThemableMixin(PolymerEleme
        */
       selected: {
         value: 0,
-        type: Number
-      }
+        type: Number,
+      },
     };
   }
 
@@ -251,13 +251,17 @@ class Tabs extends ResizeMixin(ElementMixin(ListMixin(ThemableMixin(PolymerEleme
     let overflow = scrollPosition > 0 ? 'start' : '';
     overflow += scrollPosition + this._scrollOffset < scrollSize ? ' end' : '';
 
-    if (this.__direction == 1) {
+    if (this.__direction === 1) {
       overflow = overflow.replace(/start|end/gi, (matched) => {
         return matched === 'start' ? 'end' : 'start';
       });
     }
 
-    overflow ? this.setAttribute('overflow', overflow.trim()) : this.removeAttribute('overflow');
+    if (overflow) {
+      this.setAttribute('overflow', overflow.trim());
+    } else {
+      this.removeAttribute('overflow');
+    }
   }
 }
 

package/theme/lumo/vaadin-tab-styles.js

@@ -231,5 +231,5 @@ registerStyles(
       transform-origin: 0% 50%;
     }
   `,
-  { moduleId: 'lumo-tab' }
+  { moduleId: 'lumo-tab' },
 );

package/theme/lumo/vaadin-tabs-styles.js

@@ -247,5 +247,5 @@ registerStyles(
       --_lumo-tabs-overflow-mask-image: linear-gradient(-90deg, transparent, #000 2em);
     }
   `,
-  { moduleId: 'lumo-tabs' }
+  { moduleId: 'lumo-tabs' },
 );

package/theme/material/vaadin-tab-styles.js

@@ -139,5 +139,5 @@ registerStyles(
       box-shadow: inset -2px 0 0 0 var(--material-primary-color);
     }
   `,
-  { moduleId: 'material-tab' }
+  { moduleId: 'material-tab' },
 );

package/theme/material/vaadin-tabs-styles.js

@@ -87,5 +87,5 @@ registerStyles(
       content: var(--material-icons-chevron-right);
     }
   `,
-  { moduleId: 'material-tabs' }
+  { moduleId: 'material-tabs' },
 );