@vaadin/avatar-group 22.0.13 → 22.0.16

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vaadin/avatar-group",
-  "version": "22.0.13",
+  "version": "22.0.16",
   "publishConfig": {
     "access": "public"
   },
@@ -36,19 +36,19 @@
     "@polymer/iron-a11y-announcer": "^3.0.0",
     "@polymer/iron-resizable-behavior": "^3.0.0",
     "@polymer/polymer": "^3.0.0",
-    "@vaadin/avatar": "^22.0.13",
-    "@vaadin/component-base": "^22.0.13",
-    "@vaadin/item": "^22.0.13",
-    "@vaadin/list-box": "^22.0.13",
-    "@vaadin/vaadin-lumo-styles": "^22.0.13",
-    "@vaadin/vaadin-material-styles": "^22.0.13",
-    "@vaadin/vaadin-overlay": "^22.0.13",
-    "@vaadin/vaadin-themable-mixin": "^22.0.13"
+    "@vaadin/avatar": "^22.0.16",
+    "@vaadin/component-base": "^22.0.16",
+    "@vaadin/item": "^22.0.16",
+    "@vaadin/list-box": "^22.0.16",
+    "@vaadin/vaadin-lumo-styles": "^22.0.16",
+    "@vaadin/vaadin-material-styles": "^22.0.16",
+    "@vaadin/vaadin-overlay": "^22.0.16",
+    "@vaadin/vaadin-themable-mixin": "^22.0.16"
   },
   "devDependencies": {
     "@esm-bundle/chai": "^4.3.4",
     "@vaadin/testing-helpers": "^0.3.2",
     "sinon": "^9.2.1"
   },
-  "gitHead": "0ef3a237a2db4255710aa878debb169eb52a1715"
+  "gitHead": "dac6f243594ea700bb796d3b41d7b17736d90be8"
 }

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

@@ -191,7 +191,7 @@ class AvatarGroup extends ElementMixin(ThemableMixin(mixinBehaviors([IronResizab
        * @type {!Array<!AvatarGroupItem> | undefined}
        */
       items: {
-        type: Array
+        type: Array,
       },
 
       /**
@@ -200,7 +200,7 @@ class AvatarGroup extends ElementMixin(ThemableMixin(mixinBehaviors([IronResizab
        * a dropdown. Setting 0 or 1 has no effect so there are always at least two avatars visible.
        */
       maxItemsVisible: {
-        type: Number
+        type: Number,
       },
 
       /**
@@ -239,32 +239,32 @@ class AvatarGroup extends ElementMixin(ThemableMixin(mixinBehaviors([IronResizab
             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,
+      },
     };
   }
 
@@ -272,7 +272,7 @@ class AvatarGroup extends ElementMixin(ThemableMixin(mixinBehaviors([IronResizab
     return [
       '__computeMoreTitle(items.length, __itemsInView, maxItemsVisible)',
       '__itemsChanged(items.splices, items.*)',
-      '__i18nItemsChanged(i18n.*, items.length)'
+      '__i18nItemsChanged(i18n.*, items.length)',
     ];
   }
 
@@ -321,9 +321,9 @@ class AvatarGroup extends ElementMixin(ThemableMixin(mixinBehaviors([IronResizab
         bubbles: true,
         composed: true,
         detail: {
-          text
-        }
-      })
+          text,
+        },
+      }),
     );
   }
 

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/lumo/vaadin-avatar-group.js

@@ -1,5 +1,6 @@
 import '@vaadin/avatar/theme/lumo/vaadin-avatar.js';
 import '@vaadin/item/theme/lumo/vaadin-item.js';
 import '@vaadin/list-box/theme/lumo/vaadin-list-box.js';
+import '@vaadin/vaadin-overlay/theme/lumo/vaadin-overlay.js';
 import './vaadin-avatar-group-styles.js';
 import '../../src/vaadin-avatar-group.js';

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' },
 );

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

@@ -1,5 +1,6 @@
 import '@vaadin/avatar/theme/material/vaadin-avatar.js';
 import '@vaadin/item/theme/material/vaadin-item.js';
 import '@vaadin/list-box/theme/material/vaadin-list-box.js';
+import '@vaadin/vaadin-overlay/theme/material/vaadin-overlay.js';
 import './vaadin-avatar-group-styles.js';
 import '../../src/vaadin-avatar-group.js';