@openremote/or-vaadin-components 1.27.0 → 1.28.0-snapshot.20260722071012

package/custom-elements-jsx.d.ts

@@ -45,8 +45,8 @@ import type { OrVaadinTextField } from "./lib/or-vaadin-text-field.d.ts";
 import type { OrVaadinTimePicker } from "./lib/or-vaadin-time-picker.d.ts";
 import type { OrVaadinToggleGroup } from "./lib/or-vaadin-toggle-group.d.ts";
 import type { OrVaadinToggle } from "./lib/or-vaadin-toggle.d.ts";
-import type { Button } from "/home/runner/work/openremote/openremote/node_modules/@vaadin/button/./lib/vaadin-button.js";
 import type { Badge } from "/home/runner/work/openremote/openremote/node_modules/@vaadin/badge/./lib/vaadin-badge.js";
+import type { Button } from "/home/runner/work/openremote/openremote/node_modules/@vaadin/button/./lib/vaadin-button.js";
 import type { Checkbox } from "/home/runner/work/openremote/openremote/node_modules/@vaadin/checkbox/./lib/vaadin-checkbox.js";
 import type { CheckboxGroup } from "/home/runner/work/openremote/openremote/node_modules/@vaadin/checkbox-group/./lib/vaadin-checkbox-group.js";
 import type { ComboBoxItem } from "/home/runner/work/openremote/openremote/node_modules/@vaadin/combo-box/./lib/vaadin-combo-box-item.js";
@@ -5450,6 +5450,41 @@ will be restored to `0` after re-enabling the element. */
   textContent?: string | number;
 };
 
