@openremote/or-vaadin-components 1.27.0 → 1.27.1

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";
@@ -4209,6 +4209,8 @@ regardless of focus or hover state. */
 };
 
 export type OrVaadinTextAreaProps = {
+  /**  */
+  manualresize?: OrVaadinTextArea["manualresize"];
   /** Maximum number of characters (in Unicode code points) that the user can enter. */
   maxlength?: OrVaadinTextArea["maxlength"];
   /** Minimum number of characters (in Unicode code points) that the user can enter. */
@@ -4348,6 +4350,8 @@ the clear icon element should be provided via the `clearElement` getter. */
 };
 
 export type OrVaadinTextAreaSolidJsProps = {
+  /**  */
+  "prop:manualresize"?: OrVaadinTextArea["manualresize"];
   /** Maximum number of characters (in Unicode code points) that the user can enter. */
   "prop:maxlength"?: OrVaadinTextArea["maxlength"];
   /** Minimum number of characters (in Unicode code points) that the user can enter. */
@@ -5450,6 +5454,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 +5560,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;
@@ -14902,6 +14906,7 @@ export type CustomElements = {
    *
    * Component attributes and properties that can be applied to the element or by using JavaScript.
    *
+   * - `manualresize`: undefined
    * - `maxlength`: Maximum number of characters (in Unicode code points) that the user can enter.
    * - `minlength`: Minimum number of characters (in Unicode code points) that the user can enter.
    * - `pattern`: A regular expression that the value is checked against.
@@ -15539,6 +15544,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 +15740,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.
    *
@@ -23789,6 +23794,7 @@ export type CustomElementsSolidJs = {
    *
    * Component attributes and properties that can be applied to the element or by using JavaScript.
    *
+   * - `manualresize`: undefined
    * - `maxlength`: Maximum number of characters (in Unicode code points) that the user can enter.
    * - `minlength`: Minimum number of characters (in Unicode code points) that the user can enter.
    * - `pattern`: A regular expression that the value is checked against.
@@ -24441,6 +24447,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 +24647,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.
    *

package/custom-elements-manifest.config.mjs

@@ -98,6 +98,27 @@ const VaadinSuperclassParserPlugin = {
     }
 }
 
+/**
+ * Custom plugin that we wrote ourselves, that marks underscore-prefixed members as
+ * protected/private (the Vaadin naming convention), since the inherited Vaadin code
+ * carries no privacy metadata. Consumers such as the Storybook helpers rely on the
+ * privacy field to skip internals.
+ */
+const VaadinPrivacyPlugin = {
+    name: 'vaadin-privacy',
+    packageLinkPhase({customElementsManifest}) {
+        for (const module of customElementsManifest.modules ?? []) {
+            for (const declaration of module.declarations ?? []) {
+                for (const member of declaration.members ?? []) {
+                    if (!member.privacy && member.name.startsWith('_')) {
+                        member.privacy = member.name.startsWith('__') ? 'private' : 'protected';
+                    }
+                }
+            }
+        }
+    }
+}
+
 /* -------------------------------- */
 
 // Retrieve path to the Vaadin NPM package
@@ -111,6 +132,7 @@ export default {
         ...baseConfig.plugins,
         VaadinSuperclassParserPlugin, // Resolve conflict in package names
         cemInheritancePlugin(), // Inject the analysis of the inherited Vaadin code
-        VaadinJSDocParserPlugin // Inject JSDoc of the inherited Vaadin code
+        VaadinJSDocParserPlugin, // Inject JSDoc of the inherited Vaadin code
+        VaadinPrivacyPlugin // Mark inherited underscore members as non-public
     ]
 }