@vaadin/field-highlighter 23.0.0-alpha1 → 23.0.0-alpha5

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vaadin/field-highlighter",
-  "version": "23.0.0-alpha1",
+  "version": "23.0.0-alpha5",
   "publishConfig": {
     "access": "public"
   },
@@ -18,6 +18,7 @@
   },
   "main": "vaadin-field-highlighter.js",
   "module": "vaadin-field-highlighter.js",
+  "type": "module",
   "files": [
     "src",
     "theme",
@@ -32,29 +33,28 @@
     "field"
   ],
   "dependencies": {
-    "@polymer/iron-a11y-announcer": "^3.0.0",
     "@polymer/polymer": "^3.0.0",
-    "@vaadin/component-base": "23.0.0-alpha1",
-    "@vaadin/vaadin-lumo-styles": "23.0.0-alpha1",
-    "@vaadin/vaadin-material-styles": "23.0.0-alpha1",
-    "@vaadin/vaadin-overlay": "23.0.0-alpha1",
-    "@vaadin/vaadin-themable-mixin": "23.0.0-alpha1",
+    "@vaadin/component-base": "23.0.0-alpha5",
+    "@vaadin/vaadin-lumo-styles": "23.0.0-alpha5",
+    "@vaadin/vaadin-material-styles": "23.0.0-alpha5",
+    "@vaadin/vaadin-overlay": "23.0.0-alpha5",
+    "@vaadin/vaadin-themable-mixin": "23.0.0-alpha5",
     "lit": "^2.0.0"
   },
   "devDependencies": {
     "@esm-bundle/chai": "^4.3.4",
-    "@vaadin/checkbox": "23.0.0-alpha1",
-    "@vaadin/combo-box": "23.0.0-alpha1",
-    "@vaadin/date-picker": "23.0.0-alpha1",
-    "@vaadin/date-time-picker": "23.0.0-alpha1",
-    "@vaadin/item": "23.0.0-alpha1",
-    "@vaadin/list-box": "23.0.0-alpha1",
-    "@vaadin/radio-group": "23.0.0-alpha1",
-    "@vaadin/select": "23.0.0-alpha1",
-    "@vaadin/testing-helpers": "^0.3.0",
-    "@vaadin/text-field": "23.0.0-alpha1",
-    "@vaadin/time-picker": "23.0.0-alpha1",
+    "@vaadin/checkbox": "23.0.0-alpha5",
+    "@vaadin/combo-box": "23.0.0-alpha5",
+    "@vaadin/date-picker": "23.0.0-alpha5",
+    "@vaadin/date-time-picker": "23.0.0-alpha5",
+    "@vaadin/item": "23.0.0-alpha5",
+    "@vaadin/list-box": "23.0.0-alpha5",
+    "@vaadin/radio-group": "23.0.0-alpha5",
+    "@vaadin/select": "23.0.0-alpha5",
+    "@vaadin/testing-helpers": "^0.3.2",
+    "@vaadin/text-field": "23.0.0-alpha5",
+    "@vaadin/time-picker": "23.0.0-alpha5",
     "sinon": "^9.2.1"
   },
-  "gitHead": "fbcb07328fdf88260e3b461088d207426b21c710"
+  "gitHead": "74f9294964eb8552d96578c14af6ad214f5257bc"
 }

package/src/fields/outline.js

@@ -1,6 +1,6 @@
 /**
  * @license
- * Copyright (c) 2021 Vaadin Ltd.
+ * Copyright (c) 2021 - 2022 Vaadin Ltd.
  * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
  */
 

package/src/fields/vaadin-checkbox-group-observer.js

@@ -1,6 +1,6 @@
 /**
  * @license
- * Copyright (c) 2021 Vaadin Ltd.
+ * Copyright (c) 2021 - 2022 Vaadin Ltd.
  * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
  */
 import { FieldObserver } from './vaadin-field-observer.js';

package/src/fields/vaadin-component-observer.js

@@ -1,6 +1,6 @@
 /**
  * @license
- * Copyright (c) 2021 Vaadin Ltd.
+ * Copyright (c) 2021 - 2022 Vaadin Ltd.
  * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
  */
 import { timeOut } from '@vaadin/component-base/src/async.js';

package/src/fields/vaadin-date-picker-observer.js

@@ -1,6 +1,6 @@
 /**
  * @license
- * Copyright (c) 2021 Vaadin Ltd.
+ * Copyright (c) 2021 - 2022 Vaadin Ltd.
  * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
  */
 import { ComponentObserver } from './vaadin-component-observer.js';
@@ -72,7 +72,7 @@ export class DatePickerObserver extends ComponentObserver {
   }
 
   onOverlayFocusOut(event) {
-    if (event.relatedTarget !== this.datePicker) {
+    if (!this.datePicker.contains(event.relatedTarget)) {
       // Mark as blurred to wait for opened-changed.
       this.blurWhileOpened = true;
     }
@@ -88,7 +88,6 @@ export class DatePickerObserver extends ComponentObserver {
     if (event.detail.value === false && this.blurWhileOpened) {
       this.blurWhileOpened = false;
       this.hideOutline(this.datePicker);
-      return;
     }
   }
 }

package/src/fields/vaadin-date-time-picker-observer.js

@@ -1,6 +1,6 @@
 /**
  * @license
- * Copyright (c) 2021 Vaadin Ltd.
+ * Copyright (c) 2021 - 2022 Vaadin Ltd.
  * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
  */
 import { ComponentObserver } from './vaadin-component-observer.js';

package/src/fields/vaadin-field-observer.js

@@ -1,6 +1,6 @@
 /**
  * @license
- * Copyright (c) 2021 Vaadin Ltd.
+ * Copyright (c) 2021 - 2022 Vaadin Ltd.
  * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
  */
 import { ComponentObserver } from './vaadin-component-observer.js';

package/src/fields/vaadin-list-box-observer.js

@@ -1,6 +1,6 @@
 /**
  * @license
- * Copyright (c) 2021 Vaadin Ltd.
+ * Copyright (c) 2021 - 2022 Vaadin Ltd.
  * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
  */
 import { FieldObserver } from './vaadin-field-observer.js';

package/src/fields/vaadin-radio-group-observer.js

@@ -1,6 +1,6 @@
 /**
  * @license
- * Copyright (c) 2021 Vaadin Ltd.
+ * Copyright (c) 2021 - 2022 Vaadin Ltd.
  * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
  */
 import { FieldObserver } from './vaadin-field-observer.js';

package/src/fields/vaadin-select-observer.js

@@ -1,6 +1,6 @@
 /**
  * @license
- * Copyright (c) 2021 Vaadin Ltd.
+ * Copyright (c) 2021 - 2022 Vaadin Ltd.
  * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
  */
 import { FieldObserver } from './vaadin-field-observer.js';

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

@@ -1,6 +1,6 @@
 /**
  * @license
- * Copyright (c) 2021 Vaadin Ltd.
+ * Copyright (c) 2021 - 2022 Vaadin Ltd.
  * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
  */
 import { ReactiveController } from 'lit';

package/src/vaadin-field-highlighter.js

@@ -1,11 +1,11 @@
 /**
  * @license
- * Copyright (c) 2021 Vaadin Ltd.
+ * Copyright (c) 2021 - 2022 Vaadin Ltd.
  * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
  */
 import './vaadin-field-outline.js';
 import './vaadin-user-tags.js';
-import { IronA11yAnnouncer } from '@polymer/iron-a11y-announcer/iron-a11y-announcer.js';
+import { announce } from '@vaadin/component-base/src/a11y-announcer.js';
 import { CheckboxGroupObserver } from './fields/vaadin-checkbox-group-observer.js';
 import { DatePickerObserver } from './fields/vaadin-date-picker-observer.js';
 import { DateTimePickerObserver } from './fields/vaadin-date-time-picker-observer.js';
@@ -61,7 +61,9 @@ export class FieldHighlighterController {
     this._user = user;
 
     if (user) {
-      this._announce(`${user.name} started editing`);
+      const msg = `${user.name} started editing`;
+      const { label } = this.host;
+      announce(label ? `${msg} ${label}` : msg);
     }
   }
 
@@ -94,7 +96,6 @@ export class FieldHighlighterController {
 
   hostConnected() {
     this.redraw();
-    IronA11yAnnouncer.requestAvailability();
   }
 
   addUser(user) {
@@ -143,23 +144,6 @@ export class FieldHighlighterController {
   redraw() {
     this.observer.redraw([...this.users].reverse());
   }
-
-  /**
-   * @param {string} msg
-   * @protected
-   */
-  _announce(msg) {
-    const label = this.host.label || '';
-    this.host.dispatchEvent(
-      new CustomEvent('iron-announce', {
-        bubbles: true,
-        composed: true,
-        detail: {
-          text: label ? `${msg} ${label}` : msg
-        }
-      })
-    );
-  }
 }
 
 /**

package/src/vaadin-field-outline.js

@@ -1,6 +1,6 @@
 /**
  * @license
- * Copyright (c) 2021 Vaadin Ltd.
+ * Copyright (c) 2021 - 2022 Vaadin Ltd.
  * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
  */
 import { html, PolymerElement } from '@polymer/polymer/polymer-element.js';

package/src/vaadin-user-tag.js

@@ -1,6 +1,6 @@
 /**
  * @license
- * Copyright (c) 2021 Vaadin Ltd.
+ * Copyright (c) 2021 - 2022 Vaadin Ltd.
  * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
  */
 import { html, PolymerElement } from '@polymer/polymer/polymer-element.js';

package/src/vaadin-user-tags-overlay.js

@@ -1,6 +1,6 @@
 /**
  * @license
- * Copyright (c) 2021 Vaadin Ltd.
+ * Copyright (c) 2021 - 2022 Vaadin Ltd.
  * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
  */
 import { OverlayElement } from '@vaadin/vaadin-overlay/src/vaadin-overlay.js';

package/src/vaadin-user-tags.js

@@ -1,6 +1,6 @@
 /**
  * @license
- * Copyright (c) 2021 Vaadin Ltd.
+ * Copyright (c) 2021 - 2022 Vaadin Ltd.
  * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
  */
 import './vaadin-user-tag.js';
@@ -279,7 +279,6 @@ export class UserTags extends PolymerElement {
 
     if (this.opened && this.hasFocus) {
       this.updateTags(users, changedTags);
-      return;
     } else if (addedUsers.length && document.visibilityState !== 'hidden') {
       // Avoid adding to queue if window is not visible.
       const tags = changedTags.added;

package/theme/lumo/vaadin-field-highlighter.js

@@ -1,6 +1,6 @@
 /**
  * @license
- * Copyright (c) 2021 Vaadin Ltd.
+ * 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-lumo-styles/user-colors.js';

package/theme/lumo/vaadin-field-outline-styles.js

@@ -1,6 +1,6 @@
 /**
  * @license
- * Copyright (c) 2021 Vaadin Ltd.
+ * 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-lumo-styles/spacing.js';

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

@@ -1,6 +1,6 @@
 /**
  * @license
- * Copyright (c) 2021 Vaadin Ltd.
+ * 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-lumo-styles/color.js';

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

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

package/theme/material/vaadin-field-highlighter.js

@@ -1,6 +1,6 @@
 /**
  * @license
- * Copyright (c) 2021 Vaadin Ltd.
+ * 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-material-styles/user-colors.js';

package/theme/material/vaadin-field-outline-styles.js

@@ -1,6 +1,6 @@
 /**
  * @license
- * Copyright (c) 2021 Vaadin Ltd.
+ * Copyright (c) 2021 - 2022 Vaadin Ltd.
  * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
  */
 import { css, registerStyles } from '@vaadin/vaadin-themable-mixin/vaadin-themable-mixin.js';

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

@@ -1,6 +1,6 @@
 /**
  * @license
- * Copyright (c) 2021 Vaadin Ltd.
+ * 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-material-styles/color.js';

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

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