@openremote/or-vaadin-components 1.25.0 → 1.26.0-snapshot.20260618150807

package/custom-elements-jsx.d.ts

@@ -68,8 +68,8 @@ import type { MultiSelectComboBoxItem } from "/home/runner/work/openremote/openr
 import type { MultiSelectComboBoxScroller } from "/home/runner/work/openremote/openremote/node_modules/@vaadin/multi-select-combo-box/./lib/vaadin-multi-select-combo-box-scroller.js";
 import type { MultiSelectComboBox } from "/home/runner/work/openremote/openremote/node_modules/@vaadin/multi-select-combo-box/./lib/vaadin-multi-select-combo-box.js";
 import type { NumberField } from "/home/runner/work/openremote/openremote/node_modules/@vaadin/number-field/./lib/vaadin-number-field.js";
-import type { Overlay } from "/home/runner/work/openremote/openremote/node_modules/@vaadin/overlay/./lib/vaadin-overlay.js";
 import type { PasswordField } from "/home/runner/work/openremote/openremote/node_modules/@vaadin/password-field/./lib/vaadin-password-field.js";
+import type { Overlay } from "/home/runner/work/openremote/openremote/node_modules/@vaadin/overlay/./lib/vaadin-overlay.js";
 import type { RadioButton } from "/home/runner/work/openremote/openremote/node_modules/@vaadin/radio-group/./lib/vaadin-radio-button.js";
 import type { RadioGroup } from "/home/runner/work/openremote/openremote/node_modules/@vaadin/radio-group/./lib/vaadin-radio-group.js";
 import type { SelectListBox } from "/home/runner/work/openremote/openremote/node_modules/@vaadin/select/./lib/vaadin-select-list-box.js";
@@ -8341,144 +8341,6 @@ the clear icon element should be provided via the `clearElement` getter. */
   textContent?: string | number;
 };
 
-export type OverlayProps = {
-  /** Applied just after the overlay is opened. You can apply a CSS animation for this state. */
-  opening?: unknown;
-  /** Applied just after the overlay is opened. You can apply a CSS animation for this state. */
-  undefined?: unknown;
-  /** Applied just before the overlay is closed. You can apply a CSS animation for this state. */
-  closing?: unknown;
-  /** When true, the overlay is visible and attached to body. */
-  opened?: Overlay["opened"];
-  /** Owner element passed with renderer function */
-  owner?: Overlay["owner"];
-  /** Object with properties that is passed to `renderer` function */
-  model?: Overlay["model"];
-  /** Custom function for rendering the content of the overlay.
-Receives three arguments:
-
-- `root` The root container DOM element. Append your content to it.
-- `owner` The host element of the renderer function.
-- `model` The object with the properties related with rendering. */
-  renderer?: Overlay["renderer"];
-  /** When true the overlay won't disable the main content, showing
-it doesn't change the functionality of the user interface. */
-  modeless?: Overlay["modeless"];
-  /** When set to true, the overlay is hidden. This also closes the overlay
-immediately in case there is a closing animation in progress. */
-  hidden?: Overlay["hidden"];
-  /** When true the overlay has backdrop on top of content when opened. */
-  withBackdrop?: Overlay["withBackdrop"];
-  /** When true, opening the overlay moves focus to the first focusable child,
-or to the overlay part with tabindex if there are no focusable children. */
-  focusTrap?: Overlay["focusTrap"];
-  /** Set to true to enable restoring of focus when overlay is closed. */
-  restoreFocusOnClose?: Overlay["restoreFocusOnClose"];
-  /** Set to specify the element which should be focused on overlay close,
-if `restoreFocusOnClose` is set to true. */
-  restoreFocusNode?: Overlay["restoreFocusNode"];
-  /**  */
-  dir?: Overlay["dir"];
-  /**  */
-  _boundMouseDownListener?: Overlay["_boundMouseDownListener"];
-  /**  */
-  _boundMouseUpListener?: Overlay["_boundMouseUpListener"];
-  /**  */
-  _boundOutsideClickListener?: Overlay["_boundOutsideClickListener"];
-  /**  */
-  _boundKeydownListener?: Overlay["_boundKeydownListener"];
-  /**  */
-  __focusTrapController?: Overlay["__focusTrapController"];
-  /**  */
-  __focusRestorationController?: Overlay["__focusRestorationController"];
-
-  /** Fired when the `opened` property changes. */
-  "onopened-changed"?: (e: CustomEvent) => void;
-  /** Fired after the overlay is opened. */
-  "onvaadin-overlay-open"?: (e: CustomEvent) => void;
-  /** Fired when the opened overlay is about to be closed. Calling `preventDefault()` on the event cancels the closing. */
-  "onvaadin-overlay-close"?: (e: CustomEvent) => void;
-  /** Fired when the overlay starts to close. Closing the overlay can be asynchronous depending on the animation. */
-  "onvaadin-overlay-closing"?: (e: CustomEvent) => void;
-  /** Fired after the overlay is closed. */
-  "onvaadin-overlay-closed"?: (e: CustomEvent) => void;
-  /** Fired before the overlay is closed on outside click. Calling `preventDefault()` on the event cancels the closing. */
-  "onvaadin-overlay-outside-click"?: (e: CustomEvent) => void;
-  /** Fired before the overlay is closed on Escape key press. Calling `preventDefault()` on the event cancels the closing. */
-  "onvaadin-overlay-escape-press"?: (e: CustomEvent) => void;
-};
-
-export type OverlaySolidJsProps = {
-  /** Applied just after the overlay is opened. You can apply a CSS animation for this state. */
-  "bool:opening"?: unknown;
-  /** Applied just after the overlay is opened. You can apply a CSS animation for this state. */
-  "prop:undefined"?: unknown;
-  /** Applied just before the overlay is closed. You can apply a CSS animation for this state. */
-  "bool:closing"?: unknown;
-  /** When true, the overlay is visible and attached to body. */
-  "prop:opened"?: Overlay["opened"];
-  /** Owner element passed with renderer function */
-  "prop:owner"?: Overlay["owner"];
-  /** Object with properties that is passed to `renderer` function */
-  "prop:model"?: Overlay["model"];
-  /** Custom function for rendering the content of the overlay.
-Receives three arguments:
-
-- `root` The root container DOM element. Append your content to it.
-- `owner` The host element of the renderer function.
-- `model` The object with the properties related with rendering. */
-  "prop:renderer"?: Overlay["renderer"];
-  /** When true the overlay won't disable the main content, showing
-it doesn't change the functionality of the user interface. */
-  "prop:modeless"?: Overlay["modeless"];
-  /** When set to true, the overlay is hidden. This also closes the overlay
-immediately in case there is a closing animation in progress. */
-  "prop:hidden"?: Overlay["hidden"];
-  /** When true the overlay has backdrop on top of content when opened. */
-  "prop:withBackdrop"?: Overlay["withBackdrop"];
-  /** When true, opening the overlay moves focus to the first focusable child,
-or to the overlay part with tabindex if there are no focusable children. */
-  "prop:focusTrap"?: Overlay["focusTrap"];
-  /** Set to true to enable restoring of focus when overlay is closed. */
-  "prop:restoreFocusOnClose"?: Overlay["restoreFocusOnClose"];
-  /** Set to specify the element which should be focused on overlay close,
-if `restoreFocusOnClose` is set to true. */
-  "prop:restoreFocusNode"?: Overlay["restoreFocusNode"];
-  /**  */
-  "prop:dir"?: Overlay["dir"];
-  /**  */
-  "prop:_boundMouseDownListener"?: Overlay["_boundMouseDownListener"];
-  /**  */
-  "prop:_boundMouseUpListener"?: Overlay["_boundMouseUpListener"];
-  /**  */
-  "prop:_boundOutsideClickListener"?: Overlay["_boundOutsideClickListener"];
-  /**  */
-  "prop:_boundKeydownListener"?: Overlay["_boundKeydownListener"];
-  /**  */
-  "prop:__focusTrapController"?: Overlay["__focusTrapController"];
-  /**  */
-  "prop:__focusRestorationController"?: Overlay["__focusRestorationController"];
-  /** Fired when the `opened` property changes. */
-  "on:opened-changed"?: (e: CustomEvent) => void;
-  /** Fired after the overlay is opened. */
-  "on:vaadin-overlay-open"?: (e: CustomEvent) => void;
-  /** Fired when the opened overlay is about to be closed. Calling `preventDefault()` on the event cancels the closing. */
-  "on:vaadin-overlay-close"?: (e: CustomEvent) => void;
-  /** Fired when the overlay starts to close. Closing the overlay can be asynchronous depending on the animation. */
-  "on:vaadin-overlay-closing"?: (e: CustomEvent) => void;
-  /** Fired after the overlay is closed. */
-  "on:vaadin-overlay-closed"?: (e: CustomEvent) => void;
-  /** Fired before the overlay is closed on outside click. Calling `preventDefault()` on the event cancels the closing. */
-  "on:vaadin-overlay-outside-click"?: (e: CustomEvent) => void;
-  /** Fired before the overlay is closed on Escape key press. Calling `preventDefault()` on the event cancels the closing. */
-  "on:vaadin-overlay-escape-press"?: (e: CustomEvent) => void;
-
-  /** Set the innerHTML of the element */
-  innerHTML?: string;
-  /** Set the textContent of the element */
-  textContent?: string | number;
-};
-
 export type PasswordFieldProps = {
   /** Set when the element is disabled */
   disabled?: unknown;
@@ -8733,77 +8595,215 @@ the clear icon element should be provided via the `clearElement` getter. */
   textContent?: string | number;
 };
 
