@vaadin/field-highlighter 23.1.0-beta3 → 23.1.0-rc2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vaadin/field-highlighter",
-  "version": "23.1.0-beta3",
+  "version": "23.1.0-rc2",
   "publishConfig": {
     "access": "public"
   },
@@ -34,27 +34,27 @@
   ],
   "dependencies": {
     "@polymer/polymer": "^3.0.0",
-    "@vaadin/component-base": "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",
+    "@vaadin/component-base": "23.1.0-rc2",
+    "@vaadin/vaadin-lumo-styles": "23.1.0-rc2",
+    "@vaadin/vaadin-material-styles": "23.1.0-rc2",
+    "@vaadin/vaadin-overlay": "23.1.0-rc2",
+    "@vaadin/vaadin-themable-mixin": "23.1.0-rc2",
     "lit": "^2.0.0"
   },
   "devDependencies": {
     "@esm-bundle/chai": "^4.3.4",
-    "@vaadin/checkbox": "23.1.0-beta3",
-    "@vaadin/combo-box": "23.1.0-beta3",
-    "@vaadin/date-picker": "23.1.0-beta3",
-    "@vaadin/date-time-picker": "23.1.0-beta3",
-    "@vaadin/item": "23.1.0-beta3",
-    "@vaadin/list-box": "23.1.0-beta3",
-    "@vaadin/radio-group": "23.1.0-beta3",
-    "@vaadin/select": "23.1.0-beta3",
+    "@vaadin/checkbox": "23.1.0-rc2",
+    "@vaadin/combo-box": "23.1.0-rc2",
+    "@vaadin/date-picker": "23.1.0-rc2",
+    "@vaadin/date-time-picker": "23.1.0-rc2",
+    "@vaadin/item": "23.1.0-rc2",
+    "@vaadin/list-box": "23.1.0-rc2",
+    "@vaadin/radio-group": "23.1.0-rc2",
+    "@vaadin/select": "23.1.0-rc2",
     "@vaadin/testing-helpers": "^0.3.2",
-    "@vaadin/text-field": "23.1.0-beta3",
-    "@vaadin/time-picker": "23.1.0-beta3",
+    "@vaadin/text-field": "23.1.0-rc2",
+    "@vaadin/time-picker": "23.1.0-rc2",
     "sinon": "^13.0.2"
   },
-  "gitHead": "c787ceb8a312f88631c6d429ff320d5f89b1b838"
+  "gitHead": "154c6782c42145fed21e443559fbe2d781ad3ec7"
 }

package/src/vaadin-field-highlighter.d.ts

@@ -20,8 +20,6 @@ export interface FieldHighlighterUser {
  * See https://vaadin.com/collaboration for Collaboration Engine documentation.
  */
 declare class FieldHighlighterController implements ReactiveController {
-  constructor(host: HTMLElement);
-
   /**
    * The controller host element.
    */
@@ -47,6 +45,8 @@ declare class FieldHighlighterController implements ReactiveController {
    */
   users: FieldHighlighterUser[];
 
+  constructor(host: HTMLElement);
+
   hostConnected(): void;
 
   redraw(): void;

package/src/vaadin-user-tags.js

@@ -231,16 +231,25 @@ export class UserTags extends PolymerElement {
 
     if (this.opened && this.hasFocus) {
       this.updateTags(users, changedTags);
-    } else if (addedUsers.length && document.visibilityState !== 'hidden') {
+    } else if (addedUsers.length > 0 && document.visibilityState !== 'hidden') {
       // Avoid adding to queue if window is not visible.
-      const tags = changedTags.added;
+
+      const addedTags = changedTags.added;
+      const removedTags = changedTags.removed;
+
+      // Only sync the removed user tags.
+      // The added tags are handled by the `flashTags` method.
+      this.updateTagsSync(users, {
+        added: [],
+        removed: removedTags,
+      });
+
       if (this.flashing) {
         // Schedule next flash later
-        this.push('_flashQueue', tags);
+        this.push('_flashQueue', addedTags);
       } else {
-        this.flashTags(tags);
+        this.flashTags(addedTags);
       }
-      this.set('users', users);
     } else {
       this.updateTagsSync(users, changedTags);
     }

package/theme/lumo/vaadin-user-tags.js

@@ -3,5 +3,6 @@
  * Copyright (c) 2021 - 2022 Vaadin Ltd.
  * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
  */
+import '@vaadin/vaadin-overlay/theme/lumo/vaadin-overlay.js';
 import './vaadin-user-tags-styles.js';
 import '../../src/vaadin-user-tags.js';

package/theme/material/vaadin-user-tags.js

@@ -3,5 +3,6 @@
  * Copyright (c) 2021 - 2022 Vaadin Ltd.
  * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
  */
+import '@vaadin/vaadin-overlay/theme/material/vaadin-overlay.js';
 import './vaadin-user-tags-styles.js';
 import '../../src/vaadin-user-tags.js';