@vaadin/field-highlighter 24.2.0-alpha9 → 24.2.0-beta2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vaadin/field-highlighter",
-  "version": "24.2.0-alpha9",
+  "version": "24.2.0-beta2",
   "publishConfig": {
     "access": "public"
   },
@@ -34,30 +34,30 @@
   ],
   "dependencies": {
     "@polymer/polymer": "^3.0.0",
-    "@vaadin/component-base": "24.2.0-alpha9",
-    "@vaadin/overlay": "24.2.0-alpha9",
-    "@vaadin/vaadin-lumo-styles": "24.2.0-alpha9",
-    "@vaadin/vaadin-material-styles": "24.2.0-alpha9",
-    "@vaadin/vaadin-themable-mixin": "24.2.0-alpha9",
+    "@vaadin/component-base": "24.2.0-beta2",
+    "@vaadin/overlay": "24.2.0-beta2",
+    "@vaadin/vaadin-lumo-styles": "24.2.0-beta2",
+    "@vaadin/vaadin-material-styles": "24.2.0-beta2",
+    "@vaadin/vaadin-themable-mixin": "24.2.0-beta2",
     "lit": "^2.0.0"
   },
   "devDependencies": {
     "@esm-bundle/chai": "^4.3.4",
-    "@vaadin/a11y-base": "24.2.0-alpha9",
-    "@vaadin/checkbox": "24.2.0-alpha9",
-    "@vaadin/checkbox-group": "24.2.0-alpha9",
-    "@vaadin/combo-box": "24.2.0-alpha9",
-    "@vaadin/date-picker": "24.2.0-alpha9",
-    "@vaadin/date-time-picker": "24.2.0-alpha9",
-    "@vaadin/item": "24.2.0-alpha9",
-    "@vaadin/list-box": "24.2.0-alpha9",
-    "@vaadin/radio-group": "24.2.0-alpha9",
-    "@vaadin/select": "24.2.0-alpha9",
+    "@vaadin/a11y-base": "24.2.0-beta2",
+    "@vaadin/checkbox": "24.2.0-beta2",
+    "@vaadin/checkbox-group": "24.2.0-beta2",
+    "@vaadin/combo-box": "24.2.0-beta2",
+    "@vaadin/date-picker": "24.2.0-beta2",
+    "@vaadin/date-time-picker": "24.2.0-beta2",
+    "@vaadin/item": "24.2.0-beta2",
+    "@vaadin/list-box": "24.2.0-beta2",
+    "@vaadin/radio-group": "24.2.0-beta2",
+    "@vaadin/select": "24.2.0-beta2",
     "@vaadin/testing-helpers": "^0.5.0",
-    "@vaadin/text-area": "24.2.0-alpha9",
-    "@vaadin/text-field": "24.2.0-alpha9",
-    "@vaadin/time-picker": "24.2.0-alpha9",
+    "@vaadin/text-area": "24.2.0-beta2",
+    "@vaadin/text-field": "24.2.0-beta2",
+    "@vaadin/time-picker": "24.2.0-beta2",
     "sinon": "^13.0.2"
   },
-  "gitHead": "e9765733fea96542e379e02e6f42b07145893140"
+  "gitHead": "4b852f9a12d4dade7f0fb3c73b7212436cebf310"
 }

package/src/vaadin-field-highlighter.js

@@ -6,6 +6,7 @@
 import './vaadin-field-outline.js';
 import './vaadin-user-tags.js';
 import { announce } from '@vaadin/a11y-base/src/announce.js';