-export type RadioButtonProps = {
-  /** Set when the radio button is pressed, either with a pointer or the keyboard. */
-  active?: unknown;
-  /** Set when the radio button is pressed, either with a pointer or the keyboard. */
+export type OverlayProps = {
+  /** Applied just after the overlay is opened. You can apply a CSS animation for this state. */
+  opening?: unknown;
+  /** Applied just after the overlay is opened. You can apply a CSS animation for this state. */
   undefined?: unknown;
-  /** Set when the radio button is disabled. */
-  disabled?: unknown;
-  /** Set when the radio button is focused using the keyboard. */
-  "focus-ring"?: unknown;
-  /** Set when the radio button is focused. */
-  focused?: unknown;
-  /** Set when the radio button is checked. */
-  checked?: RadioButton["checked"];
-  /** Set when the radio button has a label. */
-  "has-label"?: unknown;
-  /** The name of the radio button. */
-  name?: RadioButton["name"];
-  /** The label text for the input node.
-When no light dom defined via [slot=label], this value will be used. */
-  label?: RadioButton["label"];
-  /**  */
-  dir?: RadioButton["dir"];
+  /** Applied just before the overlay is closed. You can apply a CSS animation for this state. */
+  closing?: unknown;
+  /** When true, the overlay is visible and attached to body. */
+  opened?: Overlay["opened"];
+  /** Owner element passed with renderer function */
+  owner?: Overlay["owner"];
+  /** Object with properties that is passed to `renderer` function */
+  model?: Overlay["model"];
+  /** Custom function for rendering the content of the overlay.
+Receives three arguments:
+
+- `root` The root container DOM element. Append your content to it.
+- `owner` The host element of the renderer function.
+- `model` The object with the properties related with rendering. */
+  renderer?: Overlay["renderer"];
+  /** When true the overlay won't disable the main content, showing
+it doesn't change the functionality of the user interface. */
+  modeless?: Overlay["modeless"];
+  /** When set to true, the overlay is hidden. This also closes the overlay
+immediately in case there is a closing animation in progress. */
+  hidden?: Overlay["hidden"];
+  /** When true the overlay has backdrop on top of content when opened. */
+  withBackdrop?: Overlay["withBackdrop"];
+  /** When true, opening the overlay moves focus to the first focusable child,
+or to the overlay part with tabindex if there are no focusable children. */
+  focusTrap?: Overlay["focusTrap"];
+  /** Set to true to enable restoring of focus when overlay is closed. */
+  restoreFocusOnClose?: Overlay["restoreFocusOnClose"];
+  /** Set to specify the element which should be focused on overlay close,
+if `restoreFocusOnClose` is set to true. */
+  restoreFocusNode?: Overlay["restoreFocusNode"];
   /**  */
-  value?: RadioButton["value"];
+  dir?: Overlay["dir"];
   /**  */
-  tabindex?: RadioButton["tabindex"];
+  _boundMouseDownListener?: Overlay["_boundMouseDownListener"];
   /**  */
-  _labelController?: RadioButton["_labelController"];
-
-  /** Fired when the `checked` property changes. */
-  "onchecked-changed"?: (e: CustomEvent) => void;
-};
-
-export type RadioButtonSolidJsProps = {
-  /** Set when the radio button is pressed, either with a pointer or the keyboard. */
-  "bool:active"?: unknown;
-  /** Set when the radio button is pressed, either with a pointer or the keyboard. */
-  "prop:undefined"?: unknown;
-  /** Set when the radio button is disabled. */
-  "bool:disabled"?: unknown;
-  /** Set when the radio button is focused using the keyboard. */
-  "bool:focus-ring"?: unknown;
-  /** Set when the radio button is focused. */
-  "bool:focused"?: unknown;
-  /** Set when the radio button is checked. */
-  "prop:checked"?: RadioButton["checked"];
-  /** Set when the radio button has a label. */
-  "bool:has-label"?: unknown;
-  /** The name of the radio button. */
-  "prop:name"?: RadioButton["name"];
-  /** The label text for the input node.
-When no light dom defined via [slot=label], this value will be used. */
-  "prop:label"?: RadioButton["label"];
+  _boundMouseUpListener?: Overlay["_boundMouseUpListener"];
   /**  */
-  "prop:dir"?: RadioButton["dir"];
+  _boundOutsideClickListener?: Overlay["_boundOutsideClickListener"];
   /**  */
-  "prop:value"?: RadioButton["value"];
+  _boundKeydownListener?: Overlay["_boundKeydownListener"];
   /**  */
-  "prop:tabindex"?: RadioButton["tabindex"];
+  __focusTrapController?: Overlay["__focusTrapController"];
   /**  */
-  "prop:_labelController"?: RadioButton["_labelController"];
-  /** Fired when the `checked` property changes. */
-  "on:checked-changed"?: (e: CustomEvent) => void;
+  __focusRestorationController?: Overlay["__focusRestorationController"];
 
-  /** Set the innerHTML of the element */
-  innerHTML?: string;
-  /** Set the textContent of the element */
-  textContent?: string | number;
+  /** Fired when the `opened` property changes. */
+  "onopened-changed"?: (e: CustomEvent) => void;
+  /** Fired after the overlay is opened. */
+  "onvaadin-overlay-open"?: (e: CustomEvent) => void;
+  /** Fired when the opened overlay is about to be closed. Calling `preventDefault()` on the event cancels the closing. */
+  "onvaadin-overlay-close"?: (e: CustomEvent) => void;
+  /** Fired when the overlay starts to close. Closing the overlay can be asynchronous depending on the animation. */
+  "onvaadin-overlay-closing"?: (e: CustomEvent) => void;
+  /** Fired after the overlay is closed. */
+  "onvaadin-overlay-closed"?: (e: CustomEvent) => void;
+  /** Fired before the overlay is closed on outside click. Calling `preventDefault()` on the event cancels the closing. */
+  "onvaadin-overlay-outside-click"?: (e: CustomEvent) => void;
+  /** Fired before the overlay is closed on Escape key press. Calling `preventDefault()` on the event cancels the closing. */
+  "onvaadin-overlay-escape-press"?: (e: CustomEvent) => void;
 };
 
-export type RadioGroupProps = {
+export type OverlaySolidJsProps = {
+  /** Applied just after the overlay is opened. You can apply a CSS animation for this state. */
+  "bool:opening"?: unknown;
+  /** Applied just after the overlay is opened. You can apply a CSS animation for this state. */
+  "prop:undefined"?: unknown;
+  /** Applied just before the overlay is closed. You can apply a CSS animation for this state. */
+  "bool:closing"?: unknown;
+  /** When true, the overlay is visible and attached to body. */
+  "prop:opened"?: Overlay["opened"];
+  /** Owner element passed with renderer function */
+  "prop:owner"?: Overlay["owner"];
+  /** Object with properties that is passed to `renderer` function */
+  "prop:model"?: Overlay["model"];
+  /** Custom function for rendering the content of the overlay.
+Receives three arguments:
+
+- `root` The root container DOM element. Append your content to it.
+- `owner` The host element of the renderer function.
+- `model` The object with the properties related with rendering. */
+  "prop:renderer"?: Overlay["renderer"];
+  /** When true the overlay won't disable the main content, showing
+it doesn't change the functionality of the user interface. */
+  "prop:modeless"?: Overlay["modeless"];
+  /** When set to true, the overlay is hidden. This also closes the overlay
+immediately in case there is a closing animation in progress. */
+  "prop:hidden"?: Overlay["hidden"];
+  /** When true the overlay has backdrop on top of content when opened. */
+  "prop:withBackdrop"?: Overlay["withBackdrop"];
+  /** When true, opening the overlay moves focus to the first focusable child,
+or to the overlay part with tabindex if there are no focusable children. */
+  "prop:focusTrap"?: Overlay["focusTrap"];
+  /** Set to true to enable restoring of focus when overlay is closed. */
+  "prop:restoreFocusOnClose"?: Overlay["restoreFocusOnClose"];
+  /** Set to specify the element which should be focused on overlay close,
+if `restoreFocusOnClose` is set to true. */
+  "prop:restoreFocusNode"?: Overlay["restoreFocusNode"];
+  /**  */
+  "prop:dir"?: Overlay["dir"];
+  /**  */
+  "prop:_boundMouseDownListener"?: Overlay["_boundMouseDownListener"];
+  /**  */
+  "prop:_boundMouseUpListener"?: Overlay["_boundMouseUpListener"];
+  /**  */
+  "prop:_boundOutsideClickListener"?: Overlay["_boundOutsideClickListener"];
+  /**  */
+  "prop:_boundKeydownListener"?: Overlay["_boundKeydownListener"];
+  /**  */
+  "prop:__focusTrapController"?: Overlay["__focusTrapController"];
+  /**  */
+  "prop:__focusRestorationController"?: Overlay["__focusRestorationController"];
+  /** Fired when the `opened` property changes. */
+  "on:opened-changed"?: (e: CustomEvent) => void;
+  /** Fired after the overlay is opened. */
+  "on:vaadin-overlay-open"?: (e: CustomEvent) => void;
+  /** Fired when the opened overlay is about to be closed. Calling `preventDefault()` on the event cancels the closing. */
+  "on:vaadin-overlay-close"?: (e: CustomEvent) => void;
+  /** Fired when the overlay starts to close. Closing the overlay can be asynchronous depending on the animation. */
+  "on:vaadin-overlay-closing"?: (e: CustomEvent) => void;
+  /** Fired after the overlay is closed. */
+  "on:vaadin-overlay-closed"?: (e: CustomEvent) => void;
+  /** Fired before the overlay is closed on outside click. Calling `preventDefault()` on the event cancels the closing. */
+  "on:vaadin-overlay-outside-click"?: (e: CustomEvent) => void;
+  /** Fired before the overlay is closed on Escape key press. Calling `preventDefault()` on the event cancels the closing. */
+  "on:vaadin-overlay-escape-press"?: (e: CustomEvent) => void;
+
+  /** Set the innerHTML of the element */
+  innerHTML?: string;
+  /** Set the textContent of the element */
+  textContent?: string | number;
+};
+
+export type RadioButtonProps = {
+  /** Set when the radio button is pressed, either with a pointer or the keyboard. */
+  active?: unknown;
+  /** Set when the radio button is pressed, either with a pointer or the keyboard. */
+  undefined?: unknown;
+  /** Set when the radio button is disabled. */
+  disabled?: unknown;
+  /** Set when the radio button is focused using the keyboard. */
+  "focus-ring"?: unknown;
+  /** Set when the radio button is focused. */
+  focused?: unknown;
+  /** Set when the radio button is checked. */
+  checked?: RadioButton["checked"];
+  /** Set when the radio button has a label. */
+  "has-label"?: unknown;
+  /** The name of the radio button. */
+  name?: RadioButton["name"];
+  /** The label text for the input node.
+When no light dom defined via [slot=label], this value will be used. */
+  label?: RadioButton["label"];
+  /**  */
+  dir?: RadioButton["dir"];
+  /**  */
+  value?: RadioButton["value"];
+  /**  */
+  tabindex?: RadioButton["tabindex"];
+  /**  */
+  _labelController?: RadioButton["_labelController"];
+
+  /** Fired when the `checked` property changes. */
+  "onchecked-changed"?: (e: CustomEvent) => void;
+};
+
+export type RadioButtonSolidJsProps = {
+  /** Set when the radio button is pressed, either with a pointer or the keyboard. */
+  "bool:active"?: unknown;
+  /** Set when the radio button is pressed, either with a pointer or the keyboard. */
+  "prop:undefined"?: unknown;
+  /** Set when the radio button is disabled. */
+  "bool:disabled"?: unknown;
+  /** Set when the radio button is focused using the keyboard. */
+  "bool:focus-ring"?: unknown;
+  /** Set when the radio button is focused. */
+  "bool:focused"?: unknown;
+  /** Set when the radio button is checked. */
+  "prop:checked"?: RadioButton["checked"];
+  /** Set when the radio button has a label. */
+  "bool:has-label"?: unknown;
+  /** The name of the radio button. */
+  "prop:name"?: RadioButton["name"];
+  /** The label text for the input node.
+When no light dom defined via [slot=label], this value will be used. */
+  "prop:label"?: RadioButton["label"];
+  /**  */
+  "prop:dir"?: RadioButton["dir"];
+  /**  */
+  "prop:value"?: RadioButton["value"];
+  /**  */
+  "prop:tabindex"?: RadioButton["tabindex"];
+  /**  */
+  "prop:_labelController"?: RadioButton["_labelController"];
+  /** Fired when the `checked` property changes. */
+  "on:checked-changed"?: (e: CustomEvent) => void;
+
+  /** Set the innerHTML of the element */
+  innerHTML?: string;
+  /** Set the textContent of the element */
+  textContent?: string | number;
+};
+
+export type RadioGroupProps = {
   /** Set when the element is disabled */
   disabled?: unknown;
   /** Set when the element is disabled */
@@ -16093,128 +16093,6 @@ export type CustomElements = {
     NumberFieldProps & BaseProps<NumberField> & BaseEvents
   >;
 
-  /**
-   * `<vaadin-overlay>` is a Web Component for creating overlays. The content of the overlay
-   * can be populated imperatively by using `renderer` callback function.
-   *
-   * ### Rendering
-   *
-   * The renderer function provides `root`, `owner`, `model` arguments when applicable.
-   * Generate DOM content by using `model` object properties if needed, append it to the `root`
-   * element and control the state of the host element by accessing `owner`. Before generating new
-   * content, users are able to check if there is already content in `root` for reusing it.
-   *
-   * ```html
-   * <vaadin-overlay id="overlay"></vaadin-overlay>
-   * ```
-   * ```js
-   * const overlay = document.querySelector('#overlay');
-   * overlay.renderer = function(root) {
-   *  root.textContent = "Overlay content";
-   * };
-   * ```
-   *
-   * Renderer is called on the opening of the overlay and each time the related model is updated.
-   * DOM generated during the renderer call can be reused
-   * in the next renderer call and will be provided with the `root` argument.
-   * On first call it will be empty.
-   *
-   * ### Styling
-   *
-   * The following Shadow DOM parts are available for styling:
-   *
-   * Part name  | Description
-   * -----------|---------------------------------------------------------|
-   * `backdrop` | Backdrop of the overlay
-   * `overlay`  | Container for position/sizing/alignment of the content
-   * `content`  | Content of the overlay
-   *
-   * The following state attributes are available for styling:
-   *
-   * Attribute | Description
-   * ----------|------------
-   * `opening` | Applied just after the overlay is opened. You can apply a CSS animation for this state.
-   * `closing` | Applied just before the overlay is closed. You can apply a CSS animation for this state.
-   *
-   * The following custom CSS properties are available for styling:
-   *
-   * Custom CSS property | Description | Default value
-   * ---|---|---
-   * `--vaadin-overlay-viewport-bottom` | Bottom offset of the visible viewport area | `0` or detected offset
-   *
-   * See [Styling Components](https://vaadin.com/docs/latest/styling/styling-components) documentation.
-   *
-   * ## Attributes & Properties
-   *
-   * Component attributes and properties that can be applied to the element or by using JavaScript.
-   *
-   * - `opening`/`undefined`: Applied just after the overlay is opened. You can apply a CSS animation for this state.
-   * - `closing`/`undefined`: Applied just before the overlay is closed. You can apply a CSS animation for this state.
-   * - `opened`: When true, the overlay is visible and attached to body.
-   * - `owner`: Owner element passed with renderer function
-   * - `model`: Object with properties that is passed to `renderer` function
-   * - `renderer`: Custom function for rendering the content of the overlay.
-   * Receives three arguments:
-   *
-   * - `root` The root container DOM element. Append your content to it.
-   * - `owner` The host element of the renderer function.
-   * - `model` The object with the properties related with rendering.
-   * - `modeless`: When true the overlay won't disable the main content, showing
-   * it doesn't change the functionality of the user interface.
-   * - `hidden`: When set to true, the overlay is hidden. This also closes the overlay
-   * immediately in case there is a closing animation in progress.
-   * - `withBackdrop`: When true the overlay has backdrop on top of content when opened.
-   * - `focusTrap`: When true, opening the overlay moves focus to the first focusable child,
-   * or to the overlay part with tabindex if there are no focusable children.
-   * - `restoreFocusOnClose`: Set to true to enable restoring of focus when overlay is closed.
-   * - `restoreFocusNode`: Set to specify the element which should be focused on overlay close,
-   * if `restoreFocusOnClose` is set to true.
-   * - `dir`: undefined
-   * - `_boundMouseDownListener`: undefined (property only)
-   * - `_boundMouseUpListener`: undefined (property only)
-   * - `_boundOutsideClickListener`: undefined (property only)
-   * - `_boundKeydownListener`: undefined (property only)
-   * - `__focusTrapController`: undefined (property only)
-   * - `__focusRestorationController`: undefined (property only)
-   *
-   * ## Events
-   *
-   * Events that will be emitted by the component.
-   *
-   * - `opened-changed`: Fired when the `opened` property changes.
-   * - `vaadin-overlay-open`: Fired after the overlay is opened.
-   * - `vaadin-overlay-close`: Fired when the opened overlay is about to be closed. Calling `preventDefault()` on the event cancels the closing.
-   * - `vaadin-overlay-closing`: Fired when the overlay starts to close. Closing the overlay can be asynchronous depending on the animation.
-   * - `vaadin-overlay-closed`: Fired after the overlay is closed.
-   * - `vaadin-overlay-outside-click`: Fired before the overlay is closed on outside click. Calling `preventDefault()` on the event cancels the closing.
-   * - `vaadin-overlay-escape-press`: Fired before the overlay is closed on Escape key press. Calling `preventDefault()` on the event cancels the closing.
-   * - `undefined`: undefined
-   *
-   * ## Methods
-   *
-   * Methods that can be called to access component functionality.
-   *
-   * - `requestContentUpdate() => void`: Requests an update for the content of the overlay.
-   * While performing the update, it invokes the renderer passed in the `renderer` property.
-   *
-   * It is not guaranteed that the update happens immediately (synchronously) after it is requested.
-   * - `close(sourceEvent: Event=) => void`: undefined
-   * - `setBounds(bounds: !OverlayBoundsParam, absolute: boolean = true) => void`: Updates the coordinates of the overlay.
-   * - `bringToFront() => void`: Brings the overlay as visually the frontmost one.
-   * - `createProperty(name, options) => void`: undefined
-   * - `getOrCreateMap(name) => void`: undefined
-   * - `addCheckedInitializer(initializer) => void`: undefined
-   * - `getPropertyDescriptor(name, key, options) => void`: undefined
-   *
-   * ## CSS Custom Properties
-   *
-   * CSS variables available for styling the component.
-   *
-   * - `--vaadin-overlay-viewport-bottom`: Bottom offset of the visible viewport area (default: `undefined`)
-   * - `0`: undefined (default: `undefined`)
-   */
-  "vaadin-overlay": Partial<OverlayProps & BaseProps<Overlay> & BaseEvents>;
-
   /**
    * `<vaadin-password-field>` is an extension of `<vaadin-text-field>` component for entering passwords.
    *
@@ -16351,9 +16229,131 @@ export type CustomElements = {
    * - `addCheckedInitializer(initializer) => void`: undefined
    * - `getPropertyDescriptor(name, key, options) => void`: undefined
    */
-  "vaadin-password-field": Partial<
-    PasswordFieldProps & BaseProps<PasswordField> & BaseEvents
-  >;
+  "vaadin-password-field": Partial<
+    PasswordFieldProps & BaseProps<PasswordField> & BaseEvents
+  >;
+
+  /**
+   * `<vaadin-overlay>` is a Web Component for creating overlays. The content of the overlay
+   * can be populated imperatively by using `renderer` callback function.
+   *
+   * ### Rendering
+   *
+   * The renderer function provides `root`, `owner`, `model` arguments when applicable.
+   * Generate DOM content by using `model` object properties if needed, append it to the `root`
+   * element and control the state of the host element by accessing `owner`. Before generating new
+   * content, users are able to check if there is already content in `root` for reusing it.
+   *
+   * ```html
+   * <vaadin-overlay id="overlay"></vaadin-overlay>
+   * ```
+   * ```js
+   * const overlay = document.querySelector('#overlay');
+   * overlay.renderer = function(root) {
+   *  root.textContent = "Overlay content";
+   * };
+   * ```
+   *
+   * Renderer is called on the opening of the overlay and each time the related model is updated.
+   * DOM generated during the renderer call can be reused
+   * in the next renderer call and will be provided with the `root` argument.
+   * On first call it will be empty.
+   *
+   * ### Styling
+   *
+   * The following Shadow DOM parts are available for styling:
+   *
+   * Part name  | Description
+   * -----------|---------------------------------------------------------|
+   * `backdrop` | Backdrop of the overlay
+   * `overlay`  | Container for position/sizing/alignment of the content
+   * `content`  | Content of the overlay
+   *
+   * The following state attributes are available for styling:
+   *
+   * Attribute | Description
+   * ----------|------------
+   * `opening` | Applied just after the overlay is opened. You can apply a CSS animation for this state.
+   * `closing` | Applied just before the overlay is closed. You can apply a CSS animation for this state.
+   *
+   * The following custom CSS properties are available for styling:
+   *
+   * Custom CSS property | Description | Default value
+   * ---|---|---
+   * `--vaadin-overlay-viewport-bottom` | Bottom offset of the visible viewport area | `0` or detected offset
+   *
+   * See [Styling Components](https://vaadin.com/docs/latest/styling/styling-components) documentation.
+   *
+   * ## Attributes & Properties
+   *
+   * Component attributes and properties that can be applied to the element or by using JavaScript.
+   *
+   * - `opening`/`undefined`: Applied just after the overlay is opened. You can apply a CSS animation for this state.
+   * - `closing`/`undefined`: Applied just before the overlay is closed. You can apply a CSS animation for this state.
+   * - `opened`: When true, the overlay is visible and attached to body.
+   * - `owner`: Owner element passed with renderer function
+   * - `model`: Object with properties that is passed to `renderer` function
+   * - `renderer`: Custom function for rendering the content of the overlay.
+   * Receives three arguments:
+   *
+   * - `root` The root container DOM element. Append your content to it.
+   * - `owner` The host element of the renderer function.
+   * - `model` The object with the properties related with rendering.
+   * - `modeless`: When true the overlay won't disable the main content, showing
+   * it doesn't change the functionality of the user interface.
+   * - `hidden`: When set to true, the overlay is hidden. This also closes the overlay
+   * immediately in case there is a closing animation in progress.
+   * - `withBackdrop`: When true the overlay has backdrop on top of content when opened.
+   * - `focusTrap`: When true, opening the overlay moves focus to the first focusable child,
+   * or to the overlay part with tabindex if there are no focusable children.
+   * - `restoreFocusOnClose`: Set to true to enable restoring of focus when overlay is closed.
+   * - `restoreFocusNode`: Set to specify the element which should be focused on overlay close,
+   * if `restoreFocusOnClose` is set to true.
+   * - `dir`: undefined
+   * - `_boundMouseDownListener`: undefined (property only)
+   * - `_boundMouseUpListener`: undefined (property only)
+   * - `_boundOutsideClickListener`: undefined (property only)
+   * - `_boundKeydownListener`: undefined (property only)
+   * - `__focusTrapController`: undefined (property only)
+   * - `__focusRestorationController`: undefined (property only)
+   *
+   * ## Events
+   *
+   * Events that will be emitted by the component.
+   *
+   * - `opened-changed`: Fired when the `opened` property changes.
+   * - `vaadin-overlay-open`: Fired after the overlay is opened.
+   * - `vaadin-overlay-close`: Fired when the opened overlay is about to be closed. Calling `preventDefault()` on the event cancels the closing.
+   * - `vaadin-overlay-closing`: Fired when the overlay starts to close. Closing the overlay can be asynchronous depending on the animation.
+   * - `vaadin-overlay-closed`: Fired after the overlay is closed.
+   * - `vaadin-overlay-outside-click`: Fired before the overlay is closed on outside click. Calling `preventDefault()` on the event cancels the closing.
+   * - `vaadin-overlay-escape-press`: Fired before the overlay is closed on Escape key press. Calling `preventDefault()` on the event cancels the closing.
+   * - `undefined`: undefined
+   *
+   * ## Methods
+   *
+   * Methods that can be called to access component functionality.
+   *
+   * - `requestContentUpdate() => void`: Requests an update for the content of the overlay.
+   * While performing the update, it invokes the renderer passed in the `renderer` property.
+   *
+   * It is not guaranteed that the update happens immediately (synchronously) after it is requested.
+   * - `close(sourceEvent: Event=) => void`: undefined
+   * - `setBounds(bounds: !OverlayBoundsParam, absolute: boolean = true) => void`: Updates the coordinates of the overlay.
+   * - `bringToFront() => void`: Brings the overlay as visually the frontmost one.
+   * - `createProperty(name, options) => void`: undefined
+   * - `getOrCreateMap(name) => void`: undefined
+   * - `addCheckedInitializer(initializer) => void`: undefined
+   * - `getPropertyDescriptor(name, key, options) => void`: undefined
+   *
+   * ## CSS Custom Properties
+   *
+   * CSS variables available for styling the component.
+   *
+   * - `--vaadin-overlay-viewport-bottom`: Bottom offset of the visible viewport area (default: `undefined`)
+   * - `0`: undefined (default: `undefined`)
+   */
+  "vaadin-overlay": Partial<OverlayProps & BaseProps<Overlay> & BaseEvents>;
 
   /**
    * `<vaadin-radio-button>` is a web component representing a choice in a radio group.
@@ -23534,130 +23534,6 @@ export type CustomElementsSolidJs = {
       BaseEvents
   >;
 
-  /**
-   * `<vaadin-overlay>` is a Web Component for creating overlays. The content of the overlay
-   * can be populated imperatively by using `renderer` callback function.
-   *
-   * ### Rendering
-   *
-   * The renderer function provides `root`, `owner`, `model` arguments when applicable.
-   * Generate DOM content by using `model` object properties if needed, append it to the `root`
-   * element and control the state of the host element by accessing `owner`. Before generating new
-   * content, users are able to check if there is already content in `root` for reusing it.
-   *
-   * ```html
-   * <vaadin-overlay id="overlay"></vaadin-overlay>
-   * ```
-   * ```js
-   * const overlay = document.querySelector('#overlay');
-   * overlay.renderer = function(root) {
-   *  root.textContent = "Overlay content";
-   * };
-   * ```
-   *
-   * Renderer is called on the opening of the overlay and each time the related model is updated.
-   * DOM generated during the renderer call can be reused
-   * in the next renderer call and will be provided with the `root` argument.
-   * On first call it will be empty.
-   *
-   * ### Styling
-   *
-   * The following Shadow DOM parts are available for styling:
-   *
-   * Part name  | Description
-   * -----------|---------------------------------------------------------|
-   * `backdrop` | Backdrop of the overlay
-   * `overlay`  | Container for position/sizing/alignment of the content
-   * `content`  | Content of the overlay
-   *
-   * The following state attributes are available for styling:
-   *
-   * Attribute | Description
-   * ----------|------------
-   * `opening` | Applied just after the overlay is opened. You can apply a CSS animation for this state.
-   * `closing` | Applied just before the overlay is closed. You can apply a CSS animation for this state.
-   *
-   * The following custom CSS properties are available for styling:
-   *
-   * Custom CSS property | Description | Default value
-   * ---|---|---
-   * `--vaadin-overlay-viewport-bottom` | Bottom offset of the visible viewport area | `0` or detected offset
-   *
-   * See [Styling Components](https://vaadin.com/docs/latest/styling/styling-components) documentation.
-   *
-   * ## Attributes & Properties
-   *
-   * Component attributes and properties that can be applied to the element or by using JavaScript.
-   *
-   * - `opening`/`undefined`: Applied just after the overlay is opened. You can apply a CSS animation for this state.
-   * - `closing`/`undefined`: Applied just before the overlay is closed. You can apply a CSS animation for this state.
-   * - `opened`: When true, the overlay is visible and attached to body.
-   * - `owner`: Owner element passed with renderer function
-   * - `model`: Object with properties that is passed to `renderer` function
-   * - `renderer`: Custom function for rendering the content of the overlay.
-   * Receives three arguments:
-   *
-   * - `root` The root container DOM element. Append your content to it.
-   * - `owner` The host element of the renderer function.
-   * - `model` The object with the properties related with rendering.
-   * - `modeless`: When true the overlay won't disable the main content, showing
-   * it doesn't change the functionality of the user interface.
-   * - `hidden`: When set to true, the overlay is hidden. This also closes the overlay
-   * immediately in case there is a closing animation in progress.
-   * - `withBackdrop`: When true the overlay has backdrop on top of content when opened.
-   * - `focusTrap`: When true, opening the overlay moves focus to the first focusable child,
-   * or to the overlay part with tabindex if there are no focusable children.
-   * - `restoreFocusOnClose`: Set to true to enable restoring of focus when overlay is closed.
-   * - `restoreFocusNode`: Set to specify the element which should be focused on overlay close,
-   * if `restoreFocusOnClose` is set to true.
-   * - `dir`: undefined
-   * - `_boundMouseDownListener`: undefined (property only)
-   * - `_boundMouseUpListener`: undefined (property only)
-   * - `_boundOutsideClickListener`: undefined (property only)
-   * - `_boundKeydownListener`: undefined (property only)
-   * - `__focusTrapController`: undefined (property only)
-   * - `__focusRestorationController`: undefined (property only)
-   *
-   * ## Events
-   *
-   * Events that will be emitted by the component.
-   *
-   * - `opened-changed`: Fired when the `opened` property changes.
-   * - `vaadin-overlay-open`: Fired after the overlay is opened.
-   * - `vaadin-overlay-close`: Fired when the opened overlay is about to be closed. Calling `preventDefault()` on the event cancels the closing.
-   * - `vaadin-overlay-closing`: Fired when the overlay starts to close. Closing the overlay can be asynchronous depending on the animation.
-   * - `vaadin-overlay-closed`: Fired after the overlay is closed.
-   * - `vaadin-overlay-outside-click`: Fired before the overlay is closed on outside click. Calling `preventDefault()` on the event cancels the closing.
-   * - `vaadin-overlay-escape-press`: Fired before the overlay is closed on Escape key press. Calling `preventDefault()` on the event cancels the closing.
-   * - `undefined`: undefined
-   *
-   * ## Methods
-   *
-   * Methods that can be called to access component functionality.
-   *
-   * - `requestContentUpdate() => void`: Requests an update for the content of the overlay.
-   * While performing the update, it invokes the renderer passed in the `renderer` property.
-   *
-   * It is not guaranteed that the update happens immediately (synchronously) after it is requested.
-   * - `close(sourceEvent: Event=) => void`: undefined
-   * - `setBounds(bounds: !OverlayBoundsParam, absolute: boolean = true) => void`: Updates the coordinates of the overlay.
-   * - `bringToFront() => void`: Brings the overlay as visually the frontmost one.
-   * - `createProperty(name, options) => void`: undefined
-   * - `getOrCreateMap(name) => void`: undefined
-   * - `addCheckedInitializer(initializer) => void`: undefined
-   * - `getPropertyDescriptor(name, key, options) => void`: undefined
-   *
-   * ## CSS Custom Properties
-   *
-   * CSS variables available for styling the component.
-   *
-   * - `--vaadin-overlay-viewport-bottom`: Bottom offset of the visible viewport area (default: `undefined`)
-   * - `0`: undefined (default: `undefined`)
-   */
-  "vaadin-overlay": Partial<
-    OverlayProps & OverlaySolidJsProps & BaseProps<Overlay> & BaseEvents
-  >;
-
   /**
    * `<vaadin-password-field>` is an extension of `<vaadin-text-field>` component for entering passwords.
    *
@@ -23801,6 +23677,130 @@ export type CustomElementsSolidJs = {
       BaseEvents
   >;
 
+  /**
+   * `<vaadin-overlay>` is a Web Component for creating overlays. The content of the overlay
+   * can be populated imperatively by using `renderer` callback function.
+   *
+   * ### Rendering
+   *
+   * The renderer function provides `root`, `owner`, `model` arguments when applicable.
+   * Generate DOM content by using `model` object properties if needed, append it to the `root`
+   * element and control the state of the host element by accessing `owner`. Before generating new
+   * content, users are able to check if there is already content in `root` for reusing it.
+   *
+   * ```html
+   * <vaadin-overlay id="overlay"></vaadin-overlay>
+   * ```
+   * ```js
+   * const overlay = document.querySelector('#overlay');
+   * overlay.renderer = function(root) {
+   *  root.textContent = "Overlay content";
+   * };
+   * ```
+   *
+   * Renderer is called on the opening of the overlay and each time the related model is updated.
+   * DOM generated during the renderer call can be reused
+   * in the next renderer call and will be provided with the `root` argument.
+   * On first call it will be empty.
+   *
+   * ### Styling
+   *
+   * The following Shadow DOM parts are available for styling:
+   *
+   * Part name  | Description
+   * -----------|---------------------------------------------------------|
+   * `backdrop` | Backdrop of the overlay
+   * `overlay`  | Container for position/sizing/alignment of the content
+   * `content`  | Content of the overlay
+   *
+   * The following state attributes are available for styling:
+   *
+   * Attribute | Description
+   * ----------|------------
+   * `opening` | Applied just after the overlay is opened. You can apply a CSS animation for this state.
+   * `closing` | Applied just before the overlay is closed. You can apply a CSS animation for this state.
+   *
+   * The following custom CSS properties are available for styling:
+   *
+   * Custom CSS property | Description | Default value
+   * ---|---|---
+   * `--vaadin-overlay-viewport-bottom` | Bottom offset of the visible viewport area | `0` or detected offset
+   *
+   * See [Styling Components](https://vaadin.com/docs/latest/styling/styling-components) documentation.
+   *
+   * ## Attributes & Properties
+   *
+   * Component attributes and properties that can be applied to the element or by using JavaScript.
+   *
+   * - `opening`/`undefined`: Applied just after the overlay is opened. You can apply a CSS animation for this state.
+   * - `closing`/`undefined`: Applied just before the overlay is closed. You can apply a CSS animation for this state.
+   * - `opened`: When true, the overlay is visible and attached to body.
+   * - `owner`: Owner element passed with renderer function
+   * - `model`: Object with properties that is passed to `renderer` function
+   * - `renderer`: Custom function for rendering the content of the overlay.
+   * Receives three arguments:
+   *
+   * - `root` The root container DOM element. Append your content to it.
+   * - `owner` The host element of the renderer function.
+   * - `model` The object with the properties related with rendering.
+   * - `modeless`: When true the overlay won't disable the main content, showing
+   * it doesn't change the functionality of the user interface.
+   * - `hidden`: When set to true, the overlay is hidden. This also closes the overlay
+   * immediately in case there is a closing animation in progress.
+   * - `withBackdrop`: When true the overlay has backdrop on top of content when opened.
+   * - `focusTrap`: When true, opening the overlay moves focus to the first focusable child,
+   * or to the overlay part with tabindex if there are no focusable children.
+   * - `restoreFocusOnClose`: Set to true to enable restoring of focus when overlay is closed.
+   * - `restoreFocusNode`: Set to specify the element which should be focused on overlay close,
+   * if `restoreFocusOnClose` is set to true.
+   * - `dir`: undefined
+   * - `_boundMouseDownListener`: undefined (property only)
+   * - `_boundMouseUpListener`: undefined (property only)
+   * - `_boundOutsideClickListener`: undefined (property only)
+   * - `_boundKeydownListener`: undefined (property only)
+   * - `__focusTrapController`: undefined (property only)
+   * - `__focusRestorationController`: undefined (property only)
+   *
+   * ## Events
+   *
+   * Events that will be emitted by the component.
+   *
+   * - `opened-changed`: Fired when the `opened` property changes.
+   * - `vaadin-overlay-open`: Fired after the overlay is opened.
+   * - `vaadin-overlay-close`: Fired when the opened overlay is about to be closed. Calling `preventDefault()` on the event cancels the closing.
+   * - `vaadin-overlay-closing`: Fired when the overlay starts to close. Closing the overlay can be asynchronous depending on the animation.
+   * - `vaadin-overlay-closed`: Fired after the overlay is closed.
+   * - `vaadin-overlay-outside-click`: Fired before the overlay is closed on outside click. Calling `preventDefault()` on the event cancels the closing.
+   * - `vaadin-overlay-escape-press`: Fired before the overlay is closed on Escape key press. Calling `preventDefault()` on the event cancels the closing.
+   * - `undefined`: undefined
+   *
+   * ## Methods
+   *
+   * Methods that can be called to access component functionality.
+   *
+   * - `requestContentUpdate() => void`: Requests an update for the content of the overlay.
+   * While performing the update, it invokes the renderer passed in the `renderer` property.
+   *
+   * It is not guaranteed that the update happens immediately (synchronously) after it is requested.
+   * - `close(sourceEvent: Event=) => void`: undefined
+   * - `setBounds(bounds: !OverlayBoundsParam, absolute: boolean = true) => void`: Updates the coordinates of the overlay.
+   * - `bringToFront() => void`: Brings the overlay as visually the frontmost one.
+   * - `createProperty(name, options) => void`: undefined
+   * - `getOrCreateMap(name) => void`: undefined
+   * - `addCheckedInitializer(initializer) => void`: undefined
+   * - `getPropertyDescriptor(name, key, options) => void`: undefined
+   *
+   * ## CSS Custom Properties
+   *
+   * CSS variables available for styling the component.
+   *
+   * - `--vaadin-overlay-viewport-bottom`: Bottom offset of the visible viewport area (default: `undefined`)
+   * - `0`: undefined (default: `undefined`)
+   */
+  "vaadin-overlay": Partial<
+    OverlayProps & OverlaySolidJsProps & BaseProps<Overlay> & BaseEvents
+  >;
+
   /**
    * `<vaadin-radio-button>` is a web component representing a choice in a radio group.
    * Only one radio button in the group can be selected at the same time.