@vaadin/message-list 23.1.0-alpha3 → 23.1.0-beta2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vaadin/message-list",
-  "version": "23.1.0-alpha3",
+  "version": "23.1.0-beta2",
   "publishConfig": {
     "access": "public"
   },
@@ -36,16 +36,16 @@
   ],
   "dependencies": {
     "@polymer/polymer": "^3.0.0",
-    "@vaadin/avatar": "23.1.0-alpha3",
-    "@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/avatar": "23.1.0-beta2",
+    "@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-message-avatar.js

@@ -14,7 +14,7 @@ registerStyles(
       flex-shrink: 0;
     }
   `,
-  { moduleId: 'vaadin-message-avatar-styles' }
+  { moduleId: 'vaadin-message-avatar-styles' },
 );
 
 /**

package/src/vaadin-message-list.js

@@ -65,11 +65,9 @@ class MessageList extends ElementMixin(ThemableMixin(PolymerElement)) {
        */
       items: {
         type: Array,
-        value: function () {
-          return [];
-        },
-        observer: '_itemsChanged'
-      }
+        value: () => [],
+        observer: '_itemsChanged',
+      },
     };
   }
 
@@ -148,7 +146,7 @@ class MessageList extends ElementMixin(ThemableMixin(PolymerElement)) {
       return;
     }
 
-    // get index of the item that was focused when event happened
+    // Get index of the item that was focused when event happened
     const target = event.composedPath()[0];
     let currentIndex = this._messages.indexOf(target);
 
@@ -166,7 +164,7 @@ class MessageList extends ElementMixin(ThemableMixin(PolymerElement)) {
         currentIndex = this._messages.length - 1;
         break;
       default:
-        return; // nothing to do
+        return; // Nothing to do
     }
     if (currentIndex < 0) {
       currentIndex = this._messages.length - 1;
@@ -206,8 +204,8 @@ class MessageList extends ElementMixin(ThemableMixin(PolymerElement)) {
   }
 
   _getIndexOfFocusableElement() {
-    const index = this._messages.findIndex((e) => e.tabIndex == 0);
-    return index != -1 ? index : 0;
+    const index = this._messages.findIndex((e) => e.tabIndex === 0);
+    return index !== -1 ? index : 0;
   }
 }
 

package/src/vaadin-message.js

@@ -59,7 +59,7 @@ class Message extends FocusMixin(ElementMixin(ThemableMixin(PolymerElement))) {
        * so the formatting is up to you.
        */
       time: {
-        type: String
+        type: String,
       },
 
       /**
@@ -69,7 +69,7 @@ class Message extends FocusMixin(ElementMixin(ThemableMixin(PolymerElement))) {
        * Example: `message.userName = "Jessica Jacobs";`
        */
       userName: {
-        type: String
+        type: String,
       },
 
       /**
@@ -79,7 +79,7 @@ class Message extends FocusMixin(ElementMixin(ThemableMixin(PolymerElement))) {
        * Example: `message.userAbbr = "JJ";`
        */
       userAbbr: {
-        type: String
+        type: String,
       },
 
       /**
@@ -88,7 +88,7 @@ class Message extends FocusMixin(ElementMixin(ThemableMixin(PolymerElement))) {
        * Example: `message.userImg = "/static/img/avatar.jpg";`
        */
       userImg: {
-        type: String
+        type: String,
       },
 
       /**
@@ -111,8 +111,8 @@ class Message extends FocusMixin(ElementMixin(ThemableMixin(PolymerElement))) {
        * ```
        */
       userColorIndex: {
-        type: Number
-      }
+        type: Number,
+      },
     };
   }
 

package/theme/lumo/vaadin-message-avatar-styles.js

@@ -14,5 +14,5 @@ registerStyles(
       margin-right: calc(var(--vaadin-avatar-outline-width) * -1);
     }
   `,
-  { moduleId: 'lumo-message-avatar' }
+  { moduleId: 'lumo-message-avatar' },
 );

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

@@ -50,5 +50,5 @@ registerStyles(
       font-size: var(--lumo-font-size-s);
     }
   `,
-  { moduleId: 'lumo-message' }
+  { moduleId: 'lumo-message' },
 );

package/theme/material/vaadin-message-avatar-styles.js

@@ -15,5 +15,5 @@ registerStyles(
       margin-right: calc(var(--vaadin-avatar-outline-width) * -1);
     }
   `,
-  { moduleId: 'material-message-avatar' }
+  { moduleId: 'material-message-avatar' },
 );

package/theme/material/vaadin-message-list-styles.js

@@ -10,5 +10,5 @@ registerStyles(
       padding: 8px 0;
     }
   `,
-  { moduleId: 'material-message-list' }
+  { moduleId: 'material-message-list' },
 );

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

@@ -59,5 +59,5 @@ registerStyles(
       line-height: 1.25rem;
     }
   `,
-  { moduleId: 'material-message' }
+  { moduleId: 'material-message' },
 );