@openremote/or-vaadin-components 1.31.1 → 1.32.0-snapshot.20260928140716
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 +214 -214
- package/build/custom-elements.json +876 -876
- package/package.json +5 -5
|
@@ -52,8 +52,8 @@ import type { OrVaadinTextField } from "./lib/or-vaadin-text-field.d.ts";
|
|
|
52
52
|
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
|
-
import type { Button } from "/home/runner/work/openremote/openremote/node_modules/@vaadin/button/./lib/vaadin-button.js";
|
|
56
55
|
import type { Badge } from "/home/runner/work/openremote/openremote/node_modules/@vaadin/badge/./lib/vaadin-badge.js";
|
|
56
|
+
import type { Button } from "/home/runner/work/openremote/openremote/node_modules/@vaadin/button/./lib/vaadin-button.js";
|
|
57
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";
|
|
@@ -5414,6 +5414,41 @@ will be restored to `0` after re-enabling the element. */
|
|
|
5414
5414
|
textContent?: string | number;
|
|
5415
5415
|
};
|
|
5416
5416
|
|
|
5417
|
+
export type BadgeProps = {
|
|
5418
|
+
/** The number to display in the badge. */
|
|
5419
|
+
number?: Badge["number"];
|
|
5420
|
+
/** Set when the badge has content in the icon slot */
|
|
5421
|
+
"has-icon"?: unknown;
|
|
5422
|
+
/** Set when the badge has content in the icon slot */
|
|
5423
|
+
undefined?: unknown;
|
|
5424
|
+
/** Set when the badge has content in the default slot */
|
|
5425
|
+
"has-content"?: unknown;
|
|
5426
|
+
/** Set when the badge has a number value */
|
|
5427
|
+
"has-number"?: unknown;
|
|
5428
|
+
/** */
|
|
5429
|
+
dir?: Badge["dir"];
|
|
5430
|
+
};
|
|
5431
|
+
|
|
5432
|
+
export type BadgeSolidJsProps = {
|
|
5433
|
+
/** The number to display in the badge. */
|
|
5434
|
+
"prop:number"?: Badge["number"];
|
|
5435
|
+
/** Set when the badge has content in the icon slot */
|
|
5436
|
+
"bool:has-icon"?: unknown;
|
|
5437
|
+
/** Set when the badge has content in the icon slot */
|
|
5438
|
+
"prop:undefined"?: unknown;
|
|
5439
|
+
/** Set when the badge has content in the default slot */
|
|
5440
|
+
"bool:has-content"?: unknown;
|
|
5441
|
+
/** Set when the badge has a number value */
|
|
5442
|
+
"bool:has-number"?: unknown;
|
|
5443
|
+
/** */
|
|
5444
|
+
"prop:dir"?: Badge["dir"];
|
|
5445
|
+
|
|
5446
|
+
/** Set the innerHTML of the element */
|
|
5447
|
+
innerHTML?: string;
|
|
5448
|
+
/** Set the textContent of the element */
|
|
5449
|
+
textContent?: string | number;
|
|
5450
|
+
};
|
|
5451
|
+
|
|
5417
5452
|
export type ButtonProps = {
|
|
5418
5453
|
/** When disabled, the button is rendered as "dimmed".
|
|
5419
5454
|
|
|
@@ -5485,41 +5520,6 @@ window.Vaadin.featureFlags.accessibleDisabledButtons = true
|
|
|
5485
5520
|
textContent?: string | number;
|
|
5486
5521
|
};
|
|
5487
5522
|
|
|
5488
|
-
export type BadgeProps = {
|
|
5489
|
-
/** The number to display in the badge. */
|
|
5490
|
-
number?: Badge["number"];
|
|
5491
|
-
/** Set when the badge has content in the icon slot */
|
|
5492
|
-
"has-icon"?: unknown;
|
|
5493
|
-
/** Set when the badge has content in the icon slot */
|
|
5494
|
-
undefined?: unknown;
|
|
5495
|
-
/** Set when the badge has content in the default slot */
|
|
5496
|
-
"has-content"?: unknown;
|
|
5497
|
-
/** Set when the badge has a number value */
|
|
5498
|
-
"has-number"?: unknown;
|
|
5499
|
-
/** */
|
|
5500
|
-
dir?: Badge["dir"];
|
|
5501
|
-
};
|
|
5502
|
-
|
|
5503
|
-
export type BadgeSolidJsProps = {
|
|
5504
|
-
/** The number to display in the badge. */
|
|
5505
|
-
"prop:number"?: Badge["number"];
|
|
5506
|
-
/** Set when the badge has content in the icon slot */
|
|
5507
|
-
"bool:has-icon"?: unknown;
|
|
5508
|
-
/** Set when the badge has content in the icon slot */
|
|
5509
|
-
"prop:undefined"?: unknown;
|
|
5510
|
-
/** Set when the badge has content in the default slot */
|
|
5511
|
-
"bool:has-content"?: unknown;
|
|
5512
|
-
/** Set when the badge has a number value */
|
|
5513
|
-
"bool:has-number"?: unknown;
|
|
5514
|
-
/** */
|
|
5515
|
-
"prop:dir"?: Badge["dir"];
|
|
5516
|
-
|
|
5517
|
-
/** Set the innerHTML of the element */
|
|
5518
|
-
innerHTML?: string;
|
|
5519
|
-
/** Set the textContent of the element */
|
|
5520
|
-
textContent?: string | number;
|
|
5521
|
-
};
|
|
5522
|
-
|
|
5523
5523
|
export type CheckboxProps = {
|
|
5524
5524
|
/** Set when the checkbox is activated with mouse, touch or the keyboard. */
|
|
5525
5525
|
active?: unknown;
|
|
@@ -15825,6 +15825,94 @@ export type CustomElements = {
|
|
|
15825
15825
|
OrVaadinToggleProps & BaseProps<OrVaadinToggle> & BaseEvents
|
|
15826
15826
|
>;
|
|
15827
15827
|
|
|
15828
|
+
/**
|
|
15829
|
+
* `<vaadin-badge>` is a Web Component for displaying badges.
|
|
15830
|
+
*
|
|
15831
|
+
* ```html
|
|
15832
|
+
* <vaadin-badge>New</vaadin-badge>
|
|
15833
|
+
* ```
|
|
15834
|
+
*
|
|
15835
|
+
* ### Slots
|
|
15836
|
+
*
|
|
15837
|
+
* Name | Description
|
|
15838
|
+
* ---------|-------------
|
|
15839
|
+
* (none) | Default slot for the badge text content
|
|
15840
|
+
* `icon` | Slot for an icon to place before the text
|
|
15841
|
+
*
|
|
15842
|
+
* ### Styling
|
|
15843
|
+
*
|
|
15844
|
+
* The following shadow DOM parts are available for styling:
|
|
15845
|
+
*
|
|
15846
|
+
* Part name | Description
|
|
15847
|
+
* -----------|-------------
|
|
15848
|
+
* `icon` | The container for the icon slot
|
|
15849
|
+
* `number` | The container for the number value
|
|
15850
|
+
* `content` | The container for the default slot
|
|
15851
|
+
*
|
|
15852
|
+
* The following state attributes are available for styling:
|
|
15853
|
+
*
|
|
15854
|
+
* Attribute | Description
|
|
15855
|
+
* ---------------|-------------
|
|
15856
|
+
* `has-icon` | Set when the badge has content in the icon slot
|
|
15857
|
+
* `has-content` | Set when the badge has content in the default slot
|
|
15858
|
+
* `has-number` | Set when the badge has a number value
|
|
15859
|
+
*
|
|
15860
|
+
* The following custom CSS properties are available for styling:
|
|
15861
|
+
*
|
|
15862
|
+
* Custom CSS property |
|
|
15863
|
+
* :--------------------------------|
|
|
15864
|
+
* `--vaadin-badge-background` |
|
|
15865
|
+
* `--vaadin-badge-border-color` |
|
|
15866
|
+
* `--vaadin-badge-border-radius` |
|
|
15867
|
+
* `--vaadin-badge-border-width` |
|
|
15868
|
+
* `--vaadin-badge-font-size` |
|
|
15869
|
+
* `--vaadin-badge-font-weight` |
|
|
15870
|
+
* `--vaadin-badge-font-family` |
|
|
15871
|
+
* `--vaadin-badge-gap` |
|
|
15872
|
+
* `--vaadin-badge-line-height` |
|
|
15873
|
+
* `--vaadin-badge-padding` |
|
|
15874
|
+
* `--vaadin-badge-text-color` |
|
|
15875
|
+
*
|
|
15876
|
+
* See [Styling Components](https://vaadin.com/docs/latest/styling/styling-components) documentation.
|
|
15877
|
+
*
|
|
15878
|
+
* ## Attributes & Properties
|
|
15879
|
+
*
|
|
15880
|
+
* Component attributes and properties that can be applied to the element or by using JavaScript.
|
|
15881
|
+
*
|
|
15882
|
+
* - `number`: The number to display in the badge.
|
|
15883
|
+
* - `has-icon`/`undefined`: Set when the badge has content in the icon slot
|
|
15884
|
+
* - `has-content`/`undefined`: Set when the badge has content in the default slot
|
|
15885
|
+
* - `has-number`/`undefined`: Set when the badge has a number value
|
|
15886
|
+
* - `dir`: undefined
|
|
15887
|
+
*
|
|
15888
|
+
* ## Events
|
|
15889
|
+
*
|
|
15890
|
+
* Events that will be emitted by the component.
|
|
15891
|
+
*
|
|
15892
|
+
* - `undefined`: undefined
|
|
15893
|
+
*
|
|
15894
|
+
* ## Methods
|
|
15895
|
+
*
|
|
15896
|
+
* Methods that can be called to access component functionality.
|
|
15897
|
+
*
|
|
15898
|
+
* - `createProperty(name, options) => void`: undefined
|
|
15899
|
+
* - `getOrCreateMap(name) => void`: undefined
|
|
15900
|
+
* - `addCheckedInitializer(initializer) => void`: undefined
|
|
15901
|
+
* - `getPropertyDescriptor(name, key, options) => void`: undefined
|
|
15902
|
+
*
|
|
15903
|
+
* ## CSS Custom Properties
|
|
15904
|
+
*
|
|
15905
|
+
* CSS variables available for styling the component.
|
|
15906
|
+
*
|
|
15907
|
+
* - `--vaadin-badge-background`: `--vaadin-badge-border-color` (default: `undefined`)
|
|
15908
|
+
* - `--vaadin-badge-border-radius`: `--vaadin-badge-border-width` (default: `undefined`)
|
|
15909
|
+
* - `--vaadin-badge-font-size`: `--vaadin-badge-font-weight` (default: `undefined`)
|
|
15910
|
+
* - `--vaadin-badge-font-family`: `--vaadin-badge-gap` (default: `undefined`)
|
|
15911
|
+
* - `--vaadin-badge-line-height`: `--vaadin-badge-padding` (default: `undefined`)
|
|
15912
|
+
* - `--vaadin-badge-text-color`: See [Styling Components](https://vaadin.com/docs/latest/styling/styling-components) documentation. (default: `undefined`)
|
|
15913
|
+
*/
|
|
15914
|
+
"vaadin-badge": Partial<BadgeProps & BaseProps<Badge> & BaseEvents>;
|
|
15915
|
+
|
|
15828
15916
|
/**
|
|
15829
15917
|
* `<vaadin-button>` is an accessible and customizable button that allows users to perform actions.
|
|
15830
15918
|
*
|
|
@@ -15935,94 +16023,6 @@ export type CustomElements = {
|
|
|
15935
16023
|
*/
|
|
15936
16024
|
"vaadin-button": Partial<ButtonProps & BaseProps<Button> & BaseEvents>;
|
|
15937
16025
|
|
|
15938
|
-
/**
|
|
15939
|
-
* `<vaadin-badge>` is a Web Component for displaying badges.
|
|
15940
|
-
*
|
|
15941
|
-
* ```html
|
|
15942
|
-
* <vaadin-badge>New</vaadin-badge>
|
|
15943
|
-
* ```
|
|
15944
|
-
*
|
|
15945
|
-
* ### Slots
|
|
15946
|
-
*
|
|
15947
|
-
* Name | Description
|
|
15948
|
-
* ---------|-------------
|
|
15949
|
-
* (none) | Default slot for the badge text content
|
|
15950
|
-
* `icon` | Slot for an icon to place before the text
|
|
15951
|
-
*
|
|
15952
|
-
* ### Styling
|
|
15953
|
-
*
|
|
15954
|
-
* The following shadow DOM parts are available for styling:
|
|
15955
|
-
*
|
|
15956
|
-
* Part name | Description
|
|
15957
|
-
* -----------|-------------
|
|
15958
|
-
* `icon` | The container for the icon slot
|
|
15959
|
-
* `number` | The container for the number value
|
|
15960
|
-
* `content` | The container for the default slot
|
|
15961
|
-
*
|
|
15962
|
-
* The following state attributes are available for styling:
|
|
15963
|
-
*
|
|
15964
|
-
* Attribute | Description
|
|
15965
|
-
* ---------------|-------------
|
|
15966
|
-
* `has-icon` | Set when the badge has content in the icon slot
|
|
15967
|
-
* `has-content` | Set when the badge has content in the default slot
|
|
15968
|
-
* `has-number` | Set when the badge has a number value
|
|
15969
|
-
*
|
|
15970
|
-
* The following custom CSS properties are available for styling:
|
|
15971
|
-
*
|
|
15972
|
-
* Custom CSS property |
|
|
15973
|
-
* :--------------------------------|
|
|
15974
|
-
* `--vaadin-badge-background` |
|
|
15975
|
-
* `--vaadin-badge-border-color` |
|
|
15976
|
-
* `--vaadin-badge-border-radius` |
|
|
15977
|
-
* `--vaadin-badge-border-width` |
|
|
15978
|
-
* `--vaadin-badge-font-size` |
|
|
15979
|
-
* `--vaadin-badge-font-weight` |
|
|
15980
|
-
* `--vaadin-badge-font-family` |
|
|
15981
|
-
* `--vaadin-badge-gap` |
|
|
15982
|
-
* `--vaadin-badge-line-height` |
|
|
15983
|
-
* `--vaadin-badge-padding` |
|
|
15984
|
-
* `--vaadin-badge-text-color` |
|
|
15985
|
-
*
|
|
15986
|
-
* See [Styling Components](https://vaadin.com/docs/latest/styling/styling-components) documentation.
|
|
15987
|
-
*
|
|
15988
|
-
* ## Attributes & Properties
|
|
15989
|
-
*
|
|
15990
|
-
* Component attributes and properties that can be applied to the element or by using JavaScript.
|
|
15991
|
-
*
|
|
15992
|
-
* - `number`: The number to display in the badge.
|
|
15993
|
-
* - `has-icon`/`undefined`: Set when the badge has content in the icon slot
|
|
15994
|
-
* - `has-content`/`undefined`: Set when the badge has content in the default slot
|
|
15995
|
-
* - `has-number`/`undefined`: Set when the badge has a number value
|
|
15996
|
-
* - `dir`: undefined
|
|
15997
|
-
*
|
|
15998
|
-
* ## Events
|
|
15999
|
-
*
|
|
16000
|
-
* Events that will be emitted by the component.
|
|
16001
|
-
*
|
|
16002
|
-
* - `undefined`: undefined
|
|
16003
|
-
*
|
|
16004
|
-
* ## Methods
|
|
16005
|
-
*
|
|
16006
|
-
* Methods that can be called to access component functionality.
|
|
16007
|
-
*
|
|
16008
|
-
* - `createProperty(name, options) => void`: undefined
|
|
16009
|
-
* - `getOrCreateMap(name) => void`: undefined
|
|
16010
|
-
* - `addCheckedInitializer(initializer) => void`: undefined
|
|
16011
|
-
* - `getPropertyDescriptor(name, key, options) => void`: undefined
|
|
16012
|
-
*
|
|
16013
|
-
* ## CSS Custom Properties
|
|
16014
|
-
*
|
|
16015
|
-
* CSS variables available for styling the component.
|
|
16016
|
-
*
|
|
16017
|
-
* - `--vaadin-badge-background`: `--vaadin-badge-border-color` (default: `undefined`)
|
|
16018
|
-
* - `--vaadin-badge-border-radius`: `--vaadin-badge-border-width` (default: `undefined`)
|
|
16019
|
-
* - `--vaadin-badge-font-size`: `--vaadin-badge-font-weight` (default: `undefined`)
|
|
16020
|
-
* - `--vaadin-badge-font-family`: `--vaadin-badge-gap` (default: `undefined`)
|
|
16021
|
-
* - `--vaadin-badge-line-height`: `--vaadin-badge-padding` (default: `undefined`)
|
|
16022
|
-
* - `--vaadin-badge-text-color`: See [Styling Components](https://vaadin.com/docs/latest/styling/styling-components) documentation. (default: `undefined`)
|
|
16023
|
-
*/
|
|
16024
|
-
"vaadin-badge": Partial<BadgeProps & BaseProps<Badge> & BaseEvents>;
|
|
16025
|
-
|
|
16026
16026
|
/**
|
|
16027
16027
|
* `<vaadin-checkbox>` is an input field representing a binary choice.
|
|
16028
16028
|
*
|
|
@@ -25729,6 +25729,96 @@ export type CustomElementsSolidJs = {
|
|
|
25729
25729
|
BaseEvents
|
|
25730
25730
|
>;
|
|
25731
25731
|
|
|
25732
|
+
/**
|
|
25733
|
+
* `<vaadin-badge>` is a Web Component for displaying badges.
|
|
25734
|
+
*
|
|
25735
|
+
* ```html
|
|
25736
|
+
* <vaadin-badge>New</vaadin-badge>
|
|
25737
|
+
* ```
|
|
25738
|
+
*
|
|
25739
|
+
* ### Slots
|
|
25740
|
+
*
|
|
25741
|
+
* Name | Description
|
|
25742
|
+
* ---------|-------------
|
|
25743
|
+
* (none) | Default slot for the badge text content
|
|
25744
|
+
* `icon` | Slot for an icon to place before the text
|
|
25745
|
+
*
|
|
25746
|
+
* ### Styling
|
|
25747
|
+
*
|
|
25748
|
+
* The following shadow DOM parts are available for styling:
|
|
25749
|
+
*
|
|
25750
|
+
* Part name | Description
|
|
25751
|
+
* -----------|-------------
|
|
25752
|
+
* `icon` | The container for the icon slot
|
|
25753
|
+
* `number` | The container for the number value
|
|
25754
|
+
* `content` | The container for the default slot
|
|
25755
|
+
*
|
|
25756
|
+
* The following state attributes are available for styling:
|
|
25757
|
+
*
|
|
25758
|
+
* Attribute | Description
|
|
25759
|
+
* ---------------|-------------
|
|
25760
|
+
* `has-icon` | Set when the badge has content in the icon slot
|
|
25761
|
+
* `has-content` | Set when the badge has content in the default slot
|
|
25762
|
+
* `has-number` | Set when the badge has a number value
|
|
25763
|
+
*
|
|
25764
|
+
* The following custom CSS properties are available for styling:
|
|
25765
|
+
*
|
|
25766
|
+
* Custom CSS property |
|
|
25767
|
+
* :--------------------------------|
|
|
25768
|
+
* `--vaadin-badge-background` |
|
|
25769
|
+
* `--vaadin-badge-border-color` |
|
|
25770
|
+
* `--vaadin-badge-border-radius` |
|
|
25771
|
+
* `--vaadin-badge-border-width` |
|
|
25772
|
+
* `--vaadin-badge-font-size` |
|
|
25773
|
+
* `--vaadin-badge-font-weight` |
|
|
25774
|
+
* `--vaadin-badge-font-family` |
|
|
25775
|
+
* `--vaadin-badge-gap` |
|
|
25776
|
+
* `--vaadin-badge-line-height` |
|
|
25777
|
+
* `--vaadin-badge-padding` |
|
|
25778
|
+
* `--vaadin-badge-text-color` |
|
|
25779
|
+
*
|
|
25780
|
+
* See [Styling Components](https://vaadin.com/docs/latest/styling/styling-components) documentation.
|
|
25781
|
+
*
|
|
25782
|
+
* ## Attributes & Properties
|
|
25783
|
+
*
|
|
25784
|
+
* Component attributes and properties that can be applied to the element or by using JavaScript.
|
|
25785
|
+
*
|
|
25786
|
+
* - `number`: The number to display in the badge.
|
|
25787
|
+
* - `has-icon`/`undefined`: Set when the badge has content in the icon slot
|
|
25788
|
+
* - `has-content`/`undefined`: Set when the badge has content in the default slot
|
|
25789
|
+
* - `has-number`/`undefined`: Set when the badge has a number value
|
|
25790
|
+
* - `dir`: undefined
|
|
25791
|
+
*
|
|
25792
|
+
* ## Events
|
|
25793
|
+
*
|
|
25794
|
+
* Events that will be emitted by the component.
|
|
25795
|
+
*
|
|
25796
|
+
* - `undefined`: undefined
|
|
25797
|
+
*
|
|
25798
|
+
* ## Methods
|
|
25799
|
+
*
|
|
25800
|
+
* Methods that can be called to access component functionality.
|
|
25801
|
+
*
|
|
25802
|
+
* - `createProperty(name, options) => void`: undefined
|
|
25803
|
+
* - `getOrCreateMap(name) => void`: undefined
|
|
25804
|
+
* - `addCheckedInitializer(initializer) => void`: undefined
|
|
25805
|
+
* - `getPropertyDescriptor(name, key, options) => void`: undefined
|
|
25806
|
+
*
|
|
25807
|
+
* ## CSS Custom Properties
|
|
25808
|
+
*
|
|
25809
|
+
* CSS variables available for styling the component.
|
|
25810
|
+
*
|
|
25811
|
+
* - `--vaadin-badge-background`: `--vaadin-badge-border-color` (default: `undefined`)
|
|
25812
|
+
* - `--vaadin-badge-border-radius`: `--vaadin-badge-border-width` (default: `undefined`)
|
|
25813
|
+
* - `--vaadin-badge-font-size`: `--vaadin-badge-font-weight` (default: `undefined`)
|
|
25814
|
+
* - `--vaadin-badge-font-family`: `--vaadin-badge-gap` (default: `undefined`)
|
|
25815
|
+
* - `--vaadin-badge-line-height`: `--vaadin-badge-padding` (default: `undefined`)
|
|
25816
|
+
* - `--vaadin-badge-text-color`: See [Styling Components](https://vaadin.com/docs/latest/styling/styling-components) documentation. (default: `undefined`)
|
|
25817
|
+
*/
|
|
25818
|
+
"vaadin-badge": Partial<
|
|
25819
|
+
BadgeProps & BadgeSolidJsProps & BaseProps<Badge> & BaseEvents
|
|
25820
|
+
>;
|
|
25821
|
+
|
|
25732
25822
|
/**
|
|
25733
25823
|
* `<vaadin-button>` is an accessible and customizable button that allows users to perform actions.
|
|
25734
25824
|
*
|
|
@@ -25841,96 +25931,6 @@ export type CustomElementsSolidJs = {
|
|
|
25841
25931
|
ButtonProps & ButtonSolidJsProps & BaseProps<Button> & BaseEvents
|
|
25842
25932
|
>;
|
|
25843
25933
|
|
|
25844
|
-
/**
|
|
25845
|
-
* `<vaadin-badge>` is a Web Component for displaying badges.
|
|
25846
|
-
*
|
|
25847
|
-
* ```html
|
|
25848
|
-
* <vaadin-badge>New</vaadin-badge>
|
|
25849
|
-
* ```
|
|
25850
|
-
*
|
|
25851
|
-
* ### Slots
|
|
25852
|
-
*
|
|
25853
|
-
* Name | Description
|
|
25854
|
-
* ---------|-------------
|
|
25855
|
-
* (none) | Default slot for the badge text content
|
|
25856
|
-
* `icon` | Slot for an icon to place before the text
|
|
25857
|
-
*
|
|
25858
|
-
* ### Styling
|
|
25859
|
-
*
|
|
25860
|
-
* The following shadow DOM parts are available for styling:
|
|
25861
|
-
*
|
|
25862
|
-
* Part name | Description
|
|
25863
|
-
* -----------|-------------
|
|
25864
|
-
* `icon` | The container for the icon slot
|
|
25865
|
-
* `number` | The container for the number value
|
|
25866
|
-
* `content` | The container for the default slot
|
|
25867
|
-
*
|
|
25868
|
-
* The following state attributes are available for styling:
|
|
25869
|
-
*
|
|
25870
|
-
* Attribute | Description
|
|
25871
|
-
* ---------------|-------------
|
|
25872
|
-
* `has-icon` | Set when the badge has content in the icon slot
|
|
25873
|
-
* `has-content` | Set when the badge has content in the default slot
|
|
25874
|
-
* `has-number` | Set when the badge has a number value
|
|
25875
|
-
*
|
|
25876
|
-
* The following custom CSS properties are available for styling:
|
|
25877
|
-
*
|
|
25878
|
-
* Custom CSS property |
|
|
25879
|
-
* :--------------------------------|
|
|
25880
|
-
* `--vaadin-badge-background` |
|
|
25881
|
-
* `--vaadin-badge-border-color` |
|
|
25882
|
-
* `--vaadin-badge-border-radius` |
|
|
25883
|
-
* `--vaadin-badge-border-width` |
|
|
25884
|
-
* `--vaadin-badge-font-size` |
|
|
25885
|
-
* `--vaadin-badge-font-weight` |
|
|
25886
|
-
* `--vaadin-badge-font-family` |
|
|
25887
|
-
* `--vaadin-badge-gap` |
|
|
25888
|
-
* `--vaadin-badge-line-height` |
|
|
25889
|
-
* `--vaadin-badge-padding` |
|
|
25890
|
-
* `--vaadin-badge-text-color` |
|
|
25891
|
-
*
|
|
25892
|
-
* See [Styling Components](https://vaadin.com/docs/latest/styling/styling-components) documentation.
|
|
25893
|
-
*
|
|
25894
|
-
* ## Attributes & Properties
|
|
25895
|
-
*
|
|
25896
|
-
* Component attributes and properties that can be applied to the element or by using JavaScript.
|
|
25897
|
-
*
|
|
25898
|
-
* - `number`: The number to display in the badge.
|
|
25899
|
-
* - `has-icon`/`undefined`: Set when the badge has content in the icon slot
|
|
25900
|
-
* - `has-content`/`undefined`: Set when the badge has content in the default slot
|
|
25901
|
-
* - `has-number`/`undefined`: Set when the badge has a number value
|
|
25902
|
-
* - `dir`: undefined
|
|
25903
|
-
*
|
|
25904
|
-
* ## Events
|
|
25905
|
-
*
|
|
25906
|
-
* Events that will be emitted by the component.
|
|
25907
|
-
*
|
|
25908
|
-
* - `undefined`: undefined
|
|
25909
|
-
*
|
|
25910
|
-
* ## Methods
|
|
25911
|
-
*
|
|
25912
|
-
* Methods that can be called to access component functionality.
|
|
25913
|
-
*
|
|
25914
|
-
* - `createProperty(name, options) => void`: undefined
|
|
25915
|
-
* - `getOrCreateMap(name) => void`: undefined
|
|
25916
|
-
* - `addCheckedInitializer(initializer) => void`: undefined
|
|
25917
|
-
* - `getPropertyDescriptor(name, key, options) => void`: undefined
|
|
25918
|
-
*
|
|
25919
|
-
* ## CSS Custom Properties
|
|
25920
|
-
*
|
|
25921
|
-
* CSS variables available for styling the component.
|
|
25922
|
-
*
|
|
25923
|
-
* - `--vaadin-badge-background`: `--vaadin-badge-border-color` (default: `undefined`)
|
|
25924
|
-
* - `--vaadin-badge-border-radius`: `--vaadin-badge-border-width` (default: `undefined`)
|
|
25925
|
-
* - `--vaadin-badge-font-size`: `--vaadin-badge-font-weight` (default: `undefined`)
|
|
25926
|
-
* - `--vaadin-badge-font-family`: `--vaadin-badge-gap` (default: `undefined`)
|
|
25927
|
-
* - `--vaadin-badge-line-height`: `--vaadin-badge-padding` (default: `undefined`)
|
|
25928
|
-
* - `--vaadin-badge-text-color`: See [Styling Components](https://vaadin.com/docs/latest/styling/styling-components) documentation. (default: `undefined`)
|
|
25929
|
-
*/
|
|
25930
|
-
"vaadin-badge": Partial<
|
|
25931
|
-
BadgeProps & BadgeSolidJsProps & BaseProps<Badge> & BaseEvents
|
|
25932
|
-
>;
|
|
25933
|
-
|
|
25934
25934
|
/**
|
|
25935
25935
|
* `<vaadin-checkbox>` is an input field representing a binary choice.
|
|
25936
25936
|
*
|