@openremote/or-vaadin-components 1.32.0 → 1.33.0-snapshot.20261013082434
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/build/custom-elements-jsx.d.ts +371 -371
- package/build/custom-elements.json +2764 -2764
- package/package.json +5 -5
|
@@ -53,8 +53,8 @@ import type { OrVaadinTimePicker } from "./lib/or-vaadin-time-picker.d.ts";
|
|
|
53
53
|
import type { OrVaadinToggleGroup } from "./lib/or-vaadin-toggle-group.d.ts";
|
|
54
54
|
import type { OrVaadinToggle } from "./lib/or-vaadin-toggle.d.ts";
|
|
55
55
|
import type { Badge } from "/home/runner/work/openremote/openremote/node_modules/@vaadin/badge/./lib/vaadin-badge.js";
|
|
56
|
-
import type { Checkbox } from "/home/runner/work/openremote/openremote/node_modules/@vaadin/checkbox/./lib/vaadin-checkbox.js";
|
|
57
56
|
import type { Button } from "/home/runner/work/openremote/openremote/node_modules/@vaadin/button/./lib/vaadin-button.js";
|
|
57
|
+
import type { Checkbox } from "/home/runner/work/openremote/openremote/node_modules/@vaadin/checkbox/./lib/vaadin-checkbox.js";
|
|
58
58
|
import type { CheckboxGroup } from "/home/runner/work/openremote/openremote/node_modules/@vaadin/checkbox-group/./lib/vaadin-checkbox-group.js";
|
|
59
59
|
import type { ComboBoxItem } from "/home/runner/work/openremote/openremote/node_modules/@vaadin/combo-box/./lib/vaadin-combo-box-item.js";
|
|
60
60
|
import type { ComboBoxOverlay } from "/home/runner/work/openremote/openremote/node_modules/@vaadin/combo-box/./lib/vaadin-combo-box-overlay.js";
|
|
@@ -6109,6 +6109,81 @@ export type BadgeSolidJsProps = {
|
|
|
6109
6109
|
textContent?: string | number;
|
|
6110
6110
|
};
|
|
6111
6111
|
|
|
6112
|
+
export type ButtonProps = {
|
|
6113
|
+
/** The theme variants to apply to the component. */
|
|
6114
|
+
theme?: unknown;
|
|
6115
|
+
/** The theme variants to apply to the component. */
|
|
6116
|
+
undefined?: unknown;
|
|
6117
|
+
/** When disabled, the button is rendered as "dimmed".
|
|
6118
|
+
|
|
6119
|
+
By default, disabled buttons are not focusable and don't react to hover.
|
|
6120
|
+
As a result, they are hidden from assistive technologies, and it's not
|
|
6121
|
+
possible to show a tooltip to explain why they are disabled. This can
|
|
6122
|
+
be addressed by enabling the feature flag `accessibleDisabledButtons`,
|
|
6123
|
+
which makes disabled buttons focusable and hoverable, while still
|
|
6124
|
+
preventing them from being activated:
|
|
6125
|
+
|
|
6126
|
+
```js
|
|
6127
|
+
// Set before any button is attached to the DOM.
|
|
6128
|
+
window.Vaadin.featureFlags.accessibleDisabledButtons = true
|
|
6129
|
+
``` */
|
|
6130
|
+
disabled?: Button["disabled"];
|
|
6131
|
+
/** Set when the button is pressed down, either with mouse, touch or the keyboard */
|
|
6132
|
+
active?: unknown;
|
|
6133
|
+
/** Set when the button is focused using the keyboard */
|
|
6134
|
+
"focus-ring"?: unknown;
|
|
6135
|
+
/** Set when the button is focused */
|
|
6136
|
+
focused?: unknown;
|
|
6137
|
+
/** Set when the button has a slotted tooltip */
|
|
6138
|
+
"has-tooltip"?: unknown;
|
|
6139
|
+
/** Indicates whether the element can be focused and where it participates in sequential keyboard navigation. */
|
|
6140
|
+
tabindex?: Button["tabindex"];
|
|
6141
|
+
/** Stores the last known tabindex since the element has been disabled. */
|
|
6142
|
+
_lastTabIndex?: Button["_lastTabIndex"];
|
|
6143
|
+
/** */
|
|
6144
|
+
dir?: Button["dir"];
|
|
6145
|
+
};
|
|
6146
|
+
|
|
6147
|
+
export type ButtonSolidJsProps = {
|
|
6148
|
+
/** The theme variants to apply to the component. */
|
|
6149
|
+
"attr:theme"?: unknown;
|
|
6150
|
+
/** The theme variants to apply to the component. */
|
|
6151
|
+
"prop:undefined"?: unknown;
|
|
6152
|
+
/** When disabled, the button is rendered as "dimmed".
|
|
6153
|
+
|
|
6154
|
+
By default, disabled buttons are not focusable and don't react to hover.
|
|
6155
|
+
As a result, they are hidden from assistive technologies, and it's not
|
|
6156
|
+
possible to show a tooltip to explain why they are disabled. This can
|
|
6157
|
+
be addressed by enabling the feature flag `accessibleDisabledButtons`,
|
|
6158
|
+
which makes disabled buttons focusable and hoverable, while still
|
|
6159
|
+
preventing them from being activated:
|
|
6160
|
+
|
|
6161
|
+
```js
|
|
6162
|
+
// Set before any button is attached to the DOM.
|
|
6163
|
+
window.Vaadin.featureFlags.accessibleDisabledButtons = true
|
|
6164
|
+
``` */
|
|
6165
|
+
"prop:disabled"?: Button["disabled"];
|
|
6166
|
+
/** Set when the button is pressed down, either with mouse, touch or the keyboard */
|
|
6167
|
+
"bool:active"?: unknown;
|
|
6168
|
+
/** Set when the button is focused using the keyboard */
|
|
6169
|
+
"bool:focus-ring"?: unknown;
|
|
6170
|
+
/** Set when the button is focused */
|
|
6171
|
+
"bool:focused"?: unknown;
|
|
6172
|
+
/** Set when the button has a slotted tooltip */
|
|
6173
|
+
"bool:has-tooltip"?: unknown;
|
|
6174
|
+
/** Indicates whether the element can be focused and where it participates in sequential keyboard navigation. */
|
|
6175
|
+
"prop:tabindex"?: Button["tabindex"];
|
|
6176
|
+
/** Stores the last known tabindex since the element has been disabled. */
|
|
6177
|
+
"prop:_lastTabIndex"?: Button["_lastTabIndex"];
|
|
6178
|
+
/** */
|
|
6179
|
+
"prop:dir"?: Button["dir"];
|
|
6180
|
+
|
|
6181
|
+
/** Set the innerHTML of the element */
|
|
6182
|
+
innerHTML?: string;
|
|
6183
|
+
/** Set the textContent of the element */
|
|
6184
|
+
textContent?: string | number;
|
|
6185
|
+
};
|
|
6186
|
+
|
|
6112
6187
|
export type CheckboxProps = {
|
|
6113
6188
|
/** The theme variants to apply to the component. */
|
|
6114
6189
|
theme?: unknown;
|
|
@@ -6297,81 +6372,6 @@ will be restored to `0` after re-enabling the element. */
|
|
|
6297
6372
|
textContent?: string | number;
|
|
6298
6373
|
};
|
|
6299
6374
|
|
|
6300
|
-
export type ButtonProps = {
|
|
6301
|
-
/** The theme variants to apply to the component. */
|
|
6302
|
-
theme?: unknown;
|
|
6303
|
-
/** The theme variants to apply to the component. */
|
|
6304
|
-
undefined?: unknown;
|
|
6305
|
-
/** When disabled, the button is rendered as "dimmed".
|
|
6306
|
-
|
|
6307
|
-
By default, disabled buttons are not focusable and don't react to hover.
|
|
6308
|
-
As a result, they are hidden from assistive technologies, and it's not
|
|
6309
|
-
possible to show a tooltip to explain why they are disabled. This can
|
|
6310
|
-
be addressed by enabling the feature flag `accessibleDisabledButtons`,
|
|
6311
|
-
which makes disabled buttons focusable and hoverable, while still
|
|
6312
|
-
preventing them from being activated:
|
|
6313
|
-
|
|
6314
|
-
```js
|
|
6315
|
-
// Set before any button is attached to the DOM.
|
|
6316
|
-
window.Vaadin.featureFlags.accessibleDisabledButtons = true
|
|
6317
|
-
``` */
|
|
6318
|
-
disabled?: Button["disabled"];
|
|
6319
|
-
/** Set when the button is pressed down, either with mouse, touch or the keyboard */
|
|
6320
|
-
active?: unknown;
|
|
6321
|
-
/** Set when the button is focused using the keyboard */
|
|
6322
|
-
"focus-ring"?: unknown;
|
|
6323
|
-
/** Set when the button is focused */
|
|
6324
|
-
focused?: unknown;
|
|
6325
|
-
/** Set when the button has a slotted tooltip */
|
|
6326
|
-
"has-tooltip"?: unknown;
|
|
6327
|
-
/** Indicates whether the element can be focused and where it participates in sequential keyboard navigation. */
|
|
6328
|
-
tabindex?: Button["tabindex"];
|
|
6329
|
-
/** Stores the last known tabindex since the element has been disabled. */
|
|
6330
|
-
_lastTabIndex?: Button["_lastTabIndex"];
|
|
6331
|
-
/** */
|
|
6332
|
-
dir?: Button["dir"];
|
|
6333
|
-
};
|
|
6334
|
-
|
|
6335
|
-
export type ButtonSolidJsProps = {
|
|
6336
|
-
/** The theme variants to apply to the component. */
|
|
6337
|
-
"attr:theme"?: unknown;
|
|
6338
|
-
/** The theme variants to apply to the component. */
|
|
6339
|
-
"prop:undefined"?: unknown;
|
|
6340
|
-
/** When disabled, the button is rendered as "dimmed".
|
|
6341
|
-
|
|
6342
|
-
By default, disabled buttons are not focusable and don't react to hover.
|
|
6343
|
-
As a result, they are hidden from assistive technologies, and it's not
|
|
6344
|
-
possible to show a tooltip to explain why they are disabled. This can
|
|
6345
|
-
be addressed by enabling the feature flag `accessibleDisabledButtons`,
|
|
6346
|
-
which makes disabled buttons focusable and hoverable, while still
|
|
6347
|
-
preventing them from being activated:
|
|
6348
|
-
|
|
6349
|
-
```js
|
|
6350
|
-
// Set before any button is attached to the DOM.
|
|
6351
|
-
window.Vaadin.featureFlags.accessibleDisabledButtons = true
|
|
6352
|
-
``` */
|
|
6353
|
-
"prop:disabled"?: Button["disabled"];
|
|
6354
|
-
/** Set when the button is pressed down, either with mouse, touch or the keyboard */
|
|
6355
|
-
"bool:active"?: unknown;
|
|
6356
|
-
/** Set when the button is focused using the keyboard */
|
|
6357
|
-
"bool:focus-ring"?: unknown;
|
|
6358
|
-
/** Set when the button is focused */
|
|
6359
|
-
"bool:focused"?: unknown;
|
|
6360
|
-
/** Set when the button has a slotted tooltip */
|
|
6361
|
-
"bool:has-tooltip"?: unknown;
|
|
6362
|
-
/** Indicates whether the element can be focused and where it participates in sequential keyboard navigation. */
|
|
6363
|
-
"prop:tabindex"?: Button["tabindex"];
|
|
6364
|
-
/** Stores the last known tabindex since the element has been disabled. */
|
|
6365
|
-
"prop:_lastTabIndex"?: Button["_lastTabIndex"];
|
|
6366
|
-
/** */
|
|
6367
|
-
"prop:dir"?: Button["dir"];
|
|
6368
|
-
|
|
6369
|
-
/** Set the innerHTML of the element */
|
|
6370
|
-
innerHTML?: string;
|
|
6371
|
-
/** Set the textContent of the element */
|
|
6372
|
-
textContent?: string | number;
|
|
6373
|
-
};
|
|
6374
|
-
|
|
6375
6375
|
export type CheckboxGroupProps = {
|
|
6376
6376
|
/** The theme variants to apply to the component. */
|
|
6377
6377
|
theme?: unknown;
|
|
@@ -17793,67 +17793,50 @@ export type CustomElements = {
|
|
|
17793
17793
|
"vaadin-badge": Partial<BadgeProps & BaseProps<Badge> & BaseEvents>;
|
|
17794
17794
|
|
|
17795
17795
|
/**
|
|
17796
|
-
* `<vaadin-
|
|
17796
|
+
* `<vaadin-button>` is an accessible and customizable button that allows users to perform actions.
|
|
17797
17797
|
*
|
|
17798
17798
|
* ```html
|
|
17799
|
-
* <vaadin-
|
|
17799
|
+
* <vaadin-button>Press me</vaadin-button>
|
|
17800
17800
|
* ```
|
|
17801
17801
|
*
|
|
17802
17802
|
* ### Styling
|
|
17803
17803
|
*
|
|
17804
17804
|
* The following shadow DOM parts are available for styling:
|
|
17805
17805
|
*
|
|
17806
|
-
* Part name
|
|
17807
|
-
*
|
|
17808
|
-
* `
|
|
17809
|
-
* `
|
|
17810
|
-
* `
|
|
17811
|
-
* `error-message` | The slotted error message element wrapper
|
|
17812
|
-
* `required-indicator` | The `required` state indicator element
|
|
17806
|
+
* Part name | Description
|
|
17807
|
+
* ----------|-------------
|
|
17808
|
+
* `label` | The label (text) inside the button.
|
|
17809
|
+
* `prefix` | A slot for content before the label (e.g. an icon).
|
|
17810
|
+
* `suffix` | A slot for content after the label (e.g. an icon).
|
|
17813
17811
|
*
|
|
17814
17812
|
* The following state attributes are available for styling:
|
|
17815
17813
|
*
|
|
17816
|
-
* Attribute
|
|
17817
|
-
*
|
|
17818
|
-
* `active`
|
|
17819
|
-
* `
|
|
17820
|
-
* `
|
|
17821
|
-
* `
|
|
17822
|
-
* `
|
|
17823
|
-
* `focused` | Set when the checkbox is focused.
|
|
17824
|
-
* `indeterminate` | Set when the checkbox is in the indeterminate state.
|
|
17825
|
-
* `invalid` | Set when the checkbox is invalid.
|
|
17826
|
-
* `has-label` | Set when the checkbox has a label.
|
|
17827
|
-
* `has-helper` | Set when the checkbox has helper text.
|
|
17828
|
-
* `has-error-message` | Set when the checkbox has an error message.
|
|
17829
|
-
* `has-tooltip` | Set when the checkbox has a slotted tooltip.
|
|
17814
|
+
* Attribute | Description
|
|
17815
|
+
* ---------------|-------------
|
|
17816
|
+
* `active` | Set when the button is pressed down, either with mouse, touch or the keyboard
|
|
17817
|
+
* `disabled` | Set when the button is disabled
|
|
17818
|
+
* `focus-ring` | Set when the button is focused using the keyboard
|
|
17819
|
+
* `focused` | Set when the button is focused
|
|
17820
|
+
* `has-tooltip` | Set when the button has a slotted tooltip
|
|
17830
17821
|
*
|
|
17831
17822
|
* The following custom CSS properties are available for styling:
|
|
17832
17823
|
*
|
|
17833
|
-
* Custom CSS property
|
|
17834
|
-
*
|
|
17835
|
-
* | `--vaadin-
|
|
17836
|
-
* | `--vaadin-
|
|
17837
|
-
* | `--vaadin-
|
|
17838
|
-
* | `--vaadin-
|
|
17839
|
-
* | `--vaadin-
|
|
17840
|
-
* | `--vaadin-
|
|
17841
|
-
* | `--vaadin-
|
|
17842
|
-
* | `--vaadin-
|
|
17843
|
-
* | `--vaadin-
|
|
17844
|
-
* | `--vaadin-
|
|
17845
|
-
* | `--vaadin-
|
|
17846
|
-
* | `--vaadin-
|
|
17847
|
-
* | `--vaadin-
|
|
17848
|
-
* | `--vaadin-
|
|
17849
|
-
* | `--vaadin-input-field-error-font-weight` |
|
|
17850
|
-
* | `--vaadin-input-field-error-line-height` |
|
|
17851
|
-
* | `--vaadin-input-field-helper-color` |
|
|
17852
|
-
* | `--vaadin-input-field-helper-font-size` |
|
|
17853
|
-
* | `--vaadin-input-field-helper-font-weight` |
|
|
17854
|
-
* | `--vaadin-input-field-helper-line-height` |
|
|
17855
|
-
* | `--vaadin-input-field-required-indicator` |
|
|
17856
|
-
* | `--vaadin-input-field-required-indicator-color` |
|
|
17824
|
+
* Custom CSS property |
|
|
17825
|
+
* :----------------------------------|
|
|
17826
|
+
* | `--vaadin-button-background` |
|
|
17827
|
+
* | `--vaadin-button-border-color` |
|
|
17828
|
+
* | `--vaadin-button-border-radius` |
|
|
17829
|
+
* | `--vaadin-button-border-width` |
|
|
17830
|
+
* | `--vaadin-button-font-family` |
|
|
17831
|
+
* | `--vaadin-button-font-size` |
|
|
17832
|
+
* | `--vaadin-button-font-weight` |
|
|
17833
|
+
* | `--vaadin-button-gap` |
|
|
17834
|
+
* | `--vaadin-button-height` |
|
|
17835
|
+
* | `--vaadin-button-label-wrap` |
|
|
17836
|
+
* | `--vaadin-button-line-height` |
|
|
17837
|
+
* | `--vaadin-button-margin` |
|
|
17838
|
+
* | `--vaadin-button-padding` |
|
|
17839
|
+
* | `--vaadin-button-text-color` |
|
|
17857
17840
|
*
|
|
17858
17841
|
* See [Styling Components](https://vaadin.com/docs/latest/styling/styling-components) documentation.
|
|
17859
17842
|
*
|
|
@@ -17862,69 +17845,38 @@ export type CustomElements = {
|
|
|
17862
17845
|
* Component attributes and properties that can be applied to the element or by using JavaScript.
|
|
17863
17846
|
*
|
|
17864
17847
|
* - `theme`/`undefined`: The theme variants to apply to the component.
|
|
17865
|
-
* - `
|
|
17866
|
-
* it is not possible to say whether it is checked or unchecked.
|
|
17867
|
-
* The state is reset once the user switches the checkbox by hand.
|
|
17848
|
+
* - `disabled`: When disabled, the button is rendered as "dimmed".
|
|
17868
17849
|
*
|
|
17869
|
-
*
|
|
17870
|
-
*
|
|
17871
|
-
*
|
|
17872
|
-
*
|
|
17873
|
-
*
|
|
17874
|
-
*
|
|
17875
|
-
* - `focused`/`undefined`: Set when the checkbox is focused.
|
|
17876
|
-
* - `indeterminate`/`undefined`: Set when the checkbox is in the indeterminate state.
|
|
17877
|
-
* - `invalid`/`undefined`: Set when the checkbox is invalid.
|
|
17878
|
-
* - `has-label`/`undefined`: Set when the checkbox has a label.
|
|
17879
|
-
* - `has-helper`/`undefined`: Set when the checkbox has helper text.
|
|
17880
|
-
* - `has-error-message`/`undefined`: Set when the checkbox has an error message.
|
|
17881
|
-
* - `has-tooltip`/`undefined`: Set when the checkbox has a slotted tooltip.
|
|
17882
|
-
* - `name`: The name of the control, which is submitted with the form data.
|
|
17883
|
-
* - `ariaTarget`: A target element to which ARIA attributes are set.
|
|
17884
|
-
* - `errorMessage`: Error to show when the field is invalid.
|
|
17885
|
-
* - `helperText`: String used for the helper text.
|
|
17886
|
-
* - `accessibleName`: String used to label the component for screen reader users.
|
|
17887
|
-
* - `accessibleNameRef`: A space-separated list of IDs referencing the elements that
|
|
17888
|
-
* label the component for screen reader users.
|
|
17889
|
-
* - `accessibleDescriptionRef`: A space-separated list of IDs referencing the elements that
|
|
17890
|
-
* describe the component for screen reader users. The referenced
|
|
17891
|
-
* elements are announced in addition to the helper text and
|
|
17892
|
-
* the error message.
|
|
17893
|
-
* - `autofocus`: Specify that this control should have input focus when the page loads.
|
|
17894
|
-
* - `focusElement`: A reference to the focusable element controlled by the mixin.
|
|
17895
|
-
* It can be an input, textarea, button or any element with tabindex > -1.
|
|
17896
|
-
*
|
|
17897
|
-
* Any component implementing this mixin is expected to provide it
|
|
17898
|
-
* by using `this._setFocusElement(input)` Polymer API.
|
|
17850
|
+
* By default, disabled buttons are not focusable and don't react to hover.
|
|
17851
|
+
* As a result, they are hidden from assistive technologies, and it's not
|
|
17852
|
+
* possible to show a tooltip to explain why they are disabled. This can
|
|
17853
|
+
* be addressed by enabling the feature flag `accessibleDisabledButtons`,
|
|
17854
|
+
* which makes disabled buttons focusable and hoverable, while still
|
|
17855
|
+
* preventing them from being activated:
|
|
17899
17856
|
*
|
|
17900
|
-
*
|
|
17901
|
-
*
|
|
17902
|
-
*
|
|
17903
|
-
*
|
|
17857
|
+
* ```js
|
|
17858
|
+
* // Set before any button is attached to the DOM.
|
|
17859
|
+
* window.Vaadin.featureFlags.accessibleDisabledButtons = true
|
|
17860
|
+
* ```
|
|
17861
|
+
* - `active`/`undefined`: Set when the button is pressed down, either with mouse, touch or the keyboard
|
|
17862
|
+
* - `disabled`/`undefined`: Set when the button is disabled
|
|
17863
|
+
* - `focus-ring`/`undefined`: Set when the button is focused using the keyboard
|
|
17864
|
+
* - `focused`/`undefined`: Set when the button is focused
|
|
17865
|
+
* - `has-tooltip`/`undefined`: Set when the button has a slotted tooltip
|
|
17866
|
+
* - `tabindex`: Indicates whether the element can be focused and where it participates in sequential keyboard navigation.
|
|
17867
|
+
* - `_lastTabIndex`: Stores the last known tabindex since the element has been disabled.
|
|
17904
17868
|
* - `dir`: undefined
|
|
17905
|
-
* - `_boundOnInputClick`: undefined (property only)
|
|
17906
|
-
* - `_helperController`: undefined (property only)
|
|
17907
|
-
* - `_errorController`: undefined (property only)
|
|
17908
|
-
* - `_fieldAriaController`: undefined (property only)
|
|
17909
|
-
* - `_boundOnBlur`: undefined (property only)
|
|
17910
|
-
* - `_boundOnFocus`: undefined (property only)
|
|
17911
17869
|
*
|
|
17912
17870
|
* ## Events
|
|
17913
17871
|
*
|
|
17914
17872
|
* Events that will be emitted by the component.
|
|
17915
17873
|
*
|
|
17916
|
-
* - `change`: Fired when the checkbox is checked or unchecked by the user.
|
|
17917
|
-
* - `checked-changed`: Fired when the `checked` property changes.
|
|
17918
|
-
* - `indeterminate-changed`: Fired when the `indeterminate` property changes.
|
|
17919
|
-
* - `invalid-changed`: Fired when the `invalid` property changes.
|
|
17920
|
-
* - `validated`: Fired whenever the field is validated.
|
|
17921
17874
|
* - `undefined`: undefined
|
|
17922
17875
|
*
|
|
17923
17876
|
* ## Methods
|
|
17924
17877
|
*
|
|
17925
17878
|
* Methods that can be called to access component functionality.
|
|
17926
17879
|
*
|
|
17927
|
-
* - `checkValidity() => boolean`: undefined
|
|
17928
17880
|
* - `createProperty(name, options) => void`: undefined
|
|
17929
17881
|
* - `getOrCreateMap(name) => void`: undefined
|
|
17930
17882
|
* - `addCheckedInitializer(initializer) => void`: undefined
|
|
@@ -17934,76 +17886,85 @@ export type CustomElements = {
|
|
|
17934
17886
|
*
|
|
17935
17887
|
* CSS variables available for styling the component.
|
|
17936
17888
|
*
|
|
17937
|
-
* - `--vaadin-
|
|
17938
|
-
* - `--vaadin-
|
|
17939
|
-
* - `--vaadin-
|
|
17940
|
-
* - `--vaadin-
|
|
17941
|
-
* - `--vaadin-
|
|
17942
|
-
* - `--vaadin-
|
|
17943
|
-
* - `--vaadin-
|
|
17944
|
-
* - `--vaadin-
|
|
17945
|
-
* - `--vaadin-
|
|
17946
|
-
* - `--vaadin-
|
|
17947
|
-
* - `--vaadin-
|
|
17948
|
-
* - `--vaadin-
|
|
17949
|
-
* - `--vaadin-
|
|
17950
|
-
* - `--vaadin-
|
|
17951
|
-
* - `--vaadin-input-field-error-font-weight`: undefined (default: `undefined`)
|
|
17952
|
-
* - `--vaadin-input-field-error-line-height`: undefined (default: `undefined`)
|
|
17953
|
-
* - `--vaadin-input-field-helper-color`: undefined (default: `undefined`)
|
|
17954
|
-
* - `--vaadin-input-field-helper-font-size`: undefined (default: `undefined`)
|
|
17955
|
-
* - `--vaadin-input-field-helper-font-weight`: undefined (default: `undefined`)
|
|
17956
|
-
* - `--vaadin-input-field-helper-line-height`: undefined (default: `undefined`)
|
|
17957
|
-
* - `--vaadin-input-field-required-indicator`: undefined (default: `undefined`)
|
|
17958
|
-
* - `--vaadin-input-field-required-indicator-color`: See [Styling Components](https://vaadin.com/docs/latest/styling/styling-components) documentation. (default: `undefined`)
|
|
17889
|
+
* - `--vaadin-button-background`: undefined (default: `undefined`)
|
|
17890
|
+
* - `--vaadin-button-border-color`: undefined (default: `undefined`)
|
|
17891
|
+
* - `--vaadin-button-border-radius`: undefined (default: `undefined`)
|
|
17892
|
+
* - `--vaadin-button-border-width`: undefined (default: `undefined`)
|
|
17893
|
+
* - `--vaadin-button-font-family`: undefined (default: `undefined`)
|
|
17894
|
+
* - `--vaadin-button-font-size`: undefined (default: `undefined`)
|
|
17895
|
+
* - `--vaadin-button-font-weight`: undefined (default: `undefined`)
|
|
17896
|
+
* - `--vaadin-button-gap`: undefined (default: `undefined`)
|
|
17897
|
+
* - `--vaadin-button-height`: undefined (default: `undefined`)
|
|
17898
|
+
* - `--vaadin-button-label-wrap`: undefined (default: `undefined`)
|
|
17899
|
+
* - `--vaadin-button-line-height`: undefined (default: `undefined`)
|
|
17900
|
+
* - `--vaadin-button-margin`: undefined (default: `undefined`)
|
|
17901
|
+
* - `--vaadin-button-padding`: undefined (default: `undefined`)
|
|
17902
|
+
* - `--vaadin-button-text-color`: See [Styling Components](https://vaadin.com/docs/latest/styling/styling-components) documentation. (default: `undefined`)
|
|
17959
17903
|
*/
|
|
17960
|
-
"vaadin-
|
|
17904
|
+
"vaadin-button": Partial<ButtonProps & BaseProps<Button> & BaseEvents>;
|
|
17961
17905
|
|
|
17962
17906
|
/**
|
|
17963
|
-
* `<vaadin-
|
|
17907
|
+
* `<vaadin-checkbox>` is an input field representing a binary choice.
|
|
17964
17908
|
*
|
|
17965
17909
|
* ```html
|
|
17966
|
-
* <vaadin-
|
|
17910
|
+
* <vaadin-checkbox label="I accept the terms and conditions"></vaadin-checkbox>
|
|
17967
17911
|
* ```
|
|
17968
17912
|
*
|
|
17969
17913
|
* ### Styling
|
|
17970
17914
|
*
|
|
17971
17915
|
* The following shadow DOM parts are available for styling:
|
|
17972
17916
|
*
|
|
17973
|
-
* Part name
|
|
17974
|
-
*
|
|
17975
|
-
* `
|
|
17976
|
-
* `
|
|
17977
|
-
* `
|
|
17917
|
+
* Part name | Description
|
|
17918
|
+
* ---------------------|-------------
|
|
17919
|
+
* `checkbox` | The element representing a stylable custom checkbox
|
|
17920
|
+
* `label` | The slotted label element wrapper
|
|
17921
|
+
* `helper-text` | The slotted helper text element wrapper
|
|
17922
|
+
* `error-message` | The slotted error message element wrapper
|
|
17923
|
+
* `required-indicator` | The `required` state indicator element
|
|
17978
17924
|
*
|
|
17979
17925
|
* The following state attributes are available for styling:
|
|
17980
17926
|
*
|
|
17981
|
-
* Attribute
|
|
17982
|
-
*
|
|
17983
|
-
* `active`
|
|
17984
|
-
* `
|
|
17985
|
-
* `
|
|
17986
|
-
* `
|
|
17987
|
-
* `
|
|
17927
|
+
* Attribute | Description
|
|
17928
|
+
* ---------------------|-------------
|
|
17929
|
+
* `active` | Set when the checkbox is activated with mouse, touch or the keyboard.
|
|
17930
|
+
* `checked` | Set when the checkbox is checked.
|
|
17931
|
+
* `disabled` | Set when the checkbox is disabled.
|
|
17932
|
+
* `readonly` | Set when the checkbox is readonly.
|
|
17933
|
+
* `focus-ring` | Set when the checkbox is focused using the keyboard.
|
|
17934
|
+
* `focused` | Set when the checkbox is focused.
|
|
17935
|
+
* `indeterminate` | Set when the checkbox is in the indeterminate state.
|
|
17936
|
+
* `invalid` | Set when the checkbox is invalid.
|
|
17937
|
+
* `has-label` | Set when the checkbox has a label.
|
|
17938
|
+
* `has-helper` | Set when the checkbox has helper text.
|
|
17939
|
+
* `has-error-message` | Set when the checkbox has an error message.
|
|
17940
|
+
* `has-tooltip` | Set when the checkbox has a slotted tooltip.
|
|
17988
17941
|
*
|
|
17989
17942
|
* The following custom CSS properties are available for styling:
|
|
17990
17943
|
*
|
|
17991
|
-
* Custom CSS property
|
|
17992
|
-
*
|
|
17993
|
-
* | `--vaadin-
|
|
17994
|
-
* | `--vaadin-
|
|
17995
|
-
* | `--vaadin-
|
|
17996
|
-
* | `--vaadin-
|
|
17997
|
-
* | `--vaadin-
|
|
17998
|
-
* | `--vaadin-
|
|
17999
|
-
* | `--vaadin-
|
|
18000
|
-
* | `--vaadin-
|
|
18001
|
-
* | `--vaadin-
|
|
18002
|
-
* | `--vaadin-
|
|
18003
|
-
* | `--vaadin-
|
|
18004
|
-
* | `--vaadin-
|
|
18005
|
-
* | `--vaadin-
|
|
18006
|
-
* | `--vaadin-
|
|
17944
|
+
* Custom CSS property |
|
|
17945
|
+
* :--------------------------------------------------|
|
|
17946
|
+
* | `--vaadin-checkbox-background` |
|
|
17947
|
+
* | `--vaadin-checkbox-border-color` |
|
|
17948
|
+
* | `--vaadin-checkbox-border-radius` |
|
|
17949
|
+
* | `--vaadin-checkbox-border-width` |
|
|
17950
|
+
* | `--vaadin-checkbox-gap` |
|
|
17951
|
+
* | `--vaadin-checkbox-label-color` |
|
|
17952
|
+
* | `--vaadin-checkbox-label-font-size` |
|
|
17953
|
+
* | `--vaadin-checkbox-label-font-weight` |
|
|
17954
|
+
* | `--vaadin-checkbox-label-line-height` |
|
|
17955
|
+
* | `--vaadin-checkbox-marker-color` |
|
|
17956
|
+
* | `--vaadin-checkbox-marker-size` |
|
|
17957
|
+
* | `--vaadin-checkbox-size` |
|
|
17958
|
+
* | `--vaadin-input-field-error-color` |
|
|
17959
|
+
* | `--vaadin-input-field-error-font-size` |
|
|
17960
|
+
* | `--vaadin-input-field-error-font-weight` |
|
|
17961
|
+
* | `--vaadin-input-field-error-line-height` |
|
|
17962
|
+
* | `--vaadin-input-field-helper-color` |
|
|
17963
|
+
* | `--vaadin-input-field-helper-font-size` |
|
|
17964
|
+
* | `--vaadin-input-field-helper-font-weight` |
|
|
17965
|
+
* | `--vaadin-input-field-helper-line-height` |
|
|
17966
|
+
* | `--vaadin-input-field-required-indicator` |
|
|
17967
|
+
* | `--vaadin-input-field-required-indicator-color` |
|
|
18007
17968
|
*
|
|
18008
17969
|
* See [Styling Components](https://vaadin.com/docs/latest/styling/styling-components) documentation.
|
|
18009
17970
|
*
|
|
@@ -18012,38 +17973,69 @@ export type CustomElements = {
|
|
|
18012
17973
|
* Component attributes and properties that can be applied to the element or by using JavaScript.
|
|
18013
17974
|
*
|
|
18014
17975
|
* - `theme`/`undefined`: The theme variants to apply to the component.
|
|
18015
|
-
* - `
|
|
17976
|
+
* - `indeterminate`: True if the checkbox is in the indeterminate state which means
|
|
17977
|
+
* it is not possible to say whether it is checked or unchecked.
|
|
17978
|
+
* The state is reset once the user switches the checkbox by hand.
|
|
18016
17979
|
*
|
|
18017
|
-
*
|
|
18018
|
-
*
|
|
18019
|
-
*
|
|
18020
|
-
*
|
|
18021
|
-
*
|
|
18022
|
-
*
|
|
17980
|
+
* https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/input/checkbox#indeterminate_state_checkboxes
|
|
17981
|
+
* - `active`/`undefined`: Set when the checkbox is activated with mouse, touch or the keyboard.
|
|
17982
|
+
* - `checked`: Set when the checkbox is checked.
|
|
17983
|
+
* - `disabled`: Set when the checkbox is disabled.
|
|
17984
|
+
* - `readonly`: Set when the checkbox is readonly.
|
|
17985
|
+
* - `focus-ring`/`undefined`: Set when the checkbox is focused using the keyboard.
|
|
17986
|
+
* - `focused`/`undefined`: Set when the checkbox is focused.
|
|
17987
|
+
* - `indeterminate`/`undefined`: Set when the checkbox is in the indeterminate state.
|
|
17988
|
+
* - `invalid`/`undefined`: Set when the checkbox is invalid.
|
|
17989
|
+
* - `has-label`/`undefined`: Set when the checkbox has a label.
|
|
17990
|
+
* - `has-helper`/`undefined`: Set when the checkbox has helper text.
|
|
17991
|
+
* - `has-error-message`/`undefined`: Set when the checkbox has an error message.
|
|
17992
|
+
* - `has-tooltip`/`undefined`: Set when the checkbox has a slotted tooltip.
|
|
17993
|
+
* - `name`: The name of the control, which is submitted with the form data.
|
|
17994
|
+
* - `ariaTarget`: A target element to which ARIA attributes are set.
|
|
17995
|
+
* - `errorMessage`: Error to show when the field is invalid.
|
|
17996
|
+
* - `helperText`: String used for the helper text.
|
|
17997
|
+
* - `accessibleName`: String used to label the component for screen reader users.
|
|
17998
|
+
* - `accessibleNameRef`: A space-separated list of IDs referencing the elements that
|
|
17999
|
+
* label the component for screen reader users.
|
|
18000
|
+
* - `accessibleDescriptionRef`: A space-separated list of IDs referencing the elements that
|
|
18001
|
+
* describe the component for screen reader users. The referenced
|
|
18002
|
+
* elements are announced in addition to the helper text and
|
|
18003
|
+
* the error message.
|
|
18004
|
+
* - `autofocus`: Specify that this control should have input focus when the page loads.
|
|
18005
|
+
* - `focusElement`: A reference to the focusable element controlled by the mixin.
|
|
18006
|
+
* It can be an input, textarea, button or any element with tabindex > -1.
|
|
18023
18007
|
*
|
|
18024
|
-
*
|
|
18025
|
-
*
|
|
18026
|
-
*
|
|
18027
|
-
*
|
|
18028
|
-
* - `
|
|
18029
|
-
*
|
|
18030
|
-
*
|
|
18031
|
-
* - `focused`/`undefined`: Set when the button is focused
|
|
18032
|
-
* - `has-tooltip`/`undefined`: Set when the button has a slotted tooltip
|
|
18033
|
-
* - `tabindex`: Indicates whether the element can be focused and where it participates in sequential keyboard navigation.
|
|
18034
|
-
* - `_lastTabIndex`: Stores the last known tabindex since the element has been disabled.
|
|
18008
|
+
* Any component implementing this mixin is expected to provide it
|
|
18009
|
+
* by using `this._setFocusElement(input)` Polymer API.
|
|
18010
|
+
*
|
|
18011
|
+
* Toggling `tabindex` attribute on the host element propagates its value to `focusElement`.
|
|
18012
|
+
* - `_lastTabIndex`: Override the property from `TabIndexMixin`
|
|
18013
|
+
* to ensure the `tabindex` attribute of the focus element
|
|
18014
|
+
* will be restored to `0` after re-enabling the element.
|
|
18035
18015
|
* - `dir`: undefined
|
|
18016
|
+
* - `_boundOnInputClick`: undefined (property only)
|
|
18017
|
+
* - `_helperController`: undefined (property only)
|
|
18018
|
+
* - `_errorController`: undefined (property only)
|
|
18019
|
+
* - `_fieldAriaController`: undefined (property only)
|
|
18020
|
+
* - `_boundOnBlur`: undefined (property only)
|
|
18021
|
+
* - `_boundOnFocus`: undefined (property only)
|
|
18036
18022
|
*
|
|
18037
18023
|
* ## Events
|
|
18038
18024
|
*
|
|
18039
18025
|
* Events that will be emitted by the component.
|
|
18040
18026
|
*
|
|
18027
|
+
* - `change`: Fired when the checkbox is checked or unchecked by the user.
|
|
18028
|
+
* - `checked-changed`: Fired when the `checked` property changes.
|
|
18029
|
+
* - `indeterminate-changed`: Fired when the `indeterminate` property changes.
|
|
18030
|
+
* - `invalid-changed`: Fired when the `invalid` property changes.
|
|
18031
|
+
* - `validated`: Fired whenever the field is validated.
|
|
18041
18032
|
* - `undefined`: undefined
|
|
18042
18033
|
*
|
|
18043
18034
|
* ## Methods
|
|
18044
18035
|
*
|
|
18045
18036
|
* Methods that can be called to access component functionality.
|
|
18046
18037
|
*
|
|
18038
|
+
* - `checkValidity() => boolean`: undefined
|
|
18047
18039
|
* - `createProperty(name, options) => void`: undefined
|
|
18048
18040
|
* - `getOrCreateMap(name) => void`: undefined
|
|
18049
18041
|
* - `addCheckedInitializer(initializer) => void`: undefined
|
|
@@ -18053,22 +18045,30 @@ export type CustomElements = {
|
|
|
18053
18045
|
*
|
|
18054
18046
|
* CSS variables available for styling the component.
|
|
18055
18047
|
*
|
|
18056
|
-
* - `--vaadin-
|
|
18057
|
-
* - `--vaadin-
|
|
18058
|
-
* - `--vaadin-
|
|
18059
|
-
* - `--vaadin-
|
|
18060
|
-
* - `--vaadin-
|
|
18061
|
-
* - `--vaadin-
|
|
18062
|
-
* - `--vaadin-
|
|
18063
|
-
* - `--vaadin-
|
|
18064
|
-
* - `--vaadin-
|
|
18065
|
-
* - `--vaadin-
|
|
18066
|
-
* - `--vaadin-
|
|
18067
|
-
* - `--vaadin-
|
|
18068
|
-
* - `--vaadin-
|
|
18069
|
-
* - `--vaadin-
|
|
18048
|
+
* - `--vaadin-checkbox-background`: undefined (default: `undefined`)
|
|
18049
|
+
* - `--vaadin-checkbox-border-color`: undefined (default: `undefined`)
|
|
18050
|
+
* - `--vaadin-checkbox-border-radius`: undefined (default: `undefined`)
|
|
18051
|
+
* - `--vaadin-checkbox-border-width`: undefined (default: `undefined`)
|
|
18052
|
+
* - `--vaadin-checkbox-gap`: undefined (default: `undefined`)
|
|
18053
|
+
* - `--vaadin-checkbox-label-color`: undefined (default: `undefined`)
|
|
18054
|
+
* - `--vaadin-checkbox-label-font-size`: undefined (default: `undefined`)
|
|
18055
|
+
* - `--vaadin-checkbox-label-font-weight`: undefined (default: `undefined`)
|
|
18056
|
+
* - `--vaadin-checkbox-label-line-height`: undefined (default: `undefined`)
|
|
18057
|
+
* - `--vaadin-checkbox-marker-color`: undefined (default: `undefined`)
|
|
18058
|
+
* - `--vaadin-checkbox-marker-size`: undefined (default: `undefined`)
|
|
18059
|
+
* - `--vaadin-checkbox-size`: undefined (default: `undefined`)
|
|
18060
|
+
* - `--vaadin-input-field-error-color`: undefined (default: `undefined`)
|
|
18061
|
+
* - `--vaadin-input-field-error-font-size`: undefined (default: `undefined`)
|
|
18062
|
+
* - `--vaadin-input-field-error-font-weight`: undefined (default: `undefined`)
|
|
18063
|
+
* - `--vaadin-input-field-error-line-height`: undefined (default: `undefined`)
|
|
18064
|
+
* - `--vaadin-input-field-helper-color`: undefined (default: `undefined`)
|
|
18065
|
+
* - `--vaadin-input-field-helper-font-size`: undefined (default: `undefined`)
|
|
18066
|
+
* - `--vaadin-input-field-helper-font-weight`: undefined (default: `undefined`)
|
|
18067
|
+
* - `--vaadin-input-field-helper-line-height`: undefined (default: `undefined`)
|
|
18068
|
+
* - `--vaadin-input-field-required-indicator`: undefined (default: `undefined`)
|
|
18069
|
+
* - `--vaadin-input-field-required-indicator-color`: See [Styling Components](https://vaadin.com/docs/latest/styling/styling-components) documentation. (default: `undefined`)
|
|
18070
18070
|
*/
|
|
18071
|
-
"vaadin-
|
|
18071
|
+
"vaadin-checkbox": Partial<CheckboxProps & BaseProps<Checkbox> & BaseEvents>;
|
|
18072
18072
|
|
|
18073
18073
|
/**
|
|
18074
18074
|
* `<vaadin-checkbox-group>` is a web component that allows the user to choose several items from a group of binary choices.
|
|
@@ -28494,6 +28494,119 @@ export type CustomElementsSolidJs = {
|
|
|
28494
28494
|
BadgeProps & BadgeSolidJsProps & BaseProps<Badge> & BaseEvents
|
|
28495
28495
|
>;
|
|
28496
28496
|
|
|
28497
|
+
/**
|
|
28498
|
+
* `<vaadin-button>` is an accessible and customizable button that allows users to perform actions.
|
|
28499
|
+
*
|
|
28500
|
+
* ```html
|
|
28501
|
+
* <vaadin-button>Press me</vaadin-button>
|
|
28502
|
+
* ```
|
|
28503
|
+
*
|
|
28504
|
+
* ### Styling
|
|
28505
|
+
*
|
|
28506
|
+
* The following shadow DOM parts are available for styling:
|
|
28507
|
+
*
|
|
28508
|
+
* Part name | Description
|
|
28509
|
+
* ----------|-------------
|
|
28510
|
+
* `label` | The label (text) inside the button.
|
|
28511
|
+
* `prefix` | A slot for content before the label (e.g. an icon).
|
|
28512
|
+
* `suffix` | A slot for content after the label (e.g. an icon).
|
|
28513
|
+
*
|
|
28514
|
+
* The following state attributes are available for styling:
|
|
28515
|
+
*
|
|
28516
|
+
* Attribute | Description
|
|
28517
|
+
* ---------------|-------------
|
|
28518
|
+
* `active` | Set when the button is pressed down, either with mouse, touch or the keyboard
|
|
28519
|
+
* `disabled` | Set when the button is disabled
|
|
28520
|
+
* `focus-ring` | Set when the button is focused using the keyboard
|
|
28521
|
+
* `focused` | Set when the button is focused
|
|
28522
|
+
* `has-tooltip` | Set when the button has a slotted tooltip
|
|
28523
|
+
*
|
|
28524
|
+
* The following custom CSS properties are available for styling:
|
|
28525
|
+
*
|
|
28526
|
+
* Custom CSS property |
|
|
28527
|
+
* :----------------------------------|
|
|
28528
|
+
* | `--vaadin-button-background` |
|
|
28529
|
+
* | `--vaadin-button-border-color` |
|
|
28530
|
+
* | `--vaadin-button-border-radius` |
|
|
28531
|
+
* | `--vaadin-button-border-width` |
|
|
28532
|
+
* | `--vaadin-button-font-family` |
|
|
28533
|
+
* | `--vaadin-button-font-size` |
|
|
28534
|
+
* | `--vaadin-button-font-weight` |
|
|
28535
|
+
* | `--vaadin-button-gap` |
|
|
28536
|
+
* | `--vaadin-button-height` |
|
|
28537
|
+
* | `--vaadin-button-label-wrap` |
|
|
28538
|
+
* | `--vaadin-button-line-height` |
|
|
28539
|
+
* | `--vaadin-button-margin` |
|
|
28540
|
+
* | `--vaadin-button-padding` |
|
|
28541
|
+
* | `--vaadin-button-text-color` |
|
|
28542
|
+
*
|
|
28543
|
+
* See [Styling Components](https://vaadin.com/docs/latest/styling/styling-components) documentation.
|
|
28544
|
+
*
|
|
28545
|
+
* ## Attributes & Properties
|
|
28546
|
+
*
|
|
28547
|
+
* Component attributes and properties that can be applied to the element or by using JavaScript.
|
|
28548
|
+
*
|
|
28549
|
+
* - `theme`/`undefined`: The theme variants to apply to the component.
|
|
28550
|
+
* - `disabled`: When disabled, the button is rendered as "dimmed".
|
|
28551
|
+
*
|
|
28552
|
+
* By default, disabled buttons are not focusable and don't react to hover.
|
|
28553
|
+
* As a result, they are hidden from assistive technologies, and it's not
|
|
28554
|
+
* possible to show a tooltip to explain why they are disabled. This can
|
|
28555
|
+
* be addressed by enabling the feature flag `accessibleDisabledButtons`,
|
|
28556
|
+
* which makes disabled buttons focusable and hoverable, while still
|
|
28557
|
+
* preventing them from being activated:
|
|
28558
|
+
*
|
|
28559
|
+
* ```js
|
|
28560
|
+
* // Set before any button is attached to the DOM.
|
|
28561
|
+
* window.Vaadin.featureFlags.accessibleDisabledButtons = true
|
|
28562
|
+
* ```
|
|
28563
|
+
* - `active`/`undefined`: Set when the button is pressed down, either with mouse, touch or the keyboard
|
|
28564
|
+
* - `disabled`/`undefined`: Set when the button is disabled
|
|
28565
|
+
* - `focus-ring`/`undefined`: Set when the button is focused using the keyboard
|
|
28566
|
+
* - `focused`/`undefined`: Set when the button is focused
|
|
28567
|
+
* - `has-tooltip`/`undefined`: Set when the button has a slotted tooltip
|
|
28568
|
+
* - `tabindex`: Indicates whether the element can be focused and where it participates in sequential keyboard navigation.
|
|
28569
|
+
* - `_lastTabIndex`: Stores the last known tabindex since the element has been disabled.
|
|
28570
|
+
* - `dir`: undefined
|
|
28571
|
+
*
|
|
28572
|
+
* ## Events
|
|
28573
|
+
*
|
|
28574
|
+
* Events that will be emitted by the component.
|
|
28575
|
+
*
|
|
28576
|
+
* - `undefined`: undefined
|
|
28577
|
+
*
|
|
28578
|
+
* ## Methods
|
|
28579
|
+
*
|
|
28580
|
+
* Methods that can be called to access component functionality.
|
|
28581
|
+
*
|
|
28582
|
+
* - `createProperty(name, options) => void`: undefined
|
|
28583
|
+
* - `getOrCreateMap(name) => void`: undefined
|
|
28584
|
+
* - `addCheckedInitializer(initializer) => void`: undefined
|
|
28585
|
+
* - `getPropertyDescriptor(name, key, options) => void`: undefined
|
|
28586
|
+
*
|
|
28587
|
+
* ## CSS Custom Properties
|
|
28588
|
+
*
|
|
28589
|
+
* CSS variables available for styling the component.
|
|
28590
|
+
*
|
|
28591
|
+
* - `--vaadin-button-background`: undefined (default: `undefined`)
|
|
28592
|
+
* - `--vaadin-button-border-color`: undefined (default: `undefined`)
|
|
28593
|
+
* - `--vaadin-button-border-radius`: undefined (default: `undefined`)
|
|
28594
|
+
* - `--vaadin-button-border-width`: undefined (default: `undefined`)
|
|
28595
|
+
* - `--vaadin-button-font-family`: undefined (default: `undefined`)
|
|
28596
|
+
* - `--vaadin-button-font-size`: undefined (default: `undefined`)
|
|
28597
|
+
* - `--vaadin-button-font-weight`: undefined (default: `undefined`)
|
|
28598
|
+
* - `--vaadin-button-gap`: undefined (default: `undefined`)
|
|
28599
|
+
* - `--vaadin-button-height`: undefined (default: `undefined`)
|
|
28600
|
+
* - `--vaadin-button-label-wrap`: undefined (default: `undefined`)
|
|
28601
|
+
* - `--vaadin-button-line-height`: undefined (default: `undefined`)
|
|
28602
|
+
* - `--vaadin-button-margin`: undefined (default: `undefined`)
|
|
28603
|
+
* - `--vaadin-button-padding`: undefined (default: `undefined`)
|
|
28604
|
+
* - `--vaadin-button-text-color`: See [Styling Components](https://vaadin.com/docs/latest/styling/styling-components) documentation. (default: `undefined`)
|
|
28605
|
+
*/
|
|
28606
|
+
"vaadin-button": Partial<
|
|
28607
|
+
ButtonProps & ButtonSolidJsProps & BaseProps<Button> & BaseEvents
|
|
28608
|
+
>;
|
|
28609
|
+
|
|
28497
28610
|
/**
|
|
28498
28611
|
* `<vaadin-checkbox>` is an input field representing a binary choice.
|
|
28499
28612
|
*
|
|
@@ -28663,119 +28776,6 @@ export type CustomElementsSolidJs = {
|
|
|
28663
28776
|
CheckboxProps & CheckboxSolidJsProps & BaseProps<Checkbox> & BaseEvents
|
|
28664
28777
|
>;
|
|
28665
28778
|
|
|
28666
|
-
/**
|
|
28667
|
-
* `<vaadin-button>` is an accessible and customizable button that allows users to perform actions.
|
|
28668
|
-
*
|
|
28669
|
-
* ```html
|
|
28670
|
-
* <vaadin-button>Press me</vaadin-button>
|
|
28671
|
-
* ```
|
|
28672
|
-
*
|
|
28673
|
-
* ### Styling
|
|
28674
|
-
*
|
|
28675
|
-
* The following shadow DOM parts are available for styling:
|
|
28676
|
-
*
|
|
28677
|
-
* Part name | Description
|
|
28678
|
-
* ----------|-------------
|
|
28679
|
-
* `label` | The label (text) inside the button.
|
|
28680
|
-
* `prefix` | A slot for content before the label (e.g. an icon).
|
|
28681
|
-
* `suffix` | A slot for content after the label (e.g. an icon).
|
|
28682
|
-
*
|
|
28683
|
-
* The following state attributes are available for styling:
|
|
28684
|
-
*
|
|
28685
|
-
* Attribute | Description
|
|
28686
|
-
* ---------------|-------------
|
|
28687
|
-
* `active` | Set when the button is pressed down, either with mouse, touch or the keyboard
|
|
28688
|
-
* `disabled` | Set when the button is disabled
|
|
28689
|
-
* `focus-ring` | Set when the button is focused using the keyboard
|
|
28690
|
-
* `focused` | Set when the button is focused
|
|
28691
|
-
* `has-tooltip` | Set when the button has a slotted tooltip
|
|
28692
|
-
*
|
|
28693
|
-
* The following custom CSS properties are available for styling:
|
|
28694
|
-
*
|
|
28695
|
-
* Custom CSS property |
|
|
28696
|
-
* :----------------------------------|
|
|
28697
|
-
* | `--vaadin-button-background` |
|
|
28698
|
-
* | `--vaadin-button-border-color` |
|
|
28699
|
-
* | `--vaadin-button-border-radius` |
|
|
28700
|
-
* | `--vaadin-button-border-width` |
|
|
28701
|
-
* | `--vaadin-button-font-family` |
|
|
28702
|
-
* | `--vaadin-button-font-size` |
|
|
28703
|
-
* | `--vaadin-button-font-weight` |
|
|
28704
|
-
* | `--vaadin-button-gap` |
|
|
28705
|
-
* | `--vaadin-button-height` |
|
|
28706
|
-
* | `--vaadin-button-label-wrap` |
|
|
28707
|
-
* | `--vaadin-button-line-height` |
|
|
28708
|
-
* | `--vaadin-button-margin` |
|
|
28709
|
-
* | `--vaadin-button-padding` |
|
|
28710
|
-
* | `--vaadin-button-text-color` |
|
|
28711
|
-
*
|
|
28712
|
-
* See [Styling Components](https://vaadin.com/docs/latest/styling/styling-components) documentation.
|
|
28713
|
-
*
|
|
28714
|
-
* ## Attributes & Properties
|
|
28715
|
-
*
|
|
28716
|
-
* Component attributes and properties that can be applied to the element or by using JavaScript.
|
|
28717
|
-
*
|
|
28718
|
-
* - `theme`/`undefined`: The theme variants to apply to the component.
|
|
28719
|
-
* - `disabled`: When disabled, the button is rendered as "dimmed".
|
|
28720
|
-
*
|
|
28721
|
-
* By default, disabled buttons are not focusable and don't react to hover.
|
|
28722
|
-
* As a result, they are hidden from assistive technologies, and it's not
|
|
28723
|
-
* possible to show a tooltip to explain why they are disabled. This can
|
|
28724
|
-
* be addressed by enabling the feature flag `accessibleDisabledButtons`,
|
|
28725
|
-
* which makes disabled buttons focusable and hoverable, while still
|
|
28726
|
-
* preventing them from being activated:
|
|
28727
|
-
*
|
|
28728
|
-
* ```js
|
|
28729
|
-
* // Set before any button is attached to the DOM.
|
|
28730
|
-
* window.Vaadin.featureFlags.accessibleDisabledButtons = true
|
|
28731
|
-
* ```
|
|
28732
|
-
* - `active`/`undefined`: Set when the button is pressed down, either with mouse, touch or the keyboard
|
|
28733
|
-
* - `disabled`/`undefined`: Set when the button is disabled
|
|
28734
|
-
* - `focus-ring`/`undefined`: Set when the button is focused using the keyboard
|
|
28735
|
-
* - `focused`/`undefined`: Set when the button is focused
|
|
28736
|
-
* - `has-tooltip`/`undefined`: Set when the button has a slotted tooltip
|
|
28737
|
-
* - `tabindex`: Indicates whether the element can be focused and where it participates in sequential keyboard navigation.
|
|
28738
|
-
* - `_lastTabIndex`: Stores the last known tabindex since the element has been disabled.
|
|
28739
|
-
* - `dir`: undefined
|
|
28740
|
-
*
|
|
28741
|
-
* ## Events
|
|
28742
|
-
*
|
|
28743
|
-
* Events that will be emitted by the component.
|
|
28744
|
-
*
|
|
28745
|
-
* - `undefined`: undefined
|
|
28746
|
-
*
|
|
28747
|
-
* ## Methods
|
|
28748
|
-
*
|
|
28749
|
-
* Methods that can be called to access component functionality.
|
|
28750
|
-
*
|
|
28751
|
-
* - `createProperty(name, options) => void`: undefined
|
|
28752
|
-
* - `getOrCreateMap(name) => void`: undefined
|
|
28753
|
-
* - `addCheckedInitializer(initializer) => void`: undefined
|
|
28754
|
-
* - `getPropertyDescriptor(name, key, options) => void`: undefined
|
|
28755
|
-
*
|
|
28756
|
-
* ## CSS Custom Properties
|
|
28757
|
-
*
|
|
28758
|
-
* CSS variables available for styling the component.
|
|
28759
|
-
*
|
|
28760
|
-
* - `--vaadin-button-background`: undefined (default: `undefined`)
|
|
28761
|
-
* - `--vaadin-button-border-color`: undefined (default: `undefined`)
|
|
28762
|
-
* - `--vaadin-button-border-radius`: undefined (default: `undefined`)
|
|
28763
|
-
* - `--vaadin-button-border-width`: undefined (default: `undefined`)
|
|
28764
|
-
* - `--vaadin-button-font-family`: undefined (default: `undefined`)
|
|
28765
|
-
* - `--vaadin-button-font-size`: undefined (default: `undefined`)
|
|
28766
|
-
* - `--vaadin-button-font-weight`: undefined (default: `undefined`)
|
|
28767
|
-
* - `--vaadin-button-gap`: undefined (default: `undefined`)
|
|
28768
|
-
* - `--vaadin-button-height`: undefined (default: `undefined`)
|
|
28769
|
-
* - `--vaadin-button-label-wrap`: undefined (default: `undefined`)
|
|
28770
|
-
* - `--vaadin-button-line-height`: undefined (default: `undefined`)
|
|
28771
|
-
* - `--vaadin-button-margin`: undefined (default: `undefined`)
|
|
28772
|
-
* - `--vaadin-button-padding`: undefined (default: `undefined`)
|
|
28773
|
-
* - `--vaadin-button-text-color`: See [Styling Components](https://vaadin.com/docs/latest/styling/styling-components) documentation. (default: `undefined`)
|
|
28774
|
-
*/
|
|
28775
|
-
"vaadin-button": Partial<
|
|
28776
|
-
ButtonProps & ButtonSolidJsProps & BaseProps<Button> & BaseEvents
|
|
28777
|
-
>;
|
|
28778
|
-
|
|
28779
28779
|
/**
|
|
28780
28780
|
* `<vaadin-checkbox-group>` is a web component that allows the user to choose several items from a group of binary choices.
|
|
28781
28781
|
*
|