@momentum-design/components 0.66.2 → 0.66.3
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 +10 -8
- package/dist/browser/index.js.map +2 -2
- package/dist/custom-elements.json +991 -577
- package/dist/react/index.d.ts +2 -2
- package/dist/react/index.js +2 -2
- package/dist/utils/mixins/ButtonComponentMixin.d.ts +6 -6
- package/dist/utils/mixins/ButtonComponentMixin.js +1 -0
- package/dist/utils/mixins/CardComponentMixin.d.ts +4 -4
- package/dist/utils/mixins/CardComponentMixin.js +27 -21
- package/dist/utils/mixins/FocusTrapMixin.d.ts +1 -1
- package/dist/utils/mixins/FocusTrapMixin.js +1 -0
- package/dist/utils/mixins/FormInternalsMixin.d.ts +3 -3
- package/dist/utils/mixins/FormInternalsMixin.js +10 -10
- package/package.json +1 -1
|
@@ -4,480 +4,175 @@
|
|
|
4
4
|
"modules": [
|
|
5
5
|
{
|
|
6
6
|
"kind": "javascript-module",
|
|
7
|
-
"path": "components/
|
|
8
|
-
"declarations": [
|
|
9
|
-
{
|
|
10
|
-
"kind": "class",
|
|
11
|
-
"description": "The `mdc-appheader` component provides a structured and accessible app header layout.\nIt consists of three primary sections: leading, center, and trailing.\n\n- The **leading section** typically holds a **brand logo**, **brand name** or **menu icon**.\n- The **center section** can contain a **search bar**, **icons** or action controls.\n- The **trailing section** generally includes a **profile avatar**, **additional icons** or **action controls**.",
|
|
12
|
-
"name": "Appheader",
|
|
13
|
-
"cssParts": [
|
|
14
|
-
{
|
|
15
|
-
"description": "The main container for styling the header.",
|
|
16
|
-
"name": "container"
|
|
17
|
-
},
|
|
18
|
-
{
|
|
19
|
-
"description": "The leading section of the header.",
|
|
20
|
-
"name": "leading-section"
|
|
21
|
-
},
|
|
22
|
-
{
|
|
23
|
-
"description": "The center section of the header.",
|
|
24
|
-
"name": "center-section"
|
|
25
|
-
},
|
|
26
|
-
{
|
|
27
|
-
"description": "The trailing section of the header.",
|
|
28
|
-
"name": "trailing-section"
|
|
29
|
-
}
|
|
30
|
-
],
|
|
31
|
-
"slots": [
|
|
32
|
-
{
|
|
33
|
-
"description": "Slot for the leading section (e.g., brand logo, brand name).",
|
|
34
|
-
"name": "leading"
|
|
35
|
-
},
|
|
36
|
-
{
|
|
37
|
-
"description": "Slot for the center section (e.g., search bar, icons).",
|
|
38
|
-
"name": "center"
|
|
39
|
-
},
|
|
40
|
-
{
|
|
41
|
-
"description": "Slot for the trailing section (e.g., profile avatar, icons).",
|
|
42
|
-
"name": "trailing"
|
|
43
|
-
}
|
|
44
|
-
],
|
|
45
|
-
"members": [],
|
|
46
|
-
"superclass": {
|
|
47
|
-
"name": "Component",
|
|
48
|
-
"module": "/src/models"
|
|
49
|
-
},
|
|
50
|
-
"tagName": "mdc-appheader",
|
|
51
|
-
"jsDoc": "/**\n * The `mdc-appheader` component provides a structured and accessible app header layout.\n * It consists of three primary sections: leading, center, and trailing.\n *\n * - The **leading section** typically holds a **brand logo**, **brand name** or **menu icon**.\n * - The **center section** can contain a **search bar**, **icons** or action controls.\n * - The **trailing section** generally includes a **profile avatar**, **additional icons** or **action controls**.\n *\n * @tagname mdc-appheader\n *\n * @slot leading - Slot for the leading section (e.g., brand logo, brand name).\n * @slot center - Slot for the center section (e.g., search bar, icons).\n * @slot trailing - Slot for the trailing section (e.g., profile avatar, icons).\n *\n * @csspart container - The main container for styling the header.\n * @csspart leading-section - The leading section of the header.\n * @csspart center-section - The center section of the header.\n * @csspart trailing-section - The trailing section of the header.\n */",
|
|
52
|
-
"customElement": true
|
|
53
|
-
}
|
|
54
|
-
],
|
|
55
|
-
"exports": [
|
|
56
|
-
{
|
|
57
|
-
"kind": "js",
|
|
58
|
-
"name": "default",
|
|
59
|
-
"declaration": {
|
|
60
|
-
"name": "Appheader",
|
|
61
|
-
"module": "components/appheader/appheader.component.js"
|
|
62
|
-
}
|
|
63
|
-
}
|
|
64
|
-
]
|
|
65
|
-
},
|
|
66
|
-
{
|
|
67
|
-
"kind": "javascript-module",
|
|
68
|
-
"path": "components/avatar/avatar.component.js",
|
|
7
|
+
"path": "components/alertchip/alertchip.component.js",
|
|
69
8
|
"declarations": [
|
|
70
9
|
{
|
|
71
10
|
"kind": "class",
|
|
72
|
-
"description": "
|
|
73
|
-
"name": "
|
|
11
|
+
"description": "mdc-alertchip component is an interactive chip that consumers can use to represent an alert.\n\n- It supports a leading icon along with label.\n- It supports 5 variants of alerts - neutral, warning, error, success, and informational\n\nThis component is built by extending Buttonsimple.",
|
|
12
|
+
"name": "AlertChip",
|
|
74
13
|
"cssProperties": [
|
|
75
14
|
{
|
|
76
|
-
"description": "
|
|
77
|
-
"name": "--mdc-
|
|
78
|
-
},
|
|
79
|
-
{
|
|
80
|
-
"description": "Allows customization of the default foreground color.",
|
|
81
|
-
"name": "--mdc-avatar-default-foreground-color"
|
|
15
|
+
"description": "The color of the label text",
|
|
16
|
+
"name": "--mdc-chip-color"
|
|
82
17
|
},
|
|
83
18
|
{
|
|
84
|
-
"description": "
|
|
85
|
-
"name": "--mdc-
|
|
19
|
+
"description": "The color of the icon",
|
|
20
|
+
"name": "--mdc-chip-icon-color"
|
|
86
21
|
},
|
|
87
22
|
{
|
|
88
|
-
"description": "
|
|
89
|
-
"name": "--mdc-
|
|
23
|
+
"description": "The border color of the alertchip",
|
|
24
|
+
"name": "--mdc-chip-border-color"
|
|
90
25
|
},
|
|
91
26
|
{
|
|
92
|
-
"description": "
|
|
93
|
-
"name": "--mdc-
|
|
27
|
+
"description": "The background color of the alertchip",
|
|
28
|
+
"name": "--mdc-chip-background-color"
|
|
94
29
|
}
|
|
95
30
|
],
|
|
96
31
|
"members": [
|
|
97
32
|
{
|
|
98
33
|
"kind": "field",
|
|
99
|
-
"name": "
|
|
34
|
+
"name": "variant",
|
|
100
35
|
"type": {
|
|
101
|
-
"text": "
|
|
36
|
+
"text": "VariantType"
|
|
102
37
|
},
|
|
103
|
-
"description": "The
|
|
104
|
-
"
|
|
105
|
-
"
|
|
106
|
-
"name": "AvatarComponentMixin",
|
|
107
|
-
"module": "utils/mixins/AvatarComponentMixin.js"
|
|
108
|
-
}
|
|
38
|
+
"description": "The variant of the alertchip. It supports 5 variants\n- neutral\n- warning\n- error\n- success\n- informational",
|
|
39
|
+
"default": "neutral",
|
|
40
|
+
"attribute": "variant"
|
|
109
41
|
},
|
|
110
42
|
{
|
|
111
43
|
"kind": "field",
|
|
112
|
-
"name": "
|
|
44
|
+
"name": "label",
|
|
113
45
|
"type": {
|
|
114
|
-
"text": "string
|
|
46
|
+
"text": "string"
|
|
115
47
|
},
|
|
116
|
-
"
|
|
117
|
-
"
|
|
118
|
-
"
|
|
119
|
-
"name": "AvatarComponentMixin",
|
|
120
|
-
"module": "utils/mixins/AvatarComponentMixin.js"
|
|
121
|
-
}
|
|
48
|
+
"default": "''",
|
|
49
|
+
"description": "The visible label text of the alertchip.\n\nWe recommend limiting the <b>maximum length of the label text to 20 characters</b>,\nincluding empty spaces to split words.",
|
|
50
|
+
"attribute": "label"
|
|
122
51
|
},
|
|
123
52
|
{
|
|
124
53
|
"kind": "field",
|
|
125
|
-
"name": "
|
|
54
|
+
"name": "tabIndex",
|
|
126
55
|
"type": {
|
|
127
|
-
"text": "
|
|
56
|
+
"text": "number"
|
|
128
57
|
},
|
|
129
|
-
"
|
|
130
|
-
"
|
|
58
|
+
"default": "0",
|
|
59
|
+
"description": "This property specifies the tab order of the element.",
|
|
60
|
+
"attribute": "tabIndex",
|
|
61
|
+
"reflects": true,
|
|
131
62
|
"inheritedFrom": {
|
|
132
|
-
"name": "
|
|
133
|
-
"module": "utils/mixins/
|
|
63
|
+
"name": "TabIndexMixin",
|
|
64
|
+
"module": "utils/mixins/TabIndexMixin.js"
|
|
134
65
|
}
|
|
135
66
|
},
|
|
136
67
|
{
|
|
137
68
|
"kind": "field",
|
|
138
|
-
"name": "
|
|
69
|
+
"name": "disabled",
|
|
139
70
|
"type": {
|
|
140
|
-
"text": "
|
|
71
|
+
"text": "boolean | undefined"
|
|
141
72
|
},
|
|
142
|
-
"description": "
|
|
143
|
-
"default": "
|
|
144
|
-
"attribute": "
|
|
73
|
+
"description": "Indicates whether the component is disabled.\nWhen the component is disabled for user interaction; it is not focusable or clickable.",
|
|
74
|
+
"default": "undefined",
|
|
75
|
+
"attribute": "disabled",
|
|
145
76
|
"reflects": true,
|
|
146
77
|
"inheritedFrom": {
|
|
147
|
-
"name": "
|
|
148
|
-
"module": "utils/mixins/
|
|
78
|
+
"name": "DisabledMixin",
|
|
79
|
+
"module": "utils/mixins/DisabledMixin.js"
|
|
149
80
|
}
|
|
150
81
|
},
|
|
151
82
|
{
|
|
152
83
|
"kind": "field",
|
|
153
|
-
"name": "
|
|
84
|
+
"name": "active",
|
|
154
85
|
"type": {
|
|
155
|
-
"text": "
|
|
86
|
+
"text": "boolean | undefined"
|
|
156
87
|
},
|
|
157
|
-
"description": "The
|
|
158
|
-
"
|
|
88
|
+
"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.\n\nThis attribute is used to set the provided `ariaStateKey` to true or false.",
|
|
89
|
+
"default": "undefined",
|
|
90
|
+
"attribute": "active",
|
|
91
|
+
"reflects": true,
|
|
159
92
|
"inheritedFrom": {
|
|
160
|
-
"name": "
|
|
161
|
-
"module": "
|
|
93
|
+
"name": "Buttonsimple",
|
|
94
|
+
"module": "components/buttonsimple/buttonsimple.component.js"
|
|
162
95
|
}
|
|
163
96
|
},
|
|
164
97
|
{
|
|
165
98
|
"kind": "field",
|
|
166
|
-
"name": "
|
|
99
|
+
"name": "softDisabled",
|
|
167
100
|
"type": {
|
|
168
|
-
"text": "boolean"
|
|
101
|
+
"text": "boolean | undefined"
|
|
169
102
|
},
|
|
170
|
-
"
|
|
171
|
-
"
|
|
172
|
-
"attribute": "
|
|
103
|
+
"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.",
|
|
104
|
+
"default": "undefined",
|
|
105
|
+
"attribute": "soft-disabled",
|
|
106
|
+
"reflects": true,
|
|
173
107
|
"inheritedFrom": {
|
|
174
|
-
"name": "
|
|
175
|
-
"module": "
|
|
108
|
+
"name": "Buttonsimple",
|
|
109
|
+
"module": "components/buttonsimple/buttonsimple.component.js"
|
|
176
110
|
}
|
|
177
111
|
},
|
|
178
112
|
{
|
|
179
113
|
"kind": "field",
|
|
180
|
-
"name": "
|
|
114
|
+
"name": "size",
|
|
181
115
|
"type": {
|
|
182
|
-
"text": "
|
|
116
|
+
"text": "ButtonSize"
|
|
183
117
|
},
|
|
184
|
-
"description": "
|
|
185
|
-
"
|
|
118
|
+
"description": "Simplebutton size is a super set of all the sizes supported by children components.",
|
|
119
|
+
"default": "32",
|
|
120
|
+
"attribute": "size",
|
|
121
|
+
"reflects": true,
|
|
186
122
|
"inheritedFrom": {
|
|
187
|
-
"name": "
|
|
188
|
-
"module": "
|
|
123
|
+
"name": "Buttonsimple",
|
|
124
|
+
"module": "components/buttonsimple/buttonsimple.component.js"
|
|
189
125
|
}
|
|
190
|
-
}
|
|
191
|
-
],
|
|
192
|
-
"mixins": [
|
|
193
|
-
{
|
|
194
|
-
"name": "AvatarComponentMixin",
|
|
195
|
-
"module": "/src/utils/mixins/AvatarComponentMixin"
|
|
196
126
|
},
|
|
197
127
|
{
|
|
198
|
-
"
|
|
199
|
-
"
|
|
200
|
-
|
|
201
|
-
|
|
202
|
-
|
|
203
|
-
|
|
204
|
-
|
|
205
|
-
|
|
206
|
-
|
|
207
|
-
|
|
208
|
-
|
|
209
|
-
"attributes": [
|
|
128
|
+
"kind": "field",
|
|
129
|
+
"name": "role",
|
|
130
|
+
"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.",
|
|
131
|
+
"default": "button",
|
|
132
|
+
"attribute": "role",
|
|
133
|
+
"reflects": true,
|
|
134
|
+
"inheritedFrom": {
|
|
135
|
+
"name": "Buttonsimple",
|
|
136
|
+
"module": "components/buttonsimple/buttonsimple.component.js"
|
|
137
|
+
}
|
|
138
|
+
},
|
|
210
139
|
{
|
|
211
|
-
"
|
|
140
|
+
"kind": "field",
|
|
141
|
+
"name": "ariaStateKey",
|
|
212
142
|
"type": {
|
|
213
143
|
"text": "string | undefined"
|
|
214
144
|
},
|
|
215
|
-
"description": "
|
|
216
|
-
"
|
|
145
|
+
"description": "This property defines the ARIA state key, which will be toggled when the\nButton is set to `active`.\nThe default value is 'aria-pressed', which is commonly used for toggle buttons.\n\nConsumers can override this property to use a different ARIA state key if needed.\nIn case multiple aria attributes should be toggled, they can be passed in as\na comma separated string.\nFor example: `aria-pressed,aria-expanded`",
|
|
146
|
+
"default": "'aria-pressed' (when)",
|
|
147
|
+
"attribute": "ariaStateKey",
|
|
148
|
+
"reflects": true,
|
|
217
149
|
"inheritedFrom": {
|
|
218
|
-
"name": "
|
|
219
|
-
"module": "
|
|
150
|
+
"name": "Buttonsimple",
|
|
151
|
+
"module": "components/buttonsimple/buttonsimple.component.js"
|
|
220
152
|
}
|
|
221
153
|
},
|
|
222
154
|
{
|
|
223
|
-
"
|
|
155
|
+
"kind": "field",
|
|
156
|
+
"name": "type",
|
|
224
157
|
"type": {
|
|
225
|
-
"text": "
|
|
158
|
+
"text": "ButtonType"
|
|
226
159
|
},
|
|
227
|
-
"description": "The
|
|
228
|
-
"
|
|
160
|
+
"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.",
|
|
161
|
+
"default": "button",
|
|
162
|
+
"attribute": "type",
|
|
163
|
+
"reflects": true,
|
|
229
164
|
"inheritedFrom": {
|
|
230
|
-
"name": "
|
|
231
|
-
"module": "
|
|
165
|
+
"name": "Buttonsimple",
|
|
166
|
+
"module": "components/buttonsimple/buttonsimple.component.js"
|
|
232
167
|
}
|
|
233
168
|
},
|
|
234
169
|
{
|
|
235
|
-
"
|
|
236
|
-
"
|
|
237
|
-
|
|
238
|
-
},
|
|
239
|
-
"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`",
|
|
240
|
-
"fieldName": "presence",
|
|
170
|
+
"kind": "method",
|
|
171
|
+
"name": "executeAction",
|
|
172
|
+
"privacy": "protected",
|
|
241
173
|
"inheritedFrom": {
|
|
242
|
-
"name": "
|
|
243
|
-
"module": "
|
|
244
|
-
}
|
|
245
|
-
},
|
|
246
|
-
{
|
|
247
|
-
"name": "size",
|
|
248
|
-
"type": {
|
|
249
|
-
"text": "AvatarSize"
|
|
250
|
-
},
|
|
251
|
-
"description": "Acceptable values include (size in px unit):\n- 24\n- 32\n- 48\n- 64\n- 72\n- 88\n- 124",
|
|
252
|
-
"default": "32",
|
|
253
|
-
"fieldName": "size",
|
|
254
|
-
"inheritedFrom": {
|
|
255
|
-
"name": "AvatarComponentMixin",
|
|
256
|
-
"module": "src/utils/mixins/AvatarComponentMixin.ts"
|
|
257
|
-
}
|
|
258
|
-
},
|
|
259
|
-
{
|
|
260
|
-
"name": "counter",
|
|
261
|
-
"type": {
|
|
262
|
-
"text": "number | undefined"
|
|
263
|
-
},
|
|
264
|
-
"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`.",
|
|
265
|
-
"fieldName": "counter",
|
|
266
|
-
"inheritedFrom": {
|
|
267
|
-
"name": "AvatarComponentMixin",
|
|
268
|
-
"module": "src/utils/mixins/AvatarComponentMixin.ts"
|
|
269
|
-
}
|
|
270
|
-
},
|
|
271
|
-
{
|
|
272
|
-
"name": "is-typing",
|
|
273
|
-
"type": {
|
|
274
|
-
"text": "boolean"
|
|
275
|
-
},
|
|
276
|
-
"default": "false",
|
|
277
|
-
"description": "Represents the typing indicator when the user is typing.",
|
|
278
|
-
"fieldName": "isTyping",
|
|
279
|
-
"inheritedFrom": {
|
|
280
|
-
"name": "AvatarComponentMixin",
|
|
281
|
-
"module": "src/utils/mixins/AvatarComponentMixin.ts"
|
|
282
|
-
}
|
|
283
|
-
},
|
|
284
|
-
{
|
|
285
|
-
"name": "icon-name",
|
|
286
|
-
"type": {
|
|
287
|
-
"text": "IconNames | undefined"
|
|
288
|
-
},
|
|
289
|
-
"description": "Name of the icon (= filename).\n\nIf no `icon-name` is provided, no icon will be rendered.",
|
|
290
|
-
"fieldName": "iconName",
|
|
291
|
-
"inheritedFrom": {
|
|
292
|
-
"name": "IconNameMixin",
|
|
293
|
-
"module": "src/utils/mixins/IconNameMixin.ts"
|
|
294
|
-
}
|
|
295
|
-
}
|
|
296
|
-
]
|
|
297
|
-
}
|
|
298
|
-
],
|
|
299
|
-
"exports": [
|
|
300
|
-
{
|
|
301
|
-
"kind": "js",
|
|
302
|
-
"name": "default",
|
|
303
|
-
"declaration": {
|
|
304
|
-
"name": "Avatar",
|
|
305
|
-
"module": "components/avatar/avatar.component.js"
|
|
306
|
-
}
|
|
307
|
-
}
|
|
308
|
-
]
|
|
309
|
-
},
|
|
310
|
-
{
|
|
311
|
-
"kind": "javascript-module",
|
|
312
|
-
"path": "components/alertchip/alertchip.component.js",
|
|
313
|
-
"declarations": [
|
|
314
|
-
{
|
|
315
|
-
"kind": "class",
|
|
316
|
-
"description": "mdc-alertchip component is an interactive chip that consumers can use to represent an alert.\n\n- It supports a leading icon along with label.\n- It supports 5 variants of alerts - neutral, warning, error, success, and informational\n\nThis component is built by extending Buttonsimple.",
|
|
317
|
-
"name": "AlertChip",
|
|
318
|
-
"cssProperties": [
|
|
319
|
-
{
|
|
320
|
-
"description": "The color of the label text",
|
|
321
|
-
"name": "--mdc-chip-color"
|
|
322
|
-
},
|
|
323
|
-
{
|
|
324
|
-
"description": "The color of the icon",
|
|
325
|
-
"name": "--mdc-chip-icon-color"
|
|
326
|
-
},
|
|
327
|
-
{
|
|
328
|
-
"description": "The border color of the alertchip",
|
|
329
|
-
"name": "--mdc-chip-border-color"
|
|
330
|
-
},
|
|
331
|
-
{
|
|
332
|
-
"description": "The background color of the alertchip",
|
|
333
|
-
"name": "--mdc-chip-background-color"
|
|
334
|
-
}
|
|
335
|
-
],
|
|
336
|
-
"members": [
|
|
337
|
-
{
|
|
338
|
-
"kind": "field",
|
|
339
|
-
"name": "variant",
|
|
340
|
-
"type": {
|
|
341
|
-
"text": "VariantType"
|
|
342
|
-
},
|
|
343
|
-
"description": "The variant of the alertchip. It supports 5 variants\n- neutral\n- warning\n- error\n- success\n- informational",
|
|
344
|
-
"default": "neutral",
|
|
345
|
-
"attribute": "variant"
|
|
346
|
-
},
|
|
347
|
-
{
|
|
348
|
-
"kind": "field",
|
|
349
|
-
"name": "label",
|
|
350
|
-
"type": {
|
|
351
|
-
"text": "string"
|
|
352
|
-
},
|
|
353
|
-
"default": "''",
|
|
354
|
-
"description": "The visible label text of the alertchip.\n\nWe recommend limiting the <b>maximum length of the label text to 20 characters</b>,\nincluding empty spaces to split words.",
|
|
355
|
-
"attribute": "label"
|
|
356
|
-
},
|
|
357
|
-
{
|
|
358
|
-
"kind": "field",
|
|
359
|
-
"name": "tabIndex",
|
|
360
|
-
"type": {
|
|
361
|
-
"text": "number"
|
|
362
|
-
},
|
|
363
|
-
"default": "0",
|
|
364
|
-
"description": "This property specifies the tab order of the element.",
|
|
365
|
-
"attribute": "tabIndex",
|
|
366
|
-
"reflects": true,
|
|
367
|
-
"inheritedFrom": {
|
|
368
|
-
"name": "TabIndexMixin",
|
|
369
|
-
"module": "utils/mixins/TabIndexMixin.js"
|
|
370
|
-
}
|
|
371
|
-
},
|
|
372
|
-
{
|
|
373
|
-
"kind": "field",
|
|
374
|
-
"name": "disabled",
|
|
375
|
-
"type": {
|
|
376
|
-
"text": "boolean | undefined"
|
|
377
|
-
},
|
|
378
|
-
"description": "Indicates whether the component is disabled.\nWhen the component is disabled for user interaction; it is not focusable or clickable.",
|
|
379
|
-
"default": "undefined",
|
|
380
|
-
"attribute": "disabled",
|
|
381
|
-
"reflects": true,
|
|
382
|
-
"inheritedFrom": {
|
|
383
|
-
"name": "DisabledMixin",
|
|
384
|
-
"module": "utils/mixins/DisabledMixin.js"
|
|
385
|
-
}
|
|
386
|
-
},
|
|
387
|
-
{
|
|
388
|
-
"kind": "field",
|
|
389
|
-
"name": "active",
|
|
390
|
-
"type": {
|
|
391
|
-
"text": "boolean | undefined"
|
|
392
|
-
},
|
|
393
|
-
"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.\n\nThis attribute is used to set the provided `ariaStateKey` to true or false.",
|
|
394
|
-
"default": "undefined",
|
|
395
|
-
"attribute": "active",
|
|
396
|
-
"reflects": true,
|
|
397
|
-
"inheritedFrom": {
|
|
398
|
-
"name": "Buttonsimple",
|
|
399
|
-
"module": "components/buttonsimple/buttonsimple.component.js"
|
|
400
|
-
}
|
|
401
|
-
},
|
|
402
|
-
{
|
|
403
|
-
"kind": "field",
|
|
404
|
-
"name": "softDisabled",
|
|
405
|
-
"type": {
|
|
406
|
-
"text": "boolean | undefined"
|
|
407
|
-
},
|
|
408
|
-
"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.",
|
|
409
|
-
"default": "undefined",
|
|
410
|
-
"attribute": "soft-disabled",
|
|
411
|
-
"reflects": true,
|
|
412
|
-
"inheritedFrom": {
|
|
413
|
-
"name": "Buttonsimple",
|
|
414
|
-
"module": "components/buttonsimple/buttonsimple.component.js"
|
|
415
|
-
}
|
|
416
|
-
},
|
|
417
|
-
{
|
|
418
|
-
"kind": "field",
|
|
419
|
-
"name": "size",
|
|
420
|
-
"type": {
|
|
421
|
-
"text": "ButtonSize"
|
|
422
|
-
},
|
|
423
|
-
"description": "Simplebutton size is a super set of all the sizes supported by children components.",
|
|
424
|
-
"default": "32",
|
|
425
|
-
"attribute": "size",
|
|
426
|
-
"reflects": true,
|
|
427
|
-
"inheritedFrom": {
|
|
428
|
-
"name": "Buttonsimple",
|
|
429
|
-
"module": "components/buttonsimple/buttonsimple.component.js"
|
|
430
|
-
}
|
|
431
|
-
},
|
|
432
|
-
{
|
|
433
|
-
"kind": "field",
|
|
434
|
-
"name": "role",
|
|
435
|
-
"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.",
|
|
436
|
-
"default": "button",
|
|
437
|
-
"attribute": "role",
|
|
438
|
-
"reflects": true,
|
|
439
|
-
"inheritedFrom": {
|
|
440
|
-
"name": "Buttonsimple",
|
|
441
|
-
"module": "components/buttonsimple/buttonsimple.component.js"
|
|
442
|
-
}
|
|
443
|
-
},
|
|
444
|
-
{
|
|
445
|
-
"kind": "field",
|
|
446
|
-
"name": "ariaStateKey",
|
|
447
|
-
"type": {
|
|
448
|
-
"text": "string | undefined"
|
|
449
|
-
},
|
|
450
|
-
"description": "This property defines the ARIA state key, which will be toggled when the\nButton is set to `active`.\nThe default value is 'aria-pressed', which is commonly used for toggle buttons.\n\nConsumers can override this property to use a different ARIA state key if needed.\nIn case multiple aria attributes should be toggled, they can be passed in as\na comma separated string.\nFor example: `aria-pressed,aria-expanded`",
|
|
451
|
-
"default": "'aria-pressed' (when)",
|
|
452
|
-
"attribute": "ariaStateKey",
|
|
453
|
-
"reflects": true,
|
|
454
|
-
"inheritedFrom": {
|
|
455
|
-
"name": "Buttonsimple",
|
|
456
|
-
"module": "components/buttonsimple/buttonsimple.component.js"
|
|
457
|
-
}
|
|
458
|
-
},
|
|
459
|
-
{
|
|
460
|
-
"kind": "field",
|
|
461
|
-
"name": "type",
|
|
462
|
-
"type": {
|
|
463
|
-
"text": "ButtonType"
|
|
464
|
-
},
|
|
465
|
-
"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.",
|
|
466
|
-
"default": "button",
|
|
467
|
-
"attribute": "type",
|
|
468
|
-
"reflects": true,
|
|
469
|
-
"inheritedFrom": {
|
|
470
|
-
"name": "Buttonsimple",
|
|
471
|
-
"module": "components/buttonsimple/buttonsimple.component.js"
|
|
472
|
-
}
|
|
473
|
-
},
|
|
474
|
-
{
|
|
475
|
-
"kind": "method",
|
|
476
|
-
"name": "executeAction",
|
|
477
|
-
"privacy": "protected",
|
|
478
|
-
"inheritedFrom": {
|
|
479
|
-
"name": "Buttonsimple",
|
|
480
|
-
"module": "components/buttonsimple/buttonsimple.component.js"
|
|
174
|
+
"name": "Buttonsimple",
|
|
175
|
+
"module": "components/buttonsimple/buttonsimple.component.js"
|
|
481
176
|
}
|
|
482
177
|
},
|
|
483
178
|
{
|
|
@@ -677,110 +372,415 @@
|
|
|
677
372
|
}
|
|
678
373
|
},
|
|
679
374
|
{
|
|
680
|
-
"name": "soft-disabled",
|
|
375
|
+
"name": "soft-disabled",
|
|
376
|
+
"type": {
|
|
377
|
+
"text": "boolean | undefined"
|
|
378
|
+
},
|
|
379
|
+
"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.",
|
|
380
|
+
"default": "undefined",
|
|
381
|
+
"fieldName": "softDisabled",
|
|
382
|
+
"inheritedFrom": {
|
|
383
|
+
"name": "Buttonsimple",
|
|
384
|
+
"module": "src/components/buttonsimple/buttonsimple.component.ts"
|
|
385
|
+
}
|
|
386
|
+
},
|
|
387
|
+
{
|
|
388
|
+
"name": "size",
|
|
389
|
+
"type": {
|
|
390
|
+
"text": "ButtonSize"
|
|
391
|
+
},
|
|
392
|
+
"description": "Simplebutton size is a super set of all the sizes supported by children components.",
|
|
393
|
+
"default": "32",
|
|
394
|
+
"fieldName": "size",
|
|
395
|
+
"inheritedFrom": {
|
|
396
|
+
"name": "Buttonsimple",
|
|
397
|
+
"module": "src/components/buttonsimple/buttonsimple.component.ts"
|
|
398
|
+
}
|
|
399
|
+
},
|
|
400
|
+
{
|
|
401
|
+
"name": "role",
|
|
402
|
+
"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.",
|
|
403
|
+
"default": "button",
|
|
404
|
+
"fieldName": "role",
|
|
405
|
+
"inheritedFrom": {
|
|
406
|
+
"name": "Buttonsimple",
|
|
407
|
+
"module": "src/components/buttonsimple/buttonsimple.component.ts"
|
|
408
|
+
}
|
|
409
|
+
},
|
|
410
|
+
{
|
|
411
|
+
"name": "ariaStateKey",
|
|
412
|
+
"type": {
|
|
413
|
+
"text": "string | undefined"
|
|
414
|
+
},
|
|
415
|
+
"description": "This property defines the ARIA state key, which will be toggled when the\nButton is set to `active`.\nThe default value is 'aria-pressed', which is commonly used for toggle buttons.\n\nConsumers can override this property to use a different ARIA state key if needed.\nIn case multiple aria attributes should be toggled, they can be passed in as\na comma separated string.\nFor example: `aria-pressed,aria-expanded`",
|
|
416
|
+
"default": "'aria-pressed' (when)",
|
|
417
|
+
"fieldName": "ariaStateKey",
|
|
418
|
+
"inheritedFrom": {
|
|
419
|
+
"name": "Buttonsimple",
|
|
420
|
+
"module": "src/components/buttonsimple/buttonsimple.component.ts"
|
|
421
|
+
}
|
|
422
|
+
},
|
|
423
|
+
{
|
|
424
|
+
"name": "type",
|
|
425
|
+
"type": {
|
|
426
|
+
"text": "ButtonType"
|
|
427
|
+
},
|
|
428
|
+
"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.",
|
|
429
|
+
"default": "button",
|
|
430
|
+
"fieldName": "type",
|
|
431
|
+
"inheritedFrom": {
|
|
432
|
+
"name": "Buttonsimple",
|
|
433
|
+
"module": "src/components/buttonsimple/buttonsimple.component.ts"
|
|
434
|
+
}
|
|
435
|
+
}
|
|
436
|
+
],
|
|
437
|
+
"superclass": {
|
|
438
|
+
"name": "Buttonsimple",
|
|
439
|
+
"module": "/src/components/buttonsimple/buttonsimple.component"
|
|
440
|
+
},
|
|
441
|
+
"tagName": "mdc-alertchip",
|
|
442
|
+
"jsDoc": "/**\n * mdc-alertchip component is an interactive chip that consumers can use to represent an alert.\n *\n * - It supports a leading icon along with label.\n * - It supports 5 variants of alerts - neutral, warning, error, success, and informational\n *\n * This component is built by extending Buttonsimple.\n *\n * @tagname mdc-alertchip\n *\n * @dependency mdc-icon\n * @dependency mdc-text\n *\n * @cssproperty --mdc-chip-color - The color of the label text\n * @cssproperty --mdc-chip-icon-color - The color of the icon\n * @cssproperty --mdc-chip-border-color - The border color of the alertchip\n * @cssproperty --mdc-chip-background-color - The background color of the alertchip\n *\n */",
|
|
443
|
+
"customElement": true,
|
|
444
|
+
"events": [
|
|
445
|
+
{
|
|
446
|
+
"description": "(React: onClick) This event is dispatched when the button is clicked.",
|
|
447
|
+
"name": "click",
|
|
448
|
+
"reactName": "onClick",
|
|
449
|
+
"inheritedFrom": {
|
|
450
|
+
"name": "Buttonsimple",
|
|
451
|
+
"module": "src/components/buttonsimple/buttonsimple.component.ts"
|
|
452
|
+
}
|
|
453
|
+
},
|
|
454
|
+
{
|
|
455
|
+
"description": "(React: onKeyDown) This event is dispatched when a key is pressed down on the button.",
|
|
456
|
+
"name": "keydown",
|
|
457
|
+
"reactName": "onKeyDown",
|
|
458
|
+
"inheritedFrom": {
|
|
459
|
+
"name": "Buttonsimple",
|
|
460
|
+
"module": "src/components/buttonsimple/buttonsimple.component.ts"
|
|
461
|
+
}
|
|
462
|
+
},
|
|
463
|
+
{
|
|
464
|
+
"description": "(React: onKeyUp) This event is dispatched when a key is released on the button.",
|
|
465
|
+
"name": "keyup",
|
|
466
|
+
"reactName": "onKeyUp",
|
|
467
|
+
"inheritedFrom": {
|
|
468
|
+
"name": "Buttonsimple",
|
|
469
|
+
"module": "src/components/buttonsimple/buttonsimple.component.ts"
|
|
470
|
+
}
|
|
471
|
+
},
|
|
472
|
+
{
|
|
473
|
+
"description": "(React: onFocus) This event is dispatched when the button receives focus.",
|
|
474
|
+
"name": "focus",
|
|
475
|
+
"reactName": "onFocus",
|
|
476
|
+
"inheritedFrom": {
|
|
477
|
+
"name": "Buttonsimple",
|
|
478
|
+
"module": "src/components/buttonsimple/buttonsimple.component.ts"
|
|
479
|
+
}
|
|
480
|
+
}
|
|
481
|
+
]
|
|
482
|
+
}
|
|
483
|
+
],
|
|
484
|
+
"exports": [
|
|
485
|
+
{
|
|
486
|
+
"kind": "js",
|
|
487
|
+
"name": "default",
|
|
488
|
+
"declaration": {
|
|
489
|
+
"name": "AlertChip",
|
|
490
|
+
"module": "components/alertchip/alertchip.component.js"
|
|
491
|
+
}
|
|
492
|
+
}
|
|
493
|
+
]
|
|
494
|
+
},
|
|
495
|
+
{
|
|
496
|
+
"kind": "javascript-module",
|
|
497
|
+
"path": "components/appheader/appheader.component.js",
|
|
498
|
+
"declarations": [
|
|
499
|
+
{
|
|
500
|
+
"kind": "class",
|
|
501
|
+
"description": "The `mdc-appheader` component provides a structured and accessible app header layout.\nIt consists of three primary sections: leading, center, and trailing.\n\n- The **leading section** typically holds a **brand logo**, **brand name** or **menu icon**.\n- The **center section** can contain a **search bar**, **icons** or action controls.\n- The **trailing section** generally includes a **profile avatar**, **additional icons** or **action controls**.",
|
|
502
|
+
"name": "Appheader",
|
|
503
|
+
"cssParts": [
|
|
504
|
+
{
|
|
505
|
+
"description": "The main container for styling the header.",
|
|
506
|
+
"name": "container"
|
|
507
|
+
},
|
|
508
|
+
{
|
|
509
|
+
"description": "The leading section of the header.",
|
|
510
|
+
"name": "leading-section"
|
|
511
|
+
},
|
|
512
|
+
{
|
|
513
|
+
"description": "The center section of the header.",
|
|
514
|
+
"name": "center-section"
|
|
515
|
+
},
|
|
516
|
+
{
|
|
517
|
+
"description": "The trailing section of the header.",
|
|
518
|
+
"name": "trailing-section"
|
|
519
|
+
}
|
|
520
|
+
],
|
|
521
|
+
"slots": [
|
|
522
|
+
{
|
|
523
|
+
"description": "Slot for the leading section (e.g., brand logo, brand name).",
|
|
524
|
+
"name": "leading"
|
|
525
|
+
},
|
|
526
|
+
{
|
|
527
|
+
"description": "Slot for the center section (e.g., search bar, icons).",
|
|
528
|
+
"name": "center"
|
|
529
|
+
},
|
|
530
|
+
{
|
|
531
|
+
"description": "Slot for the trailing section (e.g., profile avatar, icons).",
|
|
532
|
+
"name": "trailing"
|
|
533
|
+
}
|
|
534
|
+
],
|
|
535
|
+
"members": [],
|
|
536
|
+
"superclass": {
|
|
537
|
+
"name": "Component",
|
|
538
|
+
"module": "/src/models"
|
|
539
|
+
},
|
|
540
|
+
"tagName": "mdc-appheader",
|
|
541
|
+
"jsDoc": "/**\n * The `mdc-appheader` component provides a structured and accessible app header layout.\n * It consists of three primary sections: leading, center, and trailing.\n *\n * - The **leading section** typically holds a **brand logo**, **brand name** or **menu icon**.\n * - The **center section** can contain a **search bar**, **icons** or action controls.\n * - The **trailing section** generally includes a **profile avatar**, **additional icons** or **action controls**.\n *\n * @tagname mdc-appheader\n *\n * @slot leading - Slot for the leading section (e.g., brand logo, brand name).\n * @slot center - Slot for the center section (e.g., search bar, icons).\n * @slot trailing - Slot for the trailing section (e.g., profile avatar, icons).\n *\n * @csspart container - The main container for styling the header.\n * @csspart leading-section - The leading section of the header.\n * @csspart center-section - The center section of the header.\n * @csspart trailing-section - The trailing section of the header.\n */",
|
|
542
|
+
"customElement": true
|
|
543
|
+
}
|
|
544
|
+
],
|
|
545
|
+
"exports": [
|
|
546
|
+
{
|
|
547
|
+
"kind": "js",
|
|
548
|
+
"name": "default",
|
|
549
|
+
"declaration": {
|
|
550
|
+
"name": "Appheader",
|
|
551
|
+
"module": "components/appheader/appheader.component.js"
|
|
552
|
+
}
|
|
553
|
+
}
|
|
554
|
+
]
|
|
555
|
+
},
|
|
556
|
+
{
|
|
557
|
+
"kind": "javascript-module",
|
|
558
|
+
"path": "components/avatar/avatar.component.js",
|
|
559
|
+
"declarations": [
|
|
560
|
+
{
|
|
561
|
+
"kind": "class",
|
|
562
|
+
"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.",
|
|
563
|
+
"name": "Avatar",
|
|
564
|
+
"cssProperties": [
|
|
565
|
+
{
|
|
566
|
+
"description": "Allows customization of the default background color.",
|
|
567
|
+
"name": "--mdc-avatar-default-background-color"
|
|
568
|
+
},
|
|
569
|
+
{
|
|
570
|
+
"description": "Allows customization of the default foreground color.",
|
|
571
|
+
"name": "--mdc-avatar-default-foreground-color"
|
|
572
|
+
},
|
|
573
|
+
{
|
|
574
|
+
"description": "Allows customization of the loading indicator background color.",
|
|
575
|
+
"name": "--mdc-avatar-loading-indicator-background-color"
|
|
576
|
+
},
|
|
577
|
+
{
|
|
578
|
+
"description": "Allows customization of the loading indicator foreground color.",
|
|
579
|
+
"name": "--mdc-avatar-loading-indicator-foreground-color"
|
|
580
|
+
},
|
|
581
|
+
{
|
|
582
|
+
"description": "Allows customization of the loading overlay background color.",
|
|
583
|
+
"name": "--mdc-avatar-loading-overlay-background-color"
|
|
584
|
+
}
|
|
585
|
+
],
|
|
586
|
+
"members": [
|
|
587
|
+
{
|
|
588
|
+
"kind": "field",
|
|
589
|
+
"name": "src",
|
|
590
|
+
"type": {
|
|
591
|
+
"text": "string | undefined"
|
|
592
|
+
},
|
|
593
|
+
"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.",
|
|
594
|
+
"attribute": "src",
|
|
595
|
+
"inheritedFrom": {
|
|
596
|
+
"name": "AvatarComponentMixin",
|
|
597
|
+
"module": "utils/mixins/AvatarComponentMixin.js"
|
|
598
|
+
}
|
|
599
|
+
},
|
|
600
|
+
{
|
|
601
|
+
"kind": "field",
|
|
602
|
+
"name": "initials",
|
|
603
|
+
"type": {
|
|
604
|
+
"text": "string | undefined"
|
|
605
|
+
},
|
|
606
|
+
"description": "The initials to be displayed for the avatar.",
|
|
607
|
+
"attribute": "initials",
|
|
608
|
+
"inheritedFrom": {
|
|
609
|
+
"name": "AvatarComponentMixin",
|
|
610
|
+
"module": "utils/mixins/AvatarComponentMixin.js"
|
|
611
|
+
}
|
|
612
|
+
},
|
|
613
|
+
{
|
|
614
|
+
"kind": "field",
|
|
615
|
+
"name": "presence",
|
|
616
|
+
"type": {
|
|
617
|
+
"text": "PresenceType | undefined"
|
|
618
|
+
},
|
|
619
|
+
"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`",
|
|
620
|
+
"attribute": "presence",
|
|
621
|
+
"inheritedFrom": {
|
|
622
|
+
"name": "AvatarComponentMixin",
|
|
623
|
+
"module": "utils/mixins/AvatarComponentMixin.js"
|
|
624
|
+
}
|
|
625
|
+
},
|
|
626
|
+
{
|
|
627
|
+
"kind": "field",
|
|
628
|
+
"name": "size",
|
|
629
|
+
"type": {
|
|
630
|
+
"text": "AvatarSize"
|
|
631
|
+
},
|
|
632
|
+
"description": "Acceptable values include (size in px unit):\n- 24\n- 32\n- 48\n- 64\n- 72\n- 88\n- 124",
|
|
633
|
+
"default": "32",
|
|
634
|
+
"attribute": "size",
|
|
635
|
+
"reflects": true,
|
|
636
|
+
"inheritedFrom": {
|
|
637
|
+
"name": "AvatarComponentMixin",
|
|
638
|
+
"module": "utils/mixins/AvatarComponentMixin.js"
|
|
639
|
+
}
|
|
640
|
+
},
|
|
641
|
+
{
|
|
642
|
+
"kind": "field",
|
|
643
|
+
"name": "counter",
|
|
644
|
+
"type": {
|
|
645
|
+
"text": "number | undefined"
|
|
646
|
+
},
|
|
647
|
+
"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`.",
|
|
648
|
+
"attribute": "counter",
|
|
649
|
+
"inheritedFrom": {
|
|
650
|
+
"name": "AvatarComponentMixin",
|
|
651
|
+
"module": "utils/mixins/AvatarComponentMixin.js"
|
|
652
|
+
}
|
|
653
|
+
},
|
|
654
|
+
{
|
|
655
|
+
"kind": "field",
|
|
656
|
+
"name": "isTyping",
|
|
681
657
|
"type": {
|
|
682
|
-
"text": "boolean
|
|
658
|
+
"text": "boolean"
|
|
683
659
|
},
|
|
684
|
-
"
|
|
685
|
-
"
|
|
686
|
-
"
|
|
660
|
+
"default": "false",
|
|
661
|
+
"description": "Represents the typing indicator when the user is typing.",
|
|
662
|
+
"attribute": "is-typing",
|
|
687
663
|
"inheritedFrom": {
|
|
688
|
-
"name": "
|
|
689
|
-
"module": "
|
|
664
|
+
"name": "AvatarComponentMixin",
|
|
665
|
+
"module": "utils/mixins/AvatarComponentMixin.js"
|
|
690
666
|
}
|
|
691
667
|
},
|
|
692
668
|
{
|
|
693
|
-
"
|
|
669
|
+
"kind": "field",
|
|
670
|
+
"name": "iconName",
|
|
694
671
|
"type": {
|
|
695
|
-
"text": "
|
|
672
|
+
"text": "IconNames | undefined"
|
|
696
673
|
},
|
|
697
|
-
"description": "
|
|
698
|
-
"
|
|
699
|
-
"fieldName": "size",
|
|
674
|
+
"description": "Name of the icon (= filename).\n\nIf no `icon-name` is provided, no icon will be rendered.",
|
|
675
|
+
"attribute": "icon-name",
|
|
700
676
|
"inheritedFrom": {
|
|
701
|
-
"name": "
|
|
702
|
-
"module": "
|
|
677
|
+
"name": "IconNameMixin",
|
|
678
|
+
"module": "utils/mixins/IconNameMixin.js"
|
|
703
679
|
}
|
|
680
|
+
}
|
|
681
|
+
],
|
|
682
|
+
"mixins": [
|
|
683
|
+
{
|
|
684
|
+
"name": "AvatarComponentMixin",
|
|
685
|
+
"module": "/src/utils/mixins/AvatarComponentMixin"
|
|
704
686
|
},
|
|
705
687
|
{
|
|
706
|
-
"name": "
|
|
707
|
-
"
|
|
708
|
-
|
|
709
|
-
|
|
688
|
+
"name": "IconNameMixin",
|
|
689
|
+
"module": "/src/utils/mixins/IconNameMixin"
|
|
690
|
+
}
|
|
691
|
+
],
|
|
692
|
+
"superclass": {
|
|
693
|
+
"name": "Component",
|
|
694
|
+
"module": "/src/models"
|
|
695
|
+
},
|
|
696
|
+
"tagName": "mdc-avatar",
|
|
697
|
+
"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 */",
|
|
698
|
+
"customElement": true,
|
|
699
|
+
"attributes": [
|
|
700
|
+
{
|
|
701
|
+
"name": "src",
|
|
702
|
+
"type": {
|
|
703
|
+
"text": "string | undefined"
|
|
704
|
+
},
|
|
705
|
+
"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.",
|
|
706
|
+
"fieldName": "src",
|
|
710
707
|
"inheritedFrom": {
|
|
711
|
-
"name": "
|
|
712
|
-
"module": "src/
|
|
708
|
+
"name": "AvatarComponentMixin",
|
|
709
|
+
"module": "src/utils/mixins/AvatarComponentMixin.ts"
|
|
713
710
|
}
|
|
714
711
|
},
|
|
715
712
|
{
|
|
716
|
-
"name": "
|
|
713
|
+
"name": "initials",
|
|
717
714
|
"type": {
|
|
718
715
|
"text": "string | undefined"
|
|
719
716
|
},
|
|
720
|
-
"description": "
|
|
721
|
-
"
|
|
722
|
-
"fieldName": "ariaStateKey",
|
|
717
|
+
"description": "The initials to be displayed for the avatar.",
|
|
718
|
+
"fieldName": "initials",
|
|
723
719
|
"inheritedFrom": {
|
|
724
|
-
"name": "
|
|
725
|
-
"module": "src/
|
|
720
|
+
"name": "AvatarComponentMixin",
|
|
721
|
+
"module": "src/utils/mixins/AvatarComponentMixin.ts"
|
|
726
722
|
}
|
|
727
723
|
},
|
|
728
724
|
{
|
|
729
|
-
"name": "
|
|
725
|
+
"name": "presence",
|
|
730
726
|
"type": {
|
|
731
|
-
"text": "
|
|
727
|
+
"text": "PresenceType | undefined"
|
|
732
728
|
},
|
|
733
|
-
"description": "
|
|
734
|
-
"
|
|
735
|
-
"fieldName": "type",
|
|
729
|
+
"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`",
|
|
730
|
+
"fieldName": "presence",
|
|
736
731
|
"inheritedFrom": {
|
|
737
|
-
"name": "
|
|
738
|
-
"module": "src/
|
|
732
|
+
"name": "AvatarComponentMixin",
|
|
733
|
+
"module": "src/utils/mixins/AvatarComponentMixin.ts"
|
|
739
734
|
}
|
|
740
|
-
}
|
|
741
|
-
],
|
|
742
|
-
"superclass": {
|
|
743
|
-
"name": "Buttonsimple",
|
|
744
|
-
"module": "/src/components/buttonsimple/buttonsimple.component"
|
|
745
|
-
},
|
|
746
|
-
"tagName": "mdc-alertchip",
|
|
747
|
-
"jsDoc": "/**\n * mdc-alertchip component is an interactive chip that consumers can use to represent an alert.\n *\n * - It supports a leading icon along with label.\n * - It supports 5 variants of alerts - neutral, warning, error, success, and informational\n *\n * This component is built by extending Buttonsimple.\n *\n * @tagname mdc-alertchip\n *\n * @dependency mdc-icon\n * @dependency mdc-text\n *\n * @cssproperty --mdc-chip-color - The color of the label text\n * @cssproperty --mdc-chip-icon-color - The color of the icon\n * @cssproperty --mdc-chip-border-color - The border color of the alertchip\n * @cssproperty --mdc-chip-background-color - The background color of the alertchip\n *\n */",
|
|
748
|
-
"customElement": true,
|
|
749
|
-
"events": [
|
|
735
|
+
},
|
|
750
736
|
{
|
|
751
|
-
"
|
|
752
|
-
"
|
|
753
|
-
|
|
737
|
+
"name": "size",
|
|
738
|
+
"type": {
|
|
739
|
+
"text": "AvatarSize"
|
|
740
|
+
},
|
|
741
|
+
"description": "Acceptable values include (size in px unit):\n- 24\n- 32\n- 48\n- 64\n- 72\n- 88\n- 124",
|
|
742
|
+
"default": "32",
|
|
743
|
+
"fieldName": "size",
|
|
754
744
|
"inheritedFrom": {
|
|
755
|
-
"name": "
|
|
756
|
-
"module": "src/
|
|
745
|
+
"name": "AvatarComponentMixin",
|
|
746
|
+
"module": "src/utils/mixins/AvatarComponentMixin.ts"
|
|
757
747
|
}
|
|
758
748
|
},
|
|
759
749
|
{
|
|
760
|
-
"
|
|
761
|
-
"
|
|
762
|
-
|
|
750
|
+
"name": "counter",
|
|
751
|
+
"type": {
|
|
752
|
+
"text": "number | undefined"
|
|
753
|
+
},
|
|
754
|
+
"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`.",
|
|
755
|
+
"fieldName": "counter",
|
|
763
756
|
"inheritedFrom": {
|
|
764
|
-
"name": "
|
|
765
|
-
"module": "src/
|
|
757
|
+
"name": "AvatarComponentMixin",
|
|
758
|
+
"module": "src/utils/mixins/AvatarComponentMixin.ts"
|
|
766
759
|
}
|
|
767
760
|
},
|
|
768
761
|
{
|
|
769
|
-
"
|
|
770
|
-
"
|
|
771
|
-
|
|
762
|
+
"name": "is-typing",
|
|
763
|
+
"type": {
|
|
764
|
+
"text": "boolean"
|
|
765
|
+
},
|
|
766
|
+
"default": "false",
|
|
767
|
+
"description": "Represents the typing indicator when the user is typing.",
|
|
768
|
+
"fieldName": "isTyping",
|
|
772
769
|
"inheritedFrom": {
|
|
773
|
-
"name": "
|
|
774
|
-
"module": "src/
|
|
770
|
+
"name": "AvatarComponentMixin",
|
|
771
|
+
"module": "src/utils/mixins/AvatarComponentMixin.ts"
|
|
775
772
|
}
|
|
776
773
|
},
|
|
777
774
|
{
|
|
778
|
-
"
|
|
779
|
-
"
|
|
780
|
-
|
|
775
|
+
"name": "icon-name",
|
|
776
|
+
"type": {
|
|
777
|
+
"text": "IconNames | undefined"
|
|
778
|
+
},
|
|
779
|
+
"description": "Name of the icon (= filename).\n\nIf no `icon-name` is provided, no icon will be rendered.",
|
|
780
|
+
"fieldName": "iconName",
|
|
781
781
|
"inheritedFrom": {
|
|
782
|
-
"name": "
|
|
783
|
-
"module": "src/
|
|
782
|
+
"name": "IconNameMixin",
|
|
783
|
+
"module": "src/utils/mixins/IconNameMixin.ts"
|
|
784
784
|
}
|
|
785
785
|
}
|
|
786
786
|
]
|
|
@@ -791,8 +791,8 @@
|
|
|
791
791
|
"kind": "js",
|
|
792
792
|
"name": "default",
|
|
793
793
|
"declaration": {
|
|
794
|
-
"name": "
|
|
795
|
-
"module": "components/
|
|
794
|
+
"name": "Avatar",
|
|
795
|
+
"module": "components/avatar/avatar.component.js"
|
|
796
796
|
}
|
|
797
797
|
}
|
|
798
798
|
]
|
|
@@ -2066,6 +2066,7 @@
|
|
|
2066
2066
|
{
|
|
2067
2067
|
"kind": "method",
|
|
2068
2068
|
"name": "setVariant",
|
|
2069
|
+
"privacy": "protected",
|
|
2069
2070
|
"parameters": [
|
|
2070
2071
|
{
|
|
2071
2072
|
"name": "variant",
|
|
@@ -2084,6 +2085,7 @@
|
|
|
2084
2085
|
{
|
|
2085
2086
|
"kind": "method",
|
|
2086
2087
|
"name": "setColor",
|
|
2088
|
+
"privacy": "protected",
|
|
2087
2089
|
"parameters": [
|
|
2088
2090
|
{
|
|
2089
2091
|
"name": "color",
|
|
@@ -2102,6 +2104,7 @@
|
|
|
2102
2104
|
{
|
|
2103
2105
|
"kind": "method",
|
|
2104
2106
|
"name": "setSize",
|
|
2107
|
+
"privacy": "protected",
|
|
2105
2108
|
"parameters": [
|
|
2106
2109
|
{
|
|
2107
2110
|
"name": "size",
|
|
@@ -2120,6 +2123,7 @@
|
|
|
2120
2123
|
{
|
|
2121
2124
|
"kind": "method",
|
|
2122
2125
|
"name": "inferButtonType",
|
|
2126
|
+
"privacy": "protected",
|
|
2123
2127
|
"description": "Infers the type of button based on the presence of slot and/or prefix and postfix icons.",
|
|
2124
2128
|
"parameters": [
|
|
2125
2129
|
{
|
|
@@ -2711,6 +2715,7 @@
|
|
|
2711
2715
|
{
|
|
2712
2716
|
"kind": "method",
|
|
2713
2717
|
"name": "setVariant",
|
|
2718
|
+
"privacy": "protected",
|
|
2714
2719
|
"parameters": [
|
|
2715
2720
|
{
|
|
2716
2721
|
"name": "variant",
|
|
@@ -2729,6 +2734,7 @@
|
|
|
2729
2734
|
{
|
|
2730
2735
|
"kind": "method",
|
|
2731
2736
|
"name": "setColor",
|
|
2737
|
+
"privacy": "protected",
|
|
2732
2738
|
"parameters": [
|
|
2733
2739
|
{
|
|
2734
2740
|
"name": "color",
|
|
@@ -2747,6 +2753,7 @@
|
|
|
2747
2753
|
{
|
|
2748
2754
|
"kind": "method",
|
|
2749
2755
|
"name": "setSize",
|
|
2756
|
+
"privacy": "protected",
|
|
2750
2757
|
"parameters": [
|
|
2751
2758
|
{
|
|
2752
2759
|
"name": "size",
|
|
@@ -2765,6 +2772,7 @@
|
|
|
2765
2772
|
{
|
|
2766
2773
|
"kind": "method",
|
|
2767
2774
|
"name": "inferButtonType",
|
|
2775
|
+
"privacy": "protected",
|
|
2768
2776
|
"description": "Infers the type of button based on the presence of slot and/or prefix and postfix icons.",
|
|
2769
2777
|
"parameters": [
|
|
2770
2778
|
{
|
|
@@ -3743,6 +3751,7 @@
|
|
|
3743
3751
|
{
|
|
3744
3752
|
"kind": "method",
|
|
3745
3753
|
"name": "renderImage",
|
|
3754
|
+
"privacy": "protected",
|
|
3746
3755
|
"description": "Renders the image on the card if image source is provided",
|
|
3747
3756
|
"return": {
|
|
3748
3757
|
"type": {
|
|
@@ -3757,6 +3766,7 @@
|
|
|
3757
3766
|
{
|
|
3758
3767
|
"kind": "method",
|
|
3759
3768
|
"name": "renderIcon",
|
|
3769
|
+
"privacy": "protected",
|
|
3760
3770
|
"description": "Renders the icon on the card if icon name is provided",
|
|
3761
3771
|
"return": {
|
|
3762
3772
|
"type": {
|
|
@@ -3771,6 +3781,7 @@
|
|
|
3771
3781
|
{
|
|
3772
3782
|
"kind": "method",
|
|
3773
3783
|
"name": "renderTitle",
|
|
3784
|
+
"privacy": "protected",
|
|
3774
3785
|
"description": "Renders the title and subtitle on the card",
|
|
3775
3786
|
"return": {
|
|
3776
3787
|
"type": {
|
|
@@ -4090,6 +4101,7 @@
|
|
|
4090
4101
|
{
|
|
4091
4102
|
"kind": "method",
|
|
4092
4103
|
"name": "renderImage",
|
|
4104
|
+
"privacy": "protected",
|
|
4093
4105
|
"description": "Renders the image on the card if image source is provided",
|
|
4094
4106
|
"return": {
|
|
4095
4107
|
"type": {
|
|
@@ -4104,6 +4116,7 @@
|
|
|
4104
4116
|
{
|
|
4105
4117
|
"kind": "method",
|
|
4106
4118
|
"name": "renderIcon",
|
|
4119
|
+
"privacy": "protected",
|
|
4107
4120
|
"description": "Renders the icon on the card if icon name is provided",
|
|
4108
4121
|
"return": {
|
|
4109
4122
|
"type": {
|
|
@@ -4118,6 +4131,7 @@
|
|
|
4118
4131
|
{
|
|
4119
4132
|
"kind": "method",
|
|
4120
4133
|
"name": "renderTitle",
|
|
4134
|
+
"privacy": "protected",
|
|
4121
4135
|
"description": "Renders the title and subtitle on the card",
|
|
4122
4136
|
"return": {
|
|
4123
4137
|
"type": {
|
|
@@ -4977,6 +4991,7 @@
|
|
|
4977
4991
|
{
|
|
4978
4992
|
"kind": "method",
|
|
4979
4993
|
"name": "renderImage",
|
|
4994
|
+
"privacy": "protected",
|
|
4980
4995
|
"description": "Renders the image on the card if image source is provided",
|
|
4981
4996
|
"return": {
|
|
4982
4997
|
"type": {
|
|
@@ -4991,6 +5006,7 @@
|
|
|
4991
5006
|
{
|
|
4992
5007
|
"kind": "method",
|
|
4993
5008
|
"name": "renderIcon",
|
|
5009
|
+
"privacy": "protected",
|
|
4994
5010
|
"description": "Renders the icon on the card if icon name is provided",
|
|
4995
5011
|
"return": {
|
|
4996
5012
|
"type": {
|
|
@@ -5005,6 +5021,7 @@
|
|
|
5005
5021
|
{
|
|
5006
5022
|
"kind": "method",
|
|
5007
5023
|
"name": "renderTitle",
|
|
5024
|
+
"privacy": "protected",
|
|
5008
5025
|
"description": "Renders the title and subtitle on the card",
|
|
5009
5026
|
"return": {
|
|
5010
5027
|
"type": {
|
|
@@ -5542,6 +5559,7 @@
|
|
|
5542
5559
|
{
|
|
5543
5560
|
"kind": "method",
|
|
5544
5561
|
"name": "renderImage",
|
|
5562
|
+
"privacy": "protected",
|
|
5545
5563
|
"description": "Renders the image on the card if image source is provided",
|
|
5546
5564
|
"return": {
|
|
5547
5565
|
"type": {
|
|
@@ -5556,6 +5574,7 @@
|
|
|
5556
5574
|
{
|
|
5557
5575
|
"kind": "method",
|
|
5558
5576
|
"name": "renderIcon",
|
|
5577
|
+
"privacy": "protected",
|
|
5559
5578
|
"description": "Renders the icon on the card if icon name is provided",
|
|
5560
5579
|
"return": {
|
|
5561
5580
|
"type": {
|
|
@@ -5570,6 +5589,7 @@
|
|
|
5570
5589
|
{
|
|
5571
5590
|
"kind": "method",
|
|
5572
5591
|
"name": "renderTitle",
|
|
5592
|
+
"privacy": "protected",
|
|
5573
5593
|
"description": "Renders the title and subtitle on the card",
|
|
5574
5594
|
"return": {
|
|
5575
5595
|
"type": {
|
|
@@ -7160,6 +7180,7 @@
|
|
|
7160
7180
|
{
|
|
7161
7181
|
"kind": "method",
|
|
7162
7182
|
"name": "deactivateFocusTrap",
|
|
7183
|
+
"privacy": "public",
|
|
7163
7184
|
"description": "Deactivate the focus trap.",
|
|
7164
7185
|
"inheritedFrom": {
|
|
7165
7186
|
"name": "FocusTrapMixin",
|
|
@@ -14975,6 +14996,7 @@
|
|
|
14975
14996
|
{
|
|
14976
14997
|
"kind": "method",
|
|
14977
14998
|
"name": "deactivateFocusTrap",
|
|
14999
|
+
"privacy": "public",
|
|
14978
15000
|
"description": "Deactivate the focus trap.",
|
|
14979
15001
|
"inheritedFrom": {
|
|
14980
15002
|
"name": "FocusTrapMixin",
|
|
@@ -21506,132 +21528,48 @@
|
|
|
21506
21528
|
"fieldName": "role",
|
|
21507
21529
|
"inheritedFrom": {
|
|
21508
21530
|
"name": "Buttonsimple",
|
|
21509
|
-
"module": "src/components/buttonsimple/buttonsimple.component.ts"
|
|
21510
|
-
}
|
|
21511
|
-
},
|
|
21512
|
-
{
|
|
21513
|
-
"name": "ariaStateKey",
|
|
21514
|
-
"type": {
|
|
21515
|
-
"text": "string | undefined"
|
|
21516
|
-
},
|
|
21517
|
-
"description": "This property defines the ARIA state key, which will be toggled when the\nButton is set to `active`.\nThe default value is 'aria-pressed', which is commonly used for toggle buttons.\n\nConsumers can override this property to use a different ARIA state key if needed.\nIn case multiple aria attributes should be toggled, they can be passed in as\na comma separated string.\nFor example: `aria-pressed,aria-expanded`",
|
|
21518
|
-
"default": "'aria-pressed' (when)",
|
|
21519
|
-
"fieldName": "ariaStateKey",
|
|
21520
|
-
"inheritedFrom": {
|
|
21521
|
-
"name": "Buttonsimple",
|
|
21522
|
-
"module": "src/components/buttonsimple/buttonsimple.component.ts"
|
|
21523
|
-
}
|
|
21524
|
-
},
|
|
21525
|
-
{
|
|
21526
|
-
"name": "type",
|
|
21527
|
-
"type": {
|
|
21528
|
-
"text": "ButtonType"
|
|
21529
|
-
},
|
|
21530
|
-
"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.",
|
|
21531
|
-
"default": "button",
|
|
21532
|
-
"fieldName": "type",
|
|
21533
|
-
"inheritedFrom": {
|
|
21534
|
-
"name": "Buttonsimple",
|
|
21535
|
-
"module": "src/components/buttonsimple/buttonsimple.component.ts"
|
|
21536
|
-
}
|
|
21537
|
-
}
|
|
21538
|
-
],
|
|
21539
|
-
"mixins": [
|
|
21540
|
-
{
|
|
21541
|
-
"name": "IconNameMixin",
|
|
21542
|
-
"module": "/src/utils/mixins/IconNameMixin"
|
|
21543
|
-
}
|
|
21544
|
-
],
|
|
21545
|
-
"superclass": {
|
|
21546
|
-
"name": "Buttonsimple",
|
|
21547
|
-
"module": "/src/components/buttonsimple/buttonsimple.component"
|
|
21548
|
-
},
|
|
21549
|
-
"tagName": "mdc-tab",
|
|
21550
|
-
"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 * Pass attribute `tabid` when using inside of `tablist` component.\n *\n * The `slot=\"badge\"` can be used to add a badge to the tab.\n *\n * The `slot=\"chip\"` can be used to add a chip to the tab.\n *\n * For `icon`, the `mdc-icon` component is used to render the icon.\n *\n * Note: Icons can be used in conjunction with badges or chips.\n * Badges and chips should not be used at the same time.\n *\n * @dependency mdc-icon\n * @dependency mdc-text\n *\n * @event click - (React: onClick) This event is dispatched when the tab is clicked.\n * @event keydown - (React: onKeyDown) This event is dispatched when a key is pressed down on the tab.\n * @event keyup - (React: onKeyUp) This event is dispatched when a key is released on the tab.\n * @event focus - (React: onFocus) This event is dispatched when the tab receives focus.\n * @event activechange - (React: onActiveChange) This event is dispatched when the active state of the tab changes\n * <br />\n * Event Data: `detail: { tabId: this.tabId, active }`\n * <br />\n * Note: the activechange event is used by the tab list component to react to the change in state of the tab,\n * so this event won't be needed if the tab list is used.\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 */",
|
|
21551
|
-
"customElement": true
|
|
21552
|
-
}
|
|
21553
|
-
],
|
|
21554
|
-
"exports": [
|
|
21555
|
-
{
|
|
21556
|
-
"kind": "js",
|
|
21557
|
-
"name": "default",
|
|
21558
|
-
"declaration": {
|
|
21559
|
-
"name": "Tab",
|
|
21560
|
-
"module": "components/tab/tab.component.js"
|
|
21561
|
-
}
|
|
21562
|
-
}
|
|
21563
|
-
]
|
|
21564
|
-
},
|
|
21565
|
-
{
|
|
21566
|
-
"kind": "javascript-module",
|
|
21567
|
-
"path": "components/text/text.component.js",
|
|
21568
|
-
"declarations": [
|
|
21569
|
-
{
|
|
21570
|
-
"kind": "class",
|
|
21571
|
-
"description": "Text component for creating styled text elements.\nIt has to be mounted within the ThemeProvider to access color and font tokens.\n\nThe `type` attribute allows changing the text style.\nThe `tagname` attribute allows changing the tag name of the text element.\nThe default tag name is `p`.\n\nThe `tagname` attribute should be a valid HTML tag name.\nIf the `tagname` attribute is not a valid HTML tag name, the default tag name will be used.\n\nThe styling is applied based on the `type` attribute.",
|
|
21572
|
-
"name": "Text",
|
|
21573
|
-
"cssParts": [
|
|
21574
|
-
{
|
|
21575
|
-
"description": "The text element",
|
|
21576
|
-
"name": "text"
|
|
21577
|
-
}
|
|
21578
|
-
],
|
|
21579
|
-
"slots": [
|
|
21580
|
-
{
|
|
21581
|
-
"description": "Default slot for text content",
|
|
21582
|
-
"name": ""
|
|
21583
|
-
}
|
|
21584
|
-
],
|
|
21585
|
-
"members": [
|
|
21531
|
+
"module": "src/components/buttonsimple/buttonsimple.component.ts"
|
|
21532
|
+
}
|
|
21533
|
+
},
|
|
21586
21534
|
{
|
|
21587
|
-
"
|
|
21588
|
-
"name": "type",
|
|
21535
|
+
"name": "ariaStateKey",
|
|
21589
21536
|
"type": {
|
|
21590
|
-
"text": "
|
|
21537
|
+
"text": "string | undefined"
|
|
21591
21538
|
},
|
|
21592
|
-
"
|
|
21593
|
-
"
|
|
21594
|
-
"
|
|
21595
|
-
"
|
|
21596
|
-
|
|
21539
|
+
"description": "This property defines the ARIA state key, which will be toggled when the\nButton is set to `active`.\nThe default value is 'aria-pressed', which is commonly used for toggle buttons.\n\nConsumers can override this property to use a different ARIA state key if needed.\nIn case multiple aria attributes should be toggled, they can be passed in as\na comma separated string.\nFor example: `aria-pressed,aria-expanded`",
|
|
21540
|
+
"default": "'aria-pressed' (when)",
|
|
21541
|
+
"fieldName": "ariaStateKey",
|
|
21542
|
+
"inheritedFrom": {
|
|
21543
|
+
"name": "Buttonsimple",
|
|
21544
|
+
"module": "src/components/buttonsimple/buttonsimple.component.ts"
|
|
21545
|
+
}
|
|
21597
21546
|
},
|
|
21598
21547
|
{
|
|
21599
|
-
"
|
|
21600
|
-
"name": "tagname",
|
|
21548
|
+
"name": "type",
|
|
21601
21549
|
"type": {
|
|
21602
|
-
"text": "
|
|
21550
|
+
"text": "ButtonType"
|
|
21603
21551
|
},
|
|
21604
|
-
"
|
|
21605
|
-
"
|
|
21606
|
-
"
|
|
21607
|
-
"
|
|
21552
|
+
"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.",
|
|
21553
|
+
"default": "button",
|
|
21554
|
+
"fieldName": "type",
|
|
21555
|
+
"inheritedFrom": {
|
|
21556
|
+
"name": "Buttonsimple",
|
|
21557
|
+
"module": "src/components/buttonsimple/buttonsimple.component.ts"
|
|
21558
|
+
}
|
|
21608
21559
|
}
|
|
21609
21560
|
],
|
|
21610
|
-
"
|
|
21611
|
-
{
|
|
21612
|
-
"name": "type",
|
|
21613
|
-
"type": {
|
|
21614
|
-
"text": "TextType"
|
|
21615
|
-
},
|
|
21616
|
-
"description": "Specifies the text style to be applied.\n\nAcceptable values include:\n\n- 'body-small-regular'\n- 'body-small-medium'\n- 'body-small-bold'\n- 'body-midsize-regular'\n- 'body-midsize-medium'\n- 'body-midsize-bold'\n- 'body-large-regular'\n- 'body-large-medium'\n- 'body-large-bold'\n- 'body-small-regular-underline'\n- 'body-small-medium-underline'\n- 'body-midsize-regular-underline'\n- 'body-midsize-medium-underline'\n- 'body-large-regular-underline'\n- 'body-large-medium-underline'\n- 'heading-small-regular'\n- 'heading-small-medium'\n- 'heading-small-bold'\n- 'heading-midsize-regular'\n- 'heading-midsize-medium'\n- 'heading-midsize-bold'\n- 'heading-large-regular'\n- 'heading-large-medium'\n- 'heading-large-bold'\n- 'heading-xlarge-regular'\n- 'heading-xlarge-medium'\n- 'heading-xlarge-bold'\n- 'headline-small-light'\n- 'headline-small-regular'",
|
|
21617
|
-
"default": "body-large-regular",
|
|
21618
|
-
"fieldName": "type"
|
|
21619
|
-
},
|
|
21561
|
+
"mixins": [
|
|
21620
21562
|
{
|
|
21621
|
-
"name": "
|
|
21622
|
-
"
|
|
21623
|
-
"text": "TagName | undefined"
|
|
21624
|
-
},
|
|
21625
|
-
"description": "Specifies the HTML tag name for the text element. The default tag name is `p`.\nThis attribute is optional. When set, it changes the tag name of the text element.\n\nAcceptable values include:\n\n- 'h1'\n- 'h2'\n- 'h3'\n- 'h4'\n- 'h5'\n- 'h6'\n- 'p'\n- 'small'\n- 'span'\n- 'div'\n\nFor instance, setting this attribute to `h2` will render the text element as an `h2` element.\nNote that the styling is determined by the `type` attribute.",
|
|
21626
|
-
"fieldName": "tagname"
|
|
21563
|
+
"name": "IconNameMixin",
|
|
21564
|
+
"module": "/src/utils/mixins/IconNameMixin"
|
|
21627
21565
|
}
|
|
21628
21566
|
],
|
|
21629
21567
|
"superclass": {
|
|
21630
|
-
"name": "
|
|
21631
|
-
"module": "/src/
|
|
21568
|
+
"name": "Buttonsimple",
|
|
21569
|
+
"module": "/src/components/buttonsimple/buttonsimple.component"
|
|
21632
21570
|
},
|
|
21633
|
-
"tagName": "mdc-
|
|
21634
|
-
"jsDoc": "/**\n *
|
|
21571
|
+
"tagName": "mdc-tab",
|
|
21572
|
+
"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 * Pass attribute `tabid` when using inside of `tablist` component.\n *\n * The `slot=\"badge\"` can be used to add a badge to the tab.\n *\n * The `slot=\"chip\"` can be used to add a chip to the tab.\n *\n * For `icon`, the `mdc-icon` component is used to render the icon.\n *\n * Note: Icons can be used in conjunction with badges or chips.\n * Badges and chips should not be used at the same time.\n *\n * @dependency mdc-icon\n * @dependency mdc-text\n *\n * @event click - (React: onClick) This event is dispatched when the tab is clicked.\n * @event keydown - (React: onKeyDown) This event is dispatched when a key is pressed down on the tab.\n * @event keyup - (React: onKeyUp) This event is dispatched when a key is released on the tab.\n * @event focus - (React: onFocus) This event is dispatched when the tab receives focus.\n * @event activechange - (React: onActiveChange) This event is dispatched when the active state of the tab changes\n * <br />\n * Event Data: `detail: { tabId: this.tabId, active }`\n * <br />\n * Note: the activechange event is used by the tab list component to react to the change in state of the tab,\n * so this event won't be needed if the tab list is used.\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 */",
|
|
21635
21573
|
"customElement": true
|
|
21636
21574
|
}
|
|
21637
21575
|
],
|
|
@@ -21640,8 +21578,8 @@
|
|
|
21640
21578
|
"kind": "js",
|
|
21641
21579
|
"name": "default",
|
|
21642
21580
|
"declaration": {
|
|
21643
|
-
"name": "
|
|
21644
|
-
"module": "components/
|
|
21581
|
+
"name": "Tab",
|
|
21582
|
+
"module": "components/tab/tab.component.js"
|
|
21645
21583
|
}
|
|
21646
21584
|
}
|
|
21647
21585
|
]
|
|
@@ -21740,6 +21678,90 @@
|
|
|
21740
21678
|
}
|
|
21741
21679
|
]
|
|
21742
21680
|
},
|
|
21681
|
+
{
|
|
21682
|
+
"kind": "javascript-module",
|
|
21683
|
+
"path": "components/text/text.component.js",
|
|
21684
|
+
"declarations": [
|
|
21685
|
+
{
|
|
21686
|
+
"kind": "class",
|
|
21687
|
+
"description": "Text component for creating styled text elements.\nIt has to be mounted within the ThemeProvider to access color and font tokens.\n\nThe `type` attribute allows changing the text style.\nThe `tagname` attribute allows changing the tag name of the text element.\nThe default tag name is `p`.\n\nThe `tagname` attribute should be a valid HTML tag name.\nIf the `tagname` attribute is not a valid HTML tag name, the default tag name will be used.\n\nThe styling is applied based on the `type` attribute.",
|
|
21688
|
+
"name": "Text",
|
|
21689
|
+
"cssParts": [
|
|
21690
|
+
{
|
|
21691
|
+
"description": "The text element",
|
|
21692
|
+
"name": "text"
|
|
21693
|
+
}
|
|
21694
|
+
],
|
|
21695
|
+
"slots": [
|
|
21696
|
+
{
|
|
21697
|
+
"description": "Default slot for text content",
|
|
21698
|
+
"name": ""
|
|
21699
|
+
}
|
|
21700
|
+
],
|
|
21701
|
+
"members": [
|
|
21702
|
+
{
|
|
21703
|
+
"kind": "field",
|
|
21704
|
+
"name": "type",
|
|
21705
|
+
"type": {
|
|
21706
|
+
"text": "TextType"
|
|
21707
|
+
},
|
|
21708
|
+
"privacy": "public",
|
|
21709
|
+
"description": "Specifies the text style to be applied.\n\nAcceptable values include:\n\n- 'body-small-regular'\n- 'body-small-medium'\n- 'body-small-bold'\n- 'body-midsize-regular'\n- 'body-midsize-medium'\n- 'body-midsize-bold'\n- 'body-large-regular'\n- 'body-large-medium'\n- 'body-large-bold'\n- 'body-small-regular-underline'\n- 'body-small-medium-underline'\n- 'body-midsize-regular-underline'\n- 'body-midsize-medium-underline'\n- 'body-large-regular-underline'\n- 'body-large-medium-underline'\n- 'heading-small-regular'\n- 'heading-small-medium'\n- 'heading-small-bold'\n- 'heading-midsize-regular'\n- 'heading-midsize-medium'\n- 'heading-midsize-bold'\n- 'heading-large-regular'\n- 'heading-large-medium'\n- 'heading-large-bold'\n- 'heading-xlarge-regular'\n- 'heading-xlarge-medium'\n- 'heading-xlarge-bold'\n- 'headline-small-light'\n- 'headline-small-regular'",
|
|
21710
|
+
"default": "body-large-regular",
|
|
21711
|
+
"attribute": "type",
|
|
21712
|
+
"reflects": true
|
|
21713
|
+
},
|
|
21714
|
+
{
|
|
21715
|
+
"kind": "field",
|
|
21716
|
+
"name": "tagname",
|
|
21717
|
+
"type": {
|
|
21718
|
+
"text": "TagName | undefined"
|
|
21719
|
+
},
|
|
21720
|
+
"privacy": "public",
|
|
21721
|
+
"description": "Specifies the HTML tag name for the text element. The default tag name is `p`.\nThis attribute is optional. When set, it changes the tag name of the text element.\n\nAcceptable values include:\n\n- 'h1'\n- 'h2'\n- 'h3'\n- 'h4'\n- 'h5'\n- 'h6'\n- 'p'\n- 'small'\n- 'span'\n- 'div'\n\nFor instance, setting this attribute to `h2` will render the text element as an `h2` element.\nNote that the styling is determined by the `type` attribute.",
|
|
21722
|
+
"attribute": "tagname",
|
|
21723
|
+
"reflects": true
|
|
21724
|
+
}
|
|
21725
|
+
],
|
|
21726
|
+
"attributes": [
|
|
21727
|
+
{
|
|
21728
|
+
"name": "type",
|
|
21729
|
+
"type": {
|
|
21730
|
+
"text": "TextType"
|
|
21731
|
+
},
|
|
21732
|
+
"description": "Specifies the text style to be applied.\n\nAcceptable values include:\n\n- 'body-small-regular'\n- 'body-small-medium'\n- 'body-small-bold'\n- 'body-midsize-regular'\n- 'body-midsize-medium'\n- 'body-midsize-bold'\n- 'body-large-regular'\n- 'body-large-medium'\n- 'body-large-bold'\n- 'body-small-regular-underline'\n- 'body-small-medium-underline'\n- 'body-midsize-regular-underline'\n- 'body-midsize-medium-underline'\n- 'body-large-regular-underline'\n- 'body-large-medium-underline'\n- 'heading-small-regular'\n- 'heading-small-medium'\n- 'heading-small-bold'\n- 'heading-midsize-regular'\n- 'heading-midsize-medium'\n- 'heading-midsize-bold'\n- 'heading-large-regular'\n- 'heading-large-medium'\n- 'heading-large-bold'\n- 'heading-xlarge-regular'\n- 'heading-xlarge-medium'\n- 'heading-xlarge-bold'\n- 'headline-small-light'\n- 'headline-small-regular'",
|
|
21733
|
+
"default": "body-large-regular",
|
|
21734
|
+
"fieldName": "type"
|
|
21735
|
+
},
|
|
21736
|
+
{
|
|
21737
|
+
"name": "tagname",
|
|
21738
|
+
"type": {
|
|
21739
|
+
"text": "TagName | undefined"
|
|
21740
|
+
},
|
|
21741
|
+
"description": "Specifies the HTML tag name for the text element. The default tag name is `p`.\nThis attribute is optional. When set, it changes the tag name of the text element.\n\nAcceptable values include:\n\n- 'h1'\n- 'h2'\n- 'h3'\n- 'h4'\n- 'h5'\n- 'h6'\n- 'p'\n- 'small'\n- 'span'\n- 'div'\n\nFor instance, setting this attribute to `h2` will render the text element as an `h2` element.\nNote that the styling is determined by the `type` attribute.",
|
|
21742
|
+
"fieldName": "tagname"
|
|
21743
|
+
}
|
|
21744
|
+
],
|
|
21745
|
+
"superclass": {
|
|
21746
|
+
"name": "Component",
|
|
21747
|
+
"module": "/src/models"
|
|
21748
|
+
},
|
|
21749
|
+
"tagName": "mdc-text",
|
|
21750
|
+
"jsDoc": "/**\n * Text component for creating styled text elements.\n * It has to be mounted within the ThemeProvider to access color and font tokens.\n *\n * The `type` attribute allows changing the text style.\n * The `tagname` attribute allows changing the tag name of the text element.\n * The default tag name is `p`.\n *\n * The `tagname` attribute should be a valid HTML tag name.\n * If the `tagname` attribute is not a valid HTML tag name, the default tag name will be used.\n *\n * The styling is applied based on the `type` attribute.\n *\n * @tagname mdc-text\n * @slot - Default slot for text content\n *\n * @csspart text - The text element\n */",
|
|
21751
|
+
"customElement": true
|
|
21752
|
+
}
|
|
21753
|
+
],
|
|
21754
|
+
"exports": [
|
|
21755
|
+
{
|
|
21756
|
+
"kind": "js",
|
|
21757
|
+
"name": "default",
|
|
21758
|
+
"declaration": {
|
|
21759
|
+
"name": "Text",
|
|
21760
|
+
"module": "components/text/text.component.js"
|
|
21761
|
+
}
|
|
21762
|
+
}
|
|
21763
|
+
]
|
|
21764
|
+
},
|
|
21743
21765
|
{
|
|
21744
21766
|
"kind": "javascript-module",
|
|
21745
21767
|
"path": "components/textarea/textarea.component.js",
|
|
@@ -23568,6 +23590,7 @@
|
|
|
23568
23590
|
{
|
|
23569
23591
|
"kind": "method",
|
|
23570
23592
|
"name": "deactivateFocusTrap",
|
|
23593
|
+
"privacy": "public",
|
|
23571
23594
|
"description": "Deactivate the focus trap.",
|
|
23572
23595
|
"inheritedFrom": {
|
|
23573
23596
|
"name": "Popover",
|
|
@@ -25282,6 +25305,7 @@
|
|
|
25282
25305
|
{
|
|
25283
25306
|
"kind": "method",
|
|
25284
25307
|
"name": "deactivateFocusTrap",
|
|
25308
|
+
"privacy": "public",
|
|
25285
25309
|
"description": "Deactivate the focus trap.",
|
|
25286
25310
|
"inheritedFrom": {
|
|
25287
25311
|
"name": "Popover",
|
|
@@ -27044,6 +27068,113 @@
|
|
|
27044
27068
|
"kind": "javascript-module",
|
|
27045
27069
|
"path": "utils/mixins/ButtonComponentMixin.js",
|
|
27046
27070
|
"declarations": [
|
|
27071
|
+
{
|
|
27072
|
+
"kind": "class",
|
|
27073
|
+
"description": "",
|
|
27074
|
+
"name": "ButtonComponentMixinInterface",
|
|
27075
|
+
"members": [
|
|
27076
|
+
{
|
|
27077
|
+
"kind": "field",
|
|
27078
|
+
"name": "prefixIcon",
|
|
27079
|
+
"type": {
|
|
27080
|
+
"text": "IconNames | undefined"
|
|
27081
|
+
}
|
|
27082
|
+
},
|
|
27083
|
+
{
|
|
27084
|
+
"kind": "field",
|
|
27085
|
+
"name": "postfixIcon",
|
|
27086
|
+
"type": {
|
|
27087
|
+
"text": "IconNames | undefined"
|
|
27088
|
+
}
|
|
27089
|
+
},
|
|
27090
|
+
{
|
|
27091
|
+
"kind": "field",
|
|
27092
|
+
"name": "variant",
|
|
27093
|
+
"type": {
|
|
27094
|
+
"text": "ButtonVariant"
|
|
27095
|
+
}
|
|
27096
|
+
},
|
|
27097
|
+
{
|
|
27098
|
+
"kind": "field",
|
|
27099
|
+
"name": "color",
|
|
27100
|
+
"type": {
|
|
27101
|
+
"text": "ButtonColor"
|
|
27102
|
+
}
|
|
27103
|
+
},
|
|
27104
|
+
{
|
|
27105
|
+
"kind": "field",
|
|
27106
|
+
"name": "typeInternal",
|
|
27107
|
+
"type": {
|
|
27108
|
+
"text": "ButtonTypeInternal"
|
|
27109
|
+
},
|
|
27110
|
+
"privacy": "protected"
|
|
27111
|
+
},
|
|
27112
|
+
{
|
|
27113
|
+
"kind": "method",
|
|
27114
|
+
"name": "setSize",
|
|
27115
|
+
"privacy": "protected",
|
|
27116
|
+
"return": {
|
|
27117
|
+
"type": {
|
|
27118
|
+
"text": "void"
|
|
27119
|
+
}
|
|
27120
|
+
},
|
|
27121
|
+
"parameters": [
|
|
27122
|
+
{
|
|
27123
|
+
"name": "size",
|
|
27124
|
+
"type": {
|
|
27125
|
+
"text": "PillButtonSize | IconButtonSize"
|
|
27126
|
+
}
|
|
27127
|
+
}
|
|
27128
|
+
]
|
|
27129
|
+
},
|
|
27130
|
+
{
|
|
27131
|
+
"kind": "method",
|
|
27132
|
+
"name": "setVariant",
|
|
27133
|
+
"privacy": "protected",
|
|
27134
|
+
"return": {
|
|
27135
|
+
"type": {
|
|
27136
|
+
"text": "void"
|
|
27137
|
+
}
|
|
27138
|
+
},
|
|
27139
|
+
"parameters": [
|
|
27140
|
+
{
|
|
27141
|
+
"name": "variant",
|
|
27142
|
+
"type": {
|
|
27143
|
+
"text": "ButtonVariant"
|
|
27144
|
+
}
|
|
27145
|
+
}
|
|
27146
|
+
]
|
|
27147
|
+
},
|
|
27148
|
+
{
|
|
27149
|
+
"kind": "method",
|
|
27150
|
+
"name": "setColor",
|
|
27151
|
+
"privacy": "protected",
|
|
27152
|
+
"return": {
|
|
27153
|
+
"type": {
|
|
27154
|
+
"text": "void"
|
|
27155
|
+
}
|
|
27156
|
+
},
|
|
27157
|
+
"parameters": [
|
|
27158
|
+
{
|
|
27159
|
+
"name": "color",
|
|
27160
|
+
"type": {
|
|
27161
|
+
"text": "ButtonColor"
|
|
27162
|
+
}
|
|
27163
|
+
}
|
|
27164
|
+
]
|
|
27165
|
+
},
|
|
27166
|
+
{
|
|
27167
|
+
"kind": "method",
|
|
27168
|
+
"name": "inferButtonType",
|
|
27169
|
+
"privacy": "protected",
|
|
27170
|
+
"return": {
|
|
27171
|
+
"type": {
|
|
27172
|
+
"text": "void"
|
|
27173
|
+
}
|
|
27174
|
+
}
|
|
27175
|
+
}
|
|
27176
|
+
]
|
|
27177
|
+
},
|
|
27047
27178
|
{
|
|
27048
27179
|
"kind": "mixin",
|
|
27049
27180
|
"description": "",
|
|
@@ -27092,6 +27223,7 @@
|
|
|
27092
27223
|
{
|
|
27093
27224
|
"kind": "method",
|
|
27094
27225
|
"name": "setVariant",
|
|
27226
|
+
"privacy": "protected",
|
|
27095
27227
|
"parameters": [
|
|
27096
27228
|
{
|
|
27097
27229
|
"name": "variant",
|
|
@@ -27106,6 +27238,7 @@
|
|
|
27106
27238
|
{
|
|
27107
27239
|
"kind": "method",
|
|
27108
27240
|
"name": "setColor",
|
|
27241
|
+
"privacy": "protected",
|
|
27109
27242
|
"parameters": [
|
|
27110
27243
|
{
|
|
27111
27244
|
"name": "color",
|
|
@@ -27120,6 +27253,7 @@
|
|
|
27120
27253
|
{
|
|
27121
27254
|
"kind": "method",
|
|
27122
27255
|
"name": "setSize",
|
|
27256
|
+
"privacy": "protected",
|
|
27123
27257
|
"parameters": [
|
|
27124
27258
|
{
|
|
27125
27259
|
"name": "size",
|
|
@@ -27134,6 +27268,7 @@
|
|
|
27134
27268
|
{
|
|
27135
27269
|
"kind": "method",
|
|
27136
27270
|
"name": "inferButtonType",
|
|
27271
|
+
"privacy": "protected",
|
|
27137
27272
|
"description": "Infers the type of button based on the presence of slot and/or prefix and postfix icons.",
|
|
27138
27273
|
"parameters": [
|
|
27139
27274
|
{
|
|
@@ -27190,6 +27325,14 @@
|
|
|
27190
27325
|
}
|
|
27191
27326
|
],
|
|
27192
27327
|
"exports": [
|
|
27328
|
+
{
|
|
27329
|
+
"kind": "js",
|
|
27330
|
+
"name": "ButtonComponentMixinInterface",
|
|
27331
|
+
"declaration": {
|
|
27332
|
+
"name": "ButtonComponentMixinInterface",
|
|
27333
|
+
"module": "utils/mixins/ButtonComponentMixin.js"
|
|
27334
|
+
}
|
|
27335
|
+
},
|
|
27193
27336
|
{
|
|
27194
27337
|
"kind": "js",
|
|
27195
27338
|
"name": "ButtonComponentMixin",
|
|
@@ -27204,6 +27347,100 @@
|
|
|
27204
27347
|
"kind": "javascript-module",
|
|
27205
27348
|
"path": "utils/mixins/CardComponentMixin.js",
|
|
27206
27349
|
"declarations": [
|
|
27350
|
+
{
|
|
27351
|
+
"kind": "class",
|
|
27352
|
+
"description": "",
|
|
27353
|
+
"name": "CardComponentMixinInterface",
|
|
27354
|
+
"members": [
|
|
27355
|
+
{
|
|
27356
|
+
"kind": "field",
|
|
27357
|
+
"name": "cardTitle",
|
|
27358
|
+
"type": {
|
|
27359
|
+
"text": "string"
|
|
27360
|
+
}
|
|
27361
|
+
},
|
|
27362
|
+
{
|
|
27363
|
+
"kind": "field",
|
|
27364
|
+
"name": "subtitle",
|
|
27365
|
+
"type": {
|
|
27366
|
+
"text": "string"
|
|
27367
|
+
}
|
|
27368
|
+
},
|
|
27369
|
+
{
|
|
27370
|
+
"kind": "field",
|
|
27371
|
+
"name": "imageSrc",
|
|
27372
|
+
"type": {
|
|
27373
|
+
"text": "string"
|
|
27374
|
+
}
|
|
27375
|
+
},
|
|
27376
|
+
{
|
|
27377
|
+
"kind": "field",
|
|
27378
|
+
"name": "imageAlt",
|
|
27379
|
+
"type": {
|
|
27380
|
+
"text": "string"
|
|
27381
|
+
}
|
|
27382
|
+
},
|
|
27383
|
+
{
|
|
27384
|
+
"kind": "field",
|
|
27385
|
+
"name": "variant",
|
|
27386
|
+
"type": {
|
|
27387
|
+
"text": "CardVariant"
|
|
27388
|
+
}
|
|
27389
|
+
},
|
|
27390
|
+
{
|
|
27391
|
+
"kind": "field",
|
|
27392
|
+
"name": "orientation",
|
|
27393
|
+
"type": {
|
|
27394
|
+
"text": "CardOrientation"
|
|
27395
|
+
}
|
|
27396
|
+
},
|
|
27397
|
+
{
|
|
27398
|
+
"kind": "field",
|
|
27399
|
+
"name": "titleTagName",
|
|
27400
|
+
"type": {
|
|
27401
|
+
"text": "TagNameType"
|
|
27402
|
+
}
|
|
27403
|
+
},
|
|
27404
|
+
{
|
|
27405
|
+
"kind": "field",
|
|
27406
|
+
"name": "subtitleTagName",
|
|
27407
|
+
"type": {
|
|
27408
|
+
"text": "TagNameType"
|
|
27409
|
+
}
|
|
27410
|
+
},
|
|
27411
|
+
{
|
|
27412
|
+
"kind": "field",
|
|
27413
|
+
"name": "iconName",
|
|
27414
|
+
"type": {
|
|
27415
|
+
"text": "IconNames | undefined"
|
|
27416
|
+
}
|
|
27417
|
+
},
|
|
27418
|
+
{
|
|
27419
|
+
"kind": "field",
|
|
27420
|
+
"name": "renderIcon",
|
|
27421
|
+
"type": {
|
|
27422
|
+
"text": "() => TemplateResult"
|
|
27423
|
+
},
|
|
27424
|
+
"privacy": "protected"
|
|
27425
|
+
},
|
|
27426
|
+
{
|
|
27427
|
+
"kind": "field",
|
|
27428
|
+
"name": "renderImage",
|
|
27429
|
+
"type": {
|
|
27430
|
+
"text": "() => TemplateResult"
|
|
27431
|
+
},
|
|
27432
|
+
"privacy": "protected"
|
|
27433
|
+
},
|
|
27434
|
+
{
|
|
27435
|
+
"kind": "field",
|
|
27436
|
+
"name": "renderTitle",
|
|
27437
|
+
"type": {
|
|
27438
|
+
"text": "() => TemplateResult"
|
|
27439
|
+
},
|
|
27440
|
+
"privacy": "protected"
|
|
27441
|
+
}
|
|
27442
|
+
]
|
|
27443
|
+
},
|
|
27207
27444
|
{
|
|
27208
27445
|
"kind": "mixin",
|
|
27209
27446
|
"description": "",
|
|
@@ -27302,6 +27539,7 @@
|
|
|
27302
27539
|
{
|
|
27303
27540
|
"kind": "method",
|
|
27304
27541
|
"name": "renderImage",
|
|
27542
|
+
"privacy": "protected",
|
|
27305
27543
|
"description": "Renders the image on the card if image source is provided",
|
|
27306
27544
|
"return": {
|
|
27307
27545
|
"type": {
|
|
@@ -27312,6 +27550,7 @@
|
|
|
27312
27550
|
{
|
|
27313
27551
|
"kind": "method",
|
|
27314
27552
|
"name": "renderIcon",
|
|
27553
|
+
"privacy": "protected",
|
|
27315
27554
|
"description": "Renders the icon on the card if icon name is provided",
|
|
27316
27555
|
"return": {
|
|
27317
27556
|
"type": {
|
|
@@ -27322,6 +27561,7 @@
|
|
|
27322
27561
|
{
|
|
27323
27562
|
"kind": "method",
|
|
27324
27563
|
"name": "renderTitle",
|
|
27564
|
+
"privacy": "protected",
|
|
27325
27565
|
"description": "Renders the title and subtitle on the card",
|
|
27326
27566
|
"return": {
|
|
27327
27567
|
"type": {
|
|
@@ -27423,6 +27663,14 @@
|
|
|
27423
27663
|
}
|
|
27424
27664
|
],
|
|
27425
27665
|
"exports": [
|
|
27666
|
+
{
|
|
27667
|
+
"kind": "js",
|
|
27668
|
+
"name": "CardComponentMixinInterface",
|
|
27669
|
+
"declaration": {
|
|
27670
|
+
"name": "CardComponentMixinInterface",
|
|
27671
|
+
"module": "utils/mixins/CardComponentMixin.js"
|
|
27672
|
+
}
|
|
27673
|
+
},
|
|
27426
27674
|
{
|
|
27427
27675
|
"kind": "js",
|
|
27428
27676
|
"name": "CardComponentMixin",
|
|
@@ -27543,6 +27791,63 @@
|
|
|
27543
27791
|
"kind": "javascript-module",
|
|
27544
27792
|
"path": "utils/mixins/FocusTrapMixin.js",
|
|
27545
27793
|
"declarations": [
|
|
27794
|
+
{
|
|
27795
|
+
"kind": "class",
|
|
27796
|
+
"description": "",
|
|
27797
|
+
"name": "FocusTrapClassInterface",
|
|
27798
|
+
"members": [
|
|
27799
|
+
{
|
|
27800
|
+
"kind": "field",
|
|
27801
|
+
"name": "enabledFocusTrap",
|
|
27802
|
+
"type": {
|
|
27803
|
+
"text": "boolean"
|
|
27804
|
+
}
|
|
27805
|
+
},
|
|
27806
|
+
{
|
|
27807
|
+
"kind": "field",
|
|
27808
|
+
"name": "enabledPreventScroll",
|
|
27809
|
+
"type": {
|
|
27810
|
+
"text": "boolean"
|
|
27811
|
+
}
|
|
27812
|
+
},
|
|
27813
|
+
{
|
|
27814
|
+
"kind": "method",
|
|
27815
|
+
"name": "setFocusableElements",
|
|
27816
|
+
"return": {
|
|
27817
|
+
"type": {
|
|
27818
|
+
"text": "void"
|
|
27819
|
+
}
|
|
27820
|
+
}
|
|
27821
|
+
},
|
|
27822
|
+
{
|
|
27823
|
+
"kind": "method",
|
|
27824
|
+
"name": "setInitialFocus",
|
|
27825
|
+
"return": {
|
|
27826
|
+
"type": {
|
|
27827
|
+
"text": "void"
|
|
27828
|
+
}
|
|
27829
|
+
},
|
|
27830
|
+
"parameters": [
|
|
27831
|
+
{
|
|
27832
|
+
"name": "prefferableElement",
|
|
27833
|
+
"optional": true,
|
|
27834
|
+
"type": {
|
|
27835
|
+
"text": "number"
|
|
27836
|
+
}
|
|
27837
|
+
}
|
|
27838
|
+
]
|
|
27839
|
+
},
|
|
27840
|
+
{
|
|
27841
|
+
"kind": "method",
|
|
27842
|
+
"name": "deactivateFocusTrap",
|
|
27843
|
+
"return": {
|
|
27844
|
+
"type": {
|
|
27845
|
+
"text": "void"
|
|
27846
|
+
}
|
|
27847
|
+
}
|
|
27848
|
+
}
|
|
27849
|
+
]
|
|
27850
|
+
},
|
|
27546
27851
|
{
|
|
27547
27852
|
"kind": "mixin",
|
|
27548
27853
|
"description": "",
|
|
@@ -27578,6 +27883,7 @@
|
|
|
27578
27883
|
{
|
|
27579
27884
|
"kind": "method",
|
|
27580
27885
|
"name": "deactivateFocusTrap",
|
|
27886
|
+
"privacy": "public",
|
|
27581
27887
|
"description": "Deactivate the focus trap."
|
|
27582
27888
|
},
|
|
27583
27889
|
{
|
|
@@ -27957,6 +28263,14 @@
|
|
|
27957
28263
|
}
|
|
27958
28264
|
],
|
|
27959
28265
|
"exports": [
|
|
28266
|
+
{
|
|
28267
|
+
"kind": "js",
|
|
28268
|
+
"name": "FocusTrapClassInterface",
|
|
28269
|
+
"declaration": {
|
|
28270
|
+
"name": "FocusTrapClassInterface",
|
|
28271
|
+
"module": "utils/mixins/FocusTrapMixin.js"
|
|
28272
|
+
}
|
|
28273
|
+
},
|
|
27960
28274
|
{
|
|
27961
28275
|
"kind": "js",
|
|
27962
28276
|
"name": "FocusTrapMixin",
|
|
@@ -27971,6 +28285,98 @@
|
|
|
27971
28285
|
"kind": "javascript-module",
|
|
27972
28286
|
"path": "utils/mixins/FormInternalsMixin.js",
|
|
27973
28287
|
"declarations": [
|
|
28288
|
+
{
|
|
28289
|
+
"kind": "class",
|
|
28290
|
+
"description": "",
|
|
28291
|
+
"name": "FormInternalsMixinInterface",
|
|
28292
|
+
"members": [
|
|
28293
|
+
{
|
|
28294
|
+
"kind": "field",
|
|
28295
|
+
"name": "name",
|
|
28296
|
+
"type": {
|
|
28297
|
+
"text": "string"
|
|
28298
|
+
}
|
|
28299
|
+
},
|
|
28300
|
+
{
|
|
28301
|
+
"kind": "field",
|
|
28302
|
+
"name": "value",
|
|
28303
|
+
"type": {
|
|
28304
|
+
"text": "string"
|
|
28305
|
+
}
|
|
28306
|
+
},
|
|
28307
|
+
{
|
|
28308
|
+
"kind": "field",
|
|
28309
|
+
"name": "form",
|
|
28310
|
+
"type": {
|
|
28311
|
+
"text": "HTMLFormElement | null"
|
|
28312
|
+
}
|
|
28313
|
+
},
|
|
28314
|
+
{
|
|
28315
|
+
"kind": "field",
|
|
28316
|
+
"name": "validity",
|
|
28317
|
+
"type": {
|
|
28318
|
+
"text": "ValidityState"
|
|
28319
|
+
}
|
|
28320
|
+
},
|
|
28321
|
+
{
|
|
28322
|
+
"kind": "field",
|
|
28323
|
+
"name": "validationMessage",
|
|
28324
|
+
"type": {
|
|
28325
|
+
"text": "string"
|
|
28326
|
+
}
|
|
28327
|
+
},
|
|
28328
|
+
{
|
|
28329
|
+
"kind": "field",
|
|
28330
|
+
"name": "willValidate",
|
|
28331
|
+
"type": {
|
|
28332
|
+
"text": "boolean"
|
|
28333
|
+
}
|
|
28334
|
+
},
|
|
28335
|
+
{
|
|
28336
|
+
"kind": "field",
|
|
28337
|
+
"name": "internals",
|
|
28338
|
+
"type": {
|
|
28339
|
+
"text": "ElementInternals"
|
|
28340
|
+
},
|
|
28341
|
+
"privacy": "protected"
|
|
28342
|
+
},
|
|
28343
|
+
{
|
|
28344
|
+
"kind": "field",
|
|
28345
|
+
"name": "inputElement",
|
|
28346
|
+
"type": {
|
|
28347
|
+
"text": "HTMLInputElement | HTMLTextAreaElement"
|
|
28348
|
+
},
|
|
28349
|
+
"privacy": "protected"
|
|
28350
|
+
},
|
|
28351
|
+
{
|
|
28352
|
+
"kind": "method",
|
|
28353
|
+
"name": "setValidity",
|
|
28354
|
+
"return": {
|
|
28355
|
+
"type": {
|
|
28356
|
+
"text": "void"
|
|
28357
|
+
}
|
|
28358
|
+
}
|
|
28359
|
+
},
|
|
28360
|
+
{
|
|
28361
|
+
"kind": "method",
|
|
28362
|
+
"name": "checkValidity",
|
|
28363
|
+
"return": {
|
|
28364
|
+
"type": {
|
|
28365
|
+
"text": "boolean"
|
|
28366
|
+
}
|
|
28367
|
+
}
|
|
28368
|
+
},
|
|
28369
|
+
{
|
|
28370
|
+
"kind": "method",
|
|
28371
|
+
"name": "reportValidity",
|
|
28372
|
+
"return": {
|
|
28373
|
+
"type": {
|
|
28374
|
+
"text": "boolean"
|
|
28375
|
+
}
|
|
28376
|
+
}
|
|
28377
|
+
}
|
|
28378
|
+
]
|
|
28379
|
+
},
|
|
27974
28380
|
{
|
|
27975
28381
|
"kind": "mixin",
|
|
27976
28382
|
"description": "",
|
|
@@ -28084,6 +28490,14 @@
|
|
|
28084
28490
|
}
|
|
28085
28491
|
],
|
|
28086
28492
|
"exports": [
|
|
28493
|
+
{
|
|
28494
|
+
"kind": "js",
|
|
28495
|
+
"name": "FormInternalsMixinInterface",
|
|
28496
|
+
"declaration": {
|
|
28497
|
+
"name": "FormInternalsMixinInterface",
|
|
28498
|
+
"module": "utils/mixins/FormInternalsMixin.js"
|
|
28499
|
+
}
|
|
28500
|
+
},
|
|
28087
28501
|
{
|
|
28088
28502
|
"kind": "js",
|
|
28089
28503
|
"name": "FormInternalsMixin",
|