@momentum-design/components 0.76.0 → 0.76.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/browser/index.js +44 -32
- package/dist/browser/index.js.map +2 -2
- package/dist/components/listitem/listitem.component.d.ts +27 -0
- package/dist/components/listitem/listitem.component.js +40 -2
- package/dist/components/menuitem/menuitem.component.js +8 -2
- package/dist/custom-elements.json +900 -710
- package/dist/react/index.d.ts +3 -3
- package/dist/react/index.js +3 -3
- package/package.json +1 -1
|
@@ -4,754 +4,754 @@
|
|
|
4
4
|
"modules": [
|
|
5
5
|
{
|
|
6
6
|
"kind": "javascript-module",
|
|
7
|
-
"path": "components/
|
|
7
|
+
"path": "components/alertchip/alertchip.component.js",
|
|
8
8
|
"declarations": [
|
|
9
9
|
{
|
|
10
10
|
"kind": "class",
|
|
11
|
-
"description": "
|
|
12
|
-
"name": "
|
|
13
|
-
"
|
|
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",
|
|
13
|
+
"cssProperties": [
|
|
14
14
|
{
|
|
15
|
-
"description": "The
|
|
16
|
-
"name": "
|
|
15
|
+
"description": "The color of the label text",
|
|
16
|
+
"name": "--mdc-chip-color"
|
|
17
17
|
},
|
|
18
18
|
{
|
|
19
|
-
"description": "The
|
|
20
|
-
"name": "
|
|
19
|
+
"description": "The color of the icon",
|
|
20
|
+
"name": "--mdc-chip-icon-color"
|
|
21
21
|
},
|
|
22
22
|
{
|
|
23
|
-
"description": "The
|
|
24
|
-
"name": "
|
|
23
|
+
"description": "The border color of the alertchip",
|
|
24
|
+
"name": "--mdc-chip-border-color"
|
|
25
25
|
},
|
|
26
26
|
{
|
|
27
|
-
"description": "The
|
|
28
|
-
"name": "
|
|
27
|
+
"description": "The background color of the alertchip",
|
|
28
|
+
"name": "--mdc-chip-background-color"
|
|
29
29
|
}
|
|
30
30
|
],
|
|
31
|
-
"
|
|
32
|
-
{
|
|
33
|
-
"description": "Slot for the leading section (e.g., brand logo, brand name).",
|
|
34
|
-
"name": "leading"
|
|
35
|
-
},
|
|
31
|
+
"members": [
|
|
36
32
|
{
|
|
37
|
-
"
|
|
38
|
-
"name": "
|
|
33
|
+
"kind": "field",
|
|
34
|
+
"name": "variant",
|
|
35
|
+
"type": {
|
|
36
|
+
"text": "VariantType"
|
|
37
|
+
},
|
|
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"
|
|
39
41
|
},
|
|
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/animation/animation.component.js",
|
|
69
|
-
"declarations": [
|
|
70
|
-
{
|
|
71
|
-
"kind": "class",
|
|
72
|
-
"description": "The `mdc-animation` component is a wrapper around the Lottie animation library.\nIt fetches the animation data dynamically based on the provided name and renders it.\nThis is a display only component that does not have any interactive functionality.\nFrom accessibility perspective, (by default) it is a decorative image component.",
|
|
73
|
-
"name": "Animation",
|
|
74
|
-
"members": [
|
|
75
42
|
{
|
|
76
43
|
"kind": "field",
|
|
77
|
-
"name": "
|
|
44
|
+
"name": "label",
|
|
78
45
|
"type": {
|
|
79
|
-
"text": "
|
|
46
|
+
"text": "string"
|
|
80
47
|
},
|
|
81
|
-
"
|
|
82
|
-
"
|
|
83
|
-
"
|
|
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"
|
|
84
51
|
},
|
|
85
52
|
{
|
|
86
53
|
"kind": "field",
|
|
87
|
-
"name": "
|
|
54
|
+
"name": "tabIndex",
|
|
88
55
|
"type": {
|
|
89
|
-
"text": "
|
|
56
|
+
"text": "number"
|
|
90
57
|
},
|
|
91
|
-
"
|
|
92
|
-
"
|
|
93
|
-
"
|
|
58
|
+
"default": "0",
|
|
59
|
+
"description": "This property specifies the tab order of the element.",
|
|
60
|
+
"attribute": "tabIndex",
|
|
61
|
+
"reflects": true,
|
|
62
|
+
"inheritedFrom": {
|
|
63
|
+
"name": "TabIndexMixin",
|
|
64
|
+
"module": "utils/mixins/TabIndexMixin.js"
|
|
65
|
+
}
|
|
94
66
|
},
|
|
95
67
|
{
|
|
96
68
|
"kind": "field",
|
|
97
|
-
"name": "
|
|
69
|
+
"name": "disabled",
|
|
98
70
|
"type": {
|
|
99
71
|
"text": "boolean | undefined"
|
|
100
72
|
},
|
|
101
|
-
"description": "
|
|
102
|
-
"
|
|
103
|
-
"
|
|
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",
|
|
76
|
+
"reflects": true,
|
|
77
|
+
"inheritedFrom": {
|
|
78
|
+
"name": "DisabledMixin",
|
|
79
|
+
"module": "utils/mixins/DisabledMixin.js"
|
|
80
|
+
}
|
|
104
81
|
},
|
|
105
82
|
{
|
|
106
83
|
"kind": "field",
|
|
107
|
-
"name": "
|
|
84
|
+
"name": "active",
|
|
108
85
|
"type": {
|
|
109
|
-
"text": "
|
|
86
|
+
"text": "boolean | undefined"
|
|
110
87
|
},
|
|
111
|
-
"
|
|
112
|
-
"
|
|
113
|
-
"attribute": "
|
|
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,
|
|
92
|
+
"inheritedFrom": {
|
|
93
|
+
"name": "Buttonsimple",
|
|
94
|
+
"module": "components/buttonsimple/buttonsimple.component.js"
|
|
95
|
+
}
|
|
114
96
|
},
|
|
115
97
|
{
|
|
116
98
|
"kind": "field",
|
|
117
|
-
"name": "
|
|
99
|
+
"name": "softDisabled",
|
|
118
100
|
"type": {
|
|
119
|
-
"text": "
|
|
101
|
+
"text": "boolean | undefined"
|
|
120
102
|
},
|
|
121
|
-
"
|
|
122
|
-
"
|
|
123
|
-
"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,
|
|
107
|
+
"inheritedFrom": {
|
|
108
|
+
"name": "Buttonsimple",
|
|
109
|
+
"module": "components/buttonsimple/buttonsimple.component.js"
|
|
110
|
+
}
|
|
124
111
|
},
|
|
125
112
|
{
|
|
126
113
|
"kind": "field",
|
|
127
|
-
"name": "
|
|
114
|
+
"name": "size",
|
|
128
115
|
"type": {
|
|
129
|
-
"text": "
|
|
116
|
+
"text": "ButtonSize"
|
|
130
117
|
},
|
|
131
|
-
"
|
|
132
|
-
"
|
|
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,
|
|
122
|
+
"inheritedFrom": {
|
|
123
|
+
"name": "Buttonsimple",
|
|
124
|
+
"module": "components/buttonsimple/buttonsimple.component.js"
|
|
125
|
+
}
|
|
133
126
|
},
|
|
134
127
|
{
|
|
135
128
|
"kind": "field",
|
|
136
|
-
"name": "
|
|
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
|
+
},
|
|
139
|
+
{
|
|
140
|
+
"kind": "field",
|
|
141
|
+
"name": "ariaStateKey",
|
|
137
142
|
"type": {
|
|
138
|
-
"text": "
|
|
143
|
+
"text": "string | undefined"
|
|
139
144
|
},
|
|
140
|
-
"
|
|
141
|
-
"
|
|
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,
|
|
149
|
+
"inheritedFrom": {
|
|
150
|
+
"name": "Buttonsimple",
|
|
151
|
+
"module": "components/buttonsimple/buttonsimple.component.js"
|
|
152
|
+
}
|
|
142
153
|
},
|
|
143
154
|
{
|
|
144
155
|
"kind": "field",
|
|
145
|
-
"name": "
|
|
146
|
-
"
|
|
147
|
-
|
|
156
|
+
"name": "type",
|
|
157
|
+
"type": {
|
|
158
|
+
"text": "ButtonType"
|
|
159
|
+
},
|
|
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,
|
|
164
|
+
"inheritedFrom": {
|
|
165
|
+
"name": "Buttonsimple",
|
|
166
|
+
"module": "components/buttonsimple/buttonsimple.component.js"
|
|
167
|
+
}
|
|
148
168
|
},
|
|
149
169
|
{
|
|
150
170
|
"kind": "method",
|
|
151
|
-
"name": "
|
|
152
|
-
"privacy": "
|
|
171
|
+
"name": "executeAction",
|
|
172
|
+
"privacy": "protected",
|
|
173
|
+
"inheritedFrom": {
|
|
174
|
+
"name": "Buttonsimple",
|
|
175
|
+
"module": "components/buttonsimple/buttonsimple.component.js"
|
|
176
|
+
}
|
|
153
177
|
},
|
|
154
178
|
{
|
|
155
179
|
"kind": "method",
|
|
156
|
-
"name": "
|
|
157
|
-
"privacy": "
|
|
180
|
+
"name": "setActive",
|
|
181
|
+
"privacy": "protected",
|
|
158
182
|
"parameters": [
|
|
159
183
|
{
|
|
160
|
-
"name": "
|
|
184
|
+
"name": "element",
|
|
161
185
|
"type": {
|
|
162
|
-
"text": "
|
|
163
|
-
}
|
|
186
|
+
"text": "HTMLElement"
|
|
187
|
+
},
|
|
188
|
+
"description": "The button element"
|
|
189
|
+
},
|
|
190
|
+
{
|
|
191
|
+
"name": "active",
|
|
192
|
+
"optional": true,
|
|
193
|
+
"type": {
|
|
194
|
+
"text": "boolean"
|
|
195
|
+
},
|
|
196
|
+
"description": "The active state of the element"
|
|
164
197
|
}
|
|
165
198
|
],
|
|
166
|
-
"description": "
|
|
199
|
+
"description": "Sets the ariaStateKey attributes based on the active state of the button.",
|
|
200
|
+
"inheritedFrom": {
|
|
201
|
+
"name": "Buttonsimple",
|
|
202
|
+
"module": "components/buttonsimple/buttonsimple.component.js"
|
|
203
|
+
}
|
|
167
204
|
},
|
|
168
205
|
{
|
|
169
206
|
"kind": "method",
|
|
170
|
-
"name": "
|
|
207
|
+
"name": "setSoftDisabled",
|
|
171
208
|
"privacy": "private",
|
|
172
209
|
"parameters": [
|
|
173
210
|
{
|
|
174
|
-
"name": "
|
|
211
|
+
"name": "element",
|
|
175
212
|
"type": {
|
|
176
|
-
"text": "
|
|
177
|
-
}
|
|
213
|
+
"text": "HTMLElement"
|
|
214
|
+
},
|
|
215
|
+
"description": "The button element."
|
|
216
|
+
},
|
|
217
|
+
{
|
|
218
|
+
"name": "softDisabled",
|
|
219
|
+
"optional": true,
|
|
220
|
+
"type": {
|
|
221
|
+
"text": "boolean"
|
|
222
|
+
},
|
|
223
|
+
"description": "The soft-disabled state."
|
|
178
224
|
}
|
|
179
225
|
],
|
|
180
|
-
"description": "
|
|
226
|
+
"description": "Sets the soft-disabled attribute for the button.\nWhen soft-disabled, the button looks to be disabled but remains focusable and clickable.\nAlso sets/removes aria-disabled attribute.",
|
|
227
|
+
"inheritedFrom": {
|
|
228
|
+
"name": "Buttonsimple",
|
|
229
|
+
"module": "components/buttonsimple/buttonsimple.component.js"
|
|
230
|
+
}
|
|
181
231
|
},
|
|
182
232
|
{
|
|
183
233
|
"kind": "method",
|
|
184
|
-
"name": "
|
|
234
|
+
"name": "setDisabled",
|
|
185
235
|
"privacy": "private",
|
|
186
|
-
"
|
|
187
|
-
|
|
188
|
-
|
|
189
|
-
|
|
190
|
-
|
|
191
|
-
|
|
192
|
-
|
|
193
|
-
|
|
194
|
-
|
|
195
|
-
|
|
196
|
-
|
|
197
|
-
|
|
198
|
-
|
|
199
|
-
|
|
200
|
-
|
|
201
|
-
|
|
202
|
-
|
|
203
|
-
|
|
204
|
-
|
|
205
|
-
|
|
206
|
-
|
|
207
|
-
},
|
|
208
|
-
{
|
|
209
|
-
"description": "(React: onError) This event is dispatched when animation loading failed",
|
|
210
|
-
"name": "error",
|
|
211
|
-
"reactName": "onError"
|
|
212
|
-
}
|
|
213
|
-
],
|
|
214
|
-
"attributes": [
|
|
215
|
-
{
|
|
216
|
-
"name": "name",
|
|
217
|
-
"type": {
|
|
218
|
-
"text": "AnimationNames | undefined"
|
|
219
|
-
},
|
|
220
|
-
"description": "Name of the animation (= filename)",
|
|
221
|
-
"fieldName": "name"
|
|
222
|
-
},
|
|
223
|
-
{
|
|
224
|
-
"name": "loop",
|
|
225
|
-
"type": {
|
|
226
|
-
"text": "LoopType | undefined"
|
|
227
|
-
},
|
|
228
|
-
"description": "How many times to loop the animation\n- \"true\" - infinite\n- \"false\" - no loop\n- number - number of times to loop",
|
|
229
|
-
"fieldName": "loop"
|
|
230
|
-
},
|
|
231
|
-
{
|
|
232
|
-
"name": "autoplay",
|
|
233
|
-
"type": {
|
|
234
|
-
"text": "boolean | undefined"
|
|
235
|
-
},
|
|
236
|
-
"description": "Weather start the animation automatically",
|
|
237
|
-
"fieldName": "autoplay"
|
|
238
|
-
},
|
|
239
|
-
{
|
|
240
|
-
"name": "aria-label",
|
|
241
|
-
"type": {
|
|
242
|
-
"text": "string | null"
|
|
243
|
-
},
|
|
244
|
-
"default": "null",
|
|
245
|
-
"description": "Aria-label attribute to be set for accessibility",
|
|
246
|
-
"fieldName": "ariaLabel"
|
|
236
|
+
"parameters": [
|
|
237
|
+
{
|
|
238
|
+
"name": "element",
|
|
239
|
+
"type": {
|
|
240
|
+
"text": "HTMLElement"
|
|
241
|
+
},
|
|
242
|
+
"description": "The button element."
|
|
243
|
+
},
|
|
244
|
+
{
|
|
245
|
+
"name": "disabled",
|
|
246
|
+
"type": {
|
|
247
|
+
"text": "boolean"
|
|
248
|
+
},
|
|
249
|
+
"description": "The disabled state."
|
|
250
|
+
}
|
|
251
|
+
],
|
|
252
|
+
"description": "Sets the disabled attribute for the button.\nWhen disabled, the button is not focusable or clickable, and tabindex is set to -1.\nThe previous tabindex is stored and restored when enabled.\nAlso sets/removes aria-disabled attribute.",
|
|
253
|
+
"inheritedFrom": {
|
|
254
|
+
"name": "Buttonsimple",
|
|
255
|
+
"module": "components/buttonsimple/buttonsimple.component.js"
|
|
256
|
+
}
|
|
247
257
|
},
|
|
248
258
|
{
|
|
249
|
-
"
|
|
250
|
-
"
|
|
251
|
-
|
|
252
|
-
|
|
253
|
-
|
|
254
|
-
|
|
255
|
-
|
|
256
|
-
}
|
|
257
|
-
],
|
|
258
|
-
"superclass": {
|
|
259
|
-
"name": "Component",
|
|
260
|
-
"module": "/src/models"
|
|
261
|
-
},
|
|
262
|
-
"tagName": "mdc-animation",
|
|
263
|
-
"jsDoc": "/**\n * The `mdc-animation` component is a wrapper around the Lottie animation library.\n * It fetches the animation data dynamically based on the provided name and renders it.\n * This is a display only component that does not have any interactive functionality.\n * From accessibility perspective, (by default) it is a decorative image component.\n *\n * @tagname mdc-animation\n *\n * @event load - (React: onLoad) This event is dispatched when the animation is loaded\n * @event complete - (React: onComplete) This event is dispatched when all animation loops completed\n * @event error - (React: onError) This event is dispatched when animation loading failed\n */",
|
|
264
|
-
"customElement": true
|
|
265
|
-
}
|
|
266
|
-
],
|
|
267
|
-
"exports": [
|
|
268
|
-
{
|
|
269
|
-
"kind": "js",
|
|
270
|
-
"name": "default",
|
|
271
|
-
"declaration": {
|
|
272
|
-
"name": "Animation",
|
|
273
|
-
"module": "components/animation/animation.component.js"
|
|
274
|
-
}
|
|
275
|
-
}
|
|
276
|
-
]
|
|
277
|
-
},
|
|
278
|
-
{
|
|
279
|
-
"kind": "javascript-module",
|
|
280
|
-
"path": "components/alertchip/alertchip.component.js",
|
|
281
|
-
"declarations": [
|
|
282
|
-
{
|
|
283
|
-
"kind": "class",
|
|
284
|
-
"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.",
|
|
285
|
-
"name": "AlertChip",
|
|
286
|
-
"cssProperties": [
|
|
287
|
-
{
|
|
288
|
-
"description": "The color of the label text",
|
|
289
|
-
"name": "--mdc-chip-color"
|
|
259
|
+
"kind": "method",
|
|
260
|
+
"name": "triggerClickEvent",
|
|
261
|
+
"privacy": "private",
|
|
262
|
+
"inheritedFrom": {
|
|
263
|
+
"name": "Buttonsimple",
|
|
264
|
+
"module": "components/buttonsimple/buttonsimple.component.js"
|
|
265
|
+
}
|
|
290
266
|
},
|
|
291
267
|
{
|
|
292
|
-
"
|
|
293
|
-
"name": "
|
|
268
|
+
"kind": "method",
|
|
269
|
+
"name": "handleBlur",
|
|
270
|
+
"privacy": "private",
|
|
271
|
+
"description": "In case the button is pressed and the focus is lost while pressing,\nthe pressed class is removed.",
|
|
272
|
+
"inheritedFrom": {
|
|
273
|
+
"name": "Buttonsimple",
|
|
274
|
+
"module": "components/buttonsimple/buttonsimple.component.js"
|
|
275
|
+
}
|
|
294
276
|
},
|
|
295
277
|
{
|
|
296
|
-
"
|
|
297
|
-
"name": "
|
|
278
|
+
"kind": "method",
|
|
279
|
+
"name": "handleKeyDown",
|
|
280
|
+
"privacy": "private",
|
|
281
|
+
"parameters": [
|
|
282
|
+
{
|
|
283
|
+
"name": "event",
|
|
284
|
+
"type": {
|
|
285
|
+
"text": "KeyboardEvent"
|
|
286
|
+
},
|
|
287
|
+
"description": "The keyboard event."
|
|
288
|
+
}
|
|
289
|
+
],
|
|
290
|
+
"description": "Handles the keydown event on the button.\nIf the key is 'Enter' or 'Space', the button is pressed.\nIf the key is 'Enter', the button is pressed. The native HTML button works in the same way.\nIf the key is 'Space', the button's default is prevent to avoid scrolling etc in the host application.",
|
|
291
|
+
"inheritedFrom": {
|
|
292
|
+
"name": "Buttonsimple",
|
|
293
|
+
"module": "components/buttonsimple/buttonsimple.component.js"
|
|
294
|
+
}
|
|
298
295
|
},
|
|
299
296
|
{
|
|
300
|
-
"
|
|
301
|
-
"name": "
|
|
297
|
+
"kind": "method",
|
|
298
|
+
"name": "handleKeyUp",
|
|
299
|
+
"privacy": "private",
|
|
300
|
+
"parameters": [
|
|
301
|
+
{
|
|
302
|
+
"name": "event",
|
|
303
|
+
"type": {
|
|
304
|
+
"text": "KeyboardEvent"
|
|
305
|
+
},
|
|
306
|
+
"description": "The keyboard event."
|
|
307
|
+
}
|
|
308
|
+
],
|
|
309
|
+
"description": "Handles the keyup event on the button.\nIf the key is 'Enter' or 'Space', the button is clicked.\nIf the key is 'Space', the button is pressed. The native HTML button works in the same way.",
|
|
310
|
+
"inheritedFrom": {
|
|
311
|
+
"name": "Buttonsimple",
|
|
312
|
+
"module": "components/buttonsimple/buttonsimple.component.js"
|
|
313
|
+
}
|
|
302
314
|
}
|
|
303
315
|
],
|
|
304
|
-
"
|
|
316
|
+
"attributes": [
|
|
305
317
|
{
|
|
306
|
-
"kind": "field",
|
|
307
318
|
"name": "variant",
|
|
308
319
|
"type": {
|
|
309
320
|
"text": "VariantType"
|
|
310
321
|
},
|
|
311
322
|
"description": "The variant of the alertchip. It supports 5 variants\n- neutral\n- warning\n- error\n- success\n- informational",
|
|
312
323
|
"default": "neutral",
|
|
313
|
-
"
|
|
324
|
+
"fieldName": "variant"
|
|
314
325
|
},
|
|
315
326
|
{
|
|
316
|
-
"kind": "field",
|
|
317
327
|
"name": "label",
|
|
318
328
|
"type": {
|
|
319
329
|
"text": "string"
|
|
320
330
|
},
|
|
321
331
|
"default": "''",
|
|
322
332
|
"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.",
|
|
323
|
-
"
|
|
333
|
+
"fieldName": "label"
|
|
324
334
|
},
|
|
325
335
|
{
|
|
326
|
-
"kind": "field",
|
|
327
336
|
"name": "tabIndex",
|
|
328
337
|
"type": {
|
|
329
338
|
"text": "number"
|
|
330
339
|
},
|
|
331
340
|
"default": "0",
|
|
332
341
|
"description": "This property specifies the tab order of the element.",
|
|
333
|
-
"
|
|
334
|
-
"reflects": true,
|
|
342
|
+
"fieldName": "tabIndex",
|
|
335
343
|
"inheritedFrom": {
|
|
336
344
|
"name": "TabIndexMixin",
|
|
337
|
-
"module": "utils/mixins/TabIndexMixin.
|
|
345
|
+
"module": "src/utils/mixins/TabIndexMixin.ts"
|
|
338
346
|
}
|
|
339
347
|
},
|
|
340
348
|
{
|
|
341
|
-
"kind": "field",
|
|
342
349
|
"name": "disabled",
|
|
343
350
|
"type": {
|
|
344
351
|
"text": "boolean | undefined"
|
|
345
352
|
},
|
|
346
353
|
"description": "Indicates whether the component is disabled.\nWhen the component is disabled for user interaction; it is not focusable or clickable.",
|
|
347
354
|
"default": "undefined",
|
|
348
|
-
"
|
|
349
|
-
"reflects": true,
|
|
355
|
+
"fieldName": "disabled",
|
|
350
356
|
"inheritedFrom": {
|
|
351
357
|
"name": "DisabledMixin",
|
|
352
|
-
"module": "utils/mixins/DisabledMixin.
|
|
358
|
+
"module": "src/utils/mixins/DisabledMixin.ts"
|
|
353
359
|
}
|
|
354
360
|
},
|
|
355
361
|
{
|
|
356
|
-
"kind": "field",
|
|
357
362
|
"name": "active",
|
|
358
363
|
"type": {
|
|
359
364
|
"text": "boolean | undefined"
|
|
360
365
|
},
|
|
361
366
|
"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.",
|
|
362
367
|
"default": "undefined",
|
|
363
|
-
"
|
|
364
|
-
"reflects": true,
|
|
368
|
+
"fieldName": "active",
|
|
365
369
|
"inheritedFrom": {
|
|
366
370
|
"name": "Buttonsimple",
|
|
367
|
-
"module": "components/buttonsimple/buttonsimple.component.
|
|
371
|
+
"module": "src/components/buttonsimple/buttonsimple.component.ts"
|
|
368
372
|
}
|
|
369
373
|
},
|
|
370
374
|
{
|
|
371
|
-
"
|
|
372
|
-
"name": "softDisabled",
|
|
375
|
+
"name": "soft-disabled",
|
|
373
376
|
"type": {
|
|
374
377
|
"text": "boolean | undefined"
|
|
375
378
|
},
|
|
376
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.",
|
|
377
380
|
"default": "undefined",
|
|
378
|
-
"
|
|
379
|
-
"reflects": true,
|
|
381
|
+
"fieldName": "softDisabled",
|
|
380
382
|
"inheritedFrom": {
|
|
381
383
|
"name": "Buttonsimple",
|
|
382
|
-
"module": "components/buttonsimple/buttonsimple.component.
|
|
384
|
+
"module": "src/components/buttonsimple/buttonsimple.component.ts"
|
|
383
385
|
}
|
|
384
386
|
},
|
|
385
387
|
{
|
|
386
|
-
"kind": "field",
|
|
387
388
|
"name": "size",
|
|
388
389
|
"type": {
|
|
389
390
|
"text": "ButtonSize"
|
|
390
391
|
},
|
|
391
392
|
"description": "Simplebutton size is a super set of all the sizes supported by children components.",
|
|
392
393
|
"default": "32",
|
|
393
|
-
"
|
|
394
|
-
"reflects": true,
|
|
394
|
+
"fieldName": "size",
|
|
395
395
|
"inheritedFrom": {
|
|
396
396
|
"name": "Buttonsimple",
|
|
397
|
-
"module": "components/buttonsimple/buttonsimple.component.
|
|
397
|
+
"module": "src/components/buttonsimple/buttonsimple.component.ts"
|
|
398
398
|
}
|
|
399
399
|
},
|
|
400
400
|
{
|
|
401
|
-
"kind": "field",
|
|
402
401
|
"name": "role",
|
|
403
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.",
|
|
404
403
|
"default": "button",
|
|
405
|
-
"
|
|
406
|
-
"reflects": true,
|
|
404
|
+
"fieldName": "role",
|
|
407
405
|
"inheritedFrom": {
|
|
408
406
|
"name": "Buttonsimple",
|
|
409
|
-
"module": "components/buttonsimple/buttonsimple.component.
|
|
407
|
+
"module": "src/components/buttonsimple/buttonsimple.component.ts"
|
|
410
408
|
}
|
|
411
409
|
},
|
|
412
410
|
{
|
|
413
|
-
"kind": "field",
|
|
414
411
|
"name": "ariaStateKey",
|
|
415
412
|
"type": {
|
|
416
413
|
"text": "string | undefined"
|
|
417
414
|
},
|
|
418
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`",
|
|
419
416
|
"default": "'aria-pressed' (when)",
|
|
420
|
-
"
|
|
421
|
-
"reflects": true,
|
|
417
|
+
"fieldName": "ariaStateKey",
|
|
422
418
|
"inheritedFrom": {
|
|
423
419
|
"name": "Buttonsimple",
|
|
424
|
-
"module": "components/buttonsimple/buttonsimple.component.
|
|
420
|
+
"module": "src/components/buttonsimple/buttonsimple.component.ts"
|
|
425
421
|
}
|
|
426
422
|
},
|
|
427
423
|
{
|
|
428
|
-
"kind": "field",
|
|
429
424
|
"name": "type",
|
|
430
425
|
"type": {
|
|
431
426
|
"text": "ButtonType"
|
|
432
427
|
},
|
|
433
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.",
|
|
434
429
|
"default": "button",
|
|
435
|
-
"
|
|
436
|
-
"reflects": true,
|
|
430
|
+
"fieldName": "type",
|
|
437
431
|
"inheritedFrom": {
|
|
438
432
|
"name": "Buttonsimple",
|
|
439
|
-
"module": "components/buttonsimple/buttonsimple.component.
|
|
433
|
+
"module": "src/components/buttonsimple/buttonsimple.component.ts"
|
|
440
434
|
}
|
|
441
|
-
}
|
|
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": [
|
|
442
445
|
{
|
|
443
|
-
"
|
|
444
|
-
"name": "
|
|
445
|
-
"
|
|
446
|
+
"description": "(React: onClick) This event is dispatched when the button is clicked.",
|
|
447
|
+
"name": "click",
|
|
448
|
+
"reactName": "onClick",
|
|
446
449
|
"inheritedFrom": {
|
|
447
450
|
"name": "Buttonsimple",
|
|
448
|
-
"module": "components/buttonsimple/buttonsimple.component.
|
|
451
|
+
"module": "src/components/buttonsimple/buttonsimple.component.ts"
|
|
449
452
|
}
|
|
450
453
|
},
|
|
451
454
|
{
|
|
452
|
-
"
|
|
453
|
-
"name": "
|
|
454
|
-
"
|
|
455
|
-
"parameters": [
|
|
456
|
-
{
|
|
457
|
-
"name": "element",
|
|
458
|
-
"type": {
|
|
459
|
-
"text": "HTMLElement"
|
|
460
|
-
},
|
|
461
|
-
"description": "The button element"
|
|
462
|
-
},
|
|
463
|
-
{
|
|
464
|
-
"name": "active",
|
|
465
|
-
"optional": true,
|
|
466
|
-
"type": {
|
|
467
|
-
"text": "boolean"
|
|
468
|
-
},
|
|
469
|
-
"description": "The active state of the element"
|
|
470
|
-
}
|
|
471
|
-
],
|
|
472
|
-
"description": "Sets the ariaStateKey attributes based on the active state of the button.",
|
|
455
|
+
"description": "(React: onKeyDown) This event is dispatched when a key is pressed down on the button.",
|
|
456
|
+
"name": "keydown",
|
|
457
|
+
"reactName": "onKeyDown",
|
|
473
458
|
"inheritedFrom": {
|
|
474
459
|
"name": "Buttonsimple",
|
|
475
|
-
"module": "components/buttonsimple/buttonsimple.component.
|
|
460
|
+
"module": "src/components/buttonsimple/buttonsimple.component.ts"
|
|
476
461
|
}
|
|
477
462
|
},
|
|
478
463
|
{
|
|
479
|
-
"
|
|
480
|
-
"name": "
|
|
481
|
-
"
|
|
482
|
-
"parameters": [
|
|
483
|
-
{
|
|
484
|
-
"name": "element",
|
|
485
|
-
"type": {
|
|
486
|
-
"text": "HTMLElement"
|
|
487
|
-
},
|
|
488
|
-
"description": "The button element."
|
|
489
|
-
},
|
|
490
|
-
{
|
|
491
|
-
"name": "softDisabled",
|
|
492
|
-
"optional": true,
|
|
493
|
-
"type": {
|
|
494
|
-
"text": "boolean"
|
|
495
|
-
},
|
|
496
|
-
"description": "The soft-disabled state."
|
|
497
|
-
}
|
|
498
|
-
],
|
|
499
|
-
"description": "Sets the soft-disabled attribute for the button.\nWhen soft-disabled, the button looks to be disabled but remains focusable and clickable.\nAlso sets/removes aria-disabled attribute.",
|
|
464
|
+
"description": "(React: onKeyUp) This event is dispatched when a key is released on the button.",
|
|
465
|
+
"name": "keyup",
|
|
466
|
+
"reactName": "onKeyUp",
|
|
500
467
|
"inheritedFrom": {
|
|
501
468
|
"name": "Buttonsimple",
|
|
502
|
-
"module": "components/buttonsimple/buttonsimple.component.
|
|
469
|
+
"module": "src/components/buttonsimple/buttonsimple.component.ts"
|
|
503
470
|
}
|
|
504
471
|
},
|
|
505
472
|
{
|
|
506
|
-
"
|
|
507
|
-
"name": "
|
|
508
|
-
"
|
|
509
|
-
"parameters": [
|
|
510
|
-
{
|
|
511
|
-
"name": "element",
|
|
512
|
-
"type": {
|
|
513
|
-
"text": "HTMLElement"
|
|
514
|
-
},
|
|
515
|
-
"description": "The button element."
|
|
516
|
-
},
|
|
517
|
-
{
|
|
518
|
-
"name": "disabled",
|
|
519
|
-
"type": {
|
|
520
|
-
"text": "boolean"
|
|
521
|
-
},
|
|
522
|
-
"description": "The disabled state."
|
|
523
|
-
}
|
|
524
|
-
],
|
|
525
|
-
"description": "Sets the disabled attribute for the button.\nWhen disabled, the button is not focusable or clickable, and tabindex is set to -1.\nThe previous tabindex is stored and restored when enabled.\nAlso sets/removes aria-disabled attribute.",
|
|
473
|
+
"description": "(React: onFocus) This event is dispatched when the button receives focus.",
|
|
474
|
+
"name": "focus",
|
|
475
|
+
"reactName": "onFocus",
|
|
526
476
|
"inheritedFrom": {
|
|
527
477
|
"name": "Buttonsimple",
|
|
528
|
-
"module": "components/buttonsimple/buttonsimple.component.
|
|
478
|
+
"module": "src/components/buttonsimple/buttonsimple.component.ts"
|
|
529
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/animation/animation.component.js",
|
|
498
|
+
"declarations": [
|
|
499
|
+
{
|
|
500
|
+
"kind": "class",
|
|
501
|
+
"description": "The `mdc-animation` component is a wrapper around the Lottie animation library.\nIt fetches the animation data dynamically based on the provided name and renders it.\nThis is a display only component that does not have any interactive functionality.\nFrom accessibility perspective, (by default) it is a decorative image component.",
|
|
502
|
+
"name": "Animation",
|
|
503
|
+
"members": [
|
|
504
|
+
{
|
|
505
|
+
"kind": "field",
|
|
506
|
+
"name": "name",
|
|
507
|
+
"type": {
|
|
508
|
+
"text": "AnimationNames | undefined"
|
|
509
|
+
},
|
|
510
|
+
"description": "Name of the animation (= filename)",
|
|
511
|
+
"attribute": "name",
|
|
512
|
+
"reflects": true
|
|
530
513
|
},
|
|
531
514
|
{
|
|
532
|
-
"kind": "
|
|
533
|
-
"name": "
|
|
515
|
+
"kind": "field",
|
|
516
|
+
"name": "loop",
|
|
517
|
+
"type": {
|
|
518
|
+
"text": "LoopType | undefined"
|
|
519
|
+
},
|
|
520
|
+
"description": "How many times to loop the animation\n- \"true\" - infinite\n- \"false\" - no loop\n- number - number of times to loop",
|
|
521
|
+
"attribute": "loop",
|
|
522
|
+
"reflects": true
|
|
523
|
+
},
|
|
524
|
+
{
|
|
525
|
+
"kind": "field",
|
|
526
|
+
"name": "autoplay",
|
|
527
|
+
"type": {
|
|
528
|
+
"text": "boolean | undefined"
|
|
529
|
+
},
|
|
530
|
+
"description": "Weather start the animation automatically",
|
|
531
|
+
"attribute": "autoplay",
|
|
532
|
+
"reflects": true
|
|
533
|
+
},
|
|
534
|
+
{
|
|
535
|
+
"kind": "field",
|
|
536
|
+
"name": "ariaLabel",
|
|
537
|
+
"type": {
|
|
538
|
+
"text": "string | null"
|
|
539
|
+
},
|
|
540
|
+
"default": "null",
|
|
541
|
+
"description": "Aria-label attribute to be set for accessibility",
|
|
542
|
+
"attribute": "aria-label"
|
|
543
|
+
},
|
|
544
|
+
{
|
|
545
|
+
"kind": "field",
|
|
546
|
+
"name": "ariaLabelledBy",
|
|
547
|
+
"type": {
|
|
548
|
+
"text": "string | null"
|
|
549
|
+
},
|
|
550
|
+
"default": "null",
|
|
551
|
+
"description": "Aria-labelledby attribute to be set for accessibility",
|
|
552
|
+
"attribute": "aria-labelledby"
|
|
553
|
+
},
|
|
554
|
+
{
|
|
555
|
+
"kind": "field",
|
|
556
|
+
"name": "lottieInstance",
|
|
557
|
+
"type": {
|
|
558
|
+
"text": "AnimationItem | undefined"
|
|
559
|
+
},
|
|
534
560
|
"privacy": "private",
|
|
535
|
-
"
|
|
536
|
-
"name": "Buttonsimple",
|
|
537
|
-
"module": "components/buttonsimple/buttonsimple.component.js"
|
|
538
|
-
}
|
|
561
|
+
"description": "Lottie animation instance"
|
|
539
562
|
},
|
|
540
563
|
{
|
|
541
|
-
"kind": "
|
|
542
|
-
"name": "
|
|
564
|
+
"kind": "field",
|
|
565
|
+
"name": "containerRef",
|
|
566
|
+
"type": {
|
|
567
|
+
"text": "Ref<HTMLDivElement>"
|
|
568
|
+
},
|
|
543
569
|
"privacy": "private",
|
|
544
|
-
"description": "
|
|
545
|
-
|
|
546
|
-
|
|
547
|
-
|
|
548
|
-
|
|
570
|
+
"description": "Container for the animation"
|
|
571
|
+
},
|
|
572
|
+
{
|
|
573
|
+
"kind": "field",
|
|
574
|
+
"name": "animation",
|
|
575
|
+
"description": "Exposed API of the animation library (lottie)",
|
|
576
|
+
"readonly": true
|
|
549
577
|
},
|
|
550
578
|
{
|
|
551
579
|
"kind": "method",
|
|
552
|
-
"name": "
|
|
580
|
+
"name": "getLoopValue",
|
|
581
|
+
"privacy": "private"
|
|
582
|
+
},
|
|
583
|
+
{
|
|
584
|
+
"kind": "method",
|
|
585
|
+
"name": "onLoadSuccessHandler",
|
|
553
586
|
"privacy": "private",
|
|
554
587
|
"parameters": [
|
|
555
588
|
{
|
|
556
|
-
"name": "
|
|
589
|
+
"name": "animationData",
|
|
557
590
|
"type": {
|
|
558
|
-
"text": "
|
|
559
|
-
}
|
|
560
|
-
"description": "The keyboard event."
|
|
591
|
+
"text": "any"
|
|
592
|
+
}
|
|
561
593
|
}
|
|
562
594
|
],
|
|
563
|
-
"description": "
|
|
564
|
-
"inheritedFrom": {
|
|
565
|
-
"name": "Buttonsimple",
|
|
566
|
-
"module": "components/buttonsimple/buttonsimple.component.js"
|
|
567
|
-
}
|
|
595
|
+
"description": "Create new lotty instance for the loaded data"
|
|
568
596
|
},
|
|
569
597
|
{
|
|
570
598
|
"kind": "method",
|
|
571
|
-
"name": "
|
|
599
|
+
"name": "onLoadFailHandler",
|
|
572
600
|
"privacy": "private",
|
|
573
601
|
"parameters": [
|
|
574
602
|
{
|
|
575
|
-
"name": "
|
|
603
|
+
"name": "error",
|
|
576
604
|
"type": {
|
|
577
|
-
"text": "
|
|
578
|
-
}
|
|
579
|
-
"description": "The keyboard event."
|
|
605
|
+
"text": "Error"
|
|
606
|
+
}
|
|
580
607
|
}
|
|
581
608
|
],
|
|
582
|
-
"description": "
|
|
583
|
-
"inheritedFrom": {
|
|
584
|
-
"name": "Buttonsimple",
|
|
585
|
-
"module": "components/buttonsimple/buttonsimple.component.js"
|
|
586
|
-
}
|
|
587
|
-
}
|
|
588
|
-
],
|
|
589
|
-
"attributes": [
|
|
590
|
-
{
|
|
591
|
-
"name": "variant",
|
|
592
|
-
"type": {
|
|
593
|
-
"text": "VariantType"
|
|
594
|
-
},
|
|
595
|
-
"description": "The variant of the alertchip. It supports 5 variants\n- neutral\n- warning\n- error\n- success\n- informational",
|
|
596
|
-
"default": "neutral",
|
|
597
|
-
"fieldName": "variant"
|
|
609
|
+
"description": "Error handler for animation loading"
|
|
598
610
|
},
|
|
599
611
|
{
|
|
600
|
-
"
|
|
601
|
-
"
|
|
602
|
-
|
|
603
|
-
|
|
604
|
-
"default": "''",
|
|
605
|
-
"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.",
|
|
606
|
-
"fieldName": "label"
|
|
612
|
+
"kind": "method",
|
|
613
|
+
"name": "getAnimationData",
|
|
614
|
+
"privacy": "private",
|
|
615
|
+
"description": "Import animation data dynamically"
|
|
607
616
|
},
|
|
608
617
|
{
|
|
609
|
-
"
|
|
618
|
+
"kind": "field",
|
|
619
|
+
"name": "onCompleteHandler",
|
|
620
|
+
"description": "Re-dispatch the complete event from the animation library\n\nThis handler called with the animation instance instead of the component instance\nso we need to bind it to the component instance. The arrow function just does that."
|
|
621
|
+
}
|
|
622
|
+
],
|
|
623
|
+
"events": [
|
|
624
|
+
{
|
|
625
|
+
"name": "load",
|
|
610
626
|
"type": {
|
|
611
|
-
"text": "
|
|
627
|
+
"text": "CustomEvent"
|
|
612
628
|
},
|
|
613
|
-
"
|
|
614
|
-
"
|
|
615
|
-
"fieldName": "tabIndex",
|
|
616
|
-
"inheritedFrom": {
|
|
617
|
-
"name": "TabIndexMixin",
|
|
618
|
-
"module": "src/utils/mixins/TabIndexMixin.ts"
|
|
619
|
-
}
|
|
629
|
+
"description": "(React: onLoad) This event is dispatched when the animation is loaded",
|
|
630
|
+
"reactName": "onLoad"
|
|
620
631
|
},
|
|
621
632
|
{
|
|
622
|
-
"
|
|
623
|
-
"
|
|
624
|
-
|
|
625
|
-
},
|
|
626
|
-
"description": "Indicates whether the component is disabled.\nWhen the component is disabled for user interaction; it is not focusable or clickable.",
|
|
627
|
-
"default": "undefined",
|
|
628
|
-
"fieldName": "disabled",
|
|
629
|
-
"inheritedFrom": {
|
|
630
|
-
"name": "DisabledMixin",
|
|
631
|
-
"module": "src/utils/mixins/DisabledMixin.ts"
|
|
632
|
-
}
|
|
633
|
+
"description": "(React: onComplete) This event is dispatched when all animation loops completed",
|
|
634
|
+
"name": "complete",
|
|
635
|
+
"reactName": "onComplete"
|
|
633
636
|
},
|
|
634
637
|
{
|
|
635
|
-
"
|
|
638
|
+
"description": "(React: onError) This event is dispatched when animation loading failed",
|
|
639
|
+
"name": "error",
|
|
640
|
+
"reactName": "onError"
|
|
641
|
+
}
|
|
642
|
+
],
|
|
643
|
+
"attributes": [
|
|
644
|
+
{
|
|
645
|
+
"name": "name",
|
|
636
646
|
"type": {
|
|
637
|
-
"text": "
|
|
647
|
+
"text": "AnimationNames | undefined"
|
|
638
648
|
},
|
|
639
|
-
"description": "
|
|
640
|
-
"
|
|
641
|
-
"fieldName": "active",
|
|
642
|
-
"inheritedFrom": {
|
|
643
|
-
"name": "Buttonsimple",
|
|
644
|
-
"module": "src/components/buttonsimple/buttonsimple.component.ts"
|
|
645
|
-
}
|
|
649
|
+
"description": "Name of the animation (= filename)",
|
|
650
|
+
"fieldName": "name"
|
|
646
651
|
},
|
|
647
652
|
{
|
|
648
|
-
"name": "
|
|
653
|
+
"name": "loop",
|
|
649
654
|
"type": {
|
|
650
|
-
"text": "
|
|
655
|
+
"text": "LoopType | undefined"
|
|
651
656
|
},
|
|
652
|
-
"description": "
|
|
653
|
-
"
|
|
654
|
-
"fieldName": "softDisabled",
|
|
655
|
-
"inheritedFrom": {
|
|
656
|
-
"name": "Buttonsimple",
|
|
657
|
-
"module": "src/components/buttonsimple/buttonsimple.component.ts"
|
|
658
|
-
}
|
|
657
|
+
"description": "How many times to loop the animation\n- \"true\" - infinite\n- \"false\" - no loop\n- number - number of times to loop",
|
|
658
|
+
"fieldName": "loop"
|
|
659
659
|
},
|
|
660
660
|
{
|
|
661
|
-
"name": "
|
|
661
|
+
"name": "autoplay",
|
|
662
662
|
"type": {
|
|
663
|
-
"text": "
|
|
663
|
+
"text": "boolean | undefined"
|
|
664
664
|
},
|
|
665
|
-
"description": "
|
|
666
|
-
"
|
|
667
|
-
"fieldName": "size",
|
|
668
|
-
"inheritedFrom": {
|
|
669
|
-
"name": "Buttonsimple",
|
|
670
|
-
"module": "src/components/buttonsimple/buttonsimple.component.ts"
|
|
671
|
-
}
|
|
672
|
-
},
|
|
673
|
-
{
|
|
674
|
-
"name": "role",
|
|
675
|
-
"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.",
|
|
676
|
-
"default": "button",
|
|
677
|
-
"fieldName": "role",
|
|
678
|
-
"inheritedFrom": {
|
|
679
|
-
"name": "Buttonsimple",
|
|
680
|
-
"module": "src/components/buttonsimple/buttonsimple.component.ts"
|
|
681
|
-
}
|
|
665
|
+
"description": "Weather start the animation automatically",
|
|
666
|
+
"fieldName": "autoplay"
|
|
682
667
|
},
|
|
683
668
|
{
|
|
684
|
-
"name": "
|
|
669
|
+
"name": "aria-label",
|
|
685
670
|
"type": {
|
|
686
|
-
"text": "string |
|
|
671
|
+
"text": "string | null"
|
|
687
672
|
},
|
|
688
|
-
"
|
|
689
|
-
"
|
|
690
|
-
"fieldName": "
|
|
691
|
-
"inheritedFrom": {
|
|
692
|
-
"name": "Buttonsimple",
|
|
693
|
-
"module": "src/components/buttonsimple/buttonsimple.component.ts"
|
|
694
|
-
}
|
|
673
|
+
"default": "null",
|
|
674
|
+
"description": "Aria-label attribute to be set for accessibility",
|
|
675
|
+
"fieldName": "ariaLabel"
|
|
695
676
|
},
|
|
696
677
|
{
|
|
697
|
-
"name": "
|
|
678
|
+
"name": "aria-labelledby",
|
|
698
679
|
"type": {
|
|
699
|
-
"text": "
|
|
680
|
+
"text": "string | null"
|
|
700
681
|
},
|
|
701
|
-
"
|
|
702
|
-
"
|
|
703
|
-
"fieldName": "
|
|
704
|
-
"inheritedFrom": {
|
|
705
|
-
"name": "Buttonsimple",
|
|
706
|
-
"module": "src/components/buttonsimple/buttonsimple.component.ts"
|
|
707
|
-
}
|
|
682
|
+
"default": "null",
|
|
683
|
+
"description": "Aria-labelledby attribute to be set for accessibility",
|
|
684
|
+
"fieldName": "ariaLabelledBy"
|
|
708
685
|
}
|
|
709
686
|
],
|
|
710
687
|
"superclass": {
|
|
711
|
-
"name": "
|
|
712
|
-
"module": "/src/
|
|
688
|
+
"name": "Component",
|
|
689
|
+
"module": "/src/models"
|
|
713
690
|
},
|
|
714
|
-
"tagName": "mdc-
|
|
715
|
-
"jsDoc": "/**\n * mdc-
|
|
716
|
-
"customElement": true
|
|
717
|
-
|
|
691
|
+
"tagName": "mdc-animation",
|
|
692
|
+
"jsDoc": "/**\n * The `mdc-animation` component is a wrapper around the Lottie animation library.\n * It fetches the animation data dynamically based on the provided name and renders it.\n * This is a display only component that does not have any interactive functionality.\n * From accessibility perspective, (by default) it is a decorative image component.\n *\n * @tagname mdc-animation\n *\n * @event load - (React: onLoad) This event is dispatched when the animation is loaded\n * @event complete - (React: onComplete) This event is dispatched when all animation loops completed\n * @event error - (React: onError) This event is dispatched when animation loading failed\n */",
|
|
693
|
+
"customElement": true
|
|
694
|
+
}
|
|
695
|
+
],
|
|
696
|
+
"exports": [
|
|
697
|
+
{
|
|
698
|
+
"kind": "js",
|
|
699
|
+
"name": "default",
|
|
700
|
+
"declaration": {
|
|
701
|
+
"name": "Animation",
|
|
702
|
+
"module": "components/animation/animation.component.js"
|
|
703
|
+
}
|
|
704
|
+
}
|
|
705
|
+
]
|
|
706
|
+
},
|
|
707
|
+
{
|
|
708
|
+
"kind": "javascript-module",
|
|
709
|
+
"path": "components/appheader/appheader.component.js",
|
|
710
|
+
"declarations": [
|
|
711
|
+
{
|
|
712
|
+
"kind": "class",
|
|
713
|
+
"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**.",
|
|
714
|
+
"name": "Appheader",
|
|
715
|
+
"cssParts": [
|
|
718
716
|
{
|
|
719
|
-
"description": "
|
|
720
|
-
"name": "
|
|
721
|
-
"reactName": "onClick",
|
|
722
|
-
"inheritedFrom": {
|
|
723
|
-
"name": "Buttonsimple",
|
|
724
|
-
"module": "src/components/buttonsimple/buttonsimple.component.ts"
|
|
725
|
-
}
|
|
717
|
+
"description": "The main container for styling the header.",
|
|
718
|
+
"name": "container"
|
|
726
719
|
},
|
|
727
720
|
{
|
|
728
|
-
"description": "
|
|
729
|
-
"name": "
|
|
730
|
-
"reactName": "onKeyDown",
|
|
731
|
-
"inheritedFrom": {
|
|
732
|
-
"name": "Buttonsimple",
|
|
733
|
-
"module": "src/components/buttonsimple/buttonsimple.component.ts"
|
|
734
|
-
}
|
|
721
|
+
"description": "The leading section of the header.",
|
|
722
|
+
"name": "leading-section"
|
|
735
723
|
},
|
|
736
724
|
{
|
|
737
|
-
"description": "
|
|
738
|
-
"name": "
|
|
739
|
-
"reactName": "onKeyUp",
|
|
740
|
-
"inheritedFrom": {
|
|
741
|
-
"name": "Buttonsimple",
|
|
742
|
-
"module": "src/components/buttonsimple/buttonsimple.component.ts"
|
|
743
|
-
}
|
|
725
|
+
"description": "The center section of the header.",
|
|
726
|
+
"name": "center-section"
|
|
744
727
|
},
|
|
745
728
|
{
|
|
746
|
-
"description": "
|
|
747
|
-
"name": "
|
|
748
|
-
"reactName": "onFocus",
|
|
749
|
-
"inheritedFrom": {
|
|
750
|
-
"name": "Buttonsimple",
|
|
751
|
-
"module": "src/components/buttonsimple/buttonsimple.component.ts"
|
|
752
|
-
}
|
|
729
|
+
"description": "The trailing section of the header.",
|
|
730
|
+
"name": "trailing-section"
|
|
753
731
|
}
|
|
754
|
-
]
|
|
732
|
+
],
|
|
733
|
+
"slots": [
|
|
734
|
+
{
|
|
735
|
+
"description": "Slot for the leading section (e.g., brand logo, brand name).",
|
|
736
|
+
"name": "leading"
|
|
737
|
+
},
|
|
738
|
+
{
|
|
739
|
+
"description": "Slot for the center section (e.g., search bar, icons).",
|
|
740
|
+
"name": "center"
|
|
741
|
+
},
|
|
742
|
+
{
|
|
743
|
+
"description": "Slot for the trailing section (e.g., profile avatar, icons).",
|
|
744
|
+
"name": "trailing"
|
|
745
|
+
}
|
|
746
|
+
],
|
|
747
|
+
"members": [],
|
|
748
|
+
"superclass": {
|
|
749
|
+
"name": "Component",
|
|
750
|
+
"module": "/src/models"
|
|
751
|
+
},
|
|
752
|
+
"tagName": "mdc-appheader",
|
|
753
|
+
"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 */",
|
|
754
|
+
"customElement": true
|
|
755
755
|
}
|
|
756
756
|
],
|
|
757
757
|
"exports": [
|
|
@@ -759,8 +759,8 @@
|
|
|
759
759
|
"kind": "js",
|
|
760
760
|
"name": "default",
|
|
761
761
|
"declaration": {
|
|
762
|
-
"name": "
|
|
763
|
-
"module": "components/
|
|
762
|
+
"name": "Appheader",
|
|
763
|
+
"module": "components/appheader/appheader.component.js"
|
|
764
764
|
}
|
|
765
765
|
}
|
|
766
766
|
]
|
|
@@ -2097,42 +2097,174 @@
|
|
|
2097
2097
|
"description": "medium size value of the bullet",
|
|
2098
2098
|
"name": "--mdc-bullet-size-medium"
|
|
2099
2099
|
},
|
|
2100
|
-
{
|
|
2101
|
-
"description": "large size value of the bullet",
|
|
2102
|
-
"name": "--mdc-bullet-size-large"
|
|
2103
|
-
}
|
|
2104
|
-
],
|
|
2105
|
-
"members": [
|
|
2100
|
+
{
|
|
2101
|
+
"description": "large size value of the bullet",
|
|
2102
|
+
"name": "--mdc-bullet-size-large"
|
|
2103
|
+
}
|
|
2104
|
+
],
|
|
2105
|
+
"members": [
|
|
2106
|
+
{
|
|
2107
|
+
"kind": "field",
|
|
2108
|
+
"name": "size",
|
|
2109
|
+
"type": {
|
|
2110
|
+
"text": "Size"
|
|
2111
|
+
},
|
|
2112
|
+
"privacy": "public",
|
|
2113
|
+
"description": "Size of the bullet\n\nPossible values: 'small', 'medium', 'large'",
|
|
2114
|
+
"default": "small",
|
|
2115
|
+
"attribute": "size",
|
|
2116
|
+
"reflects": true
|
|
2117
|
+
}
|
|
2118
|
+
],
|
|
2119
|
+
"attributes": [
|
|
2120
|
+
{
|
|
2121
|
+
"name": "size",
|
|
2122
|
+
"type": {
|
|
2123
|
+
"text": "Size"
|
|
2124
|
+
},
|
|
2125
|
+
"description": "Size of the bullet\n\nPossible values: 'small', 'medium', 'large'",
|
|
2126
|
+
"default": "small",
|
|
2127
|
+
"fieldName": "size"
|
|
2128
|
+
}
|
|
2129
|
+
],
|
|
2130
|
+
"superclass": {
|
|
2131
|
+
"name": "Component",
|
|
2132
|
+
"module": "/src/models"
|
|
2133
|
+
},
|
|
2134
|
+
"tagName": "mdc-bullet",
|
|
2135
|
+
"jsDoc": "/**\n * Bullet component, which is a visual marker\n * and be used to organize and present items in a list format.\n *\n * @tagname mdc-bullet\n *\n * @cssproperty --mdc-bullet-background-color - background color of the bullet\n * @cssproperty --mdc-bullet-size-small - small size value of the bullet\n * @cssproperty --mdc-bullet-size-medium - medium size value of the bullet\n * @cssproperty --mdc-bullet-size-large - large size value of the bullet\n*/",
|
|
2136
|
+
"customElement": true
|
|
2137
|
+
}
|
|
2138
|
+
],
|
|
2139
|
+
"exports": [
|
|
2140
|
+
{
|
|
2141
|
+
"kind": "js",
|
|
2142
|
+
"name": "default",
|
|
2143
|
+
"declaration": {
|
|
2144
|
+
"name": "Bullet",
|
|
2145
|
+
"module": "components/bullet/bullet.component.js"
|
|
2146
|
+
}
|
|
2147
|
+
}
|
|
2148
|
+
]
|
|
2149
|
+
},
|
|
2150
|
+
{
|
|
2151
|
+
"kind": "javascript-module",
|
|
2152
|
+
"path": "components/buttongroup/buttongroup.component.js",
|
|
2153
|
+
"declarations": [
|
|
2154
|
+
{
|
|
2155
|
+
"kind": "class",
|
|
2156
|
+
"description": "buttongroup component, is a styled wrapper for multiple buttons.\nIt can support icon buttons, combination of icon and pill buttons, and text buttons.\nThey are available in horizontal and vertical orientation.",
|
|
2157
|
+
"name": "ButtonGroup",
|
|
2158
|
+
"cssProperties": [
|
|
2159
|
+
{
|
|
2160
|
+
"description": "The border radius of the buttongroup",
|
|
2161
|
+
"name": "--mdc-buttongroup-border-radius"
|
|
2162
|
+
},
|
|
2163
|
+
{
|
|
2164
|
+
"description": "The border color of the buttongroup",
|
|
2165
|
+
"name": "--mdc-buttongroup-border-color"
|
|
2166
|
+
},
|
|
2167
|
+
{
|
|
2168
|
+
"description": "The color of the divider between buttons within the buttongroup",
|
|
2169
|
+
"name": "--mdc-buttongroup-divider-color"
|
|
2170
|
+
}
|
|
2171
|
+
],
|
|
2172
|
+
"slots": [
|
|
2173
|
+
{
|
|
2174
|
+
"description": "This is a default/unnamed slot, which contains the buttons",
|
|
2175
|
+
"name": "default"
|
|
2176
|
+
}
|
|
2177
|
+
],
|
|
2178
|
+
"members": [
|
|
2179
|
+
{
|
|
2180
|
+
"kind": "field",
|
|
2181
|
+
"name": "orientation",
|
|
2182
|
+
"type": {
|
|
2183
|
+
"text": "ButtonGroupOrientation"
|
|
2184
|
+
},
|
|
2185
|
+
"description": "Orientation of the buttongroup.",
|
|
2186
|
+
"default": "'horizontal'",
|
|
2187
|
+
"attribute": "orientation",
|
|
2188
|
+
"reflects": true
|
|
2189
|
+
},
|
|
2190
|
+
{
|
|
2191
|
+
"kind": "field",
|
|
2192
|
+
"name": "variant",
|
|
2193
|
+
"type": {
|
|
2194
|
+
"text": "ButtonGroupVariant"
|
|
2195
|
+
},
|
|
2196
|
+
"description": "Variant of the buttons within the buttongroup.",
|
|
2197
|
+
"default": "'primary'",
|
|
2198
|
+
"attribute": "variant",
|
|
2199
|
+
"reflects": true
|
|
2200
|
+
},
|
|
2106
2201
|
{
|
|
2107
2202
|
"kind": "field",
|
|
2108
2203
|
"name": "size",
|
|
2109
2204
|
"type": {
|
|
2110
|
-
"text": "
|
|
2205
|
+
"text": "ButtonGroupSize"
|
|
2111
2206
|
},
|
|
2112
|
-
"
|
|
2113
|
-
"
|
|
2114
|
-
"default": "small",
|
|
2207
|
+
"description": "Size of the buttons within the buttongroup.",
|
|
2208
|
+
"default": "'28'",
|
|
2115
2209
|
"attribute": "size",
|
|
2116
2210
|
"reflects": true
|
|
2211
|
+
},
|
|
2212
|
+
{
|
|
2213
|
+
"kind": "field",
|
|
2214
|
+
"name": "compact",
|
|
2215
|
+
"type": {
|
|
2216
|
+
"text": "boolean"
|
|
2217
|
+
},
|
|
2218
|
+
"default": "false",
|
|
2219
|
+
"description": "When this is true, the buttons within the buttongroup will be compact.\ni.e. Irrespective of the size of the buttons, they will have a height of 24px.",
|
|
2220
|
+
"attribute": "compact",
|
|
2221
|
+
"reflects": true
|
|
2117
2222
|
}
|
|
2118
2223
|
],
|
|
2119
2224
|
"attributes": [
|
|
2225
|
+
{
|
|
2226
|
+
"name": "orientation",
|
|
2227
|
+
"type": {
|
|
2228
|
+
"text": "ButtonGroupOrientation"
|
|
2229
|
+
},
|
|
2230
|
+
"description": "Orientation of the buttongroup.",
|
|
2231
|
+
"default": "'horizontal'",
|
|
2232
|
+
"fieldName": "orientation"
|
|
2233
|
+
},
|
|
2234
|
+
{
|
|
2235
|
+
"name": "variant",
|
|
2236
|
+
"type": {
|
|
2237
|
+
"text": "ButtonGroupVariant"
|
|
2238
|
+
},
|
|
2239
|
+
"description": "Variant of the buttons within the buttongroup.",
|
|
2240
|
+
"default": "'primary'",
|
|
2241
|
+
"fieldName": "variant"
|
|
2242
|
+
},
|
|
2120
2243
|
{
|
|
2121
2244
|
"name": "size",
|
|
2122
2245
|
"type": {
|
|
2123
|
-
"text": "
|
|
2246
|
+
"text": "ButtonGroupSize"
|
|
2124
2247
|
},
|
|
2125
|
-
"description": "Size of the
|
|
2126
|
-
"default": "
|
|
2248
|
+
"description": "Size of the buttons within the buttongroup.",
|
|
2249
|
+
"default": "'28'",
|
|
2127
2250
|
"fieldName": "size"
|
|
2251
|
+
},
|
|
2252
|
+
{
|
|
2253
|
+
"name": "compact",
|
|
2254
|
+
"type": {
|
|
2255
|
+
"text": "boolean"
|
|
2256
|
+
},
|
|
2257
|
+
"default": "false",
|
|
2258
|
+
"description": "When this is true, the buttons within the buttongroup will be compact.\ni.e. Irrespective of the size of the buttons, they will have a height of 24px.",
|
|
2259
|
+
"fieldName": "compact"
|
|
2128
2260
|
}
|
|
2129
2261
|
],
|
|
2130
2262
|
"superclass": {
|
|
2131
2263
|
"name": "Component",
|
|
2132
2264
|
"module": "/src/models"
|
|
2133
2265
|
},
|
|
2134
|
-
"tagName": "mdc-
|
|
2135
|
-
"jsDoc": "/**\n *
|
|
2266
|
+
"tagName": "mdc-buttongroup",
|
|
2267
|
+
"jsDoc": "/**\n * buttongroup component, is a styled wrapper for multiple buttons.\n * It can support icon buttons, combination of icon and pill buttons, and text buttons.\n * They are available in horizontal and vertical orientation.\n *\n * @tagname mdc-buttongroup\n *\n * @slot default - This is a default/unnamed slot, which contains the buttons\n *\n * @cssproperty --mdc-buttongroup-border-radius - The border radius of the buttongroup\n * @cssproperty --mdc-buttongroup-border-color - The border color of the buttongroup\n * @cssproperty --mdc-buttongroup-divider-color - The color of the divider between buttons within the buttongroup\n */",
|
|
2136
2268
|
"customElement": true
|
|
2137
2269
|
}
|
|
2138
2270
|
],
|
|
@@ -2141,8 +2273,8 @@
|
|
|
2141
2273
|
"kind": "js",
|
|
2142
2274
|
"name": "default",
|
|
2143
2275
|
"declaration": {
|
|
2144
|
-
"name": "
|
|
2145
|
-
"module": "components/
|
|
2276
|
+
"name": "ButtonGroup",
|
|
2277
|
+
"module": "components/buttongroup/buttongroup.component.js"
|
|
2146
2278
|
}
|
|
2147
2279
|
}
|
|
2148
2280
|
]
|
|
@@ -2724,215 +2856,83 @@
|
|
|
2724
2856
|
}
|
|
2725
2857
|
},
|
|
2726
2858
|
{
|
|
2727
|
-
"name": "ariaStateKey",
|
|
2728
|
-
"type": {
|
|
2729
|
-
"text": "string | undefined"
|
|
2730
|
-
},
|
|
2731
|
-
"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`",
|
|
2732
|
-
"default": "'aria-pressed' (when)",
|
|
2733
|
-
"fieldName": "ariaStateKey",
|
|
2734
|
-
"inheritedFrom": {
|
|
2735
|
-
"name": "Buttonsimple",
|
|
2736
|
-
"module": "src/components/buttonsimple/buttonsimple.component.ts"
|
|
2737
|
-
}
|
|
2738
|
-
},
|
|
2739
|
-
{
|
|
2740
|
-
"name": "type",
|
|
2741
|
-
"type": {
|
|
2742
|
-
"text": "ButtonType"
|
|
2743
|
-
},
|
|
2744
|
-
"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.",
|
|
2745
|
-
"default": "button",
|
|
2746
|
-
"fieldName": "type",
|
|
2747
|
-
"inheritedFrom": {
|
|
2748
|
-
"name": "Buttonsimple",
|
|
2749
|
-
"module": "src/components/buttonsimple/buttonsimple.component.ts"
|
|
2750
|
-
}
|
|
2751
|
-
}
|
|
2752
|
-
],
|
|
2753
|
-
"mixins": [
|
|
2754
|
-
{
|
|
2755
|
-
"name": "ButtonComponentMixin",
|
|
2756
|
-
"module": "/src/utils/mixins/ButtonComponentMixin"
|
|
2757
|
-
}
|
|
2758
|
-
],
|
|
2759
|
-
"superclass": {
|
|
2760
|
-
"name": "Buttonsimple",
|
|
2761
|
-
"module": "/src/components/buttonsimple/buttonsimple.component"
|
|
2762
|
-
},
|
|
2763
|
-
"tagName": "mdc-button",
|
|
2764
|
-
"jsDoc": "/**\n * `mdc-button` is a component that can be configured in various ways to suit different use cases.\n *\n * Button Variants:\n * - **Primary**: Solid background color.\n * - **Secondary**: Transparent background with a solid border.\n * - **Tertiary**: No background or border, appears as plain text but retains all button functionalities.\n *\n * Button Colors:\n * - **Positive**: Green color.\n * - **Negative**: Red color.\n * - **Accent**: Blue color.\n * - **Promotional**: Purple color.\n * - **Default**: White color.\n *\n * Button Sizes (in REM units):\n * - **Pill button**: 40, 32, 28, 24.\n * - **Icon button**: 64, 52, 40, 32, 28, 24.\n * - **Tertiary icon button**: 20.\n *\n * Button Types:\n * - **Pill button**: A button that contains text value. Commonly used for call to action, tags, or filters.\n * - **Pill button with icons**: A button containing an icon either on the left or right side of the button.\n * - **Icon button**: A button represented by just an icon without any text.\n * The type of button is inferred based on the presence of slot and/or prefix and postfix icons.\n *\n * @dependency mdc-icon\n *\n * @tagname mdc-button\n *\n * @slot - Text label of the button.\n */",
|
|
2765
|
-
"customElement": true,
|
|
2766
|
-
"events": [
|
|
2767
|
-
{
|
|
2768
|
-
"description": "(React: onClick) This event is dispatched when the button is clicked.",
|
|
2769
|
-
"name": "click",
|
|
2770
|
-
"reactName": "onClick",
|
|
2771
|
-
"inheritedFrom": {
|
|
2772
|
-
"name": "Buttonsimple",
|
|
2773
|
-
"module": "src/components/buttonsimple/buttonsimple.component.ts"
|
|
2774
|
-
}
|
|
2775
|
-
},
|
|
2776
|
-
{
|
|
2777
|
-
"description": "(React: onKeyDown) This event is dispatched when a key is pressed down on the button.",
|
|
2778
|
-
"name": "keydown",
|
|
2779
|
-
"reactName": "onKeyDown",
|
|
2780
|
-
"inheritedFrom": {
|
|
2781
|
-
"name": "Buttonsimple",
|
|
2782
|
-
"module": "src/components/buttonsimple/buttonsimple.component.ts"
|
|
2783
|
-
}
|
|
2784
|
-
},
|
|
2785
|
-
{
|
|
2786
|
-
"description": "(React: onKeyUp) This event is dispatched when a key is released on the button.",
|
|
2787
|
-
"name": "keyup",
|
|
2788
|
-
"reactName": "onKeyUp",
|
|
2789
|
-
"inheritedFrom": {
|
|
2790
|
-
"name": "Buttonsimple",
|
|
2791
|
-
"module": "src/components/buttonsimple/buttonsimple.component.ts"
|
|
2792
|
-
}
|
|
2793
|
-
},
|
|
2794
|
-
{
|
|
2795
|
-
"description": "(React: onFocus) This event is dispatched when the button receives focus.",
|
|
2796
|
-
"name": "focus",
|
|
2797
|
-
"reactName": "onFocus",
|
|
2798
|
-
"inheritedFrom": {
|
|
2799
|
-
"name": "Buttonsimple",
|
|
2800
|
-
"module": "src/components/buttonsimple/buttonsimple.component.ts"
|
|
2801
|
-
}
|
|
2802
|
-
}
|
|
2803
|
-
]
|
|
2804
|
-
}
|
|
2805
|
-
],
|
|
2806
|
-
"exports": [
|
|
2807
|
-
{
|
|
2808
|
-
"kind": "js",
|
|
2809
|
-
"name": "default",
|
|
2810
|
-
"declaration": {
|
|
2811
|
-
"name": "Button",
|
|
2812
|
-
"module": "components/button/button.component.js"
|
|
2813
|
-
}
|
|
2814
|
-
}
|
|
2815
|
-
]
|
|
2816
|
-
},
|
|
2817
|
-
{
|
|
2818
|
-
"kind": "javascript-module",
|
|
2819
|
-
"path": "components/buttongroup/buttongroup.component.js",
|
|
2820
|
-
"declarations": [
|
|
2821
|
-
{
|
|
2822
|
-
"kind": "class",
|
|
2823
|
-
"description": "buttongroup component, is a styled wrapper for multiple buttons.\nIt can support icon buttons, combination of icon and pill buttons, and text buttons.\nThey are available in horizontal and vertical orientation.",
|
|
2824
|
-
"name": "ButtonGroup",
|
|
2825
|
-
"cssProperties": [
|
|
2826
|
-
{
|
|
2827
|
-
"description": "The border radius of the buttongroup",
|
|
2828
|
-
"name": "--mdc-buttongroup-border-radius"
|
|
2829
|
-
},
|
|
2830
|
-
{
|
|
2831
|
-
"description": "The border color of the buttongroup",
|
|
2832
|
-
"name": "--mdc-buttongroup-border-color"
|
|
2833
|
-
},
|
|
2834
|
-
{
|
|
2835
|
-
"description": "The color of the divider between buttons within the buttongroup",
|
|
2836
|
-
"name": "--mdc-buttongroup-divider-color"
|
|
2837
|
-
}
|
|
2838
|
-
],
|
|
2839
|
-
"slots": [
|
|
2840
|
-
{
|
|
2841
|
-
"description": "This is a default/unnamed slot, which contains the buttons",
|
|
2842
|
-
"name": "default"
|
|
2843
|
-
}
|
|
2844
|
-
],
|
|
2845
|
-
"members": [
|
|
2846
|
-
{
|
|
2847
|
-
"kind": "field",
|
|
2848
|
-
"name": "orientation",
|
|
2849
|
-
"type": {
|
|
2850
|
-
"text": "ButtonGroupOrientation"
|
|
2851
|
-
},
|
|
2852
|
-
"description": "Orientation of the buttongroup.",
|
|
2853
|
-
"default": "'horizontal'",
|
|
2854
|
-
"attribute": "orientation",
|
|
2855
|
-
"reflects": true
|
|
2856
|
-
},
|
|
2857
|
-
{
|
|
2858
|
-
"kind": "field",
|
|
2859
|
-
"name": "variant",
|
|
2860
|
-
"type": {
|
|
2861
|
-
"text": "ButtonGroupVariant"
|
|
2862
|
-
},
|
|
2863
|
-
"description": "Variant of the buttons within the buttongroup.",
|
|
2864
|
-
"default": "'primary'",
|
|
2865
|
-
"attribute": "variant",
|
|
2866
|
-
"reflects": true
|
|
2867
|
-
},
|
|
2868
|
-
{
|
|
2869
|
-
"kind": "field",
|
|
2870
|
-
"name": "size",
|
|
2871
|
-
"type": {
|
|
2872
|
-
"text": "ButtonGroupSize"
|
|
2873
|
-
},
|
|
2874
|
-
"description": "Size of the buttons within the buttongroup.",
|
|
2875
|
-
"default": "'28'",
|
|
2876
|
-
"attribute": "size",
|
|
2877
|
-
"reflects": true
|
|
2878
|
-
},
|
|
2879
|
-
{
|
|
2880
|
-
"kind": "field",
|
|
2881
|
-
"name": "compact",
|
|
2882
|
-
"type": {
|
|
2883
|
-
"text": "boolean"
|
|
2884
|
-
},
|
|
2885
|
-
"default": "false",
|
|
2886
|
-
"description": "When this is true, the buttons within the buttongroup will be compact.\ni.e. Irrespective of the size of the buttons, they will have a height of 24px.",
|
|
2887
|
-
"attribute": "compact",
|
|
2888
|
-
"reflects": true
|
|
2889
|
-
}
|
|
2890
|
-
],
|
|
2891
|
-
"attributes": [
|
|
2892
|
-
{
|
|
2893
|
-
"name": "orientation",
|
|
2894
|
-
"type": {
|
|
2895
|
-
"text": "ButtonGroupOrientation"
|
|
2896
|
-
},
|
|
2897
|
-
"description": "Orientation of the buttongroup.",
|
|
2898
|
-
"default": "'horizontal'",
|
|
2899
|
-
"fieldName": "orientation"
|
|
2900
|
-
},
|
|
2901
|
-
{
|
|
2902
|
-
"name": "variant",
|
|
2903
|
-
"type": {
|
|
2904
|
-
"text": "ButtonGroupVariant"
|
|
2905
|
-
},
|
|
2906
|
-
"description": "Variant of the buttons within the buttongroup.",
|
|
2907
|
-
"default": "'primary'",
|
|
2908
|
-
"fieldName": "variant"
|
|
2909
|
-
},
|
|
2910
|
-
{
|
|
2911
|
-
"name": "size",
|
|
2859
|
+
"name": "ariaStateKey",
|
|
2912
2860
|
"type": {
|
|
2913
|
-
"text": "
|
|
2861
|
+
"text": "string | undefined"
|
|
2914
2862
|
},
|
|
2915
|
-
"description": "
|
|
2916
|
-
"default": "'
|
|
2917
|
-
"fieldName": "
|
|
2863
|
+
"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`",
|
|
2864
|
+
"default": "'aria-pressed' (when)",
|
|
2865
|
+
"fieldName": "ariaStateKey",
|
|
2866
|
+
"inheritedFrom": {
|
|
2867
|
+
"name": "Buttonsimple",
|
|
2868
|
+
"module": "src/components/buttonsimple/buttonsimple.component.ts"
|
|
2869
|
+
}
|
|
2918
2870
|
},
|
|
2919
2871
|
{
|
|
2920
|
-
"name": "
|
|
2872
|
+
"name": "type",
|
|
2921
2873
|
"type": {
|
|
2922
|
-
"text": "
|
|
2874
|
+
"text": "ButtonType"
|
|
2923
2875
|
},
|
|
2924
|
-
"
|
|
2925
|
-
"
|
|
2926
|
-
"fieldName": "
|
|
2876
|
+
"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.",
|
|
2877
|
+
"default": "button",
|
|
2878
|
+
"fieldName": "type",
|
|
2879
|
+
"inheritedFrom": {
|
|
2880
|
+
"name": "Buttonsimple",
|
|
2881
|
+
"module": "src/components/buttonsimple/buttonsimple.component.ts"
|
|
2882
|
+
}
|
|
2883
|
+
}
|
|
2884
|
+
],
|
|
2885
|
+
"mixins": [
|
|
2886
|
+
{
|
|
2887
|
+
"name": "ButtonComponentMixin",
|
|
2888
|
+
"module": "/src/utils/mixins/ButtonComponentMixin"
|
|
2927
2889
|
}
|
|
2928
2890
|
],
|
|
2929
2891
|
"superclass": {
|
|
2930
|
-
"name": "
|
|
2931
|
-
"module": "/src/
|
|
2892
|
+
"name": "Buttonsimple",
|
|
2893
|
+
"module": "/src/components/buttonsimple/buttonsimple.component"
|
|
2932
2894
|
},
|
|
2933
|
-
"tagName": "mdc-
|
|
2934
|
-
"jsDoc": "/**\n *
|
|
2935
|
-
"customElement": true
|
|
2895
|
+
"tagName": "mdc-button",
|
|
2896
|
+
"jsDoc": "/**\n * `mdc-button` is a component that can be configured in various ways to suit different use cases.\n *\n * Button Variants:\n * - **Primary**: Solid background color.\n * - **Secondary**: Transparent background with a solid border.\n * - **Tertiary**: No background or border, appears as plain text but retains all button functionalities.\n *\n * Button Colors:\n * - **Positive**: Green color.\n * - **Negative**: Red color.\n * - **Accent**: Blue color.\n * - **Promotional**: Purple color.\n * - **Default**: White color.\n *\n * Button Sizes (in REM units):\n * - **Pill button**: 40, 32, 28, 24.\n * - **Icon button**: 64, 52, 40, 32, 28, 24.\n * - **Tertiary icon button**: 20.\n *\n * Button Types:\n * - **Pill button**: A button that contains text value. Commonly used for call to action, tags, or filters.\n * - **Pill button with icons**: A button containing an icon either on the left or right side of the button.\n * - **Icon button**: A button represented by just an icon without any text.\n * The type of button is inferred based on the presence of slot and/or prefix and postfix icons.\n *\n * @dependency mdc-icon\n *\n * @tagname mdc-button\n *\n * @slot - Text label of the button.\n */",
|
|
2897
|
+
"customElement": true,
|
|
2898
|
+
"events": [
|
|
2899
|
+
{
|
|
2900
|
+
"description": "(React: onClick) This event is dispatched when the button is clicked.",
|
|
2901
|
+
"name": "click",
|
|
2902
|
+
"reactName": "onClick",
|
|
2903
|
+
"inheritedFrom": {
|
|
2904
|
+
"name": "Buttonsimple",
|
|
2905
|
+
"module": "src/components/buttonsimple/buttonsimple.component.ts"
|
|
2906
|
+
}
|
|
2907
|
+
},
|
|
2908
|
+
{
|
|
2909
|
+
"description": "(React: onKeyDown) This event is dispatched when a key is pressed down on the button.",
|
|
2910
|
+
"name": "keydown",
|
|
2911
|
+
"reactName": "onKeyDown",
|
|
2912
|
+
"inheritedFrom": {
|
|
2913
|
+
"name": "Buttonsimple",
|
|
2914
|
+
"module": "src/components/buttonsimple/buttonsimple.component.ts"
|
|
2915
|
+
}
|
|
2916
|
+
},
|
|
2917
|
+
{
|
|
2918
|
+
"description": "(React: onKeyUp) This event is dispatched when a key is released on the button.",
|
|
2919
|
+
"name": "keyup",
|
|
2920
|
+
"reactName": "onKeyUp",
|
|
2921
|
+
"inheritedFrom": {
|
|
2922
|
+
"name": "Buttonsimple",
|
|
2923
|
+
"module": "src/components/buttonsimple/buttonsimple.component.ts"
|
|
2924
|
+
}
|
|
2925
|
+
},
|
|
2926
|
+
{
|
|
2927
|
+
"description": "(React: onFocus) This event is dispatched when the button receives focus.",
|
|
2928
|
+
"name": "focus",
|
|
2929
|
+
"reactName": "onFocus",
|
|
2930
|
+
"inheritedFrom": {
|
|
2931
|
+
"name": "Buttonsimple",
|
|
2932
|
+
"module": "src/components/buttonsimple/buttonsimple.component.ts"
|
|
2933
|
+
}
|
|
2934
|
+
}
|
|
2935
|
+
]
|
|
2936
2936
|
}
|
|
2937
2937
|
],
|
|
2938
2938
|
"exports": [
|
|
@@ -2940,8 +2940,8 @@
|
|
|
2940
2940
|
"kind": "js",
|
|
2941
2941
|
"name": "default",
|
|
2942
2942
|
"declaration": {
|
|
2943
|
-
"name": "
|
|
2944
|
-
"module": "components/
|
|
2943
|
+
"name": "Button",
|
|
2944
|
+
"module": "components/button/button.component.js"
|
|
2945
2945
|
}
|
|
2946
2946
|
}
|
|
2947
2947
|
]
|
|
@@ -14028,14 +14028,17 @@
|
|
|
14028
14028
|
"name": "event",
|
|
14029
14029
|
"type": {
|
|
14030
14030
|
"text": "KeyboardEvent"
|
|
14031
|
-
}
|
|
14031
|
+
},
|
|
14032
|
+
"description": "The keyboard event triggered when a key is pressed down."
|
|
14032
14033
|
}
|
|
14033
|
-
]
|
|
14034
|
+
],
|
|
14035
|
+
"description": "Fires the click event when the enter or space key is pressed."
|
|
14034
14036
|
},
|
|
14035
14037
|
{
|
|
14036
14038
|
"kind": "method",
|
|
14037
14039
|
"name": "triggerClickEvent",
|
|
14038
|
-
"privacy": "private"
|
|
14040
|
+
"privacy": "private",
|
|
14041
|
+
"description": "Triggers a click event on the list item."
|
|
14039
14042
|
},
|
|
14040
14043
|
{
|
|
14041
14044
|
"kind": "method",
|
|
@@ -14045,7 +14048,8 @@
|
|
|
14045
14048
|
"type": {
|
|
14046
14049
|
"text": "void"
|
|
14047
14050
|
}
|
|
14048
|
-
}
|
|
14051
|
+
},
|
|
14052
|
+
"description": "Handles the click event on the list item.\nIf the tooltip is open, it has to be closed first."
|
|
14049
14053
|
},
|
|
14050
14054
|
{
|
|
14051
14055
|
"kind": "method",
|
|
@@ -14127,12 +14131,44 @@
|
|
|
14127
14131
|
{
|
|
14128
14132
|
"kind": "method",
|
|
14129
14133
|
"name": "renderTrailingControls",
|
|
14130
|
-
"privacy": "protected"
|
|
14134
|
+
"privacy": "protected",
|
|
14135
|
+
"description": "Renders the trailing controls slot.",
|
|
14136
|
+
"return": {
|
|
14137
|
+
"type": {
|
|
14138
|
+
"text": ""
|
|
14139
|
+
}
|
|
14140
|
+
}
|
|
14131
14141
|
},
|
|
14132
14142
|
{
|
|
14133
14143
|
"kind": "method",
|
|
14134
14144
|
"name": "renderLeadingControls",
|
|
14135
|
-
"privacy": "protected"
|
|
14145
|
+
"privacy": "protected",
|
|
14146
|
+
"description": "Renders the leading controls slot.",
|
|
14147
|
+
"return": {
|
|
14148
|
+
"type": {
|
|
14149
|
+
"text": ""
|
|
14150
|
+
}
|
|
14151
|
+
}
|
|
14152
|
+
},
|
|
14153
|
+
{
|
|
14154
|
+
"kind": "method",
|
|
14155
|
+
"name": "stopEventPropagation",
|
|
14156
|
+
"privacy": "protected",
|
|
14157
|
+
"return": {
|
|
14158
|
+
"type": {
|
|
14159
|
+
"text": "void"
|
|
14160
|
+
}
|
|
14161
|
+
},
|
|
14162
|
+
"parameters": [
|
|
14163
|
+
{
|
|
14164
|
+
"name": "event",
|
|
14165
|
+
"type": {
|
|
14166
|
+
"text": "Event"
|
|
14167
|
+
},
|
|
14168
|
+
"description": "The mouse event triggered when a click occurs."
|
|
14169
|
+
}
|
|
14170
|
+
],
|
|
14171
|
+
"description": "Stops the click event from propagating to parent elements. In case of keyboard events,\nit stops the propagation for Enter and Space keys.\nThis is useful when the list item contains controls that\nshould not trigger the click event on the list item itself."
|
|
14136
14172
|
},
|
|
14137
14173
|
{
|
|
14138
14174
|
"kind": "field",
|
|
@@ -15311,6 +15347,11 @@
|
|
|
15311
15347
|
"name": "renderTrailingControls",
|
|
15312
15348
|
"privacy": "protected",
|
|
15313
15349
|
"description": "Renders the trailing controls slot and optionally the trailing arrow icon,\nbased on `arrowPosition` and `arrowDirection`.",
|
|
15350
|
+
"return": {
|
|
15351
|
+
"type": {
|
|
15352
|
+
"text": ""
|
|
15353
|
+
}
|
|
15354
|
+
},
|
|
15314
15355
|
"inheritedFrom": {
|
|
15315
15356
|
"name": "ListItem",
|
|
15316
15357
|
"module": "components/listitem/listitem.component.js"
|
|
@@ -15321,6 +15362,11 @@
|
|
|
15321
15362
|
"name": "renderLeadingControls",
|
|
15322
15363
|
"privacy": "protected",
|
|
15323
15364
|
"description": "Renders the leading controls slot and optionally the leading arrow icon,\nbased on `arrowPosition` and `arrowDirection`.",
|
|
15365
|
+
"return": {
|
|
15366
|
+
"type": {
|
|
15367
|
+
"text": ""
|
|
15368
|
+
}
|
|
15369
|
+
},
|
|
15324
15370
|
"inheritedFrom": {
|
|
15325
15371
|
"name": "ListItem",
|
|
15326
15372
|
"module": "components/listitem/listitem.component.js"
|
|
@@ -15484,9 +15530,11 @@
|
|
|
15484
15530
|
"name": "event",
|
|
15485
15531
|
"type": {
|
|
15486
15532
|
"text": "KeyboardEvent"
|
|
15487
|
-
}
|
|
15533
|
+
},
|
|
15534
|
+
"description": "The keyboard event triggered when a key is pressed down."
|
|
15488
15535
|
}
|
|
15489
15536
|
],
|
|
15537
|
+
"description": "Fires the click event when the enter or space key is pressed.",
|
|
15490
15538
|
"inheritedFrom": {
|
|
15491
15539
|
"name": "ListItem",
|
|
15492
15540
|
"module": "components/listitem/listitem.component.js"
|
|
@@ -15496,6 +15544,7 @@
|
|
|
15496
15544
|
"kind": "method",
|
|
15497
15545
|
"name": "triggerClickEvent",
|
|
15498
15546
|
"privacy": "private",
|
|
15547
|
+
"description": "Triggers a click event on the list item.",
|
|
15499
15548
|
"inheritedFrom": {
|
|
15500
15549
|
"name": "ListItem",
|
|
15501
15550
|
"module": "components/listitem/listitem.component.js"
|
|
@@ -15510,6 +15559,7 @@
|
|
|
15510
15559
|
"text": "void"
|
|
15511
15560
|
}
|
|
15512
15561
|
},
|
|
15562
|
+
"description": "Handles the click event on the list item.\nIf the tooltip is open, it has to be closed first.",
|
|
15513
15563
|
"inheritedFrom": {
|
|
15514
15564
|
"name": "ListItem",
|
|
15515
15565
|
"module": "components/listitem/listitem.component.js"
|
|
@@ -15607,6 +15657,30 @@
|
|
|
15607
15657
|
"name": "ListItem",
|
|
15608
15658
|
"module": "components/listitem/listitem.component.js"
|
|
15609
15659
|
}
|
|
15660
|
+
},
|
|
15661
|
+
{
|
|
15662
|
+
"kind": "method",
|
|
15663
|
+
"name": "stopEventPropagation",
|
|
15664
|
+
"privacy": "protected",
|
|
15665
|
+
"return": {
|
|
15666
|
+
"type": {
|
|
15667
|
+
"text": "void"
|
|
15668
|
+
}
|
|
15669
|
+
},
|
|
15670
|
+
"parameters": [
|
|
15671
|
+
{
|
|
15672
|
+
"name": "event",
|
|
15673
|
+
"type": {
|
|
15674
|
+
"text": "Event"
|
|
15675
|
+
},
|
|
15676
|
+
"description": "The mouse event triggered when a click occurs."
|
|
15677
|
+
}
|
|
15678
|
+
],
|
|
15679
|
+
"description": "Stops the click event from propagating to parent elements. In case of keyboard events,\nit stops the propagation for Enter and Space keys.\nThis is useful when the list item contains controls that\nshould not trigger the click event on the list item itself.",
|
|
15680
|
+
"inheritedFrom": {
|
|
15681
|
+
"name": "ListItem",
|
|
15682
|
+
"module": "components/listitem/listitem.component.js"
|
|
15683
|
+
}
|
|
15610
15684
|
}
|
|
15611
15685
|
],
|
|
15612
15686
|
"events": [
|
|
@@ -16097,6 +16171,11 @@
|
|
|
16097
16171
|
"name": "renderTrailingControls",
|
|
16098
16172
|
"privacy": "protected",
|
|
16099
16173
|
"description": "Renders the trailing controls slot and optionally the trailing arrow icon,\nbased on `arrowPosition` and `arrowDirection`.",
|
|
16174
|
+
"return": {
|
|
16175
|
+
"type": {
|
|
16176
|
+
"text": ""
|
|
16177
|
+
}
|
|
16178
|
+
},
|
|
16100
16179
|
"inheritedFrom": {
|
|
16101
16180
|
"name": "ListItem",
|
|
16102
16181
|
"module": "components/listitem/listitem.component.js"
|
|
@@ -16107,6 +16186,11 @@
|
|
|
16107
16186
|
"name": "renderLeadingControls",
|
|
16108
16187
|
"privacy": "protected",
|
|
16109
16188
|
"description": "Renders the leading controls slot and optionally the leading arrow icon,\nbased on `arrowPosition` and `arrowDirection`.",
|
|
16189
|
+
"return": {
|
|
16190
|
+
"type": {
|
|
16191
|
+
"text": ""
|
|
16192
|
+
}
|
|
16193
|
+
},
|
|
16110
16194
|
"inheritedFrom": {
|
|
16111
16195
|
"name": "ListItem",
|
|
16112
16196
|
"module": "components/listitem/listitem.component.js"
|
|
@@ -16270,9 +16354,11 @@
|
|
|
16270
16354
|
"name": "event",
|
|
16271
16355
|
"type": {
|
|
16272
16356
|
"text": "KeyboardEvent"
|
|
16273
|
-
}
|
|
16357
|
+
},
|
|
16358
|
+
"description": "The keyboard event triggered when a key is pressed down."
|
|
16274
16359
|
}
|
|
16275
16360
|
],
|
|
16361
|
+
"description": "Fires the click event when the enter or space key is pressed.",
|
|
16276
16362
|
"inheritedFrom": {
|
|
16277
16363
|
"name": "ListItem",
|
|
16278
16364
|
"module": "components/listitem/listitem.component.js"
|
|
@@ -16282,6 +16368,7 @@
|
|
|
16282
16368
|
"kind": "method",
|
|
16283
16369
|
"name": "triggerClickEvent",
|
|
16284
16370
|
"privacy": "private",
|
|
16371
|
+
"description": "Triggers a click event on the list item.",
|
|
16285
16372
|
"inheritedFrom": {
|
|
16286
16373
|
"name": "ListItem",
|
|
16287
16374
|
"module": "components/listitem/listitem.component.js"
|
|
@@ -16296,6 +16383,7 @@
|
|
|
16296
16383
|
"text": "void"
|
|
16297
16384
|
}
|
|
16298
16385
|
},
|
|
16386
|
+
"description": "Handles the click event on the list item.\nIf the tooltip is open, it has to be closed first.",
|
|
16299
16387
|
"inheritedFrom": {
|
|
16300
16388
|
"name": "ListItem",
|
|
16301
16389
|
"module": "components/listitem/listitem.component.js"
|
|
@@ -16393,6 +16481,30 @@
|
|
|
16393
16481
|
"name": "ListItem",
|
|
16394
16482
|
"module": "components/listitem/listitem.component.js"
|
|
16395
16483
|
}
|
|
16484
|
+
},
|
|
16485
|
+
{
|
|
16486
|
+
"kind": "method",
|
|
16487
|
+
"name": "stopEventPropagation",
|
|
16488
|
+
"privacy": "protected",
|
|
16489
|
+
"return": {
|
|
16490
|
+
"type": {
|
|
16491
|
+
"text": "void"
|
|
16492
|
+
}
|
|
16493
|
+
},
|
|
16494
|
+
"parameters": [
|
|
16495
|
+
{
|
|
16496
|
+
"name": "event",
|
|
16497
|
+
"type": {
|
|
16498
|
+
"text": "Event"
|
|
16499
|
+
},
|
|
16500
|
+
"description": "The mouse event triggered when a click occurs."
|
|
16501
|
+
}
|
|
16502
|
+
],
|
|
16503
|
+
"description": "Stops the click event from propagating to parent elements. In case of keyboard events,\nit stops the propagation for Enter and Space keys.\nThis is useful when the list item contains controls that\nshould not trigger the click event on the list item itself.",
|
|
16504
|
+
"inheritedFrom": {
|
|
16505
|
+
"name": "ListItem",
|
|
16506
|
+
"module": "components/listitem/listitem.component.js"
|
|
16507
|
+
}
|
|
16396
16508
|
}
|
|
16397
16509
|
],
|
|
16398
16510
|
"events": [
|
|
@@ -16737,6 +16849,11 @@
|
|
|
16737
16849
|
"name": "renderTrailingControls",
|
|
16738
16850
|
"privacy": "protected",
|
|
16739
16851
|
"description": "Renders the trailing controls slot and optionally the trailing arrow icon,\nbased on `arrowPosition` and `arrowDirection`.",
|
|
16852
|
+
"return": {
|
|
16853
|
+
"type": {
|
|
16854
|
+
"text": ""
|
|
16855
|
+
}
|
|
16856
|
+
},
|
|
16740
16857
|
"inheritedFrom": {
|
|
16741
16858
|
"name": "ListItem",
|
|
16742
16859
|
"module": "components/listitem/listitem.component.js"
|
|
@@ -16747,6 +16864,11 @@
|
|
|
16747
16864
|
"name": "renderLeadingControls",
|
|
16748
16865
|
"privacy": "protected",
|
|
16749
16866
|
"description": "Renders the leading controls slot and optionally the leading arrow icon,\nbased on `arrowPosition` and `arrowDirection`.",
|
|
16867
|
+
"return": {
|
|
16868
|
+
"type": {
|
|
16869
|
+
"text": ""
|
|
16870
|
+
}
|
|
16871
|
+
},
|
|
16750
16872
|
"inheritedFrom": {
|
|
16751
16873
|
"name": "ListItem",
|
|
16752
16874
|
"module": "components/listitem/listitem.component.js"
|
|
@@ -16910,9 +17032,11 @@
|
|
|
16910
17032
|
"name": "event",
|
|
16911
17033
|
"type": {
|
|
16912
17034
|
"text": "KeyboardEvent"
|
|
16913
|
-
}
|
|
17035
|
+
},
|
|
17036
|
+
"description": "The keyboard event triggered when a key is pressed down."
|
|
16914
17037
|
}
|
|
16915
17038
|
],
|
|
17039
|
+
"description": "Fires the click event when the enter or space key is pressed.",
|
|
16916
17040
|
"inheritedFrom": {
|
|
16917
17041
|
"name": "ListItem",
|
|
16918
17042
|
"module": "components/listitem/listitem.component.js"
|
|
@@ -16922,6 +17046,7 @@
|
|
|
16922
17046
|
"kind": "method",
|
|
16923
17047
|
"name": "triggerClickEvent",
|
|
16924
17048
|
"privacy": "private",
|
|
17049
|
+
"description": "Triggers a click event on the list item.",
|
|
16925
17050
|
"inheritedFrom": {
|
|
16926
17051
|
"name": "ListItem",
|
|
16927
17052
|
"module": "components/listitem/listitem.component.js"
|
|
@@ -16936,6 +17061,7 @@
|
|
|
16936
17061
|
"text": "void"
|
|
16937
17062
|
}
|
|
16938
17063
|
},
|
|
17064
|
+
"description": "Handles the click event on the list item.\nIf the tooltip is open, it has to be closed first.",
|
|
16939
17065
|
"inheritedFrom": {
|
|
16940
17066
|
"name": "ListItem",
|
|
16941
17067
|
"module": "components/listitem/listitem.component.js"
|
|
@@ -17033,6 +17159,30 @@
|
|
|
17033
17159
|
"name": "ListItem",
|
|
17034
17160
|
"module": "components/listitem/listitem.component.js"
|
|
17035
17161
|
}
|
|
17162
|
+
},
|
|
17163
|
+
{
|
|
17164
|
+
"kind": "method",
|
|
17165
|
+
"name": "stopEventPropagation",
|
|
17166
|
+
"privacy": "protected",
|
|
17167
|
+
"return": {
|
|
17168
|
+
"type": {
|
|
17169
|
+
"text": "void"
|
|
17170
|
+
}
|
|
17171
|
+
},
|
|
17172
|
+
"parameters": [
|
|
17173
|
+
{
|
|
17174
|
+
"name": "event",
|
|
17175
|
+
"type": {
|
|
17176
|
+
"text": "Event"
|
|
17177
|
+
},
|
|
17178
|
+
"description": "The mouse event triggered when a click occurs."
|
|
17179
|
+
}
|
|
17180
|
+
],
|
|
17181
|
+
"description": "Stops the click event from propagating to parent elements. In case of keyboard events,\nit stops the propagation for Enter and Space keys.\nThis is useful when the list item contains controls that\nshould not trigger the click event on the list item itself.",
|
|
17182
|
+
"inheritedFrom": {
|
|
17183
|
+
"name": "ListItem",
|
|
17184
|
+
"module": "components/listitem/listitem.component.js"
|
|
17185
|
+
}
|
|
17036
17186
|
}
|
|
17037
17187
|
],
|
|
17038
17188
|
"events": [
|
|
@@ -20191,9 +20341,11 @@
|
|
|
20191
20341
|
"name": "event",
|
|
20192
20342
|
"type": {
|
|
20193
20343
|
"text": "KeyboardEvent"
|
|
20194
|
-
}
|
|
20344
|
+
},
|
|
20345
|
+
"description": "The keyboard event triggered when a key is pressed down."
|
|
20195
20346
|
}
|
|
20196
20347
|
],
|
|
20348
|
+
"description": "Fires the click event when the enter or space key is pressed.",
|
|
20197
20349
|
"inheritedFrom": {
|
|
20198
20350
|
"name": "ListItem",
|
|
20199
20351
|
"module": "components/listitem/listitem.component.js"
|
|
@@ -20203,6 +20355,7 @@
|
|
|
20203
20355
|
"kind": "method",
|
|
20204
20356
|
"name": "triggerClickEvent",
|
|
20205
20357
|
"privacy": "private",
|
|
20358
|
+
"description": "Triggers a click event on the list item.",
|
|
20206
20359
|
"inheritedFrom": {
|
|
20207
20360
|
"name": "ListItem",
|
|
20208
20361
|
"module": "components/listitem/listitem.component.js"
|
|
@@ -20217,6 +20370,7 @@
|
|
|
20217
20370
|
"text": "void"
|
|
20218
20371
|
}
|
|
20219
20372
|
},
|
|
20373
|
+
"description": "Handles the click event on the list item.\nIf the tooltip is open, it has to be closed first.",
|
|
20220
20374
|
"inheritedFrom": {
|
|
20221
20375
|
"name": "ListItem",
|
|
20222
20376
|
"module": "components/listitem/listitem.component.js"
|
|
@@ -20319,6 +20473,12 @@
|
|
|
20319
20473
|
"kind": "method",
|
|
20320
20474
|
"name": "renderTrailingControls",
|
|
20321
20475
|
"privacy": "protected",
|
|
20476
|
+
"description": "Renders the trailing controls slot.",
|
|
20477
|
+
"return": {
|
|
20478
|
+
"type": {
|
|
20479
|
+
"text": ""
|
|
20480
|
+
}
|
|
20481
|
+
},
|
|
20322
20482
|
"inheritedFrom": {
|
|
20323
20483
|
"name": "ListItem",
|
|
20324
20484
|
"module": "components/listitem/listitem.component.js"
|
|
@@ -20328,6 +20488,36 @@
|
|
|
20328
20488
|
"kind": "method",
|
|
20329
20489
|
"name": "renderLeadingControls",
|
|
20330
20490
|
"privacy": "protected",
|
|
20491
|
+
"description": "Renders the leading controls slot.",
|
|
20492
|
+
"return": {
|
|
20493
|
+
"type": {
|
|
20494
|
+
"text": ""
|
|
20495
|
+
}
|
|
20496
|
+
},
|
|
20497
|
+
"inheritedFrom": {
|
|
20498
|
+
"name": "ListItem",
|
|
20499
|
+
"module": "components/listitem/listitem.component.js"
|
|
20500
|
+
}
|
|
20501
|
+
},
|
|
20502
|
+
{
|
|
20503
|
+
"kind": "method",
|
|
20504
|
+
"name": "stopEventPropagation",
|
|
20505
|
+
"privacy": "protected",
|
|
20506
|
+
"return": {
|
|
20507
|
+
"type": {
|
|
20508
|
+
"text": "void"
|
|
20509
|
+
}
|
|
20510
|
+
},
|
|
20511
|
+
"parameters": [
|
|
20512
|
+
{
|
|
20513
|
+
"name": "event",
|
|
20514
|
+
"type": {
|
|
20515
|
+
"text": "Event"
|
|
20516
|
+
},
|
|
20517
|
+
"description": "The mouse event triggered when a click occurs."
|
|
20518
|
+
}
|
|
20519
|
+
],
|
|
20520
|
+
"description": "Stops the click event from propagating to parent elements. In case of keyboard events,\nit stops the propagation for Enter and Space keys.\nThis is useful when the list item contains controls that\nshould not trigger the click event on the list item itself.",
|
|
20331
20521
|
"inheritedFrom": {
|
|
20332
20522
|
"name": "ListItem",
|
|
20333
20523
|
"module": "components/listitem/listitem.component.js"
|