@momentum-design/components 0.22.2 → 0.22.4
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/dist/browser/index.js +340 -84
- package/dist/browser/index.js.map +4 -4
- package/dist/components/buttonsimple/buttonsimple.component.d.ts +5 -6
- package/dist/components/buttonsimple/buttonsimple.component.js +9 -9
- package/dist/components/tab/index.d.ts +9 -0
- package/dist/components/tab/index.js +6 -0
- package/dist/components/tab/tab.component.d.ts +128 -0
- package/dist/components/tab/tab.component.js +180 -0
- package/dist/components/tab/tab.constants.d.ts +10 -0
- package/dist/components/tab/tab.constants.js +11 -0
- package/dist/components/tab/tab.styles.d.ts +2 -0
- package/dist/components/tab/tab.styles.js +247 -0
- package/dist/components/tab/tab.types.d.ts +3 -0
- package/dist/components/tab/tab.types.js +1 -0
- package/dist/custom-elements.json +918 -266
- package/dist/index.d.ts +2 -1
- package/dist/index.js +2 -1
- package/dist/react/index.d.ts +2 -1
- package/dist/react/index.js +2 -1
- package/dist/react/tab/index.d.ts +82 -0
- package/dist/react/tab/index.js +91 -0
- package/package.json +1 -1
|
@@ -2,250 +2,6 @@
|
|
|
2
2
|
"schemaVersion": "1.0.0",
|
|
3
3
|
"readme": "",
|
|
4
4
|
"modules": [
|
|
5
|
-
{
|
|
6
|
-
"kind": "javascript-module",
|
|
7
|
-
"path": "components/avatar/avatar.component.js",
|
|
8
|
-
"declarations": [
|
|
9
|
-
{
|
|
10
|
-
"kind": "class",
|
|
11
|
-
"description": "The `mdc-avatar` component is used to represent a person or a space.\nAn avatar can be an icon, initials, counter and photo.\n\nTo set the photo of an avatar,\nyou need to set \"src\" attribute.\n\nWhile the avatar image is loading, as a placeholder,\nwe will show the initials text.\nIf the initials are not specified then,\nwe will show `user-regular` icon as a placeholder.\n\nBy default, if there are no attributes specified,\nthen the default avatar will be an icon with `user-regular` name.\n\nThe avatar component is non clickable and non interactive/focusable component.\nIf the avatar is typing, then the loading indicator will be displayed.\nIf the counter type avatar is set to a negative number, then we will display 0.\nThe presence indicator will be hidden when the counter property is set.",
|
|
12
|
-
"name": "Avatar",
|
|
13
|
-
"cssProperties": [
|
|
14
|
-
{
|
|
15
|
-
"description": "Allows customization of the default background color.",
|
|
16
|
-
"name": "--mdc-avatar-default-background-color"
|
|
17
|
-
},
|
|
18
|
-
{
|
|
19
|
-
"description": "Allows customization of the default foreground color.",
|
|
20
|
-
"name": "--mdc-avatar-default-foreground-color"
|
|
21
|
-
},
|
|
22
|
-
{
|
|
23
|
-
"description": "Allows customization of the loading indicator background color.",
|
|
24
|
-
"name": "--mdc-avatar-loading-indicator-background-color"
|
|
25
|
-
},
|
|
26
|
-
{
|
|
27
|
-
"description": "Allows customization of the loading indicator foreground color.",
|
|
28
|
-
"name": "--mdc-avatar-loading-indicator-foreground-color"
|
|
29
|
-
},
|
|
30
|
-
{
|
|
31
|
-
"description": "Allows customization of the loading overlay background color.",
|
|
32
|
-
"name": "--mdc-avatar-loading-overlay-background-color"
|
|
33
|
-
}
|
|
34
|
-
],
|
|
35
|
-
"members": [
|
|
36
|
-
{
|
|
37
|
-
"kind": "field",
|
|
38
|
-
"name": "src",
|
|
39
|
-
"type": {
|
|
40
|
-
"text": "string | undefined"
|
|
41
|
-
},
|
|
42
|
-
"description": "The src is the url which will be used to display the avatar.\nWhen the src is loading, we will display the initials as a placeholder.",
|
|
43
|
-
"attribute": "src",
|
|
44
|
-
"inheritedFrom": {
|
|
45
|
-
"name": "AvatarComponentMixin",
|
|
46
|
-
"module": "utils/mixins/AvatarComponentMixin.js"
|
|
47
|
-
}
|
|
48
|
-
},
|
|
49
|
-
{
|
|
50
|
-
"kind": "field",
|
|
51
|
-
"name": "initials",
|
|
52
|
-
"type": {
|
|
53
|
-
"text": "string | undefined"
|
|
54
|
-
},
|
|
55
|
-
"description": "The initials to be displayed for the avatar.",
|
|
56
|
-
"attribute": "initials",
|
|
57
|
-
"inheritedFrom": {
|
|
58
|
-
"name": "AvatarComponentMixin",
|
|
59
|
-
"module": "utils/mixins/AvatarComponentMixin.js"
|
|
60
|
-
}
|
|
61
|
-
},
|
|
62
|
-
{
|
|
63
|
-
"kind": "field",
|
|
64
|
-
"name": "presence",
|
|
65
|
-
"type": {
|
|
66
|
-
"text": "PresenceType | undefined"
|
|
67
|
-
},
|
|
68
|
-
"description": "The presence is the status which can be used to display the\nactivity state of a user or a space within an avatar component.\n\nAcceptable values include:\n- `active`\n- `away`\n- `away-calling`\n- `busy`\n- `dnd`\n- `meeting`\n- `on-call`\n- `on-device`\n- `on-mobile`\n- `pause`\n- `pto`\n- `presenting`\n- `quiet`\n- `scheduled`",
|
|
69
|
-
"attribute": "presence",
|
|
70
|
-
"inheritedFrom": {
|
|
71
|
-
"name": "AvatarComponentMixin",
|
|
72
|
-
"module": "utils/mixins/AvatarComponentMixin.js"
|
|
73
|
-
}
|
|
74
|
-
},
|
|
75
|
-
{
|
|
76
|
-
"kind": "field",
|
|
77
|
-
"name": "size",
|
|
78
|
-
"type": {
|
|
79
|
-
"text": "AvatarSize"
|
|
80
|
-
},
|
|
81
|
-
"description": "Acceptable values include (size in px unit):\n- 24\n- 32\n- 48\n- 64\n- 72\n- 88\n- 124",
|
|
82
|
-
"default": "32",
|
|
83
|
-
"attribute": "size",
|
|
84
|
-
"reflects": true,
|
|
85
|
-
"inheritedFrom": {
|
|
86
|
-
"name": "AvatarComponentMixin",
|
|
87
|
-
"module": "utils/mixins/AvatarComponentMixin.js"
|
|
88
|
-
}
|
|
89
|
-
},
|
|
90
|
-
{
|
|
91
|
-
"kind": "field",
|
|
92
|
-
"name": "counter",
|
|
93
|
-
"type": {
|
|
94
|
-
"text": "number | undefined"
|
|
95
|
-
},
|
|
96
|
-
"description": "The counter is the number which can be displayed on the avatar.\nThe maximum number is 99 and if the given number is greater than 99,\nthen the avatar will be displayed as `99+`.\nIf the given number is a negative number,\nthen the avatar will be displayed as `0`.",
|
|
97
|
-
"attribute": "counter",
|
|
98
|
-
"inheritedFrom": {
|
|
99
|
-
"name": "AvatarComponentMixin",
|
|
100
|
-
"module": "utils/mixins/AvatarComponentMixin.js"
|
|
101
|
-
}
|
|
102
|
-
},
|
|
103
|
-
{
|
|
104
|
-
"kind": "field",
|
|
105
|
-
"name": "isTyping",
|
|
106
|
-
"type": {
|
|
107
|
-
"text": "boolean"
|
|
108
|
-
},
|
|
109
|
-
"default": "false",
|
|
110
|
-
"description": "Represents the typing indicator when the user is typing.",
|
|
111
|
-
"attribute": "is-typing",
|
|
112
|
-
"inheritedFrom": {
|
|
113
|
-
"name": "AvatarComponentMixin",
|
|
114
|
-
"module": "utils/mixins/AvatarComponentMixin.js"
|
|
115
|
-
}
|
|
116
|
-
},
|
|
117
|
-
{
|
|
118
|
-
"kind": "field",
|
|
119
|
-
"name": "iconName",
|
|
120
|
-
"type": {
|
|
121
|
-
"text": "IconNames | undefined"
|
|
122
|
-
},
|
|
123
|
-
"description": "Name of the icon (= filename).\n\nIf no `icon-name` is provided, no icon will be rendered.",
|
|
124
|
-
"attribute": "icon-name",
|
|
125
|
-
"inheritedFrom": {
|
|
126
|
-
"name": "IconNameMixin",
|
|
127
|
-
"module": "utils/mixins/IconNameMixin.js"
|
|
128
|
-
}
|
|
129
|
-
}
|
|
130
|
-
],
|
|
131
|
-
"mixins": [
|
|
132
|
-
{
|
|
133
|
-
"name": "AvatarComponentMixin",
|
|
134
|
-
"module": "/src/utils/mixins/AvatarComponentMixin"
|
|
135
|
-
},
|
|
136
|
-
{
|
|
137
|
-
"name": "IconNameMixin",
|
|
138
|
-
"module": "/src/utils/mixins/IconNameMixin"
|
|
139
|
-
}
|
|
140
|
-
],
|
|
141
|
-
"superclass": {
|
|
142
|
-
"name": "Component",
|
|
143
|
-
"module": "/src/models"
|
|
144
|
-
},
|
|
145
|
-
"tagName": "mdc-avatar",
|
|
146
|
-
"jsDoc": "/**\n * The `mdc-avatar` component is used to represent a person or a space.\n * An avatar can be an icon, initials, counter and photo.\n *\n * To set the photo of an avatar,\n * you need to set \"src\" attribute.\n *\n * While the avatar image is loading, as a placeholder,\n * we will show the initials text.\n * If the initials are not specified then,\n * we will show `user-regular` icon as a placeholder.\n *\n * By default, if there are no attributes specified,\n * then the default avatar will be an icon with `user-regular` name.\n *\n * The avatar component is non clickable and non interactive/focusable component.\n * If the avatar is typing, then the loading indicator will be displayed.\n * If the counter type avatar is set to a negative number, then we will display 0.\n * The presence indicator will be hidden when the counter property is set.\n *\n * @dependency mdc-icon\n * @dependency mdc-presence\n * @dependency mdc-text\n *\n * @tagname mdc-avatar\n *\n * @cssproperty --mdc-avatar-default-background-color - Allows customization of the default background color.\n * @cssproperty --mdc-avatar-default-foreground-color - Allows customization of the default foreground color.\n * @cssproperty --mdc-avatar-loading-indicator-background-color -\n * Allows customization of the loading indicator background color.\n * @cssproperty --mdc-avatar-loading-indicator-foreground-color -\n * Allows customization of the loading indicator foreground color.\n * @cssproperty --mdc-avatar-loading-overlay-background-color -\n * Allows customization of the loading overlay background color.\n */",
|
|
147
|
-
"customElement": true,
|
|
148
|
-
"attributes": [
|
|
149
|
-
{
|
|
150
|
-
"name": "src",
|
|
151
|
-
"type": {
|
|
152
|
-
"text": "string | undefined"
|
|
153
|
-
},
|
|
154
|
-
"description": "The src is the url which will be used to display the avatar.\nWhen the src is loading, we will display the initials as a placeholder.",
|
|
155
|
-
"fieldName": "src",
|
|
156
|
-
"inheritedFrom": {
|
|
157
|
-
"name": "AvatarComponentMixin",
|
|
158
|
-
"module": "src/utils/mixins/AvatarComponentMixin.ts"
|
|
159
|
-
}
|
|
160
|
-
},
|
|
161
|
-
{
|
|
162
|
-
"name": "initials",
|
|
163
|
-
"type": {
|
|
164
|
-
"text": "string | undefined"
|
|
165
|
-
},
|
|
166
|
-
"description": "The initials to be displayed for the avatar.",
|
|
167
|
-
"fieldName": "initials",
|
|
168
|
-
"inheritedFrom": {
|
|
169
|
-
"name": "AvatarComponentMixin",
|
|
170
|
-
"module": "src/utils/mixins/AvatarComponentMixin.ts"
|
|
171
|
-
}
|
|
172
|
-
},
|
|
173
|
-
{
|
|
174
|
-
"name": "presence",
|
|
175
|
-
"type": {
|
|
176
|
-
"text": "PresenceType | undefined"
|
|
177
|
-
},
|
|
178
|
-
"description": "The presence is the status which can be used to display the\nactivity state of a user or a space within an avatar component.\n\nAcceptable values include:\n- `active`\n- `away`\n- `away-calling`\n- `busy`\n- `dnd`\n- `meeting`\n- `on-call`\n- `on-device`\n- `on-mobile`\n- `pause`\n- `pto`\n- `presenting`\n- `quiet`\n- `scheduled`",
|
|
179
|
-
"fieldName": "presence",
|
|
180
|
-
"inheritedFrom": {
|
|
181
|
-
"name": "AvatarComponentMixin",
|
|
182
|
-
"module": "src/utils/mixins/AvatarComponentMixin.ts"
|
|
183
|
-
}
|
|
184
|
-
},
|
|
185
|
-
{
|
|
186
|
-
"name": "size",
|
|
187
|
-
"type": {
|
|
188
|
-
"text": "AvatarSize"
|
|
189
|
-
},
|
|
190
|
-
"description": "Acceptable values include (size in px unit):\n- 24\n- 32\n- 48\n- 64\n- 72\n- 88\n- 124",
|
|
191
|
-
"default": "32",
|
|
192
|
-
"fieldName": "size",
|
|
193
|
-
"inheritedFrom": {
|
|
194
|
-
"name": "AvatarComponentMixin",
|
|
195
|
-
"module": "src/utils/mixins/AvatarComponentMixin.ts"
|
|
196
|
-
}
|
|
197
|
-
},
|
|
198
|
-
{
|
|
199
|
-
"name": "counter",
|
|
200
|
-
"type": {
|
|
201
|
-
"text": "number | undefined"
|
|
202
|
-
},
|
|
203
|
-
"description": "The counter is the number which can be displayed on the avatar.\nThe maximum number is 99 and if the given number is greater than 99,\nthen the avatar will be displayed as `99+`.\nIf the given number is a negative number,\nthen the avatar will be displayed as `0`.",
|
|
204
|
-
"fieldName": "counter",
|
|
205
|
-
"inheritedFrom": {
|
|
206
|
-
"name": "AvatarComponentMixin",
|
|
207
|
-
"module": "src/utils/mixins/AvatarComponentMixin.ts"
|
|
208
|
-
}
|
|
209
|
-
},
|
|
210
|
-
{
|
|
211
|
-
"name": "is-typing",
|
|
212
|
-
"type": {
|
|
213
|
-
"text": "boolean"
|
|
214
|
-
},
|
|
215
|
-
"default": "false",
|
|
216
|
-
"description": "Represents the typing indicator when the user is typing.",
|
|
217
|
-
"fieldName": "isTyping",
|
|
218
|
-
"inheritedFrom": {
|
|
219
|
-
"name": "AvatarComponentMixin",
|
|
220
|
-
"module": "src/utils/mixins/AvatarComponentMixin.ts"
|
|
221
|
-
}
|
|
222
|
-
},
|
|
223
|
-
{
|
|
224
|
-
"name": "icon-name",
|
|
225
|
-
"type": {
|
|
226
|
-
"text": "IconNames | undefined"
|
|
227
|
-
},
|
|
228
|
-
"description": "Name of the icon (= filename).\n\nIf no `icon-name` is provided, no icon will be rendered.",
|
|
229
|
-
"fieldName": "iconName",
|
|
230
|
-
"inheritedFrom": {
|
|
231
|
-
"name": "IconNameMixin",
|
|
232
|
-
"module": "src/utils/mixins/IconNameMixin.ts"
|
|
233
|
-
}
|
|
234
|
-
}
|
|
235
|
-
]
|
|
236
|
-
}
|
|
237
|
-
],
|
|
238
|
-
"exports": [
|
|
239
|
-
{
|
|
240
|
-
"kind": "js",
|
|
241
|
-
"name": "default",
|
|
242
|
-
"declaration": {
|
|
243
|
-
"name": "Avatar",
|
|
244
|
-
"module": "components/avatar/avatar.component.js"
|
|
245
|
-
}
|
|
246
|
-
}
|
|
247
|
-
]
|
|
248
|
-
},
|
|
249
5
|
{
|
|
250
6
|
"kind": "javascript-module",
|
|
251
7
|
"path": "components/avatarbutton/avatarbutton.component.js",
|
|
@@ -287,6 +43,7 @@
|
|
|
287
43
|
"default": "undefined as unknown",
|
|
288
44
|
"description": "The button's active state indicates whether it is currently toggled on (active) or off (inactive).\nWhen the active state is true, the button is considered to be in an active state, meaning it is toggled on.\nConversely, when the active state is false, the button is in an inactive state, indicating it is toggled off.",
|
|
289
45
|
"attribute": "active",
|
|
46
|
+
"reflects": true,
|
|
290
47
|
"inheritedFrom": {
|
|
291
48
|
"name": "Buttonsimple",
|
|
292
49
|
"module": "components/buttonsimple/buttonsimple.component.js"
|
|
@@ -463,7 +220,7 @@
|
|
|
463
220
|
{
|
|
464
221
|
"kind": "method",
|
|
465
222
|
"name": "executeAction",
|
|
466
|
-
"privacy": "
|
|
223
|
+
"privacy": "protected",
|
|
467
224
|
"inheritedFrom": {
|
|
468
225
|
"name": "Buttonsimple",
|
|
469
226
|
"module": "components/buttonsimple/buttonsimple.component.js"
|
|
@@ -471,25 +228,25 @@
|
|
|
471
228
|
},
|
|
472
229
|
{
|
|
473
230
|
"kind": "method",
|
|
474
|
-
"name": "
|
|
475
|
-
"privacy": "
|
|
231
|
+
"name": "setActive",
|
|
232
|
+
"privacy": "protected",
|
|
476
233
|
"parameters": [
|
|
477
234
|
{
|
|
478
235
|
"name": "element",
|
|
479
236
|
"type": {
|
|
480
237
|
"text": "HTMLElement"
|
|
481
238
|
},
|
|
482
|
-
"description": "The
|
|
239
|
+
"description": "The button element"
|
|
483
240
|
},
|
|
484
241
|
{
|
|
485
242
|
"name": "active",
|
|
486
243
|
"type": {
|
|
487
244
|
"text": "boolean"
|
|
488
245
|
},
|
|
489
|
-
"description": "The active state
|
|
246
|
+
"description": "The active state of the element"
|
|
490
247
|
}
|
|
491
248
|
],
|
|
492
|
-
"description": "Sets the aria-pressed attribute based on the active state.",
|
|
249
|
+
"description": "Sets the aria-pressed attribute based on the active state of the button.",
|
|
493
250
|
"inheritedFrom": {
|
|
494
251
|
"name": "Buttonsimple",
|
|
495
252
|
"module": "components/buttonsimple/buttonsimple.component.js"
|
|
@@ -1120,12 +877,256 @@
|
|
|
1120
877
|
},
|
|
1121
878
|
{
|
|
1122
879
|
"kind": "javascript-module",
|
|
1123
|
-
"path": "components/
|
|
880
|
+
"path": "components/avatar/avatar.component.js",
|
|
1124
881
|
"declarations": [
|
|
1125
882
|
{
|
|
1126
883
|
"kind": "class",
|
|
1127
|
-
"description": "
|
|
1128
|
-
"name": "
|
|
884
|
+
"description": "The `mdc-avatar` component is used to represent a person or a space.\nAn avatar can be an icon, initials, counter and photo.\n\nTo set the photo of an avatar,\nyou need to set \"src\" attribute.\n\nWhile the avatar image is loading, as a placeholder,\nwe will show the initials text.\nIf the initials are not specified then,\nwe will show `user-regular` icon as a placeholder.\n\nBy default, if there are no attributes specified,\nthen the default avatar will be an icon with `user-regular` name.\n\nThe avatar component is non clickable and non interactive/focusable component.\nIf the avatar is typing, then the loading indicator will be displayed.\nIf the counter type avatar is set to a negative number, then we will display 0.\nThe presence indicator will be hidden when the counter property is set.",
|
|
885
|
+
"name": "Avatar",
|
|
886
|
+
"cssProperties": [
|
|
887
|
+
{
|
|
888
|
+
"description": "Allows customization of the default background color.",
|
|
889
|
+
"name": "--mdc-avatar-default-background-color"
|
|
890
|
+
},
|
|
891
|
+
{
|
|
892
|
+
"description": "Allows customization of the default foreground color.",
|
|
893
|
+
"name": "--mdc-avatar-default-foreground-color"
|
|
894
|
+
},
|
|
895
|
+
{
|
|
896
|
+
"description": "Allows customization of the loading indicator background color.",
|
|
897
|
+
"name": "--mdc-avatar-loading-indicator-background-color"
|
|
898
|
+
},
|
|
899
|
+
{
|
|
900
|
+
"description": "Allows customization of the loading indicator foreground color.",
|
|
901
|
+
"name": "--mdc-avatar-loading-indicator-foreground-color"
|
|
902
|
+
},
|
|
903
|
+
{
|
|
904
|
+
"description": "Allows customization of the loading overlay background color.",
|
|
905
|
+
"name": "--mdc-avatar-loading-overlay-background-color"
|
|
906
|
+
}
|
|
907
|
+
],
|
|
908
|
+
"members": [
|
|
909
|
+
{
|
|
910
|
+
"kind": "field",
|
|
911
|
+
"name": "src",
|
|
912
|
+
"type": {
|
|
913
|
+
"text": "string | undefined"
|
|
914
|
+
},
|
|
915
|
+
"description": "The src is the url which will be used to display the avatar.\nWhen the src is loading, we will display the initials as a placeholder.",
|
|
916
|
+
"attribute": "src",
|
|
917
|
+
"inheritedFrom": {
|
|
918
|
+
"name": "AvatarComponentMixin",
|
|
919
|
+
"module": "utils/mixins/AvatarComponentMixin.js"
|
|
920
|
+
}
|
|
921
|
+
},
|
|
922
|
+
{
|
|
923
|
+
"kind": "field",
|
|
924
|
+
"name": "initials",
|
|
925
|
+
"type": {
|
|
926
|
+
"text": "string | undefined"
|
|
927
|
+
},
|
|
928
|
+
"description": "The initials to be displayed for the avatar.",
|
|
929
|
+
"attribute": "initials",
|
|
930
|
+
"inheritedFrom": {
|
|
931
|
+
"name": "AvatarComponentMixin",
|
|
932
|
+
"module": "utils/mixins/AvatarComponentMixin.js"
|
|
933
|
+
}
|
|
934
|
+
},
|
|
935
|
+
{
|
|
936
|
+
"kind": "field",
|
|
937
|
+
"name": "presence",
|
|
938
|
+
"type": {
|
|
939
|
+
"text": "PresenceType | undefined"
|
|
940
|
+
},
|
|
941
|
+
"description": "The presence is the status which can be used to display the\nactivity state of a user or a space within an avatar component.\n\nAcceptable values include:\n- `active`\n- `away`\n- `away-calling`\n- `busy`\n- `dnd`\n- `meeting`\n- `on-call`\n- `on-device`\n- `on-mobile`\n- `pause`\n- `pto`\n- `presenting`\n- `quiet`\n- `scheduled`",
|
|
942
|
+
"attribute": "presence",
|
|
943
|
+
"inheritedFrom": {
|
|
944
|
+
"name": "AvatarComponentMixin",
|
|
945
|
+
"module": "utils/mixins/AvatarComponentMixin.js"
|
|
946
|
+
}
|
|
947
|
+
},
|
|
948
|
+
{
|
|
949
|
+
"kind": "field",
|
|
950
|
+
"name": "size",
|
|
951
|
+
"type": {
|
|
952
|
+
"text": "AvatarSize"
|
|
953
|
+
},
|
|
954
|
+
"description": "Acceptable values include (size in px unit):\n- 24\n- 32\n- 48\n- 64\n- 72\n- 88\n- 124",
|
|
955
|
+
"default": "32",
|
|
956
|
+
"attribute": "size",
|
|
957
|
+
"reflects": true,
|
|
958
|
+
"inheritedFrom": {
|
|
959
|
+
"name": "AvatarComponentMixin",
|
|
960
|
+
"module": "utils/mixins/AvatarComponentMixin.js"
|
|
961
|
+
}
|
|
962
|
+
},
|
|
963
|
+
{
|
|
964
|
+
"kind": "field",
|
|
965
|
+
"name": "counter",
|
|
966
|
+
"type": {
|
|
967
|
+
"text": "number | undefined"
|
|
968
|
+
},
|
|
969
|
+
"description": "The counter is the number which can be displayed on the avatar.\nThe maximum number is 99 and if the given number is greater than 99,\nthen the avatar will be displayed as `99+`.\nIf the given number is a negative number,\nthen the avatar will be displayed as `0`.",
|
|
970
|
+
"attribute": "counter",
|
|
971
|
+
"inheritedFrom": {
|
|
972
|
+
"name": "AvatarComponentMixin",
|
|
973
|
+
"module": "utils/mixins/AvatarComponentMixin.js"
|
|
974
|
+
}
|
|
975
|
+
},
|
|
976
|
+
{
|
|
977
|
+
"kind": "field",
|
|
978
|
+
"name": "isTyping",
|
|
979
|
+
"type": {
|
|
980
|
+
"text": "boolean"
|
|
981
|
+
},
|
|
982
|
+
"default": "false",
|
|
983
|
+
"description": "Represents the typing indicator when the user is typing.",
|
|
984
|
+
"attribute": "is-typing",
|
|
985
|
+
"inheritedFrom": {
|
|
986
|
+
"name": "AvatarComponentMixin",
|
|
987
|
+
"module": "utils/mixins/AvatarComponentMixin.js"
|
|
988
|
+
}
|
|
989
|
+
},
|
|
990
|
+
{
|
|
991
|
+
"kind": "field",
|
|
992
|
+
"name": "iconName",
|
|
993
|
+
"type": {
|
|
994
|
+
"text": "IconNames | undefined"
|
|
995
|
+
},
|
|
996
|
+
"description": "Name of the icon (= filename).\n\nIf no `icon-name` is provided, no icon will be rendered.",
|
|
997
|
+
"attribute": "icon-name",
|
|
998
|
+
"inheritedFrom": {
|
|
999
|
+
"name": "IconNameMixin",
|
|
1000
|
+
"module": "utils/mixins/IconNameMixin.js"
|
|
1001
|
+
}
|
|
1002
|
+
}
|
|
1003
|
+
],
|
|
1004
|
+
"mixins": [
|
|
1005
|
+
{
|
|
1006
|
+
"name": "AvatarComponentMixin",
|
|
1007
|
+
"module": "/src/utils/mixins/AvatarComponentMixin"
|
|
1008
|
+
},
|
|
1009
|
+
{
|
|
1010
|
+
"name": "IconNameMixin",
|
|
1011
|
+
"module": "/src/utils/mixins/IconNameMixin"
|
|
1012
|
+
}
|
|
1013
|
+
],
|
|
1014
|
+
"superclass": {
|
|
1015
|
+
"name": "Component",
|
|
1016
|
+
"module": "/src/models"
|
|
1017
|
+
},
|
|
1018
|
+
"tagName": "mdc-avatar",
|
|
1019
|
+
"jsDoc": "/**\n * The `mdc-avatar` component is used to represent a person or a space.\n * An avatar can be an icon, initials, counter and photo.\n *\n * To set the photo of an avatar,\n * you need to set \"src\" attribute.\n *\n * While the avatar image is loading, as a placeholder,\n * we will show the initials text.\n * If the initials are not specified then,\n * we will show `user-regular` icon as a placeholder.\n *\n * By default, if there are no attributes specified,\n * then the default avatar will be an icon with `user-regular` name.\n *\n * The avatar component is non clickable and non interactive/focusable component.\n * If the avatar is typing, then the loading indicator will be displayed.\n * If the counter type avatar is set to a negative number, then we will display 0.\n * The presence indicator will be hidden when the counter property is set.\n *\n * @dependency mdc-icon\n * @dependency mdc-presence\n * @dependency mdc-text\n *\n * @tagname mdc-avatar\n *\n * @cssproperty --mdc-avatar-default-background-color - Allows customization of the default background color.\n * @cssproperty --mdc-avatar-default-foreground-color - Allows customization of the default foreground color.\n * @cssproperty --mdc-avatar-loading-indicator-background-color -\n * Allows customization of the loading indicator background color.\n * @cssproperty --mdc-avatar-loading-indicator-foreground-color -\n * Allows customization of the loading indicator foreground color.\n * @cssproperty --mdc-avatar-loading-overlay-background-color -\n * Allows customization of the loading overlay background color.\n */",
|
|
1020
|
+
"customElement": true,
|
|
1021
|
+
"attributes": [
|
|
1022
|
+
{
|
|
1023
|
+
"name": "src",
|
|
1024
|
+
"type": {
|
|
1025
|
+
"text": "string | undefined"
|
|
1026
|
+
},
|
|
1027
|
+
"description": "The src is the url which will be used to display the avatar.\nWhen the src is loading, we will display the initials as a placeholder.",
|
|
1028
|
+
"fieldName": "src",
|
|
1029
|
+
"inheritedFrom": {
|
|
1030
|
+
"name": "AvatarComponentMixin",
|
|
1031
|
+
"module": "src/utils/mixins/AvatarComponentMixin.ts"
|
|
1032
|
+
}
|
|
1033
|
+
},
|
|
1034
|
+
{
|
|
1035
|
+
"name": "initials",
|
|
1036
|
+
"type": {
|
|
1037
|
+
"text": "string | undefined"
|
|
1038
|
+
},
|
|
1039
|
+
"description": "The initials to be displayed for the avatar.",
|
|
1040
|
+
"fieldName": "initials",
|
|
1041
|
+
"inheritedFrom": {
|
|
1042
|
+
"name": "AvatarComponentMixin",
|
|
1043
|
+
"module": "src/utils/mixins/AvatarComponentMixin.ts"
|
|
1044
|
+
}
|
|
1045
|
+
},
|
|
1046
|
+
{
|
|
1047
|
+
"name": "presence",
|
|
1048
|
+
"type": {
|
|
1049
|
+
"text": "PresenceType | undefined"
|
|
1050
|
+
},
|
|
1051
|
+
"description": "The presence is the status which can be used to display the\nactivity state of a user or a space within an avatar component.\n\nAcceptable values include:\n- `active`\n- `away`\n- `away-calling`\n- `busy`\n- `dnd`\n- `meeting`\n- `on-call`\n- `on-device`\n- `on-mobile`\n- `pause`\n- `pto`\n- `presenting`\n- `quiet`\n- `scheduled`",
|
|
1052
|
+
"fieldName": "presence",
|
|
1053
|
+
"inheritedFrom": {
|
|
1054
|
+
"name": "AvatarComponentMixin",
|
|
1055
|
+
"module": "src/utils/mixins/AvatarComponentMixin.ts"
|
|
1056
|
+
}
|
|
1057
|
+
},
|
|
1058
|
+
{
|
|
1059
|
+
"name": "size",
|
|
1060
|
+
"type": {
|
|
1061
|
+
"text": "AvatarSize"
|
|
1062
|
+
},
|
|
1063
|
+
"description": "Acceptable values include (size in px unit):\n- 24\n- 32\n- 48\n- 64\n- 72\n- 88\n- 124",
|
|
1064
|
+
"default": "32",
|
|
1065
|
+
"fieldName": "size",
|
|
1066
|
+
"inheritedFrom": {
|
|
1067
|
+
"name": "AvatarComponentMixin",
|
|
1068
|
+
"module": "src/utils/mixins/AvatarComponentMixin.ts"
|
|
1069
|
+
}
|
|
1070
|
+
},
|
|
1071
|
+
{
|
|
1072
|
+
"name": "counter",
|
|
1073
|
+
"type": {
|
|
1074
|
+
"text": "number | undefined"
|
|
1075
|
+
},
|
|
1076
|
+
"description": "The counter is the number which can be displayed on the avatar.\nThe maximum number is 99 and if the given number is greater than 99,\nthen the avatar will be displayed as `99+`.\nIf the given number is a negative number,\nthen the avatar will be displayed as `0`.",
|
|
1077
|
+
"fieldName": "counter",
|
|
1078
|
+
"inheritedFrom": {
|
|
1079
|
+
"name": "AvatarComponentMixin",
|
|
1080
|
+
"module": "src/utils/mixins/AvatarComponentMixin.ts"
|
|
1081
|
+
}
|
|
1082
|
+
},
|
|
1083
|
+
{
|
|
1084
|
+
"name": "is-typing",
|
|
1085
|
+
"type": {
|
|
1086
|
+
"text": "boolean"
|
|
1087
|
+
},
|
|
1088
|
+
"default": "false",
|
|
1089
|
+
"description": "Represents the typing indicator when the user is typing.",
|
|
1090
|
+
"fieldName": "isTyping",
|
|
1091
|
+
"inheritedFrom": {
|
|
1092
|
+
"name": "AvatarComponentMixin",
|
|
1093
|
+
"module": "src/utils/mixins/AvatarComponentMixin.ts"
|
|
1094
|
+
}
|
|
1095
|
+
},
|
|
1096
|
+
{
|
|
1097
|
+
"name": "icon-name",
|
|
1098
|
+
"type": {
|
|
1099
|
+
"text": "IconNames | undefined"
|
|
1100
|
+
},
|
|
1101
|
+
"description": "Name of the icon (= filename).\n\nIf no `icon-name` is provided, no icon will be rendered.",
|
|
1102
|
+
"fieldName": "iconName",
|
|
1103
|
+
"inheritedFrom": {
|
|
1104
|
+
"name": "IconNameMixin",
|
|
1105
|
+
"module": "src/utils/mixins/IconNameMixin.ts"
|
|
1106
|
+
}
|
|
1107
|
+
}
|
|
1108
|
+
]
|
|
1109
|
+
}
|
|
1110
|
+
],
|
|
1111
|
+
"exports": [
|
|
1112
|
+
{
|
|
1113
|
+
"kind": "js",
|
|
1114
|
+
"name": "default",
|
|
1115
|
+
"declaration": {
|
|
1116
|
+
"name": "Avatar",
|
|
1117
|
+
"module": "components/avatar/avatar.component.js"
|
|
1118
|
+
}
|
|
1119
|
+
}
|
|
1120
|
+
]
|
|
1121
|
+
},
|
|
1122
|
+
{
|
|
1123
|
+
"kind": "javascript-module",
|
|
1124
|
+
"path": "components/bullet/bullet.component.js",
|
|
1125
|
+
"declarations": [
|
|
1126
|
+
{
|
|
1127
|
+
"kind": "class",
|
|
1128
|
+
"description": "Bullet component, which is a visual marker\nand be used to organize and present items in a list format.",
|
|
1129
|
+
"name": "Bullet",
|
|
1129
1130
|
"cssProperties": [
|
|
1130
1131
|
{
|
|
1131
1132
|
"description": "background color of the bullet",
|
|
@@ -1385,6 +1386,7 @@
|
|
|
1385
1386
|
"default": "false",
|
|
1386
1387
|
"description": "The button's active state indicates whether it is currently toggled on (active) or off (inactive).\nWhen the active state is true, the button is considered to be in an active state, meaning it is toggled on.\nConversely, when the active state is false, the button is in an inactive state, indicating it is toggled off.",
|
|
1387
1388
|
"attribute": "active",
|
|
1389
|
+
"reflects": true,
|
|
1388
1390
|
"inheritedFrom": {
|
|
1389
1391
|
"name": "Buttonsimple",
|
|
1390
1392
|
"module": "components/buttonsimple/buttonsimple.component.js"
|
|
@@ -1422,7 +1424,7 @@
|
|
|
1422
1424
|
{
|
|
1423
1425
|
"kind": "method",
|
|
1424
1426
|
"name": "executeAction",
|
|
1425
|
-
"privacy": "
|
|
1427
|
+
"privacy": "protected",
|
|
1426
1428
|
"inheritedFrom": {
|
|
1427
1429
|
"name": "Buttonsimple",
|
|
1428
1430
|
"module": "components/buttonsimple/buttonsimple.component.js"
|
|
@@ -1430,25 +1432,25 @@
|
|
|
1430
1432
|
},
|
|
1431
1433
|
{
|
|
1432
1434
|
"kind": "method",
|
|
1433
|
-
"name": "
|
|
1434
|
-
"privacy": "
|
|
1435
|
+
"name": "setActive",
|
|
1436
|
+
"privacy": "protected",
|
|
1435
1437
|
"parameters": [
|
|
1436
1438
|
{
|
|
1437
1439
|
"name": "element",
|
|
1438
1440
|
"type": {
|
|
1439
1441
|
"text": "HTMLElement"
|
|
1440
1442
|
},
|
|
1441
|
-
"description": "The
|
|
1443
|
+
"description": "The button element"
|
|
1442
1444
|
},
|
|
1443
1445
|
{
|
|
1444
1446
|
"name": "active",
|
|
1445
1447
|
"type": {
|
|
1446
1448
|
"text": "boolean"
|
|
1447
1449
|
},
|
|
1448
|
-
"description": "The active state
|
|
1450
|
+
"description": "The active state of the element"
|
|
1449
1451
|
}
|
|
1450
1452
|
],
|
|
1451
|
-
"description": "Sets the aria-pressed attribute based on the active state.",
|
|
1453
|
+
"description": "Sets the aria-pressed attribute based on the active state of the button.",
|
|
1452
1454
|
"inheritedFrom": {
|
|
1453
1455
|
"name": "Buttonsimple",
|
|
1454
1456
|
"module": "components/buttonsimple/buttonsimple.component.js"
|
|
@@ -1718,7 +1720,8 @@
|
|
|
1718
1720
|
},
|
|
1719
1721
|
"default": "false",
|
|
1720
1722
|
"description": "The button's active state indicates whether it is currently toggled on (active) or off (inactive).\nWhen the active state is true, the button is considered to be in an active state, meaning it is toggled on.\nConversely, when the active state is false, the button is in an inactive state, indicating it is toggled off.",
|
|
1721
|
-
"attribute": "active"
|
|
1723
|
+
"attribute": "active",
|
|
1724
|
+
"reflects": true
|
|
1722
1725
|
},
|
|
1723
1726
|
{
|
|
1724
1727
|
"kind": "field",
|
|
@@ -1763,29 +1766,29 @@
|
|
|
1763
1766
|
{
|
|
1764
1767
|
"kind": "method",
|
|
1765
1768
|
"name": "executeAction",
|
|
1766
|
-
"privacy": "
|
|
1769
|
+
"privacy": "protected"
|
|
1767
1770
|
},
|
|
1768
1771
|
{
|
|
1769
1772
|
"kind": "method",
|
|
1770
|
-
"name": "
|
|
1771
|
-
"privacy": "
|
|
1773
|
+
"name": "setActive",
|
|
1774
|
+
"privacy": "protected",
|
|
1772
1775
|
"parameters": [
|
|
1773
1776
|
{
|
|
1774
1777
|
"name": "element",
|
|
1775
1778
|
"type": {
|
|
1776
1779
|
"text": "HTMLElement"
|
|
1777
1780
|
},
|
|
1778
|
-
"description": "The
|
|
1781
|
+
"description": "The button element"
|
|
1779
1782
|
},
|
|
1780
1783
|
{
|
|
1781
1784
|
"name": "active",
|
|
1782
1785
|
"type": {
|
|
1783
1786
|
"text": "boolean"
|
|
1784
1787
|
},
|
|
1785
|
-
"description": "The active state
|
|
1788
|
+
"description": "The active state of the element"
|
|
1786
1789
|
}
|
|
1787
1790
|
],
|
|
1788
|
-
"description": "Sets the aria-pressed attribute based on the active state."
|
|
1791
|
+
"description": "Sets the aria-pressed attribute based on the active state of the button."
|
|
1789
1792
|
},
|
|
1790
1793
|
{
|
|
1791
1794
|
"kind": "method",
|
|
@@ -5225,6 +5228,655 @@
|
|
|
5225
5228
|
}
|
|
5226
5229
|
]
|
|
5227
5230
|
},
|
|
5231
|
+
{
|
|
5232
|
+
"kind": "javascript-module",
|
|
5233
|
+
"path": "components/tab/tab.component.js",
|
|
5234
|
+
"declarations": [
|
|
5235
|
+
{
|
|
5236
|
+
"kind": "class",
|
|
5237
|
+
"description": "`mdc-tab` is Tab component to be used within the Tabgroup.\n\nPassing in the attribute `text` to the tab component is changing the text displayed in the tab.\n\nThe `slot=\"badge\"` can be used to add a badge to the tab.\n\nFor `icon`, the `mdc-icon` component is used to render the icon.",
|
|
5238
|
+
"name": "Tab",
|
|
5239
|
+
"cssProperties": [
|
|
5240
|
+
{
|
|
5241
|
+
"description": "Gap between the badge(if provided), icon and text.",
|
|
5242
|
+
"name": "--mdc-tab-content-gap"
|
|
5243
|
+
},
|
|
5244
|
+
{
|
|
5245
|
+
"description": "Height of the tab.",
|
|
5246
|
+
"name": "--mdc-tab-height"
|
|
5247
|
+
},
|
|
5248
|
+
{
|
|
5249
|
+
"description": "Background color for active glass tab in disabled state.",
|
|
5250
|
+
"name": "--mdc-tab-glass-active-background-color-disabled"
|
|
5251
|
+
},
|
|
5252
|
+
{
|
|
5253
|
+
"description": "Background color for active glass tab in hover state.",
|
|
5254
|
+
"name": "--mdc-tab-glass-active-background-color-hover"
|
|
5255
|
+
},
|
|
5256
|
+
{
|
|
5257
|
+
"description": "Background color for active glass tab in rest state.",
|
|
5258
|
+
"name": "--mdc-tab-glass-active-background-color-normal"
|
|
5259
|
+
},
|
|
5260
|
+
{
|
|
5261
|
+
"description": "Background color for active glass tab in pressed state.",
|
|
5262
|
+
"name": "--mdc-tab-glass-active-background-color-pressed"
|
|
5263
|
+
},
|
|
5264
|
+
{
|
|
5265
|
+
"description": "Text and icon color for active glass tab.",
|
|
5266
|
+
"name": "--mdc-tab-glass-active-color"
|
|
5267
|
+
},
|
|
5268
|
+
{
|
|
5269
|
+
"description": "Text and icon color for active glass tab in disabled state.",
|
|
5270
|
+
"name": "--mdc-tab-glass-active-color-disabled"
|
|
5271
|
+
},
|
|
5272
|
+
{
|
|
5273
|
+
"description": "Border radius for glass tab.",
|
|
5274
|
+
"name": "--mdc-tab-glass-border-radius"
|
|
5275
|
+
},
|
|
5276
|
+
{
|
|
5277
|
+
"description": "Background color for inactive glass tab in disabled state.",
|
|
5278
|
+
"name": "--mdc-tab-glass-inactive-background-color-disabled"
|
|
5279
|
+
},
|
|
5280
|
+
{
|
|
5281
|
+
"description": "Background color for inactive glass tab in hover state.",
|
|
5282
|
+
"name": "--mdc-tab-glass-inactive-background-color-hover"
|
|
5283
|
+
},
|
|
5284
|
+
{
|
|
5285
|
+
"description": "Background color for inactive glass tab in rest state.",
|
|
5286
|
+
"name": "--mdc-tab-glass-inactive-background-color-normal"
|
|
5287
|
+
},
|
|
5288
|
+
{
|
|
5289
|
+
"description": "Background color for inactive glass tab in pressed state.",
|
|
5290
|
+
"name": "--mdc-tab-glass-inactive-background-color-pressed"
|
|
5291
|
+
},
|
|
5292
|
+
{
|
|
5293
|
+
"description": "Text and icon color for inactive glass tab.",
|
|
5294
|
+
"name": "--mdc-tab-glass-inactive-color"
|
|
5295
|
+
},
|
|
5296
|
+
{
|
|
5297
|
+
"description": "Text and icon color for inactive glass tab in disabled state.",
|
|
5298
|
+
"name": "--mdc-tab-glass-inactive-color-disabled"
|
|
5299
|
+
},
|
|
5300
|
+
{
|
|
5301
|
+
"description": "Background color for active line tab in pressed state.",
|
|
5302
|
+
"name": "--mdc-tab-line-active-background-color-pressed"
|
|
5303
|
+
},
|
|
5304
|
+
{
|
|
5305
|
+
"description": "Background color for active line tab in disabled state.",
|
|
5306
|
+
"name": "--mdc-tab-line-active-background-color-disabled"
|
|
5307
|
+
},
|
|
5308
|
+
{
|
|
5309
|
+
"description": "Background color for active line tab in hover state.",
|
|
5310
|
+
"name": "--mdc-tab-line-active-background-color-hover"
|
|
5311
|
+
},
|
|
5312
|
+
{
|
|
5313
|
+
"description": "Background color for active line tab in rest state.",
|
|
5314
|
+
"name": "--mdc-tab-line-active-background-color-normal"
|
|
5315
|
+
},
|
|
5316
|
+
{
|
|
5317
|
+
"description": "Text and icon color for active line tab.",
|
|
5318
|
+
"name": "--mdc-tab-line-active-color"
|
|
5319
|
+
},
|
|
5320
|
+
{
|
|
5321
|
+
"description": "Text and icon color for active line tab in disabled state.",
|
|
5322
|
+
"name": "--mdc-tab-line-active-color-disabled"
|
|
5323
|
+
},
|
|
5324
|
+
{
|
|
5325
|
+
"description": "color for indicator in active line tab.",
|
|
5326
|
+
"name": "--mdc-tab-line-active-indicator-color"
|
|
5327
|
+
},
|
|
5328
|
+
{
|
|
5329
|
+
"description": "Color for indicator in active line tab in disabled state.",
|
|
5330
|
+
"name": "--mdc-tab-line-active-indicator-color-disabled"
|
|
5331
|
+
},
|
|
5332
|
+
{
|
|
5333
|
+
"description": "Height for indicator in active line tab.",
|
|
5334
|
+
"name": "--mdc-tab-line-active-indicator-height"
|
|
5335
|
+
},
|
|
5336
|
+
{
|
|
5337
|
+
"description": "Width for indicator in active line tab.",
|
|
5338
|
+
"name": "--mdc-tab-line-active-indicator-width"
|
|
5339
|
+
},
|
|
5340
|
+
{
|
|
5341
|
+
"description": "Bottom left border radius for line tab.",
|
|
5342
|
+
"name": "--mdc-tab-line-border-bottom-left-radius"
|
|
5343
|
+
},
|
|
5344
|
+
{
|
|
5345
|
+
"description": "Bottom right border radius for line tab.",
|
|
5346
|
+
"name": "--mdc-tab-line-border-bottom-right-radius"
|
|
5347
|
+
},
|
|
5348
|
+
{
|
|
5349
|
+
"description": "Top left border radius for line tab.",
|
|
5350
|
+
"name": "--mdc-tab-line-border-top-left-radius"
|
|
5351
|
+
},
|
|
5352
|
+
{
|
|
5353
|
+
"description": "Top right border radius for line tab.",
|
|
5354
|
+
"name": "--mdc-tab-line-border-top-right-radius"
|
|
5355
|
+
},
|
|
5356
|
+
{
|
|
5357
|
+
"description": "Background color for inactive line tab in pressed state.",
|
|
5358
|
+
"name": "--mdc-tab-line-inactive-background-color-pressed"
|
|
5359
|
+
},
|
|
5360
|
+
{
|
|
5361
|
+
"description": "Background color for inactive line tab in disabled state",
|
|
5362
|
+
"name": "--mdc-tab-line-inactive-background-color-disabled"
|
|
5363
|
+
},
|
|
5364
|
+
{
|
|
5365
|
+
"description": "Background color for inactive line tab in hover state.",
|
|
5366
|
+
"name": "--mdc-tab-line-inactive-background-color-hover"
|
|
5367
|
+
},
|
|
5368
|
+
{
|
|
5369
|
+
"description": "Background color for inactive line tab in rest state.",
|
|
5370
|
+
"name": "--mdc-tab-line-inactive-background-color-normal"
|
|
5371
|
+
},
|
|
5372
|
+
{
|
|
5373
|
+
"description": "Text and icon color for inactive line tab.",
|
|
5374
|
+
"name": "--mdc-tab-line-inactive-color"
|
|
5375
|
+
},
|
|
5376
|
+
{
|
|
5377
|
+
"description": "Text and icon color for inactive line tab in disabled state.",
|
|
5378
|
+
"name": "--mdc-tab-line-inactive-color-disabled"
|
|
5379
|
+
},
|
|
5380
|
+
{
|
|
5381
|
+
"description": "Padding left for the tab.",
|
|
5382
|
+
"name": "--mdc-tab-padding-left"
|
|
5383
|
+
},
|
|
5384
|
+
{
|
|
5385
|
+
"description": "Padding right for the tab.",
|
|
5386
|
+
"name": "--mdc-tab-padding-right"
|
|
5387
|
+
},
|
|
5388
|
+
{
|
|
5389
|
+
"description": "Background color for active pill tab in pressed state.",
|
|
5390
|
+
"name": "--mdc-tab-pill-active-background-color-pressed"
|
|
5391
|
+
},
|
|
5392
|
+
{
|
|
5393
|
+
"description": "Background color for active pill tab in disabled state.",
|
|
5394
|
+
"name": "--mdc-tab-pill-active-background-color-disabled"
|
|
5395
|
+
},
|
|
5396
|
+
{
|
|
5397
|
+
"description": "Background color for active pill tab in hover state.",
|
|
5398
|
+
"name": "--mdc-tab-pill-active-background-color-hover"
|
|
5399
|
+
},
|
|
5400
|
+
{
|
|
5401
|
+
"description": "Background color for active pill tab in rest state.",
|
|
5402
|
+
"name": "--mdc-tab-pill-active-background-color-normal"
|
|
5403
|
+
},
|
|
5404
|
+
{
|
|
5405
|
+
"description": "Text and icon color for active pill tab.",
|
|
5406
|
+
"name": "--mdc-tab-pill-active-color"
|
|
5407
|
+
},
|
|
5408
|
+
{
|
|
5409
|
+
"description": "Text and icon color for active pill tab in disabled state.",
|
|
5410
|
+
"name": "--mdc-tab-pill-active-color-disabled"
|
|
5411
|
+
},
|
|
5412
|
+
{
|
|
5413
|
+
"description": "Border radius for pill tab.",
|
|
5414
|
+
"name": "--mdc-tab-pill-border-radius"
|
|
5415
|
+
},
|
|
5416
|
+
{
|
|
5417
|
+
"description": "Background color for inactive pill tab in pressed state.",
|
|
5418
|
+
"name": "--mdc-tab-pill-inactive-background-color-pressed"
|
|
5419
|
+
},
|
|
5420
|
+
{
|
|
5421
|
+
"description": "Background color for inactive pill tab in disabled state.",
|
|
5422
|
+
"name": "--mdc-tab-pill-inactive-background-color-disabled"
|
|
5423
|
+
},
|
|
5424
|
+
{
|
|
5425
|
+
"description": "Background color for inactive pill tab in hover state.",
|
|
5426
|
+
"name": "--mdc-tab-pill-inactive-background-color-hover"
|
|
5427
|
+
},
|
|
5428
|
+
{
|
|
5429
|
+
"description": "Background color for inactive pill tab in rest state.",
|
|
5430
|
+
"name": "--mdc-tab-pill-inactive-background-color-normal"
|
|
5431
|
+
},
|
|
5432
|
+
{
|
|
5433
|
+
"description": "Text and icon color for inactive pill tab.",
|
|
5434
|
+
"name": "--mdc-tab-pill-inactive-color"
|
|
5435
|
+
},
|
|
5436
|
+
{
|
|
5437
|
+
"description": "Text and icon color for inactive pill tab in disabled state.",
|
|
5438
|
+
"name": "--mdc-tab-pill-inactive-color-disabled"
|
|
5439
|
+
}
|
|
5440
|
+
],
|
|
5441
|
+
"members": [
|
|
5442
|
+
{
|
|
5443
|
+
"kind": "field",
|
|
5444
|
+
"name": "text",
|
|
5445
|
+
"type": {
|
|
5446
|
+
"text": "string | undefined"
|
|
5447
|
+
},
|
|
5448
|
+
"description": "Text to be displayed in the tab.\nIf no `text` is provided, no text will be rendered,\n`aria-label` should be set on the tab.",
|
|
5449
|
+
"attribute": "text",
|
|
5450
|
+
"reflects": true
|
|
5451
|
+
},
|
|
5452
|
+
{
|
|
5453
|
+
"kind": "field",
|
|
5454
|
+
"name": "variant",
|
|
5455
|
+
"type": {
|
|
5456
|
+
"text": "Variant"
|
|
5457
|
+
},
|
|
5458
|
+
"description": "Tab can have two variants:\n- `glass`\n- `line`\n- `pill`\n\nIt defines the background and foreground color of the tab.",
|
|
5459
|
+
"default": "pill",
|
|
5460
|
+
"attribute": "variant",
|
|
5461
|
+
"reflects": true
|
|
5462
|
+
},
|
|
5463
|
+
{
|
|
5464
|
+
"kind": "method",
|
|
5465
|
+
"name": "modifyIconName",
|
|
5466
|
+
"privacy": "private",
|
|
5467
|
+
"return": {
|
|
5468
|
+
"type": {
|
|
5469
|
+
"text": "void"
|
|
5470
|
+
}
|
|
5471
|
+
},
|
|
5472
|
+
"parameters": [
|
|
5473
|
+
{
|
|
5474
|
+
"name": "active",
|
|
5475
|
+
"type": {
|
|
5476
|
+
"text": "boolean"
|
|
5477
|
+
},
|
|
5478
|
+
"description": "The active state."
|
|
5479
|
+
}
|
|
5480
|
+
],
|
|
5481
|
+
"description": "Modifies the icon name based on the active state.\nIf the tab is active, the icon name is suffixed with '-filled'.\nIf the tab is inactive, the icon name is restored to its original value.\nIf '-filled' icon is not available, the icon name remains unchanged."
|
|
5482
|
+
},
|
|
5483
|
+
{
|
|
5484
|
+
"kind": "method",
|
|
5485
|
+
"name": "setActive",
|
|
5486
|
+
"privacy": "protected",
|
|
5487
|
+
"parameters": [
|
|
5488
|
+
{
|
|
5489
|
+
"name": "element",
|
|
5490
|
+
"type": {
|
|
5491
|
+
"text": "HTMLElement"
|
|
5492
|
+
},
|
|
5493
|
+
"description": "The tab element."
|
|
5494
|
+
},
|
|
5495
|
+
{
|
|
5496
|
+
"name": "active",
|
|
5497
|
+
"type": {
|
|
5498
|
+
"text": "boolean"
|
|
5499
|
+
},
|
|
5500
|
+
"description": "The active state of the tab."
|
|
5501
|
+
}
|
|
5502
|
+
],
|
|
5503
|
+
"description": "Sets the aria-selected attribute based on the active state of the Tab.\nIf the tab is active, the filled version of the icon is displayed,\nelse the icon is restored to its original value.",
|
|
5504
|
+
"inheritedFrom": {
|
|
5505
|
+
"name": "Buttonsimple",
|
|
5506
|
+
"module": "components/buttonsimple/buttonsimple.component.js"
|
|
5507
|
+
}
|
|
5508
|
+
},
|
|
5509
|
+
{
|
|
5510
|
+
"kind": "method",
|
|
5511
|
+
"name": "executeAction",
|
|
5512
|
+
"privacy": "protected",
|
|
5513
|
+
"inheritedFrom": {
|
|
5514
|
+
"name": "Buttonsimple",
|
|
5515
|
+
"module": "components/buttonsimple/buttonsimple.component.js"
|
|
5516
|
+
}
|
|
5517
|
+
},
|
|
5518
|
+
{
|
|
5519
|
+
"kind": "field",
|
|
5520
|
+
"name": "role",
|
|
5521
|
+
"description": "This property defines the ARIA role for the element. By default, it is set to 'button'.\nConsumers should override this role when:\n- The element is being used in a context where a different role is more appropriate.\n- Custom behaviors are implemented that require a specific ARIA role for accessibility purposes.",
|
|
5522
|
+
"default": "'tab'",
|
|
5523
|
+
"attribute": "role",
|
|
5524
|
+
"reflects": true,
|
|
5525
|
+
"type": {
|
|
5526
|
+
"text": "string"
|
|
5527
|
+
},
|
|
5528
|
+
"inheritedFrom": {
|
|
5529
|
+
"name": "Buttonsimple",
|
|
5530
|
+
"module": "components/buttonsimple/buttonsimple.component.js"
|
|
5531
|
+
}
|
|
5532
|
+
},
|
|
5533
|
+
{
|
|
5534
|
+
"kind": "field",
|
|
5535
|
+
"name": "softDisabled",
|
|
5536
|
+
"type": {
|
|
5537
|
+
"text": "boolean"
|
|
5538
|
+
},
|
|
5539
|
+
"default": "undefined as unknown",
|
|
5540
|
+
"description": "Indicates whether the button is soft disabled.\nWhen set to `true`, the button appears visually disabled but still allows\nfocus, click, and keyboard actions to be passed through.\n\n**Important:** When using soft disabled, consumers must ensure that\nthe button behaves like a disabled button, allowing only focus and\npreventing any interactions (clicks or keyboard actions) from triggering unintended actions.",
|
|
5541
|
+
"attribute": "soft-disabled",
|
|
5542
|
+
"inheritedFrom": {
|
|
5543
|
+
"name": "Buttonsimple",
|
|
5544
|
+
"module": "components/buttonsimple/buttonsimple.component.js"
|
|
5545
|
+
}
|
|
5546
|
+
},
|
|
5547
|
+
{
|
|
5548
|
+
"kind": "field",
|
|
5549
|
+
"name": "size",
|
|
5550
|
+
"type": {
|
|
5551
|
+
"text": "ButtonSize"
|
|
5552
|
+
},
|
|
5553
|
+
"description": "Simplebutton size is a super set of all the sizes supported by children components.",
|
|
5554
|
+
"default": "undefined as unknown",
|
|
5555
|
+
"attribute": "size",
|
|
5556
|
+
"reflects": true,
|
|
5557
|
+
"inheritedFrom": {
|
|
5558
|
+
"name": "Buttonsimple",
|
|
5559
|
+
"module": "components/buttonsimple/buttonsimple.component.js"
|
|
5560
|
+
}
|
|
5561
|
+
},
|
|
5562
|
+
{
|
|
5563
|
+
"kind": "field",
|
|
5564
|
+
"name": "type",
|
|
5565
|
+
"type": {
|
|
5566
|
+
"text": "ButtonType"
|
|
5567
|
+
},
|
|
5568
|
+
"description": "This property defines the type attribute for the button element.\nThe type attribute specifies the behavior of the button when it is clicked.\n- **submit**: The button submits the form data to the server.\n- **reset**: The button resets the form data to its initial state.\n- **button**: The button does nothing when clicked.",
|
|
5569
|
+
"default": "undefined as unknown",
|
|
5570
|
+
"attribute": "type",
|
|
5571
|
+
"reflects": true,
|
|
5572
|
+
"inheritedFrom": {
|
|
5573
|
+
"name": "Buttonsimple",
|
|
5574
|
+
"module": "components/buttonsimple/buttonsimple.component.js"
|
|
5575
|
+
}
|
|
5576
|
+
},
|
|
5577
|
+
{
|
|
5578
|
+
"kind": "field",
|
|
5579
|
+
"name": "iconName",
|
|
5580
|
+
"type": {
|
|
5581
|
+
"text": "IconNames | undefined"
|
|
5582
|
+
},
|
|
5583
|
+
"description": "Name of the icon (= filename).\n\nIf no `icon-name` is provided, no icon will be rendered.",
|
|
5584
|
+
"attribute": "icon-name",
|
|
5585
|
+
"inheritedFrom": {
|
|
5586
|
+
"name": "IconNameMixin",
|
|
5587
|
+
"module": "utils/mixins/IconNameMixin.js"
|
|
5588
|
+
}
|
|
5589
|
+
},
|
|
5590
|
+
{
|
|
5591
|
+
"kind": "field",
|
|
5592
|
+
"name": "tabIndex",
|
|
5593
|
+
"type": {
|
|
5594
|
+
"text": "number"
|
|
5595
|
+
},
|
|
5596
|
+
"default": "0",
|
|
5597
|
+
"description": "This property specifies the tab order of the element.",
|
|
5598
|
+
"attribute": "tabIndex",
|
|
5599
|
+
"reflects": true,
|
|
5600
|
+
"inheritedFrom": {
|
|
5601
|
+
"name": "Buttonsimple",
|
|
5602
|
+
"module": "components/buttonsimple/buttonsimple.component.js"
|
|
5603
|
+
}
|
|
5604
|
+
},
|
|
5605
|
+
{
|
|
5606
|
+
"kind": "field",
|
|
5607
|
+
"name": "disabled",
|
|
5608
|
+
"type": {
|
|
5609
|
+
"text": "boolean"
|
|
5610
|
+
},
|
|
5611
|
+
"default": "false",
|
|
5612
|
+
"description": "Indicates whether the component is disabled.\nWhen the component is disabled for user interaction; it is not focusable or clickable.",
|
|
5613
|
+
"attribute": "disabled",
|
|
5614
|
+
"reflects": true,
|
|
5615
|
+
"inheritedFrom": {
|
|
5616
|
+
"name": "Buttonsimple",
|
|
5617
|
+
"module": "components/buttonsimple/buttonsimple.component.js"
|
|
5618
|
+
}
|
|
5619
|
+
},
|
|
5620
|
+
{
|
|
5621
|
+
"kind": "field",
|
|
5622
|
+
"name": "active",
|
|
5623
|
+
"type": {
|
|
5624
|
+
"text": "boolean"
|
|
5625
|
+
},
|
|
5626
|
+
"default": "false",
|
|
5627
|
+
"description": "The button's active state indicates whether it is currently toggled on (active) or off (inactive).\nWhen the active state is true, the button is considered to be in an active state, meaning it is toggled on.\nConversely, when the active state is false, the button is in an inactive state, indicating it is toggled off.",
|
|
5628
|
+
"attribute": "active",
|
|
5629
|
+
"reflects": true,
|
|
5630
|
+
"inheritedFrom": {
|
|
5631
|
+
"name": "Buttonsimple",
|
|
5632
|
+
"module": "components/buttonsimple/buttonsimple.component.js"
|
|
5633
|
+
}
|
|
5634
|
+
},
|
|
5635
|
+
{
|
|
5636
|
+
"kind": "method",
|
|
5637
|
+
"name": "setSoftDisabled",
|
|
5638
|
+
"privacy": "private",
|
|
5639
|
+
"parameters": [
|
|
5640
|
+
{
|
|
5641
|
+
"name": "element",
|
|
5642
|
+
"type": {
|
|
5643
|
+
"text": "HTMLElement"
|
|
5644
|
+
},
|
|
5645
|
+
"description": "The button element."
|
|
5646
|
+
},
|
|
5647
|
+
{
|
|
5648
|
+
"name": "softDisabled",
|
|
5649
|
+
"type": {
|
|
5650
|
+
"text": "boolean"
|
|
5651
|
+
},
|
|
5652
|
+
"description": "The soft-disabled state."
|
|
5653
|
+
}
|
|
5654
|
+
],
|
|
5655
|
+
"description": "Sets the soft-disabled attribute for the button.\nWhen soft-disabled, the button looks to be disabled but remains focusable and clickable.\nAlso sets/removes aria-disabled attribute.",
|
|
5656
|
+
"inheritedFrom": {
|
|
5657
|
+
"name": "Buttonsimple",
|
|
5658
|
+
"module": "components/buttonsimple/buttonsimple.component.js"
|
|
5659
|
+
}
|
|
5660
|
+
},
|
|
5661
|
+
{
|
|
5662
|
+
"kind": "method",
|
|
5663
|
+
"name": "setDisabled",
|
|
5664
|
+
"privacy": "private",
|
|
5665
|
+
"parameters": [
|
|
5666
|
+
{
|
|
5667
|
+
"name": "element",
|
|
5668
|
+
"type": {
|
|
5669
|
+
"text": "HTMLElement"
|
|
5670
|
+
},
|
|
5671
|
+
"description": "The button element."
|
|
5672
|
+
},
|
|
5673
|
+
{
|
|
5674
|
+
"name": "disabled",
|
|
5675
|
+
"type": {
|
|
5676
|
+
"text": "boolean"
|
|
5677
|
+
},
|
|
5678
|
+
"description": "The disabled state."
|
|
5679
|
+
}
|
|
5680
|
+
],
|
|
5681
|
+
"description": "Sets the disabled attribute for the button.\nWhen disabled, the button is not focusable or clickable, and tabindex is set to -1.\nThe previous tabindex is stored and restored when enabled.\nAlso sets/removes aria-disabled attribute.",
|
|
5682
|
+
"inheritedFrom": {
|
|
5683
|
+
"name": "Buttonsimple",
|
|
5684
|
+
"module": "components/buttonsimple/buttonsimple.component.js"
|
|
5685
|
+
}
|
|
5686
|
+
},
|
|
5687
|
+
{
|
|
5688
|
+
"kind": "method",
|
|
5689
|
+
"name": "triggerClickEvent",
|
|
5690
|
+
"privacy": "private",
|
|
5691
|
+
"inheritedFrom": {
|
|
5692
|
+
"name": "Buttonsimple",
|
|
5693
|
+
"module": "components/buttonsimple/buttonsimple.component.js"
|
|
5694
|
+
}
|
|
5695
|
+
},
|
|
5696
|
+
{
|
|
5697
|
+
"kind": "method",
|
|
5698
|
+
"name": "handleKeyDown",
|
|
5699
|
+
"privacy": "private",
|
|
5700
|
+
"parameters": [
|
|
5701
|
+
{
|
|
5702
|
+
"name": "event",
|
|
5703
|
+
"type": {
|
|
5704
|
+
"text": "KeyboardEvent"
|
|
5705
|
+
},
|
|
5706
|
+
"description": "The keyboard event."
|
|
5707
|
+
}
|
|
5708
|
+
],
|
|
5709
|
+
"description": "Handles the keydown event on the button.\nIf the key is 'Enter' or 'Space', the button is pressed.\nIf the key is 'Enter', the button is pressed. The native HTML button works in the same way.",
|
|
5710
|
+
"inheritedFrom": {
|
|
5711
|
+
"name": "Buttonsimple",
|
|
5712
|
+
"module": "components/buttonsimple/buttonsimple.component.js"
|
|
5713
|
+
}
|
|
5714
|
+
},
|
|
5715
|
+
{
|
|
5716
|
+
"kind": "method",
|
|
5717
|
+
"name": "handleKeyUp",
|
|
5718
|
+
"privacy": "private",
|
|
5719
|
+
"parameters": [
|
|
5720
|
+
{
|
|
5721
|
+
"name": "event",
|
|
5722
|
+
"type": {
|
|
5723
|
+
"text": "KeyboardEvent"
|
|
5724
|
+
},
|
|
5725
|
+
"description": "The keyboard event."
|
|
5726
|
+
}
|
|
5727
|
+
],
|
|
5728
|
+
"description": "Handles the keyup event on the button.\nIf the key is 'Enter' or 'Space', the button is clicked.\nIf the key is 'Space', the button is pressed. The native HTML button works in the same way.",
|
|
5729
|
+
"inheritedFrom": {
|
|
5730
|
+
"name": "Buttonsimple",
|
|
5731
|
+
"module": "components/buttonsimple/buttonsimple.component.js"
|
|
5732
|
+
}
|
|
5733
|
+
}
|
|
5734
|
+
],
|
|
5735
|
+
"attributes": [
|
|
5736
|
+
{
|
|
5737
|
+
"name": "text",
|
|
5738
|
+
"type": {
|
|
5739
|
+
"text": "string | undefined"
|
|
5740
|
+
},
|
|
5741
|
+
"description": "Text to be displayed in the tab.\nIf no `text` is provided, no text will be rendered,\n`aria-label` should be set on the tab.",
|
|
5742
|
+
"fieldName": "text"
|
|
5743
|
+
},
|
|
5744
|
+
{
|
|
5745
|
+
"name": "variant",
|
|
5746
|
+
"type": {
|
|
5747
|
+
"text": "Variant"
|
|
5748
|
+
},
|
|
5749
|
+
"description": "Tab can have two variants:\n- `glass`\n- `line`\n- `pill`\n\nIt defines the background and foreground color of the tab.",
|
|
5750
|
+
"default": "pill",
|
|
5751
|
+
"fieldName": "variant"
|
|
5752
|
+
},
|
|
5753
|
+
{
|
|
5754
|
+
"name": "icon-name",
|
|
5755
|
+
"type": {
|
|
5756
|
+
"text": "IconNames | undefined"
|
|
5757
|
+
},
|
|
5758
|
+
"description": "Name of the icon (= filename).\n\nIf no `icon-name` is provided, no icon will be rendered.",
|
|
5759
|
+
"fieldName": "iconName",
|
|
5760
|
+
"inheritedFrom": {
|
|
5761
|
+
"name": "IconNameMixin",
|
|
5762
|
+
"module": "src/utils/mixins/IconNameMixin.ts"
|
|
5763
|
+
}
|
|
5764
|
+
},
|
|
5765
|
+
{
|
|
5766
|
+
"name": "tabIndex",
|
|
5767
|
+
"type": {
|
|
5768
|
+
"text": "number"
|
|
5769
|
+
},
|
|
5770
|
+
"default": "0",
|
|
5771
|
+
"description": "This property specifies the tab order of the element.",
|
|
5772
|
+
"fieldName": "tabIndex",
|
|
5773
|
+
"inheritedFrom": {
|
|
5774
|
+
"name": "Buttonsimple",
|
|
5775
|
+
"module": "src/components/buttonsimple/buttonsimple.component.ts"
|
|
5776
|
+
}
|
|
5777
|
+
},
|
|
5778
|
+
{
|
|
5779
|
+
"name": "disabled",
|
|
5780
|
+
"type": {
|
|
5781
|
+
"text": "boolean"
|
|
5782
|
+
},
|
|
5783
|
+
"default": "false",
|
|
5784
|
+
"description": "Indicates whether the component is disabled.\nWhen the component is disabled for user interaction; it is not focusable or clickable.",
|
|
5785
|
+
"fieldName": "disabled",
|
|
5786
|
+
"inheritedFrom": {
|
|
5787
|
+
"name": "Buttonsimple",
|
|
5788
|
+
"module": "src/components/buttonsimple/buttonsimple.component.ts"
|
|
5789
|
+
}
|
|
5790
|
+
},
|
|
5791
|
+
{
|
|
5792
|
+
"name": "active",
|
|
5793
|
+
"type": {
|
|
5794
|
+
"text": "boolean"
|
|
5795
|
+
},
|
|
5796
|
+
"default": "false",
|
|
5797
|
+
"description": "The button's active state indicates whether it is currently toggled on (active) or off (inactive).\nWhen the active state is true, the button is considered to be in an active state, meaning it is toggled on.\nConversely, when the active state is false, the button is in an inactive state, indicating it is toggled off.",
|
|
5798
|
+
"fieldName": "active",
|
|
5799
|
+
"inheritedFrom": {
|
|
5800
|
+
"name": "Buttonsimple",
|
|
5801
|
+
"module": "src/components/buttonsimple/buttonsimple.component.ts"
|
|
5802
|
+
}
|
|
5803
|
+
},
|
|
5804
|
+
{
|
|
5805
|
+
"name": "soft-disabled",
|
|
5806
|
+
"type": {
|
|
5807
|
+
"text": "boolean"
|
|
5808
|
+
},
|
|
5809
|
+
"default": "false",
|
|
5810
|
+
"description": "Indicates whether the button is soft disabled.\nWhen set to `true`, the button appears visually disabled but still allows\nfocus, click, and keyboard actions to be passed through.\n\n**Important:** When using soft disabled, consumers must ensure that\nthe button behaves like a disabled button, allowing only focus and\npreventing any interactions (clicks or keyboard actions) from triggering unintended actions.",
|
|
5811
|
+
"fieldName": "softDisabled",
|
|
5812
|
+
"inheritedFrom": {
|
|
5813
|
+
"name": "Buttonsimple",
|
|
5814
|
+
"module": "src/components/buttonsimple/buttonsimple.component.ts"
|
|
5815
|
+
}
|
|
5816
|
+
},
|
|
5817
|
+
{
|
|
5818
|
+
"name": "size",
|
|
5819
|
+
"type": {
|
|
5820
|
+
"text": "ButtonSize"
|
|
5821
|
+
},
|
|
5822
|
+
"description": "Simplebutton size is a super set of all the sizes supported by children components.",
|
|
5823
|
+
"default": "32",
|
|
5824
|
+
"fieldName": "size",
|
|
5825
|
+
"inheritedFrom": {
|
|
5826
|
+
"name": "Buttonsimple",
|
|
5827
|
+
"module": "src/components/buttonsimple/buttonsimple.component.ts"
|
|
5828
|
+
}
|
|
5829
|
+
},
|
|
5830
|
+
{
|
|
5831
|
+
"name": "role",
|
|
5832
|
+
"description": "This property defines the ARIA role for the element. By default, it is set to 'button'.\nConsumers should override this role when:\n- The element is being used in a context where a different role is more appropriate.\n- Custom behaviors are implemented that require a specific ARIA role for accessibility purposes.",
|
|
5833
|
+
"default": "button",
|
|
5834
|
+
"fieldName": "role",
|
|
5835
|
+
"inheritedFrom": {
|
|
5836
|
+
"name": "Buttonsimple",
|
|
5837
|
+
"module": "src/components/buttonsimple/buttonsimple.component.ts"
|
|
5838
|
+
}
|
|
5839
|
+
},
|
|
5840
|
+
{
|
|
5841
|
+
"name": "type",
|
|
5842
|
+
"type": {
|
|
5843
|
+
"text": "ButtonType"
|
|
5844
|
+
},
|
|
5845
|
+
"description": "This property defines the type attribute for the button element.\nThe type attribute specifies the behavior of the button when it is clicked.\n- **submit**: The button submits the form data to the server.\n- **reset**: The button resets the form data to its initial state.\n- **button**: The button does nothing when clicked.",
|
|
5846
|
+
"default": "button",
|
|
5847
|
+
"fieldName": "type",
|
|
5848
|
+
"inheritedFrom": {
|
|
5849
|
+
"name": "Buttonsimple",
|
|
5850
|
+
"module": "src/components/buttonsimple/buttonsimple.component.ts"
|
|
5851
|
+
}
|
|
5852
|
+
}
|
|
5853
|
+
],
|
|
5854
|
+
"mixins": [
|
|
5855
|
+
{
|
|
5856
|
+
"name": "IconNameMixin",
|
|
5857
|
+
"module": "/src/utils/mixins/IconNameMixin"
|
|
5858
|
+
}
|
|
5859
|
+
],
|
|
5860
|
+
"superclass": {
|
|
5861
|
+
"name": "Buttonsimple",
|
|
5862
|
+
"module": "/src/components/buttonsimple/buttonsimple.component"
|
|
5863
|
+
},
|
|
5864
|
+
"tagName": "mdc-tab",
|
|
5865
|
+
"jsDoc": "/**\n * `mdc-tab` is Tab component to be used within the Tabgroup.\n *\n * Passing in the attribute `text` to the tab component is changing the text displayed in the tab.\n *\n * The `slot=\"badge\"` can be used to add a badge to the tab.\n *\n * For `icon`, the `mdc-icon` component is used to render the icon.\n *\n * @dependency mdc-icon\n * @dependency mdc-text\n *\n * @tagname mdc-tab\n *\n * @cssproperty --mdc-tab-content-gap - Gap between the badge(if provided), icon and text.\n * @cssproperty --mdc-tab-height - Height of the tab.\n * @cssproperty --mdc-tab-glass-active-background-color-disabled - Background color for active glass tab\n * in disabled state.\n * @cssproperty --mdc-tab-glass-active-background-color-hover - Background color for active glass tab in hover state.\n * @cssproperty --mdc-tab-glass-active-background-color-normal - Background color for active glass tab in rest state.\n * @cssproperty --mdc-tab-glass-active-background-color-pressed - Background color for active glass tab\n * in pressed state.\n * @cssproperty --mdc-tab-glass-active-color - Text and icon color for active glass tab.\n * @cssproperty --mdc-tab-glass-active-color-disabled - Text and icon color for active glass tab in disabled state.\n * @cssproperty --mdc-tab-glass-border-radius - Border radius for glass tab.\n * @cssproperty --mdc-tab-glass-inactive-background-color-disabled - Background color for inactive glass tab\n * in disabled state.\n * @cssproperty --mdc-tab-glass-inactive-background-color-hover - Background color for inactive glass tab\n * in hover state.\n * @cssproperty --mdc-tab-glass-inactive-background-color-normal - Background color for inactive glass tab\n * in rest state.\n * @cssproperty --mdc-tab-glass-inactive-background-color-pressed - Background color for inactive glass tab\n * in pressed state.\n * @cssproperty --mdc-tab-glass-inactive-color - Text and icon color for inactive glass tab.\n * @cssproperty --mdc-tab-glass-inactive-color-disabled - Text and icon color for inactive glass tab in disabled state.\n * @cssproperty --mdc-tab-line-active-background-color-pressed - Background color for active line tab in pressed state.\n * @cssproperty --mdc-tab-line-active-background-color-disabled - Background color for active line tab\n * in disabled state.\n * @cssproperty --mdc-tab-line-active-background-color-hover - Background color for active line tab in hover state.\n * @cssproperty --mdc-tab-line-active-background-color-normal - Background color for active line tab in rest state.\n * @cssproperty --mdc-tab-line-active-color - Text and icon color for active line tab.\n * @cssproperty --mdc-tab-line-active-color-disabled - Text and icon color for active line tab in disabled state.\n * @cssproperty --mdc-tab-line-active-indicator-color - color for indicator in active line tab.\n * @cssproperty --mdc-tab-line-active-indicator-color-disabled - Color for indicator in active line tab\n * in disabled state.\n * @cssproperty --mdc-tab-line-active-indicator-height - Height for indicator in active line tab.\n * @cssproperty --mdc-tab-line-active-indicator-width - Width for indicator in active line tab.\n * @cssproperty --mdc-tab-line-border-bottom-left-radius - Bottom left border radius for line tab.\n * @cssproperty --mdc-tab-line-border-bottom-right-radius - Bottom right border radius for line tab.\n * @cssproperty --mdc-tab-line-border-top-left-radius - Top left border radius for line tab.\n * @cssproperty --mdc-tab-line-border-top-right-radius - Top right border radius for line tab.\n * @cssproperty --mdc-tab-line-inactive-background-color-pressed - Background color for inactive line tab\n * in pressed state.\n * @cssproperty --mdc-tab-line-inactive-background-color-disabled - Background color for inactive line tab\n * in disabled state\n * @cssproperty --mdc-tab-line-inactive-background-color-hover - Background color for inactive line tab in hover state.\n * @cssproperty --mdc-tab-line-inactive-background-color-normal - Background color for inactive line tab\n * in rest state.\n * @cssproperty --mdc-tab-line-inactive-color - Text and icon color for inactive line tab.\n * @cssproperty --mdc-tab-line-inactive-color-disabled - Text and icon color for inactive line tab in disabled state.\n * @cssproperty --mdc-tab-padding-left - Padding left for the tab.\n * @cssproperty --mdc-tab-padding-right - Padding right for the tab.\n * @cssproperty --mdc-tab-pill-active-background-color-pressed - Background color for active pill tab in pressed state.\n * @cssproperty --mdc-tab-pill-active-background-color-disabled - Background color for active pill tab\n * in disabled state.\n * @cssproperty --mdc-tab-pill-active-background-color-hover - Background color for active pill tab in hover state.\n * @cssproperty --mdc-tab-pill-active-background-color-normal - Background color for active pill tab in rest state.\n * @cssproperty --mdc-tab-pill-active-color - Text and icon color for active pill tab.\n * @cssproperty --mdc-tab-pill-active-color-disabled - Text and icon color for active pill tab in disabled state.\n * @cssproperty --mdc-tab-pill-border-radius - Border radius for pill tab.\n * @cssproperty --mdc-tab-pill-inactive-background-color-pressed - Background color for inactive pill tab\n * in pressed state.\n * @cssproperty --mdc-tab-pill-inactive-background-color-disabled - Background color for inactive pill tab\n * in disabled state.\n * @cssproperty --mdc-tab-pill-inactive-background-color-hover - Background color for inactive pill tab in hover state.\n * @cssproperty --mdc-tab-pill-inactive-background-color-normal - Background color for inactive pill tab in rest state.\n * @cssproperty --mdc-tab-pill-inactive-color - Text and icon color for inactive pill tab.\n * @cssproperty --mdc-tab-pill-inactive-color-disabled - Text and icon color for inactive pill tab in disabled state.\n */",
|
|
5866
|
+
"customElement": true
|
|
5867
|
+
}
|
|
5868
|
+
],
|
|
5869
|
+
"exports": [
|
|
5870
|
+
{
|
|
5871
|
+
"kind": "js",
|
|
5872
|
+
"name": "default",
|
|
5873
|
+
"declaration": {
|
|
5874
|
+
"name": "Tab",
|
|
5875
|
+
"module": "components/tab/tab.component.js"
|
|
5876
|
+
}
|
|
5877
|
+
}
|
|
5878
|
+
]
|
|
5879
|
+
},
|
|
5228
5880
|
{
|
|
5229
5881
|
"kind": "javascript-module",
|
|
5230
5882
|
"path": "components/text/text.component.js",
|