+export type BadgeProps = {
+  /** The number to display in the badge. */
+  number?: Badge["number"];
+  /** Set when the badge has content in the icon slot */
+  "has-icon"?: unknown;
+  /** Set when the badge has content in the icon slot */
+  undefined?: unknown;
+  /** Set when the badge has content in the default slot */
+  "has-content"?: unknown;
+  /** Set when the badge has a number value */
+  "has-number"?: unknown;
+  /**  */
+  dir?: Badge["dir"];
+};
+
+export type BadgeSolidJsProps = {
+  /** The number to display in the badge. */
+  "prop:number"?: Badge["number"];
+  /** Set when the badge has content in the icon slot */
+  "bool:has-icon"?: unknown;
+  /** Set when the badge has content in the icon slot */
+  "prop:undefined"?: unknown;
+  /** Set when the badge has content in the default slot */
+  "bool:has-content"?: unknown;
+  /** Set when the badge has a number value */
+  "bool:has-number"?: unknown;
+  /**  */
+  "prop:dir"?: Badge["dir"];
+
+  /** Set the innerHTML of the element */
+  innerHTML?: string;
+  /** Set the textContent of the element */
+  textContent?: string | number;
+};
+
 export type ButtonProps = {
   /** When disabled, the button is rendered as "dimmed".
 
@@ -5521,41 +5556,6 @@ window.Vaadin.featureFlags.accessibleDisabledButtons = true
   textContent?: string | number;
 };
 
-export type BadgeProps = {
-  /** The number to display in the badge. */
-  number?: Badge["number"];
-  /** Set when the badge has content in the icon slot */
-  "has-icon"?: unknown;
-  /** Set when the badge has content in the icon slot */
-  undefined?: unknown;
-  /** Set when the badge has content in the default slot */
-  "has-content"?: unknown;
-  /** Set when the badge has a number value */
-  "has-number"?: unknown;
-  /**  */
-  dir?: Badge["dir"];
-};
-
-export type BadgeSolidJsProps = {
-  /** The number to display in the badge. */
-  "prop:number"?: Badge["number"];
-  /** Set when the badge has content in the icon slot */
-  "bool:has-icon"?: unknown;
-  /** Set when the badge has content in the icon slot */
-  "prop:undefined"?: unknown;
-  /** Set when the badge has content in the default slot */
-  "bool:has-content"?: unknown;
-  /** Set when the badge has a number value */
-  "bool:has-number"?: unknown;
-  /**  */
-  "prop:dir"?: Badge["dir"];
-
-  /** Set the innerHTML of the element */
-  innerHTML?: string;
-  /** Set the textContent of the element */
-  textContent?: string | number;
-};
-
 export type CheckboxProps = {
   /** Set when the checkbox is activated with mouse, touch or the keyboard. */
   active?: unknown;
@@ -15539,6 +15539,94 @@ export type CustomElements = {
     OrVaadinToggleProps & BaseProps<OrVaadinToggle> & BaseEvents
   >;
 
+  /**
+   * `<vaadin-badge>` is a Web Component for displaying badges.
+   *
+   * ```html
+   * <vaadin-badge>New</vaadin-badge>
+   * ```
+   *
+   * ### Slots
+   *
+   * Name     | Description
+   * ---------|-------------
+   * (none)   | Default slot for the badge text content
+   * `icon`   | Slot for an icon to place before the text
+   *
+   * ### Styling
+   *
+   * The following shadow DOM parts are available for styling:
+   *
+   * Part name  | Description
+   * -----------|-------------
+   * `icon`     | The container for the icon slot
+   * `number`   | The container for the number value
+   * `content`  | The container for the default slot
+   *
+   * The following state attributes are available for styling:
+   *
+   * Attribute      | Description
+   * ---------------|-------------
+   * `has-icon`     | Set when the badge has content in the icon slot
+   * `has-content`  | Set when the badge has content in the default slot
+   * `has-number`   | Set when the badge has a number value
+   *
+   * The following custom CSS properties are available for styling:
+   *
+   * Custom CSS property              |
+   * :--------------------------------|
+   * `--vaadin-badge-background`      |
+   * `--vaadin-badge-border-color`    |
+   * `--vaadin-badge-border-radius`   |
+   * `--vaadin-badge-border-width`    |
+   * `--vaadin-badge-font-size`       |
+   * `--vaadin-badge-font-weight`     |
+   * `--vaadin-badge-font-family`     |
+   * `--vaadin-badge-gap`             |
+   * `--vaadin-badge-line-height`     |
+   * `--vaadin-badge-padding`         |
+   * `--vaadin-badge-text-color`      |
+   *
+   * 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.
+   *
+   * - `number`: The number to display in the badge.
+   * - `has-icon`/`undefined`: Set when the badge has content in the icon slot
+   * - `has-content`/`undefined`: Set when the badge has content in the default slot
+   * - `has-number`/`undefined`: Set when the badge has a number value
+   * - `dir`: undefined
+   *
+   * ## Events
+   *
+   * Events that will be emitted by the component.
+   *
+   * - `undefined`: undefined
+   *
+   * ## Methods
+   *
+   * Methods that can be called to access component functionality.
+   *
+   * - `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-badge-background`: `--vaadin-badge-border-color` (default: `undefined`)
+   * - `--vaadin-badge-border-radius`: `--vaadin-badge-border-width` (default: `undefined`)
+   * - `--vaadin-badge-font-size`: `--vaadin-badge-font-weight` (default: `undefined`)
+   * - `--vaadin-badge-font-family`: `--vaadin-badge-gap` (default: `undefined`)
+   * - `--vaadin-badge-line-height`: `--vaadin-badge-padding` (default: `undefined`)
+   * - `--vaadin-badge-text-color`: See [Styling Components](https://vaadin.com/docs/latest/styling/styling-components) documentation. (default: `undefined`)
+   */
+  "vaadin-badge": Partial<BadgeProps & BaseProps<Badge> & BaseEvents>;
+
   /**
    * `<vaadin-button>` is an accessible and customizable button that allows users to perform actions.
    *
@@ -15647,94 +15735,6 @@ export type CustomElements = {
    */
   "vaadin-button": Partial<ButtonProps & BaseProps<Button> & BaseEvents>;
 
-  /**
-   * `<vaadin-badge>` is a Web Component for displaying badges.
-   *
-   * ```html
-   * <vaadin-badge>New</vaadin-badge>
-   * ```
-   *
-   * ### Slots
-   *
-   * Name     | Description
-   * ---------|-------------
-   * (none)   | Default slot for the badge text content
-   * `icon`   | Slot for an icon to place before the text
-   *
-   * ### Styling
-   *
-   * The following shadow DOM parts are available for styling:
-   *
-   * Part name  | Description
-   * -----------|-------------
-   * `icon`     | The container for the icon slot
-   * `number`   | The container for the number value
-   * `content`  | The container for the default slot
-   *
-   * The following state attributes are available for styling:
-   *
-   * Attribute      | Description
-   * ---------------|-------------
-   * `has-icon`     | Set when the badge has content in the icon slot
-   * `has-content`  | Set when the badge has content in the default slot
-   * `has-number`   | Set when the badge has a number value
-   *
-   * The following custom CSS properties are available for styling:
-   *
-   * Custom CSS property              |
-   * :--------------------------------|
-   * `--vaadin-badge-background`      |
-   * `--vaadin-badge-border-color`    |
-   * `--vaadin-badge-border-radius`   |
-   * `--vaadin-badge-border-width`    |
-   * `--vaadin-badge-font-size`       |
-   * `--vaadin-badge-font-weight`     |
-   * `--vaadin-badge-font-family`     |
-   * `--vaadin-badge-gap`             |
-   * `--vaadin-badge-line-height`     |
-   * `--vaadin-badge-padding`         |
-   * `--vaadin-badge-text-color`      |
-   *
-   * 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.
-   *
-   * - `number`: The number to display in the badge.
-   * - `has-icon`/`undefined`: Set when the badge has content in the icon slot
-   * - `has-content`/`undefined`: Set when the badge has content in the default slot
-   * - `has-number`/`undefined`: Set when the badge has a number value
-   * - `dir`: undefined
-   *
-   * ## Events
-   *
-   * Events that will be emitted by the component.
-   *
-   * - `undefined`: undefined
-   *
-   * ## Methods
-   *
-   * Methods that can be called to access component functionality.
-   *
-   * - `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-badge-background`: `--vaadin-badge-border-color` (default: `undefined`)
-   * - `--vaadin-badge-border-radius`: `--vaadin-badge-border-width` (default: `undefined`)
-   * - `--vaadin-badge-font-size`: `--vaadin-badge-font-weight` (default: `undefined`)
-   * - `--vaadin-badge-font-family`: `--vaadin-badge-gap` (default: `undefined`)
-   * - `--vaadin-badge-line-height`: `--vaadin-badge-padding` (default: `undefined`)
-   * - `--vaadin-badge-text-color`: See [Styling Components](https://vaadin.com/docs/latest/styling/styling-components) documentation. (default: `undefined`)
-   */
-  "vaadin-badge": Partial<BadgeProps & BaseProps<Badge> & BaseEvents>;
-
   /**
    * `<vaadin-checkbox>` is an input field representing a binary choice.
    *
@@ -24441,6 +24441,96 @@ export type CustomElementsSolidJs = {
       BaseEvents
   >;
 
+  /**
+   * `<vaadin-badge>` is a Web Component for displaying badges.
+   *
+   * ```html
+   * <vaadin-badge>New</vaadin-badge>
+   * ```
+   *
+   * ### Slots
+   *
+   * Name     | Description
+   * ---------|-------------
+   * (none)   | Default slot for the badge text content
+   * `icon`   | Slot for an icon to place before the text
+   *
+   * ### Styling
+   *
+   * The following shadow DOM parts are available for styling:
+   *
+   * Part name  | Description
+   * -----------|-------------
+   * `icon`     | The container for the icon slot
+   * `number`   | The container for the number value
+   * `content`  | The container for the default slot
+   *
+   * The following state attributes are available for styling:
+   *
+   * Attribute      | Description
+   * ---------------|-------------
+   * `has-icon`     | Set when the badge has content in the icon slot
+   * `has-content`  | Set when the badge has content in the default slot
+   * `has-number`   | Set when the badge has a number value
+   *
+   * The following custom CSS properties are available for styling:
+   *
+   * Custom CSS property              |
+   * :--------------------------------|
+   * `--vaadin-badge-background`      |
+   * `--vaadin-badge-border-color`    |
+   * `--vaadin-badge-border-radius`   |
+   * `--vaadin-badge-border-width`    |
+   * `--vaadin-badge-font-size`       |
+   * `--vaadin-badge-font-weight`     |
+   * `--vaadin-badge-font-family`     |
+   * `--vaadin-badge-gap`             |
+   * `--vaadin-badge-line-height`     |
+   * `--vaadin-badge-padding`         |
+   * `--vaadin-badge-text-color`      |
+   *
+   * 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.
+   *
+   * - `number`: The number to display in the badge.
+   * - `has-icon`/`undefined`: Set when the badge has content in the icon slot
+   * - `has-content`/`undefined`: Set when the badge has content in the default slot
+   * - `has-number`/`undefined`: Set when the badge has a number value
+   * - `dir`: undefined
+   *
+   * ## Events
+   *
+   * Events that will be emitted by the component.
+   *
+   * - `undefined`: undefined
+   *
+   * ## Methods
+   *
+   * Methods that can be called to access component functionality.
+   *
+   * - `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-badge-background`: `--vaadin-badge-border-color` (default: `undefined`)
+   * - `--vaadin-badge-border-radius`: `--vaadin-badge-border-width` (default: `undefined`)
+   * - `--vaadin-badge-font-size`: `--vaadin-badge-font-weight` (default: `undefined`)
+   * - `--vaadin-badge-font-family`: `--vaadin-badge-gap` (default: `undefined`)
+   * - `--vaadin-badge-line-height`: `--vaadin-badge-padding` (default: `undefined`)
+   * - `--vaadin-badge-text-color`: See [Styling Components](https://vaadin.com/docs/latest/styling/styling-components) documentation. (default: `undefined`)
+   */
+  "vaadin-badge": Partial<
+    BadgeProps & BadgeSolidJsProps & BaseProps<Badge> & BaseEvents
+  >;
+
   /**
    * `<vaadin-button>` is an accessible and customizable button that allows users to perform actions.
    *
@@ -24551,96 +24641,6 @@ export type CustomElementsSolidJs = {
     ButtonProps & ButtonSolidJsProps & BaseProps<Button> & BaseEvents
   >;
 
-  /**
-   * `<vaadin-badge>` is a Web Component for displaying badges.
-   *
-   * ```html
-   * <vaadin-badge>New</vaadin-badge>
-   * ```
-   *
-   * ### Slots
-   *
-   * Name     | Description
-   * ---------|-------------
-   * (none)   | Default slot for the badge text content
-   * `icon`   | Slot for an icon to place before the text
-   *
-   * ### Styling
-   *
-   * The following shadow DOM parts are available for styling:
-   *
-   * Part name  | Description
-   * -----------|-------------
-   * `icon`     | The container for the icon slot
-   * `number`   | The container for the number value
-   * `content`  | The container for the default slot
-   *
-   * The following state attributes are available for styling:
-   *
-   * Attribute      | Description
-   * ---------------|-------------
-   * `has-icon`     | Set when the badge has content in the icon slot
-   * `has-content`  | Set when the badge has content in the default slot
-   * `has-number`   | Set when the badge has a number value
-   *
-   * The following custom CSS properties are available for styling:
-   *
-   * Custom CSS property              |
-   * :--------------------------------|
-   * `--vaadin-badge-background`      |
-   * `--vaadin-badge-border-color`    |
-   * `--vaadin-badge-border-radius`   |
-   * `--vaadin-badge-border-width`    |
-   * `--vaadin-badge-font-size`       |
-   * `--vaadin-badge-font-weight`     |
-   * `--vaadin-badge-font-family`     |
-   * `--vaadin-badge-gap`             |
-   * `--vaadin-badge-line-height`     |
-   * `--vaadin-badge-padding`         |
-   * `--vaadin-badge-text-color`      |
-   *
-   * 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.
-   *
-   * - `number`: The number to display in the badge.
-   * - `has-icon`/`undefined`: Set when the badge has content in the icon slot
-   * - `has-content`/`undefined`: Set when the badge has content in the default slot
-   * - `has-number`/`undefined`: Set when the badge has a number value
-   * - `dir`: undefined
-   *
-   * ## Events
-   *
-   * Events that will be emitted by the component.
-   *
-   * - `undefined`: undefined
-   *
-   * ## Methods
-   *
-   * Methods that can be called to access component functionality.
-   *
-   * - `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-badge-background`: `--vaadin-badge-border-color` (default: `undefined`)
-   * - `--vaadin-badge-border-radius`: `--vaadin-badge-border-width` (default: `undefined`)
-   * - `--vaadin-badge-font-size`: `--vaadin-badge-font-weight` (default: `undefined`)
-   * - `--vaadin-badge-font-family`: `--vaadin-badge-gap` (default: `undefined`)
-   * - `--vaadin-badge-line-height`: `--vaadin-badge-padding` (default: `undefined`)
-   * - `--vaadin-badge-text-color`: See [Styling Components](https://vaadin.com/docs/latest/styling/styling-components) documentation. (default: `undefined`)
-   */
-  "vaadin-badge": Partial<
-    BadgeProps & BadgeSolidJsProps & BaseProps<Badge> & BaseEvents
-  >;
-
   /**
    * `<vaadin-checkbox>` is an input field representing a binary choice.
    *