+import { defineCustomElement } from '@vaadin/component-base/src/define.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';
@@ -151,8 +152,18 @@ export class FieldHighlighterController {
  * by configuring a reactive controller for a field instance.
  *
  * See https://vaadin.com/collaboration for Collaboration Engine documentation.
+ *
+ * @customElement
  */
 export class FieldHighlighter extends HTMLElement {
+  static get is() {
+    return 'vaadin-field-highlighter';
+  }
+
+  static get version() {
+    return '24.2.0-beta2';
+  }
+
   static init(field) {
     if (!field._highlighterController) {
       // Create instance
@@ -186,4 +197,4 @@ export class FieldHighlighter extends HTMLElement {
   }
 }
 
-customElements.define('vaadin-field-highlighter', FieldHighlighter);
+defineCustomElement(FieldHighlighter);

package/src/vaadin-field-outline.js

@@ -4,6 +4,7 @@
  * 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';
+import { defineCustomElement } from '@vaadin/component-base/src/define.js';
 import { DirMixin } from '@vaadin/component-base/src/dir-mixin.js';
 import { ThemableMixin } from '@vaadin/vaadin-themable-mixin/vaadin-themable-mixin.js';
 
@@ -82,4 +83,4 @@ export class FieldOutline extends ThemableMixin(DirMixin(PolymerElement)) {
   }
 }
 
-customElements.define(FieldOutline.is, FieldOutline);
+defineCustomElement(FieldOutline);

package/src/vaadin-user-tag.js

@@ -4,12 +4,14 @@
  * 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';
+import { defineCustomElement } from '@vaadin/component-base/src/define.js';
 import { DirMixin } from '@vaadin/component-base/src/dir-mixin.js';
 import { ThemableMixin } from '@vaadin/vaadin-themable-mixin/vaadin-themable-mixin.js';
 
 /**
  * An element used internally by `<vaadin-field-highlighter>`. Not intended to be used separately.
  *
+ * @customElement
  * @extends HTMLElement
  * @mixes DirMixin
  * @mixes ThemableMixin
@@ -121,4 +123,4 @@ export class UserTag extends ThemableMixin(DirMixin(PolymerElement)) {
   }
 }
 
-customElements.define(UserTag.is, UserTag);
+defineCustomElement(UserTag);

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

@@ -4,6 +4,7 @@
  * 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';
+import { defineCustomElement } from '@vaadin/component-base/src/define.js';
 import { DirMixin } from '@vaadin/component-base/src/dir-mixin.js';
 import { OverlayMixin } from '@vaadin/overlay/src/vaadin-overlay-mixin.js';
 import { PositionMixin } from '@vaadin/overlay/src/vaadin-overlay-position-mixin.js';
@@ -62,6 +63,7 @@ registerStyles('vaadin-user-tags-overlay', [overlayStyles, userTagsOverlayStyles
 /**
  * An element used internally by `<vaadin-field-highlighter>`. Not intended to be used separately.
  *
+ * @customElement
  * @extends HTMLElement
  * @mixes PositionMixin
  * @mixes OverlayMixin
@@ -86,4 +88,4 @@ class UserTagsOverlay extends PositionMixin(OverlayMixin(DirMixin(ThemableMixin(
   }
 }
 
-customElements.define(UserTagsOverlay.is, UserTagsOverlay);
+defineCustomElement(UserTagsOverlay);

package/src/vaadin-user-tags.js

@@ -9,6 +9,7 @@ import { calculateSplices } from '@polymer/polymer/lib/utils/array-splice.js';
 import { html, PolymerElement } from '@polymer/polymer/polymer-element.js';
 import { timeOut } from '@vaadin/component-base/src/async.js';
 import { Debouncer } from '@vaadin/component-base/src/debounce.js';
+import { defineCustomElement } from '@vaadin/component-base/src/define.js';
 
 const listenOnce = (elem, type) => {
   return new Promise((resolve) => {
@@ -23,6 +24,7 @@ const listenOnce = (elem, type) => {
 /**
  * An element used internally by `<vaadin-field-highlighter>`. Not intended to be used separately.
  *
+ * @customElement
  * @extends HTMLElement
  * @private
  */
@@ -450,4 +452,4 @@ export class UserTags extends PolymerElement {
   }
 }
 
-customElements.define(UserTags.is, UserTags);
+defineCustomElement(UserTags);