@vaadin/avatar-group 23.1.0-alpha4 → 23.1.0-beta3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vaadin/avatar-group",
-  "version": "23.1.0-alpha4",
+  "version": "23.1.0-beta3",
   "publishConfig": {
     "access": "public"
   },
@@ -35,19 +35,19 @@
   ],
   "dependencies": {
     "@polymer/polymer": "^3.0.0",
-    "@vaadin/avatar": "23.1.0-alpha4",
-    "@vaadin/component-base": "23.1.0-alpha4",
-    "@vaadin/item": "23.1.0-alpha4",
-    "@vaadin/list-box": "23.1.0-alpha4",
-    "@vaadin/vaadin-lumo-styles": "23.1.0-alpha4",
-    "@vaadin/vaadin-material-styles": "23.1.0-alpha4",
-    "@vaadin/vaadin-overlay": "23.1.0-alpha4",
-    "@vaadin/vaadin-themable-mixin": "23.1.0-alpha4"
+    "@vaadin/avatar": "23.1.0-beta3",
+    "@vaadin/component-base": "23.1.0-beta3",
+    "@vaadin/item": "23.1.0-beta3",
+    "@vaadin/list-box": "23.1.0-beta3",
+    "@vaadin/vaadin-lumo-styles": "23.1.0-beta3",
+    "@vaadin/vaadin-material-styles": "23.1.0-beta3",
+    "@vaadin/vaadin-overlay": "23.1.0-beta3",
+    "@vaadin/vaadin-themable-mixin": "23.1.0-beta3"
   },
   "devDependencies": {
     "@esm-bundle/chai": "^4.3.4",
     "@vaadin/testing-helpers": "^0.3.2",
     "sinon": "^13.0.2"
   },
-  "gitHead": "aacdb7fe09811894751f0378ff7fb66071892c71"
+  "gitHead": "c787ceb8a312f88631c6d429ff320d5f89b1b838"
 }

package/src/vaadin-avatar-group.js

@@ -399,14 +399,14 @@ class AvatarGroup extends ResizeMixin(ElementMixin(ThemableMixin(PolymerElement)
         result.push(item.name || item.abbr || 'anonymous');
       }
     }
-    // override generated title attribute
+    // Override generated title attribute
     this.$.overflow.setAttribute('title', result.join('\n'));
   }
 
   /** @private */
   __getLimit(items, itemsInView, maxItemsVisible) {
     let limit = null;
-    // handle max set to 0 or 1
+    // Handle max set to 0 or 1
     const adjustedMax = this.__getMax(maxItemsVisible);
     if (maxItemsVisible != null && adjustedMax < items) {
       limit = adjustedMax - 1;
@@ -428,13 +428,13 @@ class AvatarGroup extends ResizeMixin(ElementMixin(ThemableMixin(PolymerElement)
     this.$.items.render();
     this.__setItemsInView();
 
-    // mutation using group.splice('items')
+    // Mutation using group.splice('items')
     if (splices && Array.isArray(splices.indexSplices)) {
       splices.indexSplices.forEach((mutation) => {
         this.__announceItemsChange(items, mutation);
       });
     } else if (Array.isArray(items) && Array.isArray(this.__oldItems)) {
-      // mutation using group.set('items')
+      // Mutation using group.set('items')
       const diff = calculateSplices(items, this.__oldItems);
       diff.forEach((mutation) => {
         this.__announceItemsChange(items, mutation);
@@ -507,26 +507,26 @@ class AvatarGroup extends ResizeMixin(ElementMixin(ThemableMixin(PolymerElement)
     const avatars = this._avatars;
     const items = this.items;
 
-    // always show at least two avatars
+    // Always show at least two avatars
     if (!items || !avatars || avatars.length < 3) {
       return;
     }
 
     let result = this.__calculateAvatarsFitWidth();
 
-    // only show overlay if two or more avatars don't fit
+    // Only show overlay if two or more avatars don't fit
     if (result === items.length - 1) {
       result = items.length;
     }
 
-    // close overlay if all avatars become visible
+    // Close overlay if all avatars become visible
     if (result >= items.length && this._opened) {
       this.$.overlay.close();
       // FIXME: hack to avoid jump before closing
       this.$.overlay._flushAnimation('closing');
     }
 
-    // reserve space for overflow avatar
+    // Reserve space for overflow avatar
     this.__itemsInView = result;
   }
 
@@ -538,10 +538,10 @@ class AvatarGroup extends ResizeMixin(ElementMixin(ThemableMixin(PolymerElement)
 
     const avatars = this._avatars;
 
-    // assume all the avatars have the same width
+    // Assume all the avatars have the same width
     const avatarWidth = avatars[0].clientWidth;
 
-    // take negative margin into account
+    // Take negative margin into account
     const { marginLeft, marginRight } = getComputedStyle(avatars[1]);
 
     const offset =