@openremote/or-vaadin-components 1.31.0 → 1.31.1
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 +857 -857
- 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 { Badge } from "/home/runner/work/openremote/openremote/node_modules/@vaadin/badge/./lib/vaadin-badge.js";
|
|
56
55
|
import type { Button } from "/home/runner/work/openremote/openremote/node_modules/@vaadin/button/./lib/vaadin-button.js";
|
|
56
|
+
import type { Badge } from "/home/runner/work/openremote/openremote/node_modules/@vaadin/badge/./lib/vaadin-badge.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,41 +5414,6 @@ 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
|
-
|
|
5452
5417
|
export type ButtonProps = {
|
|
5453
5418
|
/** When disabled, the button is rendered as "dimmed".
|
|
5454
5419
|
|
|
@@ -5520,6 +5485,41 @@ window.Vaadin.featureFlags.accessibleDisabledButtons = true
|
|
|
5520
5485
|
textContent?: string | number;
|
|
5521
5486
|
};
|
|
5522
5487
|
|
|
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,94 +15825,6 @@ 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
|
-
|
|
15916
15828
|
/**
|
|
15917
15829
|
* `<vaadin-button>` is an accessible and customizable button that allows users to perform actions.
|
|
15918
15830
|
*
|
|
@@ -16023,6 +15935,94 @@ export type CustomElements = {
|
|
|
16023
15935
|
*/
|
|
16024
15936
|
"vaadin-button": Partial<ButtonProps & BaseProps<Button> & BaseEvents>;
|
|
16025
15937
|
|
|
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,96 +25729,6 @@ 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
|
-
|
|
25822
25732
|
/**
|
|
25823
25733
|
* `<vaadin-button>` is an accessible and customizable button that allows users to perform actions.
|
|
25824
25734
|
*
|
|
@@ -25931,6 +25841,96 @@ export type CustomElementsSolidJs = {
|
|
|
25931
25841
|
ButtonProps & ButtonSolidJsProps & BaseProps<Button> & BaseEvents
|
|
25932
25842
|
>;
|
|
25933
25843
|
|
|
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
|
*
|