@vaadin/field-highlighter 23.3.3 → 24.0.0-alpha10

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vaadin/field-highlighter",
-  "version": "23.3.3",
+  "version": "24.0.0-alpha10",
   "publishConfig": {
     "access": "public"
   },
@@ -34,29 +34,29 @@
   ],
   "dependencies": {
     "@polymer/polymer": "^3.0.0",
-    "@vaadin/component-base": "~23.3.3",
-    "@vaadin/overlay": "~23.3.3",
-    "@vaadin/vaadin-lumo-styles": "~23.3.3",
-    "@vaadin/vaadin-material-styles": "~23.3.3",
-    "@vaadin/vaadin-themable-mixin": "~23.3.3",
+    "@vaadin/component-base": "24.0.0-alpha10",
+    "@vaadin/overlay": "24.0.0-alpha10",
+    "@vaadin/vaadin-lumo-styles": "24.0.0-alpha10",
+    "@vaadin/vaadin-material-styles": "24.0.0-alpha10",
+    "@vaadin/vaadin-themable-mixin": "24.0.0-alpha10",
     "lit": "^2.0.0"
   },
   "devDependencies": {
     "@esm-bundle/chai": "^4.3.4",
-    "@vaadin/checkbox": "~23.3.3",
-    "@vaadin/checkbox-group": "~23.3.3",
-    "@vaadin/combo-box": "~23.3.3",
-    "@vaadin/date-picker": "~23.3.3",
-    "@vaadin/date-time-picker": "~23.3.3",
-    "@vaadin/item": "~23.3.3",
-    "@vaadin/list-box": "~23.3.3",
-    "@vaadin/radio-group": "~23.3.3",
-    "@vaadin/select": "~23.3.3",
+    "@vaadin/checkbox": "24.0.0-alpha10",
+    "@vaadin/checkbox-group": "24.0.0-alpha10",
+    "@vaadin/combo-box": "24.0.0-alpha10",
+    "@vaadin/date-picker": "24.0.0-alpha10",
+    "@vaadin/date-time-picker": "24.0.0-alpha10",
+    "@vaadin/item": "24.0.0-alpha10",
+    "@vaadin/list-box": "24.0.0-alpha10",
+    "@vaadin/radio-group": "24.0.0-alpha10",
+    "@vaadin/select": "24.0.0-alpha10",
     "@vaadin/testing-helpers": "^0.3.2",
-    "@vaadin/text-area": "~23.3.3",
-    "@vaadin/text-field": "~23.3.3",
-    "@vaadin/time-picker": "~23.3.3",
+    "@vaadin/text-area": "24.0.0-alpha10",
+    "@vaadin/text-field": "24.0.0-alpha10",
+    "@vaadin/time-picker": "24.0.0-alpha10",
     "sinon": "^13.0.2"
   },
-  "gitHead": "1529ed623e053d28a3c1c66af55ebe402743ddd0"
+  "gitHead": "2e04534d8b47bcd216f89b5f849bafef1a73b174"
 }

package/src/fields/outline.js

@@ -1,6 +1,6 @@
 /**
  * @license
- * Copyright (c) 2021 - 2022 Vaadin Ltd.
+ * Copyright (c) 2021 - 2023 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 - 2022 Vaadin Ltd.
+ * Copyright (c) 2021 - 2023 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 - 2022 Vaadin Ltd.
+ * Copyright (c) 2021 - 2023 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 - 2022 Vaadin Ltd.
+ * Copyright (c) 2021 - 2023 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';
@@ -36,15 +36,19 @@ export class DatePickerObserver extends ComponentObserver {
     datePicker.addEventListener('focusout', (event) => this.onFocusOut(event));
   }
 
+  isEventInOverlay(node) {
+    return this.datePicker._overlayContent && this.datePicker._overlayContent.contains(node);
+  }
+
   onBlur(event) {
     const datePicker = this.datePicker;
-    if (datePicker._fullscreen && event.relatedTarget !== this.overlay) {
+    if (datePicker._fullscreen && !this.isEventInOverlay(event.relatedTarget)) {
       this.fullscreenFocus = true;
     }
   }
 
   onFocusIn(event) {
-    if (event.relatedTarget === this.overlay) {
+    if (this.isEventInOverlay(event.relatedTarget)) {
       // Focus returns from the overlay, do nothing.
       return;
     }
@@ -59,7 +63,7 @@ export class DatePickerObserver extends ComponentObserver {
   }
 
   onFocusOut(event) {
-    if (this.fullscreenFocus || event.relatedTarget === this.overlay) {
+    if (this.fullscreenFocus || this.isEventInOverlay(event.relatedTarget)) {
       // Do nothing, overlay is opening.
     } else if (!this.datePicker.opened) {
       // Field blur when closed.

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

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

package/src/vaadin-field-highlighter.js

@@ -1,6 +1,6 @@
 /**
  * @license
- * Copyright (c) 2021 - 2022 Vaadin Ltd.
+ * Copyright (c) 2021 - 2023 Vaadin Ltd.
  * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
  */
 import './vaadin-field-outline.js';
@@ -53,20 +53,6 @@ const initFieldObserver = (field) => {
  * See https://vaadin.com/collaboration for Collaboration Engine documentation.
  */
 export class FieldHighlighterController {
-  get user() {
-    return this._user;
-  }
-
-  set user(user) {
-    this._user = user;
-
-    if (user) {
-      const msg = `${user.name} started editing`;
-      const { label } = this.host;
-      announce(label ? `${msg} ${label}` : msg);
-    }
-  }
-
   constructor(host) {
     this.host = host;
 
@@ -94,6 +80,20 @@ export class FieldHighlighterController {
     this.users = [];
   }
 
+  get user() {
+    return this._user;
+  }
+
+  set user(user) {
+    this._user = user;
+
+    if (user) {
+      const msg = `${user.name} started editing`;
+      const { label } = this.host;
+      announce(label ? `${msg} ${label}` : msg);
+    }
+  }
+
   hostConnected() {
     this.redraw();
   }

package/src/vaadin-field-outline.js

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

package/src/vaadin-user-tags.js

@@ -1,6 +1,6 @@
 /**
  * @license
- * Copyright (c) 2021 - 2022 Vaadin Ltd.
+ * Copyright (c) 2021 - 2023 Vaadin Ltd.
  * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
  */
 import './vaadin-user-tag.js';
@@ -128,6 +128,11 @@ export class UserTags extends PolymerElement {
     );
   }
 
+  /** @protected */
+  get wrapper() {
+    return this.$.overlay.querySelector('[part="tags"]');
+  }
+
   /** @protected */
   connectedCallback() {
     super.connectedCallback();
@@ -208,10 +213,6 @@ export class UserTags extends PolymerElement {
     }
   }
 
-  get wrapper() {
-    return this.$.overlay.content.querySelector('[part="tags"]');
-  }
-
   createUserTag(user) {
     const tag = document.createElement('vaadin-user-tag');
     tag.name = user.name;

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

@@ -1,6 +1,6 @@
 /**
  * @license
- * Copyright (c) 2021 - 2022 Vaadin Ltd.
+ * Copyright (c) 2021 - 2023 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 - 2022 Vaadin Ltd.
+ * Copyright (c) 2021 - 2023 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';
@@ -24,7 +24,7 @@ registerStyles(
       right: 0;
       bottom: 0;
       box-shadow: 0 0 0 2px var(--_active-user-color);
-      border-radius: var(--lumo-border-radius);
+      border-radius: var(--lumo-border-radius-s);
       transition: box-shadow 0.3s;
     }
 

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

@@ -1,6 +1,6 @@
 /**
  * @license
- * Copyright (c) 2021 - 2022 Vaadin Ltd.
+ * Copyright (c) 2021 - 2023 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 - 2022 Vaadin Ltd.
+ * Copyright (c) 2021 - 2023 Vaadin Ltd.
  * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
  */
 import '@vaadin/overlay/theme/lumo/vaadin-overlay.js';

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

@@ -1,6 +1,6 @@
 /**
  * @license
- * Copyright (c) 2021 - 2022 Vaadin Ltd.
+ * Copyright (c) 2021 - 2023 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 - 2022 Vaadin Ltd.
+ * Copyright (c) 2021 - 2023 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 - 2022 Vaadin Ltd.
+ * Copyright (c) 2021 - 2023 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 - 2022 Vaadin Ltd.
+ * Copyright (c) 2021 - 2023 Vaadin Ltd.
  * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
  */
 import '@vaadin/overlay/theme/material/vaadin-overlay.js';