@vaadin/message-list 23.1.6 → 23.1.8

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vaadin/message-list",
-  "version": "23.1.6",
+  "version": "23.1.8",
   "publishConfig": {
     "access": "public"
   },
@@ -36,16 +36,16 @@
   ],
   "dependencies": {
     "@polymer/polymer": "^3.0.0",
-    "@vaadin/avatar": "^23.1.6",
-    "@vaadin/component-base": "^23.1.6",
-    "@vaadin/vaadin-lumo-styles": "^23.1.6",
-    "@vaadin/vaadin-material-styles": "^23.1.6",
-    "@vaadin/vaadin-themable-mixin": "^23.1.6"
+    "@vaadin/avatar": "~23.1.8",
+    "@vaadin/component-base": "~23.1.8",
+    "@vaadin/vaadin-lumo-styles": "~23.1.8",
+    "@vaadin/vaadin-material-styles": "~23.1.8",
+    "@vaadin/vaadin-themable-mixin": "~23.1.8"
   },
   "devDependencies": {
     "@esm-bundle/chai": "^4.3.4",
     "@vaadin/testing-helpers": "^0.3.2",
     "sinon": "^13.0.2"
   },
-  "gitHead": "b356bcba208f6569d3d85ac11795c3e736adce85"
+  "gitHead": "297e4e51743751bed97f5400e661529a7d550870"
 }

package/src/vaadin-message-list.js

@@ -118,6 +118,7 @@ class MessageList extends ElementMixin(ThemableMixin(PolymerElement)) {
     return Array.from(this.shadowRoot.querySelectorAll('vaadin-message'));
   }
 
+  /** @private */
   _itemsChanged(newVal, oldVal) {
     const focusedIndex = this._getIndexOfFocusableElement();
     if (newVal && newVal.length) {
@@ -132,6 +133,7 @@ class MessageList extends ElementMixin(ThemableMixin(PolymerElement)) {
     }
   }
 
+  /** @private */
   _scrollToLastMessage() {
     if (this.items.length > 0) {
       this.scrollTop = this.scrollHeight - this.clientHeight;
@@ -186,6 +188,7 @@ class MessageList extends ElementMixin(ThemableMixin(PolymerElement)) {
     target.focus();
   }
 
+  /** @private */
   _handleFocusEvent(e) {
     const target = e.composedPath().find((node) => node instanceof Message);
     this._setTabIndexesByMessage(target);
@@ -200,10 +203,12 @@ class MessageList extends ElementMixin(ThemableMixin(PolymerElement)) {
     this._setTabIndexesByMessage(message);
   }
 
+  /** @private */
   _setTabIndexesByMessage(message) {
     this._messages.forEach((e) => (e.tabIndex = e === message ? 0 : -1));
   }
 
+  /** @private */
   _getIndexOfFocusableElement() {
     const index = this._messages.findIndex((e) => e.tabIndex === 0);
     return index !== -1 ? index : 0;

package/src/vaadin-message.d.ts

@@ -56,6 +56,7 @@ declare class Message extends FocusMixin(ThemableMixin(ElementMixin(HTMLElement)
    * It will be placed in the name part to indicate who has sent the message.
    * It is also used as a tooltip for the avatar.
    * Example: `message.userName = "Jessica Jacobs";`
+   * @attr {string} user-name
    */
   userName: string | null | undefined;
 
@@ -64,6 +65,7 @@ declare class Message extends FocusMixin(ThemableMixin(ElementMixin(HTMLElement)
    * The abbreviation will be passed on to avatar of the message.
    * If the user does not have an avatar picture set with `userImg`, `userAbbr` will be shown in the avatar.
    * Example: `message.userAbbr = "JJ";`
+   * @attr {string} user-abbr
    */
   userAbbr: string | null | undefined;
 
@@ -71,6 +73,7 @@ declare class Message extends FocusMixin(ThemableMixin(ElementMixin(HTMLElement)
    * An URL for a user image.
    * The image will be used in the avatar component to show who has sent the message.
    * Example: `message.userImg = "/static/img/avatar.jpg";`
+   * @attr {string} user-img
    */
   userImg: string | null | undefined;
 
@@ -92,6 +95,7 @@ declare class Message extends FocusMixin(ThemableMixin(ElementMixin(HTMLElement)
    * ```js
    * message.userColorIndex = 1;
    * ```
+   * @attr {number} user-color-index
    */
   userColorIndex: number | null | undefined;
 }

package/src/vaadin-message.js

@@ -67,6 +67,7 @@ class Message extends FocusMixin(ElementMixin(ThemableMixin(PolymerElement))) {
        * It will be placed in the name part to indicate who has sent the message.
        * It is also used as a tooltip for the avatar.
        * Example: `message.userName = "Jessica Jacobs";`
+       * @attr {string} user-name
        */
       userName: {
         type: String,
@@ -77,6 +78,7 @@ class Message extends FocusMixin(ElementMixin(ThemableMixin(PolymerElement))) {
        * The abbreviation will be passed on to avatar of the message.
        * If the user does not have an avatar picture set with `userImg`, `userAbbr` will be shown in the avatar.
        * Example: `message.userAbbr = "JJ";`
+       * @attr {string} user-abbr
        */
       userAbbr: {
         type: String,
@@ -86,6 +88,7 @@ class Message extends FocusMixin(ElementMixin(ThemableMixin(PolymerElement))) {
        * An URL for a user image.
        * The image will be used in the avatar component to show who has sent the message.
        * Example: `message.userImg = "/static/img/avatar.jpg";`
+       * @attr {string} user-img
        */
       userImg: {
         type: String,
@@ -109,6 +112,7 @@ class Message extends FocusMixin(ElementMixin(ThemableMixin(PolymerElement))) {
        * ```js
        * message.userColorIndex = 1;
        * ```
+       * @attr {number} user-color-index
        */
       userColorIndex: {
         type: Number,