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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vaadin/avatar-group",
-  "version": "23.1.0-alpha1",
+  "version": "23.1.0-alpha4",
   "publishConfig": {
     "access": "public"
   },
@@ -35,19 +35,19 @@
   ],
   "dependencies": {
     "@polymer/polymer": "^3.0.0",
-    "@vaadin/avatar": "23.1.0-alpha1",
-    "@vaadin/component-base": "23.1.0-alpha1",
-    "@vaadin/item": "23.1.0-alpha1",
-    "@vaadin/list-box": "23.1.0-alpha1",
-    "@vaadin/vaadin-lumo-styles": "23.1.0-alpha1",
-    "@vaadin/vaadin-material-styles": "23.1.0-alpha1",
-    "@vaadin/vaadin-overlay": "23.1.0-alpha1",
-    "@vaadin/vaadin-themable-mixin": "23.1.0-alpha1"
+    "@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"
   },
   "devDependencies": {
     "@esm-bundle/chai": "^4.3.4",
     "@vaadin/testing-helpers": "^0.3.2",
-    "sinon": "^9.2.1"
+    "sinon": "^13.0.2"
   },
-  "gitHead": "5d0cdee069f866037c507265fafb4d0476795333"
+  "gitHead": "aacdb7fe09811894751f0378ff7fb66071892c71"
 }

package/src/vaadin-avatar-group-overlay.js

@@ -18,7 +18,7 @@ registerStyles(
       justify-content: flex-end;
     }
   `,
-  { moduleId: 'vaadin-avatar-group-overlay-styles' }
+  { moduleId: 'vaadin-avatar-group-overlay-styles' },
 );
 
 /**

package/src/vaadin-avatar-group.js

@@ -190,7 +190,7 @@ class AvatarGroup extends ResizeMixin(ElementMixin(ThemableMixin(PolymerElement)
        * @type {!Array<!AvatarGroupItem> | undefined}
        */
       items: {
-        type: Array
+        type: Array,
       },
 
       /**
@@ -199,7 +199,7 @@ class AvatarGroup extends ResizeMixin(ElementMixin(ThemableMixin(PolymerElement)
        * a dropdown. Setting 0 or 1 has no effect so there are always at least two avatars visible.
        */
       maxItemsVisible: {
-        type: Number
+        type: Number,
       },
 
       /**
@@ -238,32 +238,32 @@ class AvatarGroup extends ResizeMixin(ElementMixin(ThemableMixin(PolymerElement)
             anonymous: 'anonymous',
             activeUsers: {
               one: 'Currently one active user',
-              many: 'Currently {count} active users'
+              many: 'Currently {count} active users',
             },
             joined: '{user} joined',
-            left: '{user} left'
+            left: '{user} left',
           };
-        }
+        },
       },
 
       /** @private */
       __maxReached: {
         type: Boolean,
-        computed: '__computeMaxReached(items.length, maxItemsVisible)'
+        computed: '__computeMaxReached(items.length, maxItemsVisible)',
       },
 
       /** @private */
       __itemsInView: {
         type: Number,
-        value: null
+        value: null,
       },
 
       /** @private */
       _opened: {
         type: Boolean,
         observer: '__openedChanged',
-        value: false
-      }
+        value: false,
+      },
     };
   }
 
@@ -271,7 +271,7 @@ class AvatarGroup extends ResizeMixin(ElementMixin(ThemableMixin(PolymerElement)
     return [
       '__computeMoreTitle(items.length, __itemsInView, maxItemsVisible)',
       '__itemsChanged(items.splices, items.*)',
-      '__i18nItemsChanged(i18n.*, items.length)'
+      '__i18nItemsChanged(i18n.*, items.length)',
     ];
   }
 
@@ -352,7 +352,7 @@ class AvatarGroup extends ResizeMixin(ElementMixin(ThemableMixin(PolymerElement)
 
   /** @private */
   _onVaadinOverlayClose(e) {
-    if (e.detail.sourceEvent && e.detail.sourceEvent.composedPath().indexOf(this) !== -1) {
+    if (e.detail.sourceEvent && e.detail.sourceEvent.composedPath().includes(this)) {
       e.preventDefault();
     }
   }
@@ -545,7 +545,7 @@ class AvatarGroup extends ResizeMixin(ElementMixin(ThemableMixin(PolymerElement)
     const { marginLeft, marginRight } = getComputedStyle(avatars[1]);
 
     const offset =
-      this.getAttribute('dir') == 'rtl'
+      this.getAttribute('dir') === 'rtl'
         ? parseInt(marginRight, 0) - parseInt(marginLeft, 0)
         : parseInt(marginLeft, 0) - parseInt(marginRight, 0);
 
@@ -564,19 +564,19 @@ class AvatarGroup extends ResizeMixin(ElementMixin(ThemableMixin(PolymerElement)
     const isRtl = this.getAttribute('dir') === 'rtl';
 
     if (isRtl) {
-      this._overlayElement.style.right = document.documentElement.clientWidth - btnRect.right + 'px';
+      this._overlayElement.style.right = `${document.documentElement.clientWidth - btnRect.right}px`;
     } else {
-      this._overlayElement.style.left = btnRect.left + 'px';
+      this._overlayElement.style.left = `${btnRect.left}px`;
     }
 
     if (bottomAlign) {
       this._overlayElement.setAttribute('bottom-aligned', '');
       this._overlayElement.style.removeProperty('top');
-      this._overlayElement.style.bottom = viewportHeight - btnRect.top + 'px';
+      this._overlayElement.style.bottom = `${viewportHeight - btnRect.top}px`;
     } else {
       this._overlayElement.removeAttribute('bottom-aligned');
       this._overlayElement.style.removeProperty('bottom');
-      this._overlayElement.style.top = btnRect.bottom + 'px';
+      this._overlayElement.style.top = `${btnRect.bottom}px`;
     }
   }
 }

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

@@ -44,7 +44,7 @@ registerStyles(
       --vaadin-avatar-size: var(--lumo-size-xs);
     }
   `,
-  { moduleId: 'lumo-avatar-group' }
+  { moduleId: 'lumo-avatar-group' },
 );
 
 const avatarGroupOverlay = css`
@@ -59,7 +59,7 @@ const avatarGroupOverlay = css`
 `;
 
 registerStyles('vaadin-avatar-group-overlay', [overlay, menuOverlayCore, avatarGroupOverlay], {
-  moduleId: 'lumo-avatar-group-overlay'
+  moduleId: 'lumo-avatar-group-overlay',
 });
 
 registerStyles(
@@ -75,7 +75,7 @@ registerStyles(
       padding-left: var(--lumo-space-m);
     }
   `,
-  { moduleId: 'lumo-avatar-group-list-box' }
+  { moduleId: 'lumo-avatar-group-list-box' },
 );
 
 registerStyles(
@@ -99,5 +99,5 @@ registerStyles(
       margin-left: var(--lumo-space-s);
     }
   `,
-  { moduleId: 'lumo-avatar-group-item' }
+  { moduleId: 'lumo-avatar-group-item' },
 );

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

@@ -9,7 +9,7 @@ const avatarGroupOverlay = css`
 `;
 
 registerStyles('vaadin-avatar-group-overlay', [menuOverlay, avatarGroupOverlay], {
-  moduleId: 'material-avatar-group-overlay'
+  moduleId: 'material-avatar-group-overlay',
 });
 
 registerStyles(
@@ -25,7 +25,7 @@ registerStyles(
       padding-left: 24px;
     }
   `,
-  { moduleId: 'material-avatar-group-list-box' }
+  { moduleId: 'material-avatar-group-list-box' },
 );
 
 registerStyles(
@@ -48,5 +48,5 @@ registerStyles(
       margin-left: 8px;
     }
   `,
-  { moduleId: 'material-avatar-group-item' }
+  { moduleId: 'material-avatar-group-item' },
 );