@m3e/all 1.0.0

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.
@@ -0,0 +1,2092 @@
1
+ {
2
+ "$schema": "https://raw.githubusercontent.com/microsoft/vscode-html-languageservice/main/docs/customData.schema.json",
3
+ "version": 1.1,
4
+ "tags": [
5
+ {
6
+ "name": "m3e-focus-trap",
7
+ "description": "A non-visual element used to trap focus within nested content.\n---\n\n\n### **Slots:**\n - _default_ - Renders content for which to trap focus.",
8
+ "attributes": [
9
+ {
10
+ "name": "disabled",
11
+ "description": "Disables the focus trap.",
12
+ "values": []
13
+ }
14
+ ],
15
+ "references": []
16
+ },
17
+ {
18
+ "name": "m3e-collapsible",
19
+ "description": "A container used to expand and collapse content.\n---\n\n\n### **Events:**\n - **opening** - Emitted when the collapsible begins to open.\n- **opened** - Emitted when the collapsible has opened.\n- **closing** - Emitted when the collapsible begins to close.\n- **closed** - Emitted when the collapsible has closed.\n\n### **Slots:**\n - _default_ - Renders the collapsible content.\n\n### **CSS Properties:**\n - **--m3e-collapsible-animation-duration** - The duration of the expand / collapse animation. _(default: undefined)_",
20
+ "attributes": [
21
+ {
22
+ "name": "open",
23
+ "description": "Whether content is visible.",
24
+ "values": []
25
+ }
26
+ ],
27
+ "references": []
28
+ },
29
+ {
30
+ "name": "m3e-elevation",
31
+ "description": "Visually depicts elevation using a shadow.\n---\n\n\n### **Methods:**\n - **attach(control: _HTMLElement_): _void_** - Attaches the element to an interactive control.\n- **detach(): _void_** - Detaches the element from its current interactive control.\n\n### **CSS Properties:**\n - **--m3e-elevation-color** - Color used to depict elevation. _(default: undefined)_\n- **--m3e-elevation-lift-duration** - Duration when lifting. _(default: undefined)_\n- **--m3e-elevation-lift-easing** - Easing curve when lifting. _(default: undefined)_\n- **--m3e-elevation-settle-duration** - Duration when settling. _(default: undefined)_\n- **--m3e-elevation-settle-easing** - Easing curve when settling. _(default: undefined)_\n- **--m3e-elevation-level** - Elevation when resting (box-shadow). _(default: undefined)_\n- **--m3e-elevation-hover-level** - Elevation on hover (box-shadow). _(default: undefined)_\n- **--m3e-elevation-focus-level** - Elevation on focus (box-shadow). _(default: undefined)_\n- **--m3e-elevation-pressed-level** - Elevation on pressed (box-shadow). _(default: undefined)_",
32
+ "attributes": [
33
+ {
34
+ "name": "disabled",
35
+ "description": "Whether hover and press events will not trigger changes in elevation, when attached to an interactive element.",
36
+ "values": []
37
+ },
38
+ {
39
+ "name": "for",
40
+ "description": "The identifier of the interactive control to which this element is attached.",
41
+ "values": []
42
+ },
43
+ {
44
+ "name": "level",
45
+ "description": "The level at which to visually depict elevation.",
46
+ "values": [{ "name": "ElevationLevel" }]
47
+ }
48
+ ],
49
+ "references": []
50
+ },
51
+ {
52
+ "name": "m3e-focus-ring",
53
+ "description": "A focus ring used to depict a strong focus indicator.\n---\n\n\n### **Methods:**\n - **show(): _void_** - Launches a manual focus ring.\n- **hide(): _void_** - Hides the focus ring.\n- **attach(control: _HTMLElement_): _void_** - Attaches the element to an interactive control.\n- **detach(): _void_** - Detaches the element from its current interactive control.\n\n### **CSS Properties:**\n - **--m3e-focus-ring-color** - The color of the focus ring. _(default: undefined)_\n- **--m3e-focus-ring-duration** - The duration of the focus ring animation. _(default: undefined)_\n- **--m3e-focus-ring-growth-factor** - The factor by which the focus ring grows. _(default: undefined)_\n- **--m3e-focus-ring-thickness** - The thickness of the focus ring. _(default: undefined)_\n- **--m3e-focus-ring-visibility** - The visibility of the focus ring. _(default: undefined)_",
54
+ "attributes": [
55
+ {
56
+ "name": "disabled",
57
+ "description": "Whether the focus events will not trigger the focus ring.\r\nFocus rings can be still controlled manually by using the `show` and `hide` methods.",
58
+ "values": []
59
+ },
60
+ {
61
+ "name": "inward",
62
+ "description": "Whether the focus ring animates inward instead of outward.",
63
+ "values": []
64
+ },
65
+ {
66
+ "name": "for",
67
+ "description": "The identifier of the interactive control to which this element is attached.",
68
+ "values": []
69
+ }
70
+ ],
71
+ "references": []
72
+ },
73
+ {
74
+ "name": "m3e-pseudo-checkbox",
75
+ "description": "An element which looks like a checkbox.\n---\n\n\n### **CSS Properties:**\n - **--m3e-checkbox-icon-size** - Size of the checkbox icon. _(default: undefined)_\n- **--m3e-checkbox-container-shape** - Border radius of the checkbox container. _(default: undefined)_\n- **--m3e-checkbox-unselected-outline-thickness** - Outline thickness for unselected state. _(default: undefined)_\n- **--m3e-checkbox-unselected-outline-color** - Outline color for unselected state. _(default: undefined)_\n- **--m3e-checkbox-selected-container-color** - Background color for selected state. _(default: undefined)_\n- **--m3e-checkbox-selected-icon-color** - Icon color for selected state. _(default: undefined)_\n- **--m3e-checkbox-unselected-disabled-outline-color** - Outline color for unselected disabled state. _(default: undefined)_\n- **--m3e-checkbox-unselected-disabled-outline-opacity** - Outline opacity for unselected disabled state. _(default: undefined)_\n- **--m3e-checkbox-selected-disabled-container-color** - Background color for selected disabled state. _(default: undefined)_\n- **--m3e-checkbox-selected-disabled-container-opacity** - Background opacity for selected disabled state. _(default: undefined)_\n- **--m3e-checkbox-selected-disabled-icon-color** - Icon color for selected disabled state. _(default: undefined)_\n- **--m3e-checkbox-selected-disabled-icon-opacity** - Icon opacity for selected disabled state. _(default: undefined)_",
76
+ "attributes": [
77
+ {
78
+ "name": "checked",
79
+ "description": "A value indicating whether the element is checked.",
80
+ "values": []
81
+ },
82
+ {
83
+ "name": "disabled",
84
+ "description": "A value indicating whether the element is disabled.",
85
+ "values": []
86
+ },
87
+ {
88
+ "name": "indeterminate",
89
+ "description": "A value indicating whether the element's checked state is indeterminate.",
90
+ "values": []
91
+ }
92
+ ],
93
+ "references": []
94
+ },
95
+ {
96
+ "name": "m3e-pseudo-radio",
97
+ "description": "An element which looks like a radio button.\n---\n\n\n### **CSS Properties:**\n - **--m3e-radio-icon-size** - Size of the radio icon. _(default: undefined)_\n- **--m3e-radio-unselected-icon-color** - Color of the unselected radio icon. _(default: undefined)_\n- **--m3e-radio-selected-icon-color** - Color of the selected radio icon. _(default: undefined)_\n- **--m3e-radio-disabled-icon-color** - Color of the disabled radio icon. _(default: undefined)_",
98
+ "attributes": [
99
+ {
100
+ "name": "checked",
101
+ "description": "A value indicating whether the element is checked.",
102
+ "values": []
103
+ },
104
+ {
105
+ "name": "disabled",
106
+ "description": "A value indicating whether the element is disabled.",
107
+ "values": []
108
+ }
109
+ ],
110
+ "references": []
111
+ },
112
+ {
113
+ "name": "m3e-ripple",
114
+ "description": "Connects user input to screen reactions using ripples.\n---\n\n\n### **Methods:**\n - **show(x: _number_, y: _number_, persistent: _boolean_): _void_** - Launches a manual ripple.\n- **hide(): _void_** - Manually hides the ripple.\n- **attach(control: _HTMLElement_): _void_** - Attaches the element to an interactive control.\n- **detach(): _void_** - Detaches the element from its current interactive control.\n\n### **CSS Properties:**\n - **--m3e-ripple-color** - The color of the ripple. _(default: undefined)_\n- **--m3e-ripple-enter-duration** - The duration for the enter animation (expansion from point of contact). _(default: undefined)_\n- **--m3e-ripple-exit-duration** - The duration for the exit animation (fade-out). _(default: undefined)_\n- **--m3e-ripple-opacity** - The opacity of the ripple. _(default: undefined)_\n- **--m3e-ripple-scale-factor** - The factor by which to scale the ripple. _(default: undefined)_\n- **--m3e-ripple-shape** - The shape of the ripple. _(default: undefined)_",
115
+ "attributes": [
116
+ {
117
+ "name": "centered",
118
+ "description": "Whether the ripple always originates from the center of the element's bounds, rather\r\nthan originating from the location of the click event.",
119
+ "values": []
120
+ },
121
+ {
122
+ "name": "disable-enter",
123
+ "description": "Whether the ripple is disabled when the enter key is pressed.",
124
+ "values": []
125
+ },
126
+ {
127
+ "name": "disabled",
128
+ "description": "Whether click events will not trigger the ripple.\r\nRipples can be still controlled manually by using the `show` and 'hide' methods.",
129
+ "values": []
130
+ },
131
+ {
132
+ "name": "for",
133
+ "description": "The identifier of the interactive control to which this element is attached.",
134
+ "values": []
135
+ },
136
+ {
137
+ "name": "radius",
138
+ "description": "The radius, in pixels, of the ripple.",
139
+ "values": []
140
+ },
141
+ {
142
+ "name": "unbounded",
143
+ "description": "Whether the ripple is visible outside the element's bounds.",
144
+ "values": []
145
+ },
146
+ {
147
+ "name": "trigger",
148
+ "description": "The element that triggers the ripple when click events are received.",
149
+ "values": [{ "name": "HTMLElement" }]
150
+ }
151
+ ],
152
+ "references": []
153
+ },
154
+ {
155
+ "name": "m3e-scroll-container",
156
+ "description": "A vertically oriented content container which presents dividers above and below content when scrolled.\n---\n\n\n### **Slots:**\n - _default_ - Renders the scrollable content.\n\n### **CSS Properties:**\n - **--m3e-divider-thickness** - Thickness of the divider lines above and below content. _(default: undefined)_\n- **--m3e-divider-color** - Color of the divider lines when visible. _(default: undefined)_\n- **--m3e-focus-ring-color** - Color of the focus ring outline. _(default: undefined)_\n- **--m3e-focus-ring-thickness** - Thickness of the focus ring outline. _(default: undefined)_\n- **--m3e-focus-ring-factor** - Animation factor for focus ring thickness. _(default: undefined)_\n- **--m3e-focus-ring-duration** - Duration of the focus ring animation. _(default: undefined)_",
157
+ "attributes": [
158
+ {
159
+ "name": "dividers",
160
+ "description": "The dividers used to separate scrollable content.",
161
+ "values": [{ "name": "ScrollDividers" }]
162
+ },
163
+ {
164
+ "name": "thin",
165
+ "description": "Whether to present thin scrollbars.",
166
+ "values": []
167
+ }
168
+ ],
169
+ "references": []
170
+ },
171
+ {
172
+ "name": "m3e-slide",
173
+ "description": "A carousel-like container used to horizontally cycle through slotted items.\n---\n\n\n### **CSS Properties:**\n - **--m3e-slide-animation-duration** - The duration of transitions between slotted items. _(default: undefined)_",
174
+ "attributes": [
175
+ {
176
+ "name": "selected-index",
177
+ "description": "The zero-based index of the visible item.",
178
+ "values": []
179
+ }
180
+ ],
181
+ "references": []
182
+ },
183
+ {
184
+ "name": "m3e-state-layer",
185
+ "description": "Provides focus and hover state layer treatment for an interactive element.\n---\n\n\n### **Methods:**\n - **show(state: _\"hover\" | \"focused\"_): _void_** - Launches a manual state layer.\n- **hide(state: _\"hover\" | \"focused\"_): _void_** - Hides the state layer.\n- **attach(control: _HTMLElement_): _void_** - Attaches the element to an interactive control.\n- **detach(): _void_** - Detaches the element from its current interactive control.\n\n### **CSS Properties:**\n - **--m3e-state-layer-duration** - Duration of state layer changes. _(default: undefined)_\n- **--m3e-state-layer-easing** - Easing curve of state layer changes. _(default: undefined)_\n- **--m3e-state-layer-focus-color** - Color on hover. _(default: undefined)_\n- **--m3e-state-layer-focus-opacity** - Opacity on focus. _(default: undefined)_\n- **--m3e-state-layer-hover-color** - Color on hover. _(default: undefined)_\n- **--m3e-state-layer-hover-opacity** - Opacity on hover. _(default: undefined)_",
186
+ "attributes": [
187
+ {
188
+ "name": "disabled",
189
+ "description": "Whether hover and focus event will not trigger the state layer. State layers can still\r\nbe controlled manually using the `show` and `hide` methods.",
190
+ "values": []
191
+ },
192
+ {
193
+ "name": "for",
194
+ "description": "The identifier of the interactive control to which this element is attached.",
195
+ "values": []
196
+ }
197
+ ],
198
+ "references": []
199
+ },
200
+ {
201
+ "name": "m3e-text-highlight",
202
+ "description": "Highlights text which matches a given search term.\n---\n\n\n### **Events:**\n - **highlight** - Emitted when content is highlighted.\n\n### **Slots:**\n - _default_ - Renders the content to highlight.\n\n### **CSS Properties:**\n - **--m3e-text-highlight-container-color** - Background color applied to highlighted text ranges. _(default: undefined)_\n- **--m3e-text-highlight-color** - Foreground color of highlighted text content. _(default: undefined)_\n- **--m3e-text-highlight-decoration** - Optional text decoration (e.g., underline, line-through) for highlighted text. _(default: undefined)_\n- **--m3e-text-highlight-shadow** - Optional text shadow for emphasis or contrast. _(default: undefined)_",
203
+ "attributes": [
204
+ {
205
+ "name": "case-sensitive",
206
+ "description": "A value indicating whether matching is case sensitive.",
207
+ "values": []
208
+ },
209
+ {
210
+ "name": "disabled",
211
+ "description": "A value indicating whether text highlighting is disabled.",
212
+ "values": []
213
+ },
214
+ {
215
+ "name": "term",
216
+ "description": "The term to highlight.",
217
+ "values": []
218
+ }
219
+ ],
220
+ "references": []
221
+ },
222
+ {
223
+ "name": "m3e-text-overflow",
224
+ "description": "An inline container which presents an ellipsis when content overflows.\n---\n\n\n### **Slots:**\n - _default_ - Renders the content to truncate with an ellipsis.",
225
+ "attributes": [],
226
+ "references": []
227
+ },
228
+ {
229
+ "name": "m3e-app-bar",
230
+ "description": "A bar, placed a the top of a screen, used to help users navigate through an application.\n---\n\n\n### **Methods:**\n - **attach(control: _HTMLElement_): _void_** - Attaches the element to an interactive control.\n- **detach(): _void_** - Detaches the element from its current interactive control.\n\n### **Slots:**\n - **leading-icon** - Renders a leading icon.\n- **subtitle** - Renders the subtitle.\n- **title** - Renders the title.\n- **trailing-icon** - Renders a trailing icon.\n\n### **CSS Properties:**\n - **--m3e-app-bar-container-color** - Background color of the app bar container. _(default: undefined)_\n- **--m3e-app-bar-container-color-on-scroll** - Background color of the app bar container when scrolled. _(default: undefined)_\n- **--m3e-app-bar-container-elevation** - Elevation (shadow) of the app bar container. _(default: undefined)_\n- **--m3e-app-bar-container-elevation-on-scroll** - Elevation (shadow) of the app bar container when scrolled. _(default: undefined)_\n- **--m3e-app-bar-title-text-color** - Color of the app bar title text. _(default: undefined)_\n- **--m3e-app-bar-subtitle-text-color** - Color of the app bar subtitle text. _(default: undefined)_\n- **--m3e-app-bar-padding-left** - Left padding for the app bar container. _(default: undefined)_\n- **--m3e-app-bar-padding-right** - Right padding for the app bar container. _(default: undefined)_\n- **--m3e-app-bar-small-container-height** - Height of the small app bar container. _(default: undefined)_\n- **--m3e-app-bar-small-title-text-font-size** - Font size for the small app bar title text. _(default: undefined)_\n- **--m3e-app-bar-small-title-text-font-weight** - Font weight for the small app bar title text. _(default: undefined)_\n- **--m3e-app-bar-small-title-text-line-height** - Line height for the small app bar title text. _(default: undefined)_\n- **--m3e-app-bar-small-subtitle-text-tracking** - Letter spacing (tracking) for the small app bar title text. _(default: undefined)_\n- **--m3e-app-bar-small-subtitle-text-font-size** - Font size for the small app bar subtitle text. _(default: undefined)_\n- **--m3e-app-bar-small-subtitle-text-font-weight** - Font weight for the small app bar subtitle text. _(default: undefined)_\n- **--m3e-app-bar-small-subtitle-text-line-height** - Line height for the small app bar subtitle text. _(default: undefined)_\n- **--m3e-app-bar-small-subtitle-text-tracking** - Letter spacing (tracking) for the small app bar subtitle text. _(default: undefined)_\n- **--m3e-app-bar-small-heading-padding-left** - Left padding for the small app bar heading. _(default: undefined)_\n- **--m3e-app-bar-small-heading-padding-right** - Right padding for the small app bar heading. _(default: undefined)_\n- **--m3e-app-bar-medium-container-height** - Height of the medium app bar container. _(default: undefined)_\n- **--m3e-app-bar-medium-container-height-with-subtitle** - Height of the medium app bar container with subtitle. _(default: undefined)_\n- **--m3e-app-bar-medium-title-text-font-size** - Font size for the medium app bar title text. _(default: undefined)_\n- **--m3e-app-bar-medium-title-text-font-weight** - Font weight for the medium app bar title text. _(default: undefined)_\n- **--m3e-app-bar-medium-title-text-line-height** - Line height for the medium app bar title text. _(default: undefined)_\n- **--m3e-app-bar-medium-subtitle-text-tracking** - Letter spacing (tracking) for the medium app bar title text. _(default: undefined)_\n- **--m3e-app-bar-medium-subtitle-text-font-size** - Font size for the medium app bar subtitle text. _(default: undefined)_\n- **--m3e-app-bar-medium-subtitle-text-font-weight** - Font weight for the medium app bar subtitle text. _(default: undefined)_\n- **--m3e-app-bar-medium-subtitle-text-line-height** - Line height for the medium app bar subtitle text. _(default: undefined)_\n- **--m3e-app-bar-medium-subtitle-text-tracking** - Letter spacing (tracking) for the medium app bar subtitle text. _(default: undefined)_\n- **--m3e-app-bar-medium-heading-padding-left** - Left padding for the medium app bar heading. _(default: undefined)_\n- **--m3e-app-bar-medium-heading-padding-right** - Right padding for the medium app bar heading. _(default: undefined)_\n- **--m3e-app-bar-medium-padding-top** - Top padding for the medium app bar. _(default: undefined)_\n- **--m3e-app-bar-medium-padding-bottom** - Bottom padding for the medium app bar. _(default: undefined)_\n- **--m3e-app-bar-medium-title-max-lines** - Maximum number of lines for the medium app bar title. _(default: undefined)_\n- **--m3e-app-bar-medium-subtitle-max-lines** - Maximum number of lines for the medium app bar subtitle. _(default: undefined)_\n- **--m3e-app-bar-large-container-height** - Height of the large app bar container. _(default: undefined)_\n- **--m3e-app-bar-large-container-height-with-subtitle** - Height of the large app bar container with subtitle. _(default: undefined)_\n- **--m3e-app-bar-large-title-text-font-size** - Font size for the large app bar title text. _(default: undefined)_\n- **--m3e-app-bar-large-title-text-font-weight** - Font weight for the large app bar title text. _(default: undefined)_\n- **--m3e-app-bar-large-title-text-line-height** - Line height for the large app bar title text. _(default: undefined)_\n- **--m3e-app-bar-large-subtitle-text-tracking** - Letter spacing (tracking) for the large app bar title text. _(default: undefined)_\n- **--m3e-app-bar-large-subtitle-text-font-size** - Font size for the large app bar subtitle text. _(default: undefined)_\n- **--m3e-app-bar-large-subtitle-text-font-weight** - Font weight for the large app bar subtitle text. _(default: undefined)_\n- **--m3e-app-bar-large-subtitle-text-line-height** - Line height for the large app bar subtitle text. _(default: undefined)_\n- **--m3e-app-bar-large-subtitle-text-tracking** - Letter spacing (tracking) for the large app bar subtitle text. _(default: undefined)_\n- **--m3e-app-bar-large-heading-padding-left** - Left padding for the large app bar heading. _(default: undefined)_\n- **--m3e-app-bar-large-heading-padding-right** - Right padding for the large app bar heading. _(default: undefined)_\n- **--m3e-app-bar-large-padding-top** - Top padding for the large app bar. _(default: undefined)_\n- **--m3e-app-bar-large-padding-bottom** - Bottom padding for the large app bar. _(default: undefined)_\n- **--m3e-app-bar-large-title-max-lines** - Maximum number of lines for the large app bar title. _(default: undefined)_\n- **--m3e-app-bar-large-subtitle-max-lines** - Maximum number of lines for the large app bar subtitle. _(default: undefined)_",
231
+ "attributes": [
232
+ {
233
+ "name": "centered",
234
+ "description": "Whether the title and subtitle are centered.",
235
+ "values": []
236
+ },
237
+ {
238
+ "name": "for",
239
+ "description": "The identifier of the interactive control to which this element is attached.",
240
+ "values": []
241
+ },
242
+ {
243
+ "name": "size",
244
+ "description": "The size of the bar.",
245
+ "values": [{ "name": "AppBarSize" }]
246
+ }
247
+ ],
248
+ "references": []
249
+ },
250
+ {
251
+ "name": "m3e-badge",
252
+ "description": "A visual indicator used to label content.\n---\n\n\n### **Methods:**\n - **detach(): _void_** - Detaches the element from its current interactive control.\n- **attach(control: _HTMLElement_): _void_** - Attaches the element to an interactive control.\n\n### **Slots:**\n - _default_ - Renders the content of the badge.\n\n### **CSS Properties:**\n - **--m3e-badge-shape** - Corner radius of the badge. _(default: undefined)_\n- **--m3e-badge-color** - Foreground color of badge content. _(default: undefined)_\n- **--m3e-badge-container-color** - Background color of the badge. _(default: undefined)_\n- **--m3e-badge-small-size** - Fixed dimensions for small badge. Used for minimal indicators (e.g. dot). _(default: undefined)_\n- **--m3e-badge-medium-size** - Height and min-width for medium badge. _(default: undefined)_\n- **--m3e-badge-medium-font-size** - Font size for medium badge label. _(default: undefined)_\n- **--m3e-badge-medium-font-weight** - Font weight for medium badge label. _(default: undefined)_\n- **--m3e-badge-medium-line-height** - Line height for medium badge label. _(default: undefined)_\n- **--m3e-badge-medium-tracking** - Letter spacing for medium badge label. _(default: undefined)_\n- **--m3e-badge-large-size** - Height and min-width for large badge. _(default: undefined)_\n- **--m3e-badge-large-font-size** - Font size for large badge label. _(default: undefined)_\n- **--m3e-badge-large-font-weight** - Font weight for large badge label. _(default: undefined)_\n- **--m3e-badge-large-line-height** - Line height for large badge label. _(default: undefined)_\n- **--m3e-badge-large-tracking** - Letter spacing for large badge label. _(default: undefined)_",
253
+ "attributes": [
254
+ {
255
+ "name": "size",
256
+ "description": "The size of the badge.",
257
+ "values": [{ "name": "BadgeSize" }]
258
+ },
259
+ {
260
+ "name": "position",
261
+ "description": "The position of the badge, when attached to another element.",
262
+ "values": [{ "name": "BadgePosition" }]
263
+ },
264
+ {
265
+ "name": "for",
266
+ "description": "The identifier of the interactive control to which this element is attached.",
267
+ "values": []
268
+ }
269
+ ],
270
+ "references": []
271
+ },
272
+ {
273
+ "name": "m3e-button",
274
+ "description": "A button users interact with to perform an action.\n---\n\n\n### **Events:**\n - **input** - Dispatched when a toggle button's selected state changes.\n- **change** - Dispatched when a toggle button's selected state changes.\n- **click** - Emitted when the element is clicked.\n\n### **Slots:**\n - _default_ - Renders the label of the button.\n- **icon** - Renders an icon before the button's label.\n- **selected** - Renders the label of the button, when selected.\n- **selected-icon** - Renders an icon before the button's label, when selected.\n- **trailing-icon** - Renders an icon after the button's label.\n\n### **CSS Properties:**\n - **--m3e-button-extra-small-container-height** - Height of the button container, for the extra-small size variant. _(default: undefined)_\n- **--m3e-button-extra-small-outline-thickness** - Thickness of the button outline, for the extra-small size variant. _(default: undefined)_\n- **--m3e-button-extra-small-label-text-font-size** - Font size for the label text, for the extra-small size variant. _(default: undefined)_\n- **--m3e-button-extra-small-label-text-font-weight** - Font weight for the label text, for the extra-small size variant. _(default: undefined)_\n- **--m3e-button-extra-small-label-text-line-height** - Line height for the label text, for the extra-small size variant. _(default: undefined)_\n- **--m3e-button-extra-small-label-text-tracking** - Letter tracking for the label text, for the extra-small size variant. _(default: undefined)_\n- **--m3e-button-extra-small-icon-size** - Size of the icon, for the extra-small size variant. _(default: undefined)_\n- **--m3e-button-extra-small-shape-round** - Corner radius for round shape, for the extra-small size variant. _(default: undefined)_\n- **--m3e-button-extra-small-shape-square** - Corner radius for square shape, for the extra-small size variant. _(default: undefined)_\n- **--m3e-button-extra-small-selected-shape-round** - Corner radius when selected (round), for the extra-small size variant. _(default: undefined)_\n- **--m3e-button-extra-small-selected-shape-square** - Corner radius when selected (square), for the extra-small size variant. _(default: undefined)_\n- **--m3e-button-extra-small-shape-pressed-morph** - Corner radius when pressed, for the extra-small size variant. _(default: undefined)_\n- **--m3e-button-extra-small-leading-space** - Space before icon or label, for the extra-small size variant. _(default: undefined)_\n- **--m3e-button-extra-small-trailing-space** - Space after icon or label, for the extra-small size variant. _(default: undefined)_\n- **--m3e-button-extra-small-icon-label-space** - Space between icon and label, for the extra-small size variant. _(default: undefined)_\n- **--m3e-button-small-container-height** - Height of the button container, for the small size variant. _(default: undefined)_\n- **--m3e-button-small-outline-thickness** - Thickness of the button outline, for the small size variant. _(default: undefined)_\n- **--m3e-button-small-label-text-font-size** - Font size for the label text, for the small size variant. _(default: undefined)_\n- **--m3e-button-small-label-text-font-weight** - Font weight for the label text, for the small size variant. _(default: undefined)_\n- **--m3e-button-small-label-text-line-height** - Line height for the label text, for the small size variant. _(default: undefined)_\n- **--m3e-button-small-label-text-tracking** - Letter tracking for the label text, for the small size variant. _(default: undefined)_\n- **--m3e-button-small-icon-size** - Size of the icon, for the small size variant. _(default: undefined)_\n- **--m3e-button-small-shape-round** - Corner radius for round shape, for the small size variant. _(default: undefined)_\n- **--m3e-button-small-shape-square** - Corner radius for square shape, for the small size variant. _(default: undefined)_\n- **--m3e-button-small-selected-shape-round** - Corner radius when selected (round), for the small size variant. _(default: undefined)_\n- **--m3e-button-small-selected-shape-square** - Corner radius when selected (square), for the small size variant. _(default: undefined)_\n- **--m3e-button-small-shape-pressed-morph** - Corner radius when pressed, for the small size variant. _(default: undefined)_\n- **--m3e-button-small-leading-space** - Space before icon or label, for the small size variant. _(default: undefined)_\n- **--m3e-button-small-trailing-space** - Space after icon or label, for the small size variant. _(default: undefined)_\n- **--m3e-button-small-icon-label-space** - Space between icon and label, for the small size variant. _(default: undefined)_\n- **--m3e-button-medium-container-height** - Height of the button container, for the medium size variant. _(default: undefined)_\n- **--m3e-button-medium-outline-thickness** - Thickness of the button outline, for the medium size variant. _(default: undefined)_\n- **--m3e-button-medium-label-text-font-size** - Font size for the label text, for the medium size variant. _(default: undefined)_\n- **--m3e-button-medium-label-text-font-weight** - Font weight for the label text, for the medium size variant. _(default: undefined)_\n- **--m3e-button-medium-label-text-line-height** - Line height for the label text, for the medium size variant. _(default: undefined)_\n- **--m3e-button-medium-label-text-tracking** - Letter tracking for the label text, for the medium size variant. _(default: undefined)_\n- **--m3e-button-medium-icon-size** - Size of the icon, for the medium size variant. _(default: undefined)_\n- **--m3e-button-medium-shape-round** - Corner radius for round shape, for the medium size variant. _(default: undefined)_\n- **--m3e-button-medium-shape-square** - Corner radius for square shape, for the medium size variant. _(default: undefined)_\n- **--m3e-button-medium-selected-shape-round** - Corner radius when selected (round), for the medium size variant. _(default: undefined)_\n- **--m3e-button-medium-selected-shape-square** - Corner radius when selected (square), for the medium size variant. _(default: undefined)_\n- **--m3e-button-medium-shape-pressed-morph** - Corner radius when pressed, for the medium size variant. _(default: undefined)_\n- **--m3e-button-medium-leading-space** - Space before icon or label, for the medium size variant. _(default: undefined)_\n- **--m3e-button-medium-trailing-space** - Space after icon or label, for the medium size variant. _(default: undefined)_\n- **--m3e-button-medium-icon-label-space** - Space between icon and label, for the medium size variant. _(default: undefined)_\n- **--m3e-button-large-container-height** - Height of the button container, for the large size variant. _(default: undefined)_\n- **--m3e-button-large-outline-thickness** - Thickness of the button outline, for the large size variant. _(default: undefined)_\n- **--m3e-button-large-label-text-font-size** - Font size for the label text, for the large size variant. _(default: undefined)_\n- **--m3e-button-large-label-text-font-weight** - Font weight for the label text, for the large size variant. _(default: undefined)_\n- **--m3e-button-large-label-text-line-height** - Line height for the label text, for the large size variant. _(default: undefined)_\n- **--m3e-button-large-label-text-tracking** - Letter tracking for the label text, for the large size variant. _(default: undefined)_\n- **--m3e-button-large-icon-size** - Size of the icon, for the large size variant. _(default: undefined)_\n- **--m3e-button-large-shape-round** - Corner radius for round shape, for the large size variant. _(default: undefined)_\n- **--m3e-button-large-shape-square** - Corner radius for square shape, for the large size variant. _(default: undefined)_\n- **--m3e-button-large-selected-shape-round** - Corner radius when selected (round), for the large size variant. _(default: undefined)_\n- **--m3e-button-large-selected-shape-square** - Corner radius when selected (square), for the large size variant. _(default: undefined)_\n- **--m3e-button-large-shape-pressed-morph** - Corner radius when pressed, for the large size variant. _(default: undefined)_\n- **--m3e-button-large-leading-space** - Space before icon or label, for the large size variant. _(default: undefined)_\n- **--m3e-button-large-trailing-space** - Space after icon or label, for the large size variant. _(default: undefined)_\n- **--m3e-button-large-icon-label-space** - Space between icon and label, for the large size variant. _(default: undefined)_\n- **--m3e-button-extra-large-container-height** - Height of the button container, for the extra-large size variant. _(default: undefined)_\n- **--m3e-button-extra-large-outline-thickness** - Thickness of the button outline, for the extra-large size variant. _(default: undefined)_\n- **--m3e-button-extra-large-label-text-font-size** - Font size for the label text, for the extra-large size variant. _(default: undefined)_\n- **--m3e-button-extra-large-label-text-font-weight** - Font weight for the label text, for the extra-large size variant. _(default: undefined)_\n- **--m3e-button-extra-large-label-text-line-height** - Line height for the label text, for the extra-large size variant. _(default: undefined)_\n- **--m3e-button-extra-large-label-text-tracking** - Letter tracking for the label text, for the extra-large size variant. _(default: undefined)_\n- **--m3e-button-extra-large-icon-size** - Size of the icon, for the extra-large size variant. _(default: undefined)_\n- **--m3e-button-extra-large-shape-round** - Corner radius for round shape, for the extra-large size variant. _(default: undefined)_\n- **--m3e-button-extra-large-shape-square** - Corner radius for square shape, for the extra-large size variant. _(default: undefined)_\n- **--m3e-button-extra-large-selected-shape-round** - Corner radius when selected (round), for the extra-large size variant. _(default: undefined)_\n- **--m3e-button-extra-large-selected-shape-square** - Corner radius when selected (square), for the extra-large size variant. _(default: undefined)_\n- **--m3e-button-extra-large-shape-pressed-morph** - Corner radius when pressed, for the extra-large size variant. _(default: undefined)_\n- **--m3e-button-extra-large-leading-space** - Space before icon or label, for the extra-large size variant. _(default: undefined)_\n- **--m3e-button-extra-large-trailing-space** - Space after icon or label, for the extra-large size variant. _(default: undefined)_\n- **--m3e-button-extra-large-icon-label-space** - Space between icon and label, for the extra-large size variant. _(default: undefined)_\n- **--m3e-elevated-button-label-text-color** - Label color, for the elevated variant. _(default: undefined)_\n- **--m3e-elevated-button-icon-color** - Icon color, for the elevated variant. _(default: undefined)_\n- **--m3e-elevated-button-container-color** - Container background color, for the elevated variant. _(default: undefined)_\n- **--m3e-elevated-button-container-elevation** - Elevation, for the elevated variant. _(default: undefined)_\n- **--m3e-elevated-button-unselected-label-text-color** - Unselected label color, for the elevated variant. _(default: undefined)_\n- **--m3e-elevated-button-unselected-icon-color** - Unselected icon color, for the elevated variant. _(default: undefined)_\n- **--m3e-elevated-button-unselected-container-color** - Unselected container color, for the elevated variant. _(default: undefined)_\n- **--m3e-elevated-button-selected-label-text-color** - Selected label color, for the elevated variant. _(default: undefined)_\n- **--m3e-elevated-button-selected-icon-color** - Selected icon color, for the elevated variant. _(default: undefined)_\n- **--m3e-elevated-button-selected-container-color** - Selected container color, for the elevated variant. _(default: undefined)_\n- **--m3e-elevated-button-disabled-container-color** - Disabled container color, for the elevated variant. _(default: undefined)_\n- **--m3e-elevated-button-disabled-container-opacity** - Disabled container opacity, for the elevated variant. _(default: undefined)_\n- **--m3e-elevated-button-disabled-icon-color** - Disabled icon color, for the elevated variant. _(default: undefined)_\n- **--m3e-elevated-button-disabled-icon-opacity** - Disabled icon opacity, for the elevated variant. _(default: undefined)_\n- **--m3e-elevated-button-disabled-label-text-color** - Disabled label color, for the elevated variant. _(default: undefined)_\n- **--m3e-elevated-button-disabled-label-text-opacity** - Disabled label opacity, for the elevated variant. _(default: undefined)_\n- **--m3e-elevated-button-disabled-container-elevation** - Disabled elevation, for the elevated variant. _(default: undefined)_\n- **--m3e-elevated-button-hover-icon-color** - Hover icon color, for the elevated variant. _(default: undefined)_\n- **--m3e-elevated-button-hover-label-text-color** - Hover label color, for the elevated variant. _(default: undefined)_\n- **--m3e-elevated-button-hover-state-layer-color** - Hover state layer color, for the elevated variant. _(default: undefined)_\n- **--m3e-elevated-button-hover-state-layer-opacity** - Hover state layer opacity, for the elevated variant. _(default: undefined)_\n- **--m3e-elevated-button-hover-container-elevation** - Hover elevation, for the elevated variant. _(default: undefined)_\n- **--m3e-elevated-button-hover-unselected-icon-color** - Hover unselected icon color, for the elevated variant. _(default: undefined)_\n- **--m3e-elevated-button-hover-unselected-label-text-color** - Hover unselected label color, for the elevated variant. _(default: undefined)_\n- **--m3e-elevated-button-hover-unselected-state-layer-color** - Hover unselected state layer color, for the elevated variant. _(default: undefined)_\n- **--m3e-elevated-button-hover-selected-icon-color** - Hover selected icon color, for the elevated variant. _(default: undefined)_\n- **--m3e-elevated-button-hover-selected-label-text-color** - Hover selected label color, for the elevated variant. _(default: undefined)_\n- **--m3e-elevated-button-hover-selected-state-layer-color** - Hover selected state layer color, for the elevated variant. _(default: undefined)_\n- **--m3e-elevated-button-focus-icon-color** - Focus icon color, for the elevated variant. _(default: undefined)_\n- **--m3e-elevated-button-focus-label-text-color** - Focus label color, for the elevated variant. _(default: undefined)_\n- **--m3e-elevated-button-focus-state-layer-color** - Focus state layer color, for the elevated variant. _(default: undefined)_\n- **--m3e-elevated-button-focus-state-layer-opacity** - Focus state layer opacity, for the elevated variant. _(default: undefined)_\n- **--m3e-elevated-button-focus-container-elevation** - Focus elevation, for the elevated variant. _(default: undefined)_\n- **--m3e-elevated-button-focus-unselected-label-text-color** - Focus unselected label color, for the elevated variant. _(default: undefined)_\n- **--m3e-elevated-button-focus-unselected-icon-color** - Focus unselected icon color, for the elevated variant. _(default: undefined)_\n- **--m3e-elevated-button-focus-unselected-state-layer-color** - Focus unselected state layer color, for the elevated variant. _(default: undefined)_\n- **--m3e-elevated-button-focus-selected-icon-color** - Focus selected icon color, for the elevated variant. _(default: undefined)_\n- **--m3e-elevated-button-focus-selected-label-text-color** - Focus selected label color, for the elevated variant. _(default: undefined)_\n- **--m3e-elevated-button-focus-selected-state-layer-color** - Focus selected state layer color, for the elevated variant. _(default: undefined)_\n- **--m3e-elevated-button-pressed-icon-color** - Pressed icon color, for the elevated variant. _(default: undefined)_\n- **--m3e-elevated-button-pressed-label-text-color** - Pressed label color, for the elevated variant. _(default: undefined)_\n- **--m3e-elevated-button-pressed-state-layer-color** - Pressed state layer color, for the elevated variant. _(default: undefined)_\n- **--m3e-elevated-button-pressed-state-layer-opacity** - Pressed state layer opacity, for the elevated variant. _(default: undefined)_\n- **--m3e-elevated-button-pressed-container-elevation** - Pressed elevation, for the elevated variant. _(default: undefined)_\n- **--m3e-elevated-button-pressed-unselected-label-text-color** - Pressed unselected label color, for the elevated variant. _(default: undefined)_\n- **--m3e-elevated-button-pressed-unselected-icon-color** - Pressed unselected icon color, for the elevated variant. _(default: undefined)_\n- **--m3e-elevated-button-pressed-unselected-state-layer-color** - Pressed unselected state layer color, for the elevated variant. _(default: undefined)_\n- **--m3e-elevated-button-pressed-selected-icon-color** - Pressed selected icon color, for the elevated variant. _(default: undefined)_\n- **--m3e-elevated-button-pressed-selected-label-text-color** - Pressed selected label color, for the elevated variant. _(default: undefined)_\n- **--m3e-elevated-button-pressed-selected-state-layer-color** - Pressed selected state layer color, for the elevated variant. _(default: undefined)_\n- **--m3e-outlined-button-label-text-color** - Label color, for the outlined variant. _(default: undefined)_\n- **--m3e-outlined-button-icon-color** - Icon color, for the outlined variant. _(default: undefined)_\n- **--m3e-outlined-button-outline-color** - Outline color, for the outlined variant. _(default: undefined)_\n- **--m3e-outlined-button-unselected-label-text-color** - Unselected label color, for the outlined variant. _(default: undefined)_\n- **--m3e-outlined-button-unselected-icon-color** - Unselected icon color, for the outlined variant. _(default: undefined)_\n- **--m3e-outlined-button-selected-label-text-color** - Selected label color, for the outlined variant. _(default: undefined)_\n- **--m3e-outlined-button-selected-icon-color** - Selected icon color, for the outlined variant. _(default: undefined)_\n- **--m3e-outlined-button-selected-container-color** - Selected container color, for the outlined variant. _(default: undefined)_\n- **--m3e-outlined-button-disabled-container-color** - Disabled container color, for the outlined variant. _(default: undefined)_\n- **--m3e-outlined-button-disabled-container-opacity** - Disabled container opacity, for the outlined variant. _(default: undefined)_\n- **--m3e-outlined-button-disabled-icon-color** - Disabled icon color, for the outlined variant. _(default: undefined)_\n- **--m3e-outlined-button-disabled-icon-opacity** - Disabled icon opacity, for the outlined variant. _(default: undefined)_\n- **--m3e-outlined-button-disabled-label-text-color** - Disabled label color, for the outlined variant. _(default: undefined)_\n- **--m3e-outlined-button-disabled-label-text-opacity** - Disabled label opacity, for the outlined variant. _(default: undefined)_\n- **--m3e-outlined-button-disabled-outline-color** - Disabled outline color, for the outlined variant. _(default: undefined)_\n- **--m3e-outlined-button-hover-icon-color** - Hover icon color, for the outlined variant. _(default: undefined)_\n- **--m3e-outlined-button-hover-label-text-color** - Hover label color, for the outlined variant. _(default: undefined)_\n- **--m3e-outlined-button-hover-outline-color** - Hover outline color, for the outlined variant. _(default: undefined)_\n- **--m3e-outlined-button-hover-state-layer-color** - Hover state layer color, for the outlined variant. _(default: undefined)_\n- **--m3e-outlined-button-hover-state-layer-opacity** - Hover state layer opacity, for the outlined variant. _(default: undefined)_\n- **--m3e-outlined-button-hover-unselected-icon-color** - Hover unselected icon color, for the outlined variant. _(default: undefined)_\n- **--m3e-outlined-button-hover-unselected-label-text-color** - Hover unselected label color, for the outlined variant. _(default: undefined)_\n- **--m3e-outlined-button-hover-unselected-state-layer-color** - Hover unselected state layer color, for the outlined variant. _(default: undefined)_\n- **--m3e-outlined-button-hover-selected-icon-color** - Hover selected icon color, for the outlined variant. _(default: undefined)_\n- **--m3e-outlined-button-hover-selected-label-text-color** - Hover selected label color, for the outlined variant. _(default: undefined)_\n- **--m3e-outlined-button-hover-selected-state-layer-color** - Hover selected state layer color, for the outlined variant. _(default: undefined)_\n- **--m3e-outlined-button-focus-icon-color** - Focus icon color, for the outlined variant. _(default: undefined)_\n- **--m3e-outlined-button-focus-label-text-color** - Focus label color, for the outlined variant. _(default: undefined)_\n- **--m3e-outlined-button-focus-outline-color** - Focus outline color, for the outlined variant. _(default: undefined)_\n- **--m3e-outlined-button-focus-state-layer-color** - Focus state layer color, for the outlined variant. _(default: undefined)_\n- **--m3e-outlined-button-focus-state-layer-opacity** - Focus state layer opacity, for the outlined variant. _(default: undefined)_\n- **--m3e-outlined-button-focus-unselected-icon-color** - Focus unselected icon color, for the outlined variant. _(default: undefined)_\n- **--m3e-outlined-button-focus-unselected-label-text-color** - Focus unselected label color, for the outlined variant. _(default: undefined)_\n- **--m3e-outlined-button-focus-unselected-state-layer-color** - Focus unselected state layer color, for the outlined variant. _(default: undefined)_\n- **--m3e-outlined-button-focus-selected-icon-color** - Focus selected icon color, for the outlined variant. _(default: undefined)_\n- **--m3e-outlined-button-focus-selected-label-text-color** - Focus selected label color, for the outlined variant. _(default: undefined)_\n- **--m3e-outlined-button-focus-selected-state-layer-color** - Focus selected state layer color, for the outlined variant. _(default: undefined)_\n- **--m3e-outlined-button-pressed-icon-color** - Pressed icon color, for the outlined variant. _(default: undefined)_\n- **--m3e-outlined-button-pressed-label-text-color** - Pressed label color, for the outlined variant. _(default: undefined)_\n- **--m3e-outlined-button-pressed-outline-color** - Pressed outline color, for the outlined variant. _(default: undefined)_\n- **--m3e-outlined-button-pressed-state-layer-color** - Pressed state layer color, for the outlined variant. _(default: undefined)_\n- **--m3e-outlined-button-pressed-state-layer-opacity** - Pressed state layer opacity, for the outlined variant. _(default: undefined)_\n- **--m3e-outlined-button-pressed-unselected-icon-color** - Pressed unselected icon color, for the outlined variant. _(default: undefined)_\n- **--m3e-outlined-button-pressed-unselected-label-text-color** - Pressed unselected label color, for the outlined variant. _(default: undefined)_\n- **--m3e-outlined-button-pressed-unselected-state-layer-color** - Pressed unselected state layer color, for the outlined variant. _(default: undefined)_\n- **--m3e-outlined-button-pressed-selected-icon-color** - Pressed selected icon color, for the outlined variant. _(default: undefined)_\n- **--m3e-outlined-button-pressed-selected-label-text-color** - Pressed selected label color, for the outlined variant. _(default: undefined)_\n- **--m3e-outlined-button-pressed-selected-state-layer-color** - Pressed selected state layer color, for the outlined variant. _(default: undefined)_\n- **--m3e-filled-button-label-text-color** - Label color, for the filled variant. _(default: undefined)_\n- **--m3e-filled-button-icon-color** - Icon color, for the filled variant. _(default: undefined)_\n- **--m3e-filled-button-container-color** - Container background color, for the filled variant. _(default: undefined)_\n- **--m3e-filled-button-container-elevation** - Elevation, for the filled variant. _(default: undefined)_\n- **--m3e-filled-button-unselected-label-text-color** - Unselected label color, for the filled variant. _(default: undefined)_\n- **--m3e-filled-button-unselected-icon-color** - Unselected icon color, for the filled variant. _(default: undefined)_\n- **--m3e-filled-button-unselected-container-color** - Unselected container color, for the filled variant. _(default: undefined)_\n- **--m3e-filled-button-selected-label-text-color** - Selected label color, for the filled variant. _(default: undefined)_\n- **--m3e-filled-button-selected-icon-color** - Selected icon color, for the filled variant. _(default: undefined)_\n- **--m3e-filled-button-selected-container-color** - Selected container color, for the filled variant. _(default: undefined)_\n- **--m3e-filled-button-disabled-container-color** - Disabled container color, for the filled variant. _(default: undefined)_\n- **--m3e-filled-button-disabled-container-opacity** - Disabled container opacity, for the filled variant. _(default: undefined)_\n- **--m3e-filled-button-disabled-icon-color** - Disabled icon color, for the filled variant. _(default: undefined)_\n- **--m3e-filled-button-disabled-icon-opacity** - Disabled icon opacity, for the filled variant. _(default: undefined)_\n- **--m3e-filled-button-disabled-label-text-color** - Disabled label color, for the filled variant. _(default: undefined)_\n- **--m3e-filled-button-disabled-label-text-opacity** - Disabled label opacity, for the filled variant. _(default: undefined)_\n- **--m3e-filled-button-disabled-container-elevation** - Disabled elevation, for the filled variant. _(default: undefined)_\n- **--m3e-filled-button-hover-icon-color** - Hover icon color, for the filled variant. _(default: undefined)_\n- **--m3e-filled-button-hover-label-text-color** - Hover label color, for the filled variant. _(default: undefined)_\n- **--m3e-filled-button-hover-state-layer-color** - Hover state layer color, for the filled variant. _(default: undefined)_\n- **--m3e-filled-button-hover-state-layer-opacity** - Hover state layer opacity, for the filled variant. _(default: undefined)_\n- **--m3e-filled-button-hover-container-elevation** - Hover elevation, for the filled variant. _(default: undefined)_\n- **--m3e-filled-button-hover-unselected-icon-color** - Hover unselected icon color, for the filled variant. _(default: undefined)_\n- **--m3e-filled-button-hover-unselected-label-text-color** - Hover unselected label color, for the filled variant. _(default: undefined)_\n- **--m3e-filled-button-hover-unselected-state-layer-color** - Hover unselected state layer color, for the filled variant. _(default: undefined)_\n- **--m3e-filled-button-hover-selected-icon-color** - Hover selected icon color, for the filled variant. _(default: undefined)_\n- **--m3e-filled-button-hover-selected-label-text-color** - Hover selected label color, for the filled variant. _(default: undefined)_\n- **--m3e-filled-button-hover-selected-state-layer-color** - Hover selected state layer color, for the filled variant. _(default: undefined)_\n- **--m3e-filled-button-focus-icon-color** - Focus icon color, for the filled variant. _(default: undefined)_\n- **--m3e-filled-button-focus-label-text-color** - Focus label color, for the filled variant. _(default: undefined)_\n- **--m3e-filled-button-focus-state-layer-color** - Focus state layer color, for the filled variant. _(default: undefined)_\n- **--m3e-filled-button-focus-state-layer-opacity** - Focus state layer opacity, for the filled variant. _(default: undefined)_\n- **--m3e-filled-button-focus-container-elevation** - Focus elevation, for the filled variant. _(default: undefined)_\n- **--m3e-filled-button-focus-unselected-icon-color** - Focus unselected icon color, for the filled variant. _(default: undefined)_\n- **--m3e-filled-button-focus-unselected-label-text-color** - Focus unselected label color, for the filled variant. _(default: undefined)_\n- **--m3e-filled-button-focus-unselected-state-layer-color** - Focus unselected state layer color, for the filled variant. _(default: undefined)_\n- **--m3e-filled-button-focus-selected-icon-color** - Focus selected icon color, for the filled variant. _(default: undefined)_\n- **--m3e-filled-button-focus-selected-label-text-color** - Focus selected label color, for the filled variant. _(default: undefined)_\n- **--m3e-filled-button-focus-selected-state-layer-color** - Focus selected state layer color, for the filled variant. _(default: undefined)_\n- **--m3e-filled-button-pressed-icon-color** - Pressed icon color, for the filled variant. _(default: undefined)_\n- **--m3e-filled-button-pressed-label-text-color** - Pressed label color, for the filled variant. _(default: undefined)_\n- **--m3e-filled-button-pressed-state-layer-color** - Pressed state layer color, for the filled variant. _(default: undefined)_\n- **--m3e-filled-button-pressed-state-layer-opacity** - Pressed state layer opacity, for the filled variant. _(default: undefined)_\n- **--m3e-filled-button-pressed-container-elevation** - Pressed elevation, for the filled variant. _(default: undefined)_\n- **--m3e-filled-button-pressed-unselected-icon-color** - Pressed unselected icon color, for the filled variant. _(default: undefined)_\n- **--m3e-filled-button-pressed-unselected-label-text-color** - Pressed unselected label color, for the filled variant. _(default: undefined)_\n- **--m3e-filled-button-pressed-unselected-state-layer-color** - Pressed unselected state layer color, for the filled variant. _(default: undefined)_\n- **--m3e-filled-button-pressed-selected-icon-color** - Pressed selected icon color, for the filled variant. _(default: undefined)_\n- **--m3e-filled-button-pressed-selected-label-text-color** - Pressed selected label color, for the filled variant. _(default: undefined)_\n- **--m3e-filled-button-pressed-selected-state-layer-color** - Pressed selected state layer color, for the filled variant. _(default: undefined)_\n- **--m3e-tonal-button-label-text-color** - Label color, for the tonal variant. _(default: undefined)_\n- **--m3e-tonal-button-icon-color** - Icon color, for the tonal variant. _(default: undefined)_\n- **--m3e-tonal-button-container-color** - Container background color, for the tonal variant. _(default: undefined)_\n- **--m3e-tonal-button-container-elevation** - Elevation, for the tonal variant. _(default: undefined)_\n- **--m3e-tonal-button-unselected-label-text-color** - Unselected label color, for the tonal variant. _(default: undefined)_\n- **--m3e-tonal-button-unselected-icon-color** - Unselected icon color, for the tonal variant. _(default: undefined)_\n- **--m3e-tonal-button-unselected-container-color** - Unselected container color, for the tonal variant. _(default: undefined)_\n- **--m3e-tonal-button-selected-label-text-color** - Selected label color, for the tonal variant. _(default: undefined)_\n- **--m3e-tonal-button-selected-icon-color** - Selected icon color, for the tonal variant. _(default: undefined)_\n- **--m3e-tonal-button-selected-container-color** - Selected container color, for the tonal variant. _(default: undefined)_\n- **--m3e-tonal-button-disabled-container-color** - Disabled container color, for the tonal variant. _(default: undefined)_\n- **--m3e-tonal-button-disabled-container-opacity** - Disabled container opacity, for the tonal variant. _(default: undefined)_\n- **--m3e-tonal-button-disabled-icon-color** - Disabled icon color, for the tonal variant. _(default: undefined)_\n- **--m3e-tonal-button-disabled-icon-opacity** - Disabled icon opacity, for the tonal variant. _(default: undefined)_\n- **--m3e-tonal-button-disabled-label-text-color** - Disabled label color, for the tonal variant. _(default: undefined)_\n- **--m3e-tonal-button-disabled-label-text-opacity** - Disabled label opacity, for the tonal variant. _(default: undefined)_\n- **--m3e-tonal-button-disabled-container-elevation** - Disabled elevation, for the tonal variant. _(default: undefined)_\n- **--m3e-tonal-button-hover-icon-color** - Hover icon color, for the tonal variant. _(default: undefined)_\n- **--m3e-tonal-button-hover-label-text-color** - Hover label color, for the tonal variant. _(default: undefined)_\n- **--m3e-tonal-button-hover-state-layer-color** - Hover state layer color, for the tonal variant. _(default: undefined)_\n- **--m3e-tonal-button-hover-state-layer-opacity** - Hover state layer opacity, for the tonal variant. _(default: undefined)_\n- **--m3e-tonal-button-hover-container-elevation** - Hover elevation, for the tonal variant. _(default: undefined)_\n- **--m3e-tonal-button-hover-unselected-icon-color** - Hover unselected icon color, for the tonal variant. _(default: undefined)_\n- **--m3e-tonal-button-hover-unselected-label-text-color** - Hover unselected label color, for the tonal variant. _(default: undefined)_\n- **--m3e-tonal-button-hover-unselected-state-layer-color** - Hover unselected state layer color, for the tonal variant. _(default: undefined)_\n- **--m3e-tonal-button-hover-selected-icon-color** - Hover selected icon color, for the tonal variant. _(default: undefined)_\n- **--m3e-tonal-button-hover-selected-label-text-color** - Hover selected label color, for the tonal variant. _(default: undefined)_\n- **--m3e-tonal-button-hover-selected-state-layer-color** - Hover selected state layer color, for the tonal variant. _(default: undefined)_\n- **--m3e-tonal-button-focus-icon-color** - Focus icon color, for the tonal variant. _(default: undefined)_\n- **--m3e-tonal-button-focus-label-text-color** - Focus label color, for the tonal variant. _(default: undefined)_\n- **--m3e-tonal-button-focus-state-layer-color** - Focus state layer color, for the tonal variant. _(default: undefined)_\n- **--m3e-tonal-button-focus-state-layer-opacity** - Focus state layer opacity, for the tonal variant. _(default: undefined)_\n- **--m3e-tonal-button-focus-container-elevation** - Focus elevation, for the tonal variant. _(default: undefined)_\n- **--m3e-tonal-button-focus-unselected-icon-color** - Focus unselected icon color, for the tonal variant. _(default: undefined)_\n- **--m3e-tonal-button-focus-unselected-label-text-color** - Focus unselected label color, for the tonal variant. _(default: undefined)_\n- **--m3e-tonal-button-focus-unselected-state-layer-color** - Focus unselected state layer color, for the tonal variant. _(default: undefined)_\n- **--m3e-tonal-button-focus-selected-icon-color** - Focus selected icon color, for the tonal variant. _(default: undefined)_\n- **--m3e-tonal-button-focus-selected-label-text-color** - Focus selected label color, for the tonal variant. _(default: undefined)_\n- **--m3e-tonal-button-focus-selected-state-layer-color** - Focus selected state layer color, for the tonal variant. _(default: undefined)_\n- **--m3e-tonal-button-pressed-icon-color** - Pressed icon color, for the tonal variant. _(default: undefined)_\n- **--m3e-tonal-button-pressed-label-text-color** - Pressed label color, for the tonal variant. _(default: undefined)_\n- **--m3e-tonal-button-pressed-state-layer-color** - Pressed state layer color, for the tonal variant. _(default: undefined)_\n- **--m3e-tonal-button-pressed-state-layer-opacity** - Pressed state layer opacity, for the tonal variant. _(default: undefined)_\n- **--m3e-tonal-button-pressed-container-elevation** - Pressed elevation, for the tonal variant. _(default: undefined)_\n- **--m3e-tonal-button-pressed-unselected-icon-color** - Pressed unselected icon color, for the tonal variant. _(default: undefined)_\n- **--m3e-tonal-button-pressed-unselected-label-text-color** - Pressed unselected label color, for the tonal variant. _(default: undefined)_\n- **--m3e-tonal-button-pressed-unselected-state-layer-color** - Pressed unselected state layer color, for the tonal variant. _(default: undefined)_\n- **--m3e-tonal-button-pressed-selected-icon-color** - Pressed selected icon color, for the tonal variant. _(default: undefined)_\n- **--m3e-tonal-button-pressed-selected-label-text-color** - Pressed selected label color, for the tonal variant. _(default: undefined)_\n- **--m3e-tonal-button-pressed-selected-state-layer-color** - Pressed selected state layer color, for the tonal variant. _(default: undefined)_\n- **--m3e-text-button-label-text-color** - Label color, for the text variant. _(default: undefined)_\n- **--m3e-text-button-icon-color** - Icon color, for the text variant. _(default: undefined)_\n- **--m3e-text-button-unselected-label-text-color** - Unselected label color, for the text variant. _(default: undefined)_\n- **--m3e-text-button-unselected-icon-color** - Unselected icon color, for the text variant. _(default: undefined)_\n- **--m3e-text-button-selected-label-text-color** - Selected label color, for the text variant. _(default: undefined)_\n- **--m3e-text-button-selected-icon-color** - Selected icon color, for the text variant. _(default: undefined)_\n- **--m3e-text-button-disabled-container-color** - Disabled container color, for the text variant. _(default: undefined)_\n- **--m3e-text-button-disabled-container-opacity** - Disabled container opacity, for the text variant. _(default: undefined)_\n- **--m3e-text-button-disabled-icon-color** - Disabled icon color, for the text variant. _(default: undefined)_\n- **--m3e-text-button-disabled-icon-opacity** - Disabled icon opacity, for the text variant. _(default: undefined)_\n- **--m3e-text-button-disabled-label-text-color** - Disabled label color, for the text variant. _(default: undefined)_\n- **--m3e-text-button-disabled-label-text-opacity** - Disabled label opacity, for the text variant. _(default: undefined)_\n- **--m3e-text-button-hover-icon-color** - Hover icon color, for the text variant. _(default: undefined)_\n- **--m3e-text-button-hover-label-text-color** - Hover label color, for the text variant. _(default: undefined)_\n- **--m3e-text-button-hover-state-layer-color** - Hover state layer color, for the text variant. _(default: undefined)_\n- **--m3e-text-button-hover-state-layer-opacity** - Hover state layer opacity, for the text variant. _(default: undefined)_\n- **--m3e-text-button-hover-unselected-icon-color** - Hover unselected icon color, for the text variant. _(default: undefined)_\n- **--m3e-text-button-hover-unselected-label-text-color** - Hover unselected label color, for the text variant. _(default: undefined)_\n- **--m3e-text-button-hover-unselected-state-layer-color** - Hover unselected state layer color, for the text variant. _(default: undefined)_\n- **--m3e-text-button-hover-selected-icon-color** - Hover selected icon color, for the text variant. _(default: undefined)_\n- **--m3e-text-button-hover-selected-label-text-color** - Hover selected label color, for the text variant. _(default: undefined)_\n- **--m3e-text-button-hover-selected-state-layer-color** - Hover selected state layer color, for the text variant. _(default: undefined)_\n- **--m3e-text-button-focus-icon-color** - Focus icon color, for the text variant. _(default: undefined)_\n- **--m3e-text-button-focus-label-text-color** - Focus label color, for the text variant. _(default: undefined)_\n- **--m3e-text-button-focus-state-layer-color** - Focus state layer color, for the text variant. _(default: undefined)_\n- **--m3e-text-button-focus-state-layer-opacity** - Focus state layer opacity, for the text variant. _(default: undefined)_\n- **--m3e-text-button-focus-unselected-icon-color** - Focus unselected icon color, for the text variant. _(default: undefined)_\n- **--m3e-text-button-focus-unselected-label-text-color** - Focus unselected label color, for the text variant. _(default: undefined)_\n- **--m3e-text-button-focus-unselected-state-layer-color** - Focus unselected state layer color, for the text variant. _(default: undefined)_\n- **--m3e-text-button-focus-selected-icon-color** - Focus selected icon color, for the text variant. _(default: undefined)_\n- **--m3e-text-button-focus-selected-label-text-color** - Focus selected label color, for the text variant. _(default: undefined)_\n- **--m3e-text-button-focus-selected-state-layer-color** - Focus selected state layer color, for the text variant. _(default: undefined)_\n- **--m3e-text-button-pressed-icon-color** - Pressed icon color, for the text variant. _(default: undefined)_\n- **--m3e-text-button-pressed-label-text-color** - Pressed label color, for the text variant. _(default: undefined)_\n- **--m3e-text-button-pressed-state-layer-color** - Pressed state layer color, for the text variant. _(default: undefined)_\n- **--m3e-text-button-pressed-state-layer-opacity** - Pressed state layer opacity, for the text variant. _(default: undefined)_\n- **--m3e-text-button-pressed-unselected-icon-color** - Pressed unselected icon color, for the text variant. _(default: undefined)_\n- **--m3e-text-button-pressed-unselected-label-text-color** - Pressed unselected label color, for the text variant. _(default: undefined)_\n- **--m3e-text-button-pressed-unselected-state-layer-color** - Pressed unselected state layer color, for the text variant. _(default: undefined)_\n- **--m3e-text-button-pressed-selected-icon-color** - Pressed selected icon color, for the text variant. _(default: undefined)_\n- **--m3e-text-button-pressed-selected-label-text-color** - Pressed selected label color, for the text variant. _(default: undefined)_\n- **--m3e-text-button-pressed-selected-state-layer-color** - Pressed selected state layer color, for the text variant. _(default: undefined)_",
275
+ "attributes": [
276
+ {
277
+ "name": "disabled",
278
+ "description": "Whether the element is disabled.",
279
+ "values": []
280
+ },
281
+ {
282
+ "name": "disabled-interactive",
283
+ "description": "Whether the element is disabled and interactive.",
284
+ "values": []
285
+ },
286
+ {
287
+ "name": "download",
288
+ "description": "A value indicating whether the `target` of the link button will be downloaded, optionally specifying the new name of the file.",
289
+ "values": []
290
+ },
291
+ {
292
+ "name": "href",
293
+ "description": "The URL to which the link button points.",
294
+ "values": []
295
+ },
296
+ {
297
+ "name": "name",
298
+ "description": "The name of the element, submitted as a pair with the element's `value` as part of form data, when the element is used to submit a form.",
299
+ "values": []
300
+ },
301
+ {
302
+ "name": "rel",
303
+ "description": "The relationship between the `target` of the link button and the document.",
304
+ "values": []
305
+ },
306
+ {
307
+ "name": "selected",
308
+ "description": "Whether the toggle button is selected.",
309
+ "values": []
310
+ },
311
+ {
312
+ "name": "shape",
313
+ "description": "The shape of the button.",
314
+ "values": [{ "name": "ButtonShape" }]
315
+ },
316
+ {
317
+ "name": "size",
318
+ "description": "The size of the button.",
319
+ "values": [{ "name": "ButtonSize" }]
320
+ },
321
+ {
322
+ "name": "target",
323
+ "description": "The target of the link button.",
324
+ "values": [{ "name": "LinkTarget" }]
325
+ },
326
+ {
327
+ "name": "toggle",
328
+ "description": "Whether the button will toggle between selected and unselected states.",
329
+ "values": []
330
+ },
331
+ {
332
+ "name": "type",
333
+ "description": "The type of the element.",
334
+ "values": [{ "name": "FormSubmitterType" }]
335
+ },
336
+ {
337
+ "name": "value",
338
+ "description": "The value associated with the element's name when it's submitted with form data.",
339
+ "values": []
340
+ },
341
+ {
342
+ "name": "variant",
343
+ "description": "The appearance variant of the button.",
344
+ "values": [{ "name": "ButtonVariant" }]
345
+ }
346
+ ],
347
+ "references": []
348
+ },
349
+ {
350
+ "name": "m3e-button-group",
351
+ "description": "Organizes buttons and adds interactions between them.\n---\n\n\n### **Slots:**\n - _default_ - Renders the buttons of the group.\n\n### **CSS Properties:**\n - **--m3e-standard-button-group-extra-small-spacing** - Spacing between buttons in standard variant, extra-small size. _(default: undefined)_\n- **--m3e-standard-button-group-small-spacing** - Spacing between buttons in standard variant, small size. _(default: undefined)_\n- **--m3e-standard-button-group-medium-spacing** - Spacing between buttons in standard variant, medium size. _(default: undefined)_\n- **--m3e-standard-button-group-large-spacing** - Spacing between buttons in standard variant, large size. _(default: undefined)_\n- **--m3e-standard-button-group-extra-large-spacing** - Spacing between buttons in standard variant, extra-large size. _(default: undefined)_\n- **--m3e-connected-button-group-spacing** - Spacing between buttons in connected variant. _(default: undefined)_\n- **--m3e-connected-button-group-extra-small-inner-shape** - Corner shape for connected variant, extra-small size. _(default: undefined)_\n- **--m3e-connected-button-group-extra-small-inner-pressed-shape** - Pressed corner shape for connected variant, extra-small size. _(default: undefined)_\n- **--m3e-connected-button-group-small-inner-shape** - Corner shape for connected variant, small size. _(default: undefined)_\n- **--m3e-connected-button-group-small-inner-pressed-shape** - Pressed corner shape for connected variant, small size. _(default: undefined)_\n- **--m3e-connected-button-group-medium-inner-shape** - Corner shape for connected variant, medium size. _(default: undefined)_\n- **--m3e-connected-button-group-medium-inner-pressed-shape** - Pressed corner shape for connected variant, medium size. _(default: undefined)_\n- **--m3e-connected-button-group-large-inner-shape** - Corner shape for connected variant, large size. _(default: undefined)_\n- **--m3e-connected-button-group-large-inner-pressed-shape** - Pressed corner shape for connected variant, large size. _(default: undefined)_\n- **--m3e-connected-button-group-extra-large-inner-shape** - Corner shape for connected variant, extra-large size. _(default: undefined)_\n- **--m3e-connected-button-group-extra-large-inner-pressed-shape** - Pressed corner shape for connected variant, extra-large size. _(default: undefined)_",
352
+ "attributes": [
353
+ {
354
+ "name": "multi",
355
+ "description": "Whether multiple toggle buttons can be selected.",
356
+ "values": []
357
+ },
358
+ {
359
+ "name": "size",
360
+ "description": "The size of the group.",
361
+ "values": [{ "name": "ButtonGroupSize" }]
362
+ },
363
+ {
364
+ "name": "variant",
365
+ "description": "The appearance variant of the group.",
366
+ "values": [{ "name": "ButtonGroupVariant" }]
367
+ }
368
+ ],
369
+ "references": []
370
+ },
371
+ {
372
+ "name": "m3e-card",
373
+ "description": "A content container for text, images (or other media), and actions in the context of a single subject.\n---\n\n\n### **Events:**\n - **click** - Emitted when the element is clicked.\n\n### **Slots:**\n - _default_ - Renders the content of the card without padding.\n- **header** - Renders the header of the card.\n- **content** - Renders the content of the card with padding.\n- **actions** - Renders the actions of the card.\n- **footer** - Renders the footer of the card.\n\n### **CSS Properties:**\n - **--m3e-card-padding** - Internal spacing for all slotted regions _(default: undefined)_\n- **--m3e-card-shape** - Corner radius of the card container. _(default: undefined)_\n- **--m3e-filled-card-text-color** - Foreground color for text content in filled cards. _(default: undefined)_\n- **--m3e-filled-card-container-color** - Background color of the filled card container. _(default: undefined)_\n- **--m3e-filled-card-container-elevation** - Elevation level for filled card container. _(default: undefined)_\n- **--m3e-filled-card-disabled-text-color** - Text color when filled card is disabled. _(default: undefined)_\n- **--m3e-filled-card-disabled-text-opacity** - Opacity applied to text when disabled. _(default: undefined)_\n- **--m3e-filled-card-disabled-container-color** - Background color when disabled. _(default: undefined)_\n- **--m3e-filled-card-disabled-container-elevation** - Elevation level when disabled. _(default: undefined)_\n- **--m3e-filled-card-disabled-container-elevation-color** - Shadow color when disabled. _(default: undefined)_\n- **--m3e-filled-card-disabled-container-elevation-opacity** - Shadow opacity when disabled. _(default: undefined)_\n- **--m3e-filled-card-disabled-container-opacity** - Overall container opacity when disabled. _(default: undefined)_\n- **--m3e-filled-card-hover-text-color** - Text color on hover. _(default: undefined)_\n- **--m3e-filled-card-hover-state-layer-color** - State layer color on hover. _(default: undefined)_\n- **--m3e-filled-card-hover-state-layer-opacity** - State layer opacity on hover. _(default: undefined)_\n- **--m3e-filled-card-hover-container-elevation** - Elevation level on hover. _(default: undefined)_\n- **--m3e-filled-card-focus-text-color** - Text color on focus. _(default: undefined)_\n- **--m3e-filled-card-focus-state-layer-color** - State layer color on focus. _(default: undefined)_\n- **--m3e-filled-card-focus-state-layer-opacity** - State layer opacity on focus. _(default: undefined)_\n- **--m3e-filled-card-focus-container-elevation** - Elevation level on focus. _(default: undefined)_\n- **--m3e-filled-card-pressed-text-color** - Text color on press. _(default: undefined)_\n- **--m3e-filled-card-pressed-state-layer-color** - State layer color on press. _(default: undefined)_\n- **--m3e-filled-card-pressed-state-layer-opacity** - State layer opacity on press. _(default: undefined)_\n- **--m3e-filled-card-pressed-container-elevation** - Elevation level on press. _(default: undefined)_\n- **--m3e-elevated-card-text-color** - Foreground color for text content in elevated cards. _(default: undefined)_\n- **--m3e-elevated-card-container-color** - Background color of the elevated card container. _(default: undefined)_\n- **--m3e-elevated-card-container-elevation** - Elevation level for elevated card container. _(default: undefined)_\n- **--m3e-elevated-card-disabled-text-color** - Text color when elevated card is disabled. _(default: undefined)_\n- **--m3e-elevated-card-disabled-text-opacity** - Opacity applied to text when disabled. _(default: undefined)_\n- **--m3e-elevated-card-disabled-container-color** - Background color when disabled. _(default: undefined)_\n- **--m3e-elevated-card-disabled-container-elevation** - Elevation level when disabled. _(default: undefined)_\n- **--m3e-elevated-card-disabled-container-elevation-color** - Shadow color when disabled. _(default: undefined)_\n- **--m3e-elevated-card-disabled-container-elevation-opacity** - Shadow opacity when disabled. _(default: undefined)_\n- **--m3e-elevated-card-disabled-container-opacity** - Overall container opacity when disabled. _(default: undefined)_\n- **--m3e-elevated-card-hover-text-color** - Text color on hover. _(default: undefined)_\n- **--m3e-elevated-card-hover-state-layer-color** - State layer color on hover. _(default: undefined)_\n- **--m3e-elevated-card-hover-state-layer-opacity** - State layer opacity on hover. _(default: undefined)_\n- **--m3e-elevated-card-hover-container-elevation** - Elevation level on hover. _(default: undefined)_\n- **--m3e-elevated-card-focus-text-color** - Text color on focus. _(default: undefined)_\n- **--m3e-elevated-card-focus-state-layer-color** - State layer color on focus. _(default: undefined)_\n- **--m3e-elevated-card-focus-state-layer-opacity** - State layer opacity on focus. _(default: undefined)_\n- **--m3e-elevated-card-focus-container-elevation** - Elevation level on focus. _(default: undefined)_\n- **--m3e-elevated-card-pressed-text-color** - Text color on press. _(default: undefined)_\n- **--m3e-elevated-card-pressed-state-layer-color** - State layer color on press. _(default: undefined)_\n- **--m3e-elevated-card-pressed-state-layer-opacity** - State layer opacity on press. _(default: undefined)_\n- **--m3e-elevated-card-pressed-container-elevation** - Elevation level on press. _(default: undefined)_\n- **--m3e-outlined-card-text-color** - Foreground color for text content in outlined cards. _(default: undefined)_\n- **--m3e-outlined-card-container-elevation** - Elevation level for outlined card container. _(default: undefined)_\n- **--m3e-outlined-card-outline-color** - Border color for outlined cards. _(default: undefined)_\n- **--m3e-outlined-card-outline-thickness** - Border thickness for outlined cards. _(default: undefined)_\n- **--m3e-outlined-card-disabled-text-color** - Text color when outlined card is disabled. _(default: undefined)_\n- **--m3e-outlined-card-disabled-text-opacity** - Opacity applied to text when disabled. _(default: undefined)_\n- **--m3e-outlined-card-disabled-container-elevation** - Elevation level when disabled. _(default: undefined)_\n- **--m3e-outlined-card-disabled-container-elevation-color** - Shadow color when disabled. _(default: undefined)_\n- **--m3e-outlined-card-disabled-container-elevation-opacity** - Shadow opacity when disabled. _(default: undefined)_\n- **--m3e-outlined-card-disabled-outline-color** - Border color when disabled. _(default: undefined)_\n- **--m3e-outlined-card-disabled-outline-opacity** - Border opacity when disabled. _(default: undefined)_\n- **--m3e-outlined-card-hover-text-color** - Text color on hover. _(default: undefined)_\n- **--m3e-outlined-card-hover-state-layer-color** - State layer color on hover. _(default: undefined)_\n- **--m3e-outlined-card-hover-state-layer-opacity** - State layer opacity on hover. _(default: undefined)_\n- **--m3e-outlined-card-hover-container-elevation** - Elevation level on hover. _(default: undefined)_\n- **--m3e-outlined-card-hover-outline-color** - Border color on hover. _(default: undefined)_\n- **--m3e-outlined-card-focus-text-color** - Text color on focus. _(default: undefined)_\n- **--m3e-outlined-card-focus-state-layer-color** - State layer color on focus. _(default: undefined)_\n- **--m3e-outlined-card-focus-state-layer-opacity** - State layer opacity on focus. _(default: undefined)_\n- **--m3e-outlined-card-focus-container-elevation** - Elevation level on focus. _(default: undefined)_\n- **--m3e-outlined-card-focus-outline-color** - Border color on focus. _(default: undefined)_\n- **--m3e-outlined-card-pressed-text-color** - Text color on press. _(default: undefined)_\n- **--m3e-outlined-card-pressed-state-layer-color** - State layer color on press. _(default: undefined)_\n- **--m3e-outlined-card-pressed-state-layer-opacity** - State layer opacity on press. _(default: undefined)_\n- **--m3e-outlined-card-pressed-container-elevation** - Elevation level on press. _(default: undefined)_\n- **--m3e-outlined-card-pressed-outline-color** - Border color on press. _(default: undefined)_",
374
+ "attributes": [
375
+ {
376
+ "name": "actionable",
377
+ "description": "Whether the card is \"actionable\" and will respond to use interaction.",
378
+ "values": []
379
+ },
380
+ {
381
+ "name": "inline",
382
+ "description": "Whether to present the card inline with surrounding content.",
383
+ "values": []
384
+ },
385
+ {
386
+ "name": "orientation",
387
+ "description": "The orientation of the card.",
388
+ "values": [{ "name": "CardOrientation" }]
389
+ },
390
+ {
391
+ "name": "variant",
392
+ "description": "The appearance variant of the card.",
393
+ "values": [{ "name": "CardVariant" }]
394
+ },
395
+ {
396
+ "name": "href",
397
+ "description": "The URL to which the link button points.",
398
+ "values": []
399
+ },
400
+ {
401
+ "name": "target",
402
+ "description": "The target of the link button.",
403
+ "values": [{ "name": "LinkTarget" }]
404
+ },
405
+ {
406
+ "name": "rel",
407
+ "description": "The relationship between the `target` of the link button and the document.",
408
+ "values": []
409
+ },
410
+ {
411
+ "name": "download",
412
+ "description": "A value indicating whether the `target` of the link button will be downloaded,\r\noptionally specifying the new name of the file.",
413
+ "values": []
414
+ },
415
+ {
416
+ "name": "name",
417
+ "description": "The name of the element, submitted as a pair with the element's `value`\r\nas part of form data, when the element is used to submit a form.",
418
+ "values": []
419
+ },
420
+ {
421
+ "name": "value",
422
+ "description": "The value associated with the element's name when it's submitted with form data.",
423
+ "values": []
424
+ },
425
+ {
426
+ "name": "type",
427
+ "description": "The type of the element.",
428
+ "values": [{ "name": "FormSubmitterType" }]
429
+ },
430
+ {
431
+ "name": "disabled-interactive",
432
+ "description": "Whether the element is disabled and interactive.",
433
+ "values": []
434
+ },
435
+ {
436
+ "name": "disabled",
437
+ "description": "Whether the element is disabled.",
438
+ "values": []
439
+ }
440
+ ],
441
+ "references": []
442
+ },
443
+ {
444
+ "name": "m3e-checkbox",
445
+ "description": "A checkbox that allows a user to select one or more options from a limited number of choices.\n---\n\n\n### **Events:**\n - **input** - Emitted when the checked state changes.\n- **change** - Emitted when the checked state changes.\n- **invalid** - Emitted when a form is submitted and the element fails constraint validation.\n- **click** - Emitted when the element is clicked.\n\n### **Methods:**\n - **markAsPristine(): _void_** - Marks the element as pristine.\n- **markAsDirty(): _void_** - Marks the element as dirty.\n- **markAsTouched(): _void_** - Marks the element as touched.\n- **markAsUntouched(): _void_** - Marks the element as untouched.\n- **reportValidity(): _boolean_** - Returns `true` if the element has no validity problems; otherwise, returns `false`, fires\r\nan invalid event, and (if the event isn't canceled) reports the problem to the user.\n- **checkValidity(): _boolean_** - Returns `true` if the element has no validity problems; otherwise,\r\nreturns `false`, fires an invalid event.\n- **setCustomValidity(error: _string_): _void_** - Sets a custom validity message for the element.\n- **formDisabledCallback(disabled: _boolean_): _void_** - Called when the element is disabled or enabled via its form association.\n- **formResetCallback(): _void_** - Called when the associated form is reset.\n\n### **CSS Properties:**\n - **--m3e-checkbox-icon-size** - Size of the checkbox icon inside the container. _(default: undefined)_\n- **--m3e-checkbox-container-size** - Base size of the checkbox container. _(default: undefined)_\n- **--m3e-checkbox-container-shape** - Border radius of the icon container. _(default: undefined)_\n- **--m3e-checkbox-unselected-outline-thickness** - Border thickness for unselected state. _(default: undefined)_\n- **--m3e-checkbox-unselected-outline-color** - Border color for unselected state. _(default: undefined)_\n- **--m3e-checkbox-unselected-hover-outline-color** - Border color on hover when unselected. _(default: undefined)_\n- **--m3e-checkbox-unselected-disabled-outline-color** - Base color for disabled unselected outline. _(default: undefined)_\n- **--m3e-checkbox-unselected-disabled-outline-opacity** - Opacity for disabled unselected outline. _(default: undefined)_\n- **--m3e-checkbox-unselected-error-outline-color** - Border color for invalid unselected state. _(default: undefined)_\n- **--m3e-checkbox-selected-container-color** - Background color for selected container. _(default: undefined)_\n- **--m3e-checkbox-selected-icon-color** - Icon color for selected state. _(default: undefined)_\n- **--m3e-checkbox-selected-disabled-container-color** - Base color for disabled selected container. _(default: undefined)_\n- **--m3e-checkbox-selected-disabled-container-opacity** - Opacity for disabled selected container. _(default: undefined)_\n- **--m3e-checkbox-selected-disabled-icon-color** - Base color for disabled selected icon. _(default: undefined)_\n- **--m3e-checkbox-selected-disabled-icon-opacity** - Opacity for disabled selected icon. _(default: undefined)_\n- **--m3e-checkbox-unselected-hover-color** - Ripple hover color for unselected state. _(default: undefined)_\n- **--m3e-checkbox-unselected-focus-color** - Ripple focus color for unselected state. _(default: undefined)_\n- **--m3e-checkbox-unselected-ripple-color** - Ripple base color for unselected state. _(default: undefined)_\n- **--m3e-checkbox-selected-hover-color** - Ripple hover color for selected state. _(default: undefined)_\n- **--m3e-checkbox-selected-focus-color** - Ripple focus color for selected state. _(default: undefined)_\n- **--m3e-checkbox-selected-ripple-color** - Ripple base color for selected state. _(default: undefined)_\n- **--m3e-checkbox-unselected-error-hover-color** - Ripple hover color for invalid unselected state. _(default: undefined)_\n- **--m3e-checkbox-unselected-error-focus-color** - Ripple focus color for invalid unselected state. _(default: undefined)_\n- **--m3e-checkbox-unselected-error-ripple-color** - Ripple base color for invalid unselected state. _(default: undefined)_\n- **--m3e-checkbox-selected-error-hover-color** - Ripple hover color for invalid selected state. _(default: undefined)_\n- **--m3e-checkbox-selected-error-focus-color** - Ripple focus color for invalid selected state. _(default: undefined)_\n- **--m3e-checkbox-selected-error-ripple-color** - Ripple base color for invalid selected state. _(default: undefined)_",
446
+ "attributes": [
447
+ {
448
+ "name": "checked",
449
+ "description": "Whether the element is checked.",
450
+ "values": []
451
+ },
452
+ {
453
+ "name": "disabled",
454
+ "description": "Whether the element is disabled.",
455
+ "values": []
456
+ },
457
+ {
458
+ "name": "indeterminate",
459
+ "description": "Whether the element's checked state is indeterminate.",
460
+ "values": []
461
+ },
462
+ {
463
+ "name": "name",
464
+ "description": "The name that identifies the element when submitting the associated form.",
465
+ "values": []
466
+ },
467
+ {
468
+ "name": "required",
469
+ "description": "Whether the element is required.",
470
+ "values": []
471
+ },
472
+ {
473
+ "name": "value",
474
+ "description": "A string representing the value of the checkbox.",
475
+ "values": []
476
+ }
477
+ ],
478
+ "references": []
479
+ },
480
+ {
481
+ "name": "m3e-assist-chip",
482
+ "description": "A chip users interact with to perform a smart or automated action that can span multiple applications.\n---\n\n\n### **Events:**\n - **click** - Emitted when the element is clicked.\n\n### **Slots:**\n - _default_ - Renders the label of the chip.\n- **icon** - Renders an icon before the chip's label.\n- **trailing-icon** - Renders an icon after the chip's label.\n\n### **CSS Properties:**\n - **--m3e-chip-container-shape** - Border radius of the chip container. _(default: undefined)_\n- **--m3e-chip-container-height** - Base height of the chip container before density adjustment. _(default: undefined)_\n- **--m3e-chip-label-text-font-size** - Font size of the chip label text. _(default: undefined)_\n- **--m3e-chip-label-text-font-weight** - Font weight of the chip label text. _(default: undefined)_\n- **--m3e-chip-label-text-line-height** - Line height of the chip label text. _(default: undefined)_\n- **--m3e-chip-label-text-tracking** - Letter spacing of the chip label text. _(default: undefined)_\n- **--m3e-chip-label-text-color** - Label text color in default state. _(default: undefined)_\n- **--m3e-chip-icon-color** - Icon color in default state. _(default: undefined)_\n- **--m3e-chip-icon-size** - Font size of leading/trailing icons. _(default: undefined)_\n- **--m3e-chip-spacing** - Horizontal gap between chip content elements. _(default: undefined)_\n- **--m3e-chip-padding-start** - Default start padding when no icon is present. _(default: undefined)_\n- **--m3e-chip-padding-end** - Default end padding when no trailing icon is present. _(default: undefined)_\n- **--m3e-chip-with-icon-padding-start** - Start padding when leading icon is present. _(default: undefined)_\n- **--m3e-chip-with-icon-padding-end** - End padding when trailing icon is present. _(default: undefined)_\n- **--m3e-chip-disabled-label-text-color** - Base color for disabled label text. _(default: undefined)_\n- **--m3e-chip-disabled-label-text-opacity** - Opacity applied to disabled label text. _(default: undefined)_\n- **--m3e-chip-disabled-icon-color** - Base color for disabled icons. _(default: undefined)_\n- **--m3e-chip-disabled-icon-opacity** - Opacity applied to disabled icons. _(default: undefined)_\n- **--m3e-elevated-chip-container-color** - Background color for elevated variant. _(default: undefined)_\n- **--m3e-elevated-chip-elevation** - Elevation level for elevated variant. _(default: undefined)_\n- **--m3e-elevated-chip-hover-elevation** - Elevation level on hover. _(default: undefined)_\n- **--m3e-elevated-chip-disabled-container-color** - Background color for disabled elevated variant. _(default: undefined)_\n- **--m3e-elevated-chip-disabled-container-opacity** - Opacity applied to disabled elevated background. _(default: undefined)_\n- **--m3e-elevated-chip-disabled-elevation** - Elevation level for disabled elevated variant. _(default: undefined)_\n- **--m3e-outlined-chip-outline-thickness** - Outline thickness for outlined variant. _(default: undefined)_\n- **--m3e-outlined-chip-outline-color** - Outline color for outlined variant. _(default: undefined)_\n- **--m3e-outlined-chip-disabled-outline-color** - Outline color for disabled outlined variant. _(default: undefined)_\n- **--m3e-outlined-chip-disabled-outline-opacity** - Opacity applied to disabled outline. _(default: undefined)_",
483
+ "attributes": [
484
+ {
485
+ "name": "disabled",
486
+ "description": "A value indicating whether the element is disabled.",
487
+ "values": []
488
+ },
489
+ {
490
+ "name": "disabled-interactive",
491
+ "description": "A value indicating whether the element is disabled and interactive.",
492
+ "values": []
493
+ },
494
+ {
495
+ "name": "download",
496
+ "description": "A value indicating whether the `target` of the link button will be downloaded, optionally specifying the new name of the file.",
497
+ "values": []
498
+ },
499
+ {
500
+ "name": "href",
501
+ "description": "The URL to which the link button points.",
502
+ "values": []
503
+ },
504
+ {
505
+ "name": "name",
506
+ "description": "The name of the element, submitted as a pair with the element's `value` as part of form data, when the element is used to submit a form.",
507
+ "values": []
508
+ },
509
+ {
510
+ "name": "rel",
511
+ "description": "The relationship between the `target` of the link button and the document.",
512
+ "values": []
513
+ },
514
+ {
515
+ "name": "target",
516
+ "description": "The target of the link button.",
517
+ "values": [{ "name": "LinkTarget" }]
518
+ },
519
+ {
520
+ "name": "type",
521
+ "description": "The type of the element.",
522
+ "values": [{ "name": "FormSubmitterType" }]
523
+ },
524
+ {
525
+ "name": "value",
526
+ "description": "A string representing the value of the chip.",
527
+ "values": []
528
+ },
529
+ {
530
+ "name": "variant",
531
+ "description": "The appearance variant of the chip.",
532
+ "values": [{ "name": "ChipVariant" }]
533
+ }
534
+ ],
535
+ "references": []
536
+ },
537
+ {
538
+ "name": "m3e-chip",
539
+ "description": "A non-interactive chip used to convey small pieces of information.\n---\n\n\n### **Slots:**\n - _default_ - Renders the label of the chip.\n- **icon** - Renders an icon before the chip's label.\n- **trailing-icon** - Renders an icon after the chip's label.\n\n### **CSS Properties:**\n - **--m3e-chip-container-shape** - Border radius of the chip container. _(default: undefined)_\n- **--m3e-chip-container-height** - Base height of the chip container before density adjustment. _(default: undefined)_\n- **--m3e-chip-label-text-font-size** - Font size of the chip label text. _(default: undefined)_\n- **--m3e-chip-label-text-font-weight** - Font weight of the chip label text. _(default: undefined)_\n- **--m3e-chip-label-text-line-height** - Line height of the chip label text. _(default: undefined)_\n- **--m3e-chip-label-text-tracking** - Letter spacing of the chip label text. _(default: undefined)_\n- **--m3e-chip-label-text-color** - Label text color in default state. _(default: undefined)_\n- **--m3e-chip-icon-color** - Icon color in default state. _(default: undefined)_\n- **--m3e-chip-icon-size** - Font size of leading/trailing icons. _(default: undefined)_\n- **--m3e-chip-spacing** - Horizontal gap between chip content elements. _(default: undefined)_\n- **--m3e-chip-padding-start** - Default start padding when no icon is present. _(default: undefined)_\n- **--m3e-chip-padding-end** - Default end padding when no trailing icon is present. _(default: undefined)_\n- **--m3e-chip-with-icon-padding-start** - Start padding when leading icon is present. _(default: undefined)_\n- **--m3e-chip-with-icon-padding-end** - End padding when trailing icon is present. _(default: undefined)_\n- **--m3e-elevated-chip-container-color** - Background color for elevated variant. _(default: undefined)_\n- **--m3e-elevated-chip-elevation** - Elevation level for elevated variant. _(default: undefined)_\n- **--m3e-elevated-chip-hover-elevation** - Elevation level on hover. _(default: undefined)_\n- **--m3e-outlined-chip-outline-thickness** - Outline thickness for outlined variant. _(default: undefined)_\n- **--m3e-outlined-chip-outline-color** - Outline color for outlined variant. _(default: undefined)_",
540
+ "attributes": [
541
+ {
542
+ "name": "value",
543
+ "description": "A string representing the value of the chip.",
544
+ "values": []
545
+ },
546
+ {
547
+ "name": "variant",
548
+ "description": "The appearance variant of the chip.",
549
+ "values": [{ "name": "ChipVariant" }]
550
+ }
551
+ ],
552
+ "references": []
553
+ },
554
+ {
555
+ "name": "m3e-chip-set",
556
+ "description": "A container used to organize chips into a cohesive unit.\n---\n\n\n### **Slots:**\n - _default_ - Renders the chips of the set.\n\n### **CSS Properties:**\n - **--m3e-chip-set-spacing** - The spacing (gap) between chips in the set. _(default: undefined)_",
557
+ "attributes": [
558
+ {
559
+ "name": "vertical",
560
+ "description": "Whether the element is oriented vertically.",
561
+ "values": []
562
+ }
563
+ ],
564
+ "references": []
565
+ },
566
+ {
567
+ "name": "m3e-filter-chip",
568
+ "description": "A chip users interact with to select/deselect options.\n---\n\n\n### **Events:**\n - **input** - Emitted when the selected state changes.\n- **change** - Emitted when the selected state changes.\n- **click** - Emitted when the element is clicked.\n\n### **Slots:**\n - _default_ - Renders the label of the chip.\n- **icon** - Renders an icon before the chip's label.\n- **trailing-icon** - Renders an icon after the chip's label.\n\n### **CSS Properties:**\n - **--m3e-chip-container-shape** - Border radius of the chip container. _(default: undefined)_\n- **--m3e-chip-container-height** - Base height of the chip container before density adjustment. _(default: undefined)_\n- **--m3e-chip-label-text-font-size** - Font size of the chip label text. _(default: undefined)_\n- **--m3e-chip-label-text-font-weight** - Font weight of the chip label text. _(default: undefined)_\n- **--m3e-chip-label-text-line-height** - Line height of the chip label text. _(default: undefined)_\n- **--m3e-chip-label-text-tracking** - Letter spacing of the chip label text. _(default: undefined)_\n- **--m3e-chip-icon-size** - Font size of leading/trailing icons. _(default: undefined)_\n- **--m3e-chip-spacing** - Horizontal gap between chip content elements. _(default: undefined)_\n- **--m3e-chip-padding-start** - Default start padding when no icon is present. _(default: undefined)_\n- **--m3e-chip-padding-end** - Default end padding when no trailing icon is present. _(default: undefined)_\n- **--m3e-chip-with-icon-padding-start** - Start padding when leading icon is present. _(default: undefined)_\n- **--m3e-chip-with-icon-padding-end** - End padding when trailing icon is present. _(default: undefined)_\n- **--m3e-chip-disabled-label-text-color** - Base color for disabled label text. _(default: undefined)_\n- **--m3e-chip-disabled-label-text-opacity** - Opacity applied to disabled label text. _(default: undefined)_\n- **--m3e-chip-disabled-icon-color** - Base color for disabled icons. _(default: undefined)_\n- **--m3e-chip-disabled-icon-opacity** - Opacity applied to disabled icons. _(default: undefined)_\n- **--m3e-elevated-chip-container-color** - Background color for elevated variant. _(default: undefined)_\n- **--m3e-elevated-chip-elevation** - Elevation level for elevated variant. _(default: undefined)_\n- **--m3e-elevated-chip-hover-elevation** - Elevation level on hover. _(default: undefined)_\n- **--m3e-elevated-chip-disabled-container-color** - Background color for disabled elevated variant. _(default: undefined)_\n- **--m3e-elevated-chip-disabled-container-opacity** - Opacity applied to disabled elevated background. _(default: undefined)_\n- **--m3e-elevated-chip-disabled-elevation** - Elevation level for disabled elevated variant. _(default: undefined)_\n- **--m3e-outlined-chip-outline-thickness** - Outline thickness for outlined variant. _(default: undefined)_\n- **--m3e-outlined-chip-outline-color** - Outline color for outlined variant. _(default: undefined)_\n- **--m3e-outlined-chip-disabled-outline-color** - Outline color for disabled outlined variant. _(default: undefined)_\n- **--m3e-outlined-chip-disabled-outline-opacity** - Opacity applied to disabled outline. _(default: undefined)_\n- **--m3e-chip-selected-outline-thickness** - Outline thickness for selected state. _(default: undefined)_\n- **--m3e-chip-selected-label-text-color** - Text color in selected state. _(default: undefined)_\n- **--m3e-chip-selected-container-color** - Background color in selected state. _(default: undefined)_\n- **--m3e-chip-selected-container-hover-color** - Hover state layer color in selected state. _(default: undefined)_\n- **--m3e-chip-selected-container-focus-color** - Focus state layer color in selected state. _(default: undefined)_\n- **--m3e-chip-selected-hover-elevation** - Elevation on hover in selected state. _(default: undefined)_\n- **--m3e-chip-selected-ripple-color** - Ripple color in selected state. _(default: undefined)_\n- **--m3e-chip-selected-state-layer-focus-color** - Focus state layer color in selected state. _(default: undefined)_\n- **--m3e-chip-selected-state-layer-hover-color** - Hover state layer color in selected state. _(default: undefined)_\n- **--m3e-chip-selected-leading-icon-color** - Leading icon color in selected state. _(default: undefined)_\n- **--m3e-chip-selected-trailing-icon-color** - Trailing icon color in selected state. _(default: undefined)_\n- **--m3e-chip-unselected-label-text-color** - Text color in unselected state. _(default: undefined)_\n- **--m3e-chip-unselected-ripple-color** - Ripple color in unselected state. _(default: undefined)_\n- **--m3e-chip-unselected-state-layer-focus-color** - Focus state layer color in unselected state. _(default: undefined)_\n- **--m3e-chip-unselected-state-layer-hover-color** - Hover state layer color in unselected state. _(default: undefined)_\n- **--m3e-chip-unselected-leading-icon-color** - Leading icon color in unselected state. _(default: undefined)_\n- **--m3e-chip-unselected-trailing-icon-color** - Trailing icon color in unselected state. _(default: undefined)_\n- **--m3e-chip-label-text-color** - Label text color in default state. _(default: undefined)_\n- **--m3e-chip-icon-color** - Icon color in default state. _(default: undefined)_",
569
+ "attributes": [
570
+ {
571
+ "name": "disabled",
572
+ "description": "A value indicating whether the element is disabled.",
573
+ "values": []
574
+ },
575
+ {
576
+ "name": "disabled-interactive",
577
+ "description": "A value indicating whether the element is disabled and interactive.",
578
+ "values": []
579
+ },
580
+ {
581
+ "name": "selected",
582
+ "description": "A value indicating whether the element is selected.",
583
+ "values": []
584
+ },
585
+ {
586
+ "name": "value",
587
+ "description": "A string representing the value of the chip.",
588
+ "values": []
589
+ },
590
+ {
591
+ "name": "variant",
592
+ "description": "The appearance variant of the chip.",
593
+ "values": [{ "name": "ChipVariant" }]
594
+ }
595
+ ],
596
+ "references": []
597
+ },
598
+ {
599
+ "name": "m3e-filter-chip-set",
600
+ "description": "A container that organizes filter chips into a cohesive group, enabling selection and\r\ndeselection of values used to refine content or trigger contextual behavior.\n---\n\n\n### **Events:**\n - **change** - Emitted when the selected state of a chip changes.\n- **input** - Emitted when the selected state of a chip changes.\n\n### **Methods:**\n - **markAsPristine(): _void_** - Marks the element as pristine.\n- **markAsDirty(): _void_** - Marks the element as dirty.\n- **markAsTouched(): _void_** - Marks the element as touched.\n- **markAsUntouched(): _void_** - Marks the element as untouched.\n- **formDisabledCallback(disabled: _boolean_): _void_** - Called when the element is disabled or enabled via its form association.\n- **formResetCallback(): _void_** - Called when the associated form is reset.\n\n### **Slots:**\n - _default_ - Renders the chips of the set.\n\n### **CSS Properties:**\n - **--m3e-chip-set-spacing** - The spacing (gap) between chips in the set. _(default: undefined)_",
601
+ "attributes": [
602
+ {
603
+ "name": "disabled",
604
+ "description": "Whether the element is disabled.",
605
+ "values": []
606
+ },
607
+ {
608
+ "name": "hide-selection-indicator",
609
+ "description": "Whether to hide the selection indicator.",
610
+ "values": []
611
+ },
612
+ {
613
+ "name": "multi",
614
+ "description": "Whether multiple chips can be selected.",
615
+ "values": []
616
+ },
617
+ {
618
+ "name": "name",
619
+ "description": "The name that identifies the element when submitting the associated form.",
620
+ "values": []
621
+ },
622
+ {
623
+ "name": "vertical",
624
+ "description": "Whether the element is oriented vertically.",
625
+ "values": []
626
+ }
627
+ ],
628
+ "references": []
629
+ },
630
+ {
631
+ "name": "m3e-input-chip",
632
+ "description": "A chip which represents a discrete piece of information entered by a user.\n---\n\n\n### **Events:**\n - **remove** - Emitted when the remove button is clicked or DELETE or BACKSPACE key is pressed.\n- **click** - Emitted when the element is clicked.\n\n### **Slots:**\n - _default_ - Renders the label of the chip.\n- **avatar** - Renders an avatar before the chip's label.\n- **icon** - Renders an icon before the chip's label.\n- **remove-icon** - Renders the icon for the button used to remove the chip.\n- **trailing-icon** - Renders an icon after the chip's label.\n\n### **CSS Properties:**\n - **--m3e-chip-container-shape** - Border radius of the chip container. _(default: undefined)_\n- **--m3e-chip-container-height** - Base height of the chip container before density adjustment. _(default: undefined)_\n- **--m3e-chip-label-text-font-size** - Font size of the chip label text. _(default: undefined)_\n- **--m3e-chip-label-text-font-weight** - Font weight of the chip label text. _(default: undefined)_\n- **--m3e-chip-label-text-line-height** - Line height of the chip label text. _(default: undefined)_\n- **--m3e-chip-label-text-tracking** - Letter spacing of the chip label text. _(default: undefined)_\n- **--m3e-chip-label-text-color** - Label text color in default state. _(default: undefined)_\n- **--m3e-chip-icon-color** - Icon color in default state. _(default: undefined)_\n- **--m3e-chip-icon-size** - Font size of leading/trailing icons. _(default: undefined)_\n- **--m3e-chip-spacing** - Horizontal gap between chip content elements. _(default: undefined)_\n- **--m3e-chip-padding-start** - Default start padding when no icon is present. _(default: undefined)_\n- **--m3e-chip-padding-end** - Default end padding when no trailing icon is present. _(default: undefined)_\n- **--m3e-chip-with-icon-padding-start** - Start padding when leading icon is present. _(default: undefined)_\n- **--m3e-chip-with-icon-padding-end** - End padding when trailing icon is present. _(default: undefined)_\n- **--m3e-chip-disabled-label-text-color** - Base color for disabled label text. _(default: undefined)_\n- **--m3e-chip-disabled-label-text-opacity** - Opacity applied to disabled label text. _(default: undefined)_\n- **--m3e-chip-disabled-icon-color** - Base color for disabled icons. _(default: undefined)_\n- **--m3e-chip-disabled-icon-opacity** - Opacity applied to disabled icons. _(default: undefined)_\n- **--m3e-elevated-chip-container-color** - Background color for elevated variant. _(default: undefined)_\n- **--m3e-elevated-chip-elevation** - Elevation level for elevated variant. _(default: undefined)_\n- **--m3e-elevated-chip-hover-elevation** - Elevation level on hover. _(default: undefined)_\n- **--m3e-elevated-chip-disabled-container-color** - Background color for disabled elevated variant. _(default: undefined)_\n- **--m3e-elevated-chip-disabled-container-opacity** - Opacity applied to disabled elevated background. _(default: undefined)_\n- **--m3e-elevated-chip-disabled-elevation** - Elevation level for disabled elevated variant. _(default: undefined)_\n- **--m3e-outlined-chip-outline-thickness** - Outline thickness for outlined variant. _(default: undefined)_\n- **--m3e-outlined-chip-outline-color** - Outline color for outlined variant. _(default: undefined)_\n- **--m3e-outlined-chip-disabled-outline-color** - Outline color for disabled outlined variant. _(default: undefined)_\n- **--m3e-outlined-chip-disabled-outline-opacity** - Opacity applied to disabled outline. _(default: undefined)_\n- **--m3e-chip-avatar-size** - Font size of the avatar slot content. _(default: undefined)_\n- **--m3e-chip-disabled-avatar-opacity** - Opacity applied to the avatar when disabled. _(default: undefined)_\n- **--m3e-chip-with-avatar-padding-start** - Start padding when an avatar is present. _(default: undefined)_",
633
+ "attributes": [
634
+ {
635
+ "name": "disabled",
636
+ "description": "Whether the element is disabled.",
637
+ "values": []
638
+ },
639
+ {
640
+ "name": "disabled-interactive",
641
+ "description": "Whether the element is disabled and interactive.",
642
+ "values": []
643
+ },
644
+ {
645
+ "name": "removable",
646
+ "description": "Whether the chip is removable.",
647
+ "values": []
648
+ },
649
+ {
650
+ "name": "remove-label",
651
+ "description": "The accessible label given to the button used to remove the chip.",
652
+ "values": []
653
+ },
654
+ {
655
+ "name": "value",
656
+ "description": "A string representing the value of the chip.",
657
+ "values": []
658
+ },
659
+ {
660
+ "name": "variant",
661
+ "description": "The appearance variant of the chip.",
662
+ "values": [{ "name": "ChipVariant" }]
663
+ }
664
+ ],
665
+ "references": []
666
+ },
667
+ {
668
+ "name": "m3e-input-chip-set",
669
+ "description": "A container that transforms user input into a cohesive set of interactive chips, supporting entry, editing, and removal of discrete values.\n---\n\n\n### **Events:**\n - **change** - Emitted when a chip is added to, or removed from, the set.\n\n### **Methods:**\n - **reportValidity(): _boolean_** - Returns `true` if the element has no validity problems; otherwise, returns `false`, fires\r\nan invalid event, and (if the event isn't canceled) reports the problem to the user.\n- **checkValidity(): _boolean_** - Returns `true` if the element has no validity problems; otherwise,\r\nreturns `false`, fires an invalid event.\n- **setCustomValidity(error: _string_): _void_** - Sets a custom validity message for the element.\n- **markAsPristine(): _void_** - Marks the element as pristine.\n- **markAsDirty(): _void_** - Marks the element as dirty.\n- **markAsTouched(): _void_** - Marks the element as touched.\n- **markAsUntouched(): _void_** - Marks the element as untouched.\n- **formDisabledCallback(disabled: _boolean_): _void_** - Called when the element is disabled or enabled via its form association.\n- **formResetCallback(): _void_** - Called when the associated form is reset.\n\n### **Slots:**\n - _default_ - Renders the chips of the set.\n- **input** - Renders the input element used to add new chips to the set.\n\n### **CSS Properties:**\n - **--m3e-chip-set-spacing** - The spacing (gap) between chips in the set. _(default: undefined)_",
670
+ "attributes": [
671
+ {
672
+ "name": "disabled",
673
+ "description": "Whether the element is disabled.",
674
+ "values": []
675
+ },
676
+ {
677
+ "name": "name",
678
+ "description": "The name that identifies the element when submitting the associated form.",
679
+ "values": []
680
+ },
681
+ {
682
+ "name": "required",
683
+ "description": "Whether a value is required for the element.",
684
+ "values": []
685
+ },
686
+ {
687
+ "name": "vertical",
688
+ "description": "Whether the element is oriented vertically.",
689
+ "values": []
690
+ }
691
+ ],
692
+ "references": []
693
+ },
694
+ {
695
+ "name": "m3e-suggestion-chip",
696
+ "description": "A chip used to help narrow a user's intent by presenting dynamically generated suggestions, such as\r\nsuggested responses or search filters.\n---\n\n\n### **Events:**\n - **click** - Emitted when the element is clicked.\n\n### **Slots:**\n - _default_ - Renders the label of the chip.\n- **icon** - Renders an icon before the chip's label.\n- **trailing-icon** - Renders an icon after the chip's label.\n\n### **CSS Properties:**\n - **--m3e-chip-container-shape** - Border radius of the chip container. _(default: undefined)_\n- **--m3e-chip-container-height** - Base height of the chip container before density adjustment. _(default: undefined)_\n- **--m3e-chip-label-text-font-size** - Font size of the chip label text. _(default: undefined)_\n- **--m3e-chip-label-text-font-weight** - Font weight of the chip label text. _(default: undefined)_\n- **--m3e-chip-label-text-line-height** - Line height of the chip label text. _(default: undefined)_\n- **--m3e-chip-label-text-tracking** - Letter spacing of the chip label text. _(default: undefined)_\n- **--m3e-chip-label-text-color** - Label text color in default state. _(default: undefined)_\n- **--m3e-chip-icon-color** - Icon color in default state. _(default: undefined)_\n- **--m3e-chip-icon-size** - Font size of leading/trailing icons. _(default: undefined)_\n- **--m3e-chip-spacing** - Horizontal gap between chip content elements. _(default: undefined)_\n- **--m3e-chip-padding-start** - Default start padding when no icon is present. _(default: undefined)_\n- **--m3e-chip-padding-end** - Default end padding when no trailing icon is present. _(default: undefined)_\n- **--m3e-chip-with-icon-padding-start** - Start padding when leading icon is present. _(default: undefined)_\n- **--m3e-chip-with-icon-padding-end** - End padding when trailing icon is present. _(default: undefined)_\n- **--m3e-chip-disabled-label-text-color** - Base color for disabled label text. _(default: undefined)_\n- **--m3e-chip-disabled-label-text-opacity** - Opacity applied to disabled label text. _(default: undefined)_\n- **--m3e-chip-disabled-icon-color** - Base color for disabled icons. _(default: undefined)_\n- **--m3e-chip-disabled-icon-opacity** - Opacity applied to disabled icons. _(default: undefined)_\n- **--m3e-elevated-chip-container-color** - Background color for elevated variant. _(default: undefined)_\n- **--m3e-elevated-chip-elevation** - Elevation level for elevated variant. _(default: undefined)_\n- **--m3e-elevated-chip-hover-elevation** - Elevation level on hover. _(default: undefined)_\n- **--m3e-elevated-chip-disabled-container-color** - Background color for disabled elevated variant. _(default: undefined)_\n- **--m3e-elevated-chip-disabled-container-opacity** - Opacity applied to disabled elevated background. _(default: undefined)_\n- **--m3e-elevated-chip-disabled-elevation** - Elevation level for disabled elevated variant. _(default: undefined)_\n- **--m3e-outlined-chip-outline-thickness** - Outline thickness for outlined variant. _(default: undefined)_\n- **--m3e-outlined-chip-outline-color** - Outline color for outlined variant. _(default: undefined)_\n- **--m3e-outlined-chip-disabled-outline-color** - Outline color for disabled outlined variant. _(default: undefined)_\n- **--m3e-outlined-chip-disabled-outline-opacity** - Opacity applied to disabled outline. _(default: undefined)_",
697
+ "attributes": [
698
+ {
699
+ "name": "disabled",
700
+ "description": "A value indicating whether the element is disabled.",
701
+ "values": []
702
+ },
703
+ {
704
+ "name": "disabled-interactive",
705
+ "description": "A value indicating whether the element is disabled and interactive.",
706
+ "values": []
707
+ },
708
+ {
709
+ "name": "download",
710
+ "description": "A value indicating whether the `target` of the link button will be downloaded, optionally specifying the new name of the file.",
711
+ "values": []
712
+ },
713
+ {
714
+ "name": "href",
715
+ "description": "The URL to which the link button points.",
716
+ "values": []
717
+ },
718
+ {
719
+ "name": "name",
720
+ "description": "The name of the element, submitted as a pair with the element's `value` as part of form data, when the element is used to submit a form.",
721
+ "values": []
722
+ },
723
+ {
724
+ "name": "rel",
725
+ "description": "The relationship between the `target` of the link button and the document.",
726
+ "values": []
727
+ },
728
+ {
729
+ "name": "target",
730
+ "description": "The target of the link button.",
731
+ "values": [{ "name": "LinkTarget" }]
732
+ },
733
+ {
734
+ "name": "type",
735
+ "description": "The type of the element.",
736
+ "values": [{ "name": "FormSubmitterType" }]
737
+ },
738
+ {
739
+ "name": "value",
740
+ "description": "A string representing the value of the chip.",
741
+ "values": []
742
+ },
743
+ {
744
+ "name": "variant",
745
+ "description": "The appearance variant of the chip.",
746
+ "values": [{ "name": "ChipVariant" }]
747
+ }
748
+ ],
749
+ "references": []
750
+ },
751
+ {
752
+ "name": "m3e-dialog-action",
753
+ "description": "An element, nested within a clickable element, used to close a parenting dialog.\n---\n",
754
+ "attributes": [
755
+ {
756
+ "name": "return-value",
757
+ "description": "The value to return from the dialog.",
758
+ "values": []
759
+ }
760
+ ],
761
+ "references": []
762
+ },
763
+ {
764
+ "name": "m3e-dialog",
765
+ "description": "A dialog that provides important prompts in a user flow.\n---\n\n\n### **Events:**\n - **opening** - Emitted when the dialog begins to open.\n- **opened** - Emitted when the dialog has opened.\n- **closing** - Emitted when the dialog begins to close.\n- **closed** - Emitted when the dialog has closed.\n- **cancel** - Emitted when the dialog is cancelled.\n\n### **Methods:**\n - **show(): _Promise<void>_** - Asynchronously opens the dialog.\n- **hide(returnValue: _string_): _Promise<void>_** - Asynchronously closes the dialog.\n\n### **Slots:**\n - _default_ - Renders the content of the dialog.\n- **header** - Renders the header of the dialog.\n- **actions** - Renders the actions of the dialog.\n- **close-icon** - Renders the icon of the button used to close the dialog.\n\n### **CSS Properties:**\n - **--m3e-dialog-shape** - Border radius of the dialog container. _(default: undefined)_\n- **--m3e-dialog-min-width** - Minimum width of the dialog. _(default: undefined)_\n- **--m3e-dialog-max-width** - Maximum width of the dialog. _(default: undefined)_\n- **--m3e-dialog-color** - Foreground color of the dialog. _(default: undefined)_\n- **--m3e-dialog-container-color** - Background color of the dialog container. _(default: undefined)_\n- **--m3e-dialog-scrim-color** - Color of the scrim (backdrop overlay). _(default: undefined)_\n- **--m3e-dialog-scrim-opacity** - Opacity of the scrim when open. _(default: undefined)_\n- **--m3e-dialog-header-container-color** - Background color of the dialog header. _(default: undefined)_\n- **--m3e-dialog-header-color** - Foreground color of the dialog header. _(default: undefined)_\n- **--m3e-dialog-header-font-size** - Font size for the dialog header. _(default: undefined)_\n- **--m3e-dialog-header-font-weight** - Font weight for the dialog header. _(default: undefined)_\n- **--m3e-dialog-header-line-height** - Line height for the dialog header. _(default: undefined)_\n- **--m3e-dialog-header-tracking** - Letter spacing for the dialog header. _(default: undefined)_\n- **--m3e-dialog-content-color** - Foreground color of the dialog content. _(default: undefined)_\n- **--m3e-dialog-content-font-size** - Font size for the dialog content. _(default: undefined)_\n- **--m3e-dialog-content-font-weight** - Font weight for the dialog content. _(default: undefined)_\n- **--m3e-dialog-content-line-height** - Line height for the dialog content. _(default: undefined)_\n- **--m3e-dialog-content-tracking** - Letter spacing for the dialog content. _(default: undefined)_",
766
+ "attributes": [
767
+ {
768
+ "name": "alert",
769
+ "description": "Whether the dialog is an alert.",
770
+ "values": []
771
+ },
772
+ {
773
+ "name": "close-label",
774
+ "description": "The accessible label given to the button used to dismiss the dialog.",
775
+ "values": []
776
+ },
777
+ {
778
+ "name": "disable-close",
779
+ "description": "Whether users cannot click the backdrop or press ESC to dismiss the dialog.",
780
+ "values": []
781
+ },
782
+ {
783
+ "name": "dismissible",
784
+ "description": "Whether a button is presented that can be used to close the dialog.",
785
+ "values": []
786
+ },
787
+ {
788
+ "name": "no-focus-trap",
789
+ "description": "Whether to disable focus trapping, which keeps keyboard `Tab` navigation within the dialog.",
790
+ "values": []
791
+ },
792
+ {
793
+ "name": "open",
794
+ "description": "Whether the dialog is open.",
795
+ "values": []
796
+ }
797
+ ],
798
+ "references": []
799
+ },
800
+ {
801
+ "name": "m3e-dialog-trigger",
802
+ "description": "An element, nested within a clickable element, used to open a dialog.\n---\n\n\n### **Methods:**\n - **attach(control: _HTMLElement_): _void_** - Attaches the element to an interactive control.\n- **detach(): _void_** - Detaches the element from its current interactive control.",
803
+ "attributes": [
804
+ {
805
+ "name": "for",
806
+ "description": "The identifier of the interactive control to which this element is attached.",
807
+ "values": []
808
+ }
809
+ ],
810
+ "references": []
811
+ },
812
+ {
813
+ "name": "m3e-divider",
814
+ "description": "A thin line that separates content in lists or other containers.\n---\n\n\n### **CSS Properties:**\n - **--m3e-divider-thickness** - Thickness of the divider line. _(default: undefined)_\n- **--m3e-divider-color** - Color of the divider line. _(default: undefined)_\n- **--m3e-divider-inset-size** - When inset, fallback inset size used when no specific start or end inset is provided. _(default: undefined)_\n- **--m3e-divider-inset-start-size** - When inset, leading inset size. _(default: undefined)_\n- **--m3e-divider-inset-end-size** - When inset, trailing inset size. _(default: undefined)_",
815
+ "attributes": [
816
+ {
817
+ "name": "inset",
818
+ "description": "Whether the divider is indented with equal padding on both sides.",
819
+ "values": []
820
+ },
821
+ {
822
+ "name": "inset-start",
823
+ "description": "Whether the divider is indented with padding on the leading side.",
824
+ "values": []
825
+ },
826
+ {
827
+ "name": "inset-end",
828
+ "description": "Whether the divider is indented with padding on the trailing side.",
829
+ "values": []
830
+ },
831
+ {
832
+ "name": "vertical",
833
+ "description": "Whether the divider is vertically aligned with adjacent content.",
834
+ "values": []
835
+ }
836
+ ],
837
+ "references": []
838
+ },
839
+ {
840
+ "name": "m3e-drawer-container",
841
+ "description": "A container for one or two sliding drawers.\n---\n\n\n### **Events:**\n - **change** - Emitted when the state of the start or end drawers change.\n\n### **Slots:**\n - _default_ - Renders the main content.\n- **start** - Renders the start drawer.\n- **end** - Renders the end drawer.\n\n### **CSS Properties:**\n - **--m3e-drawer-container-color** - The background color of the drawer container. _(default: undefined)_\n- **--m3e-drawer-container-elevation** - The elevation level of the drawer container. _(default: undefined)_\n- **--m3e-drawer-container-width** - The width of the drawer container. _(default: undefined)_\n- **--m3e-drawer-container-scrim-opacity** - The opacity of the scrim behind the drawer. _(default: undefined)_\n- **--m3e-modal-drawer-start-shape** - The shape of the drawer’s start edge (typically left in LTR). _(default: undefined)_\n- **--m3e-modal-drawer-end-shape** - The shape of the drawer’s end edge (typically right in LTR). _(default: undefined)_\n- **--m3e-modal-drawer-container-color** - The background color of the modal drawer container. _(default: undefined)_\n- **--m3e-modal-drawer-elevation** - The elevation level of the modal drawer container. _(default: undefined)_\n- **--m3e-drawer-divider-color** - The color of the divider between drawer sections. _(default: undefined)_\n- **--m3e-drawer-divider-thickness** - The thickness of the divider line. _(default: undefined)_",
842
+ "attributes": [
843
+ {
844
+ "name": "end",
845
+ "description": "Whether the end drawer is open.",
846
+ "values": []
847
+ },
848
+ {
849
+ "name": "end-mode",
850
+ "description": "The behavior mode of the end drawer.",
851
+ "values": [{ "name": "DrawerMode" }]
852
+ },
853
+ {
854
+ "name": "end-divider",
855
+ "description": "Whether to show a divider between the end drawer and content for `side` mode.",
856
+ "values": []
857
+ },
858
+ {
859
+ "name": "start",
860
+ "description": "Whether the start drawer is open.",
861
+ "values": []
862
+ },
863
+ {
864
+ "name": "start-mode",
865
+ "description": "The behavior mode of the start drawer.",
866
+ "values": [{ "name": "DrawerMode" }]
867
+ },
868
+ {
869
+ "name": "start-divider",
870
+ "description": "Whether to show a divider between the start drawer and content for `side` mode.",
871
+ "values": []
872
+ }
873
+ ],
874
+ "references": []
875
+ },
876
+ {
877
+ "name": "m3e-drawer-toggle",
878
+ "description": "An element, nested within a clickable element, used to toggle the opened state of a drawer.\n---\n\n\n### **Methods:**\n - **attach(control: _HTMLElement_): _void_** - Attaches the element to an interactive control.\n- **detach(): _void_** - Detaches the element from its current interactive control.",
879
+ "attributes": [
880
+ {
881
+ "name": "for",
882
+ "description": "The identifier of the interactive control to which this element is attached.",
883
+ "values": []
884
+ }
885
+ ],
886
+ "references": []
887
+ },
888
+ {
889
+ "name": "m3e-accordion",
890
+ "description": "Combines multiple expansion panels in to an accordion.\n---\n\n\n### **Slots:**\n - _default_ - Renders the panels of the accordion.",
891
+ "attributes": [
892
+ {
893
+ "name": "multi",
894
+ "description": "Whether multiple expansion panels can be open at the same time.",
895
+ "values": []
896
+ }
897
+ ],
898
+ "references": []
899
+ },
900
+ {
901
+ "name": "m3e-expansion-header",
902
+ "description": "A button used to toggle the expanded state of an expansion panel.\n---\n\n\n### **Events:**\n - **click** - Emitted when the element is clicked.\n\n### **Slots:**\n - _default_ - Renders the content of the header.\n- **toggle-icon** - Renders the icon of the expansion toggle.\n\n### **CSS Properties:**\n - **--m3e-expansion-header-collapsed-height** - Height of the header when the panel is collapsed. _(default: undefined)_\n- **--m3e-expansion-header-expanded-height** - Height of the header when the panel is expanded. _(default: undefined)_\n- **--m3e-expansion-header-padding-left** - Left padding inside the header. _(default: undefined)_\n- **--m3e-expansion-header-padding-right** - Right padding inside the header. _(default: undefined)_\n- **--m3e-expansion-header-spacing** - Spacing between header elements. _(default: undefined)_\n- **--m3e-expansion-header-toggle-icon-size** - Size of the toggle icon (e.g. chevron). _(default: undefined)_\n- **--m3e-expansion-header-font-size** - The font size of the header text. _(default: undefined)_\n- **--m3e-expansion-header-font-weight** - The font weight of the header text. _(default: undefined)_\n- **--m3e-expansion-header-line-height** - The line height of the header text. _(default: undefined)_\n- **--m3e-expansion-header-tracking** - Letter spacing (tracking) of the header text. _(default: undefined)_",
903
+ "attributes": [
904
+ {
905
+ "name": "hide-toggle",
906
+ "description": "Whether to hide the expansion toggle.",
907
+ "values": []
908
+ },
909
+ {
910
+ "name": "toggle-direction",
911
+ "description": "The direction of the expansion toggle.",
912
+ "values": [{ "name": "ExpansionToggleDirection" }]
913
+ },
914
+ {
915
+ "name": "toggle-position",
916
+ "description": "The position of the expansion toggle.",
917
+ "values": [{ "name": "ExpansionTogglePosition" }]
918
+ },
919
+ {
920
+ "name": "disabled",
921
+ "description": "Whether the element is disabled.",
922
+ "values": []
923
+ }
924
+ ],
925
+ "references": []
926
+ },
927
+ {
928
+ "name": "m3e-expansion-panel",
929
+ "description": "An expandable details-summary view.\n---\n\n\n### **Events:**\n - **opening** - Emitted when the expansion panel begins to open.\n- **opened** - Emitted when the expansion panel has opened.\n- **closing** - Emitted when the expansion panel begins to close.\n- **closed** - Emitted when the expansion panel has closed.\n\n### **Slots:**\n - _default_ - Renders the detail of the panel.\n- **actions** - Renders the actions bar of the panel.\n- **header** - Renders the header content.\n- **toggle-icon** - Renders the expansion toggle icon.\n\n### **CSS Properties:**\n - **--m3e-expansion-header-collapsed-height** - Height of the header when the panel is collapsed. _(default: undefined)_\n- **--m3e-expansion-header-expanded-height** - Height of the header when the panel is expanded. _(default: undefined)_\n- **--m3e-expansion-header-padding-left** - Left padding inside the header. _(default: undefined)_\n- **--m3e-expansion-header-padding-right** - Right padding inside the header. _(default: undefined)_\n- **--m3e-expansion-header-spacing** - Spacing between header elements. _(default: undefined)_\n- **--m3e-expansion-header-toggle-icon-size** - Size of the toggle icon (e.g. chevron). _(default: undefined)_\n- **--m3e-expansion-header-font-size** - The font size of the header text. _(default: undefined)_\n- **--m3e-expansion-header-font-weight** - The font weight of the header text. _(default: undefined)_\n- **--m3e-expansion-header-line-height** - The line height of the header text. _(default: undefined)_\n- **--m3e-expansion-header-tracking** - Letter spacing (tracking) of the header text. _(default: undefined)_\n- **--m3e-expansion-panel-text-color** - Color of the panel's text content. _(default: undefined)_\n- **--m3e-expansion-panel-disabled-text-color** - Color of the panel's text content, when disabled. _(default: undefined)_\n- **--m3e-expansion-panel-disabled-text-opacity** - Opacity of the panel's text content, when disabled. _(default: undefined)_\n- **--m3e-expansion-panel-container-color** - Background color of the panel container. _(default: undefined)_\n- **--m3e-expansion-panel-elevation** - Elevation level when the panel is collapsed. _(default: undefined)_\n- **--m3e-expansion-panel-shape** - Shape (e.g. border radius) of the panel when collapsed. _(default: undefined)_\n- **--m3e-expansion-panel-open-elevation** - Elevation level when the panel is expanded. _(default: undefined)_\n- **--m3e-expansion-panel-open-shape** - Shape (e.g. border radius) of the panel when expanded. _(default: undefined)_\n- **--m3e-expansion-panel-content-padding** - Padding around the panel's content area. _(default: undefined)_\n- **--m3e-expansion-panel-actions-spacing** - Spacing between action buttons or elements. _(default: undefined)_\n- **--m3e-expansion-panel-actions-padding** - Padding around the actions section. _(default: undefined)_\n- **--m3e-expansion-panel-actions-divider-thickness** - Thickness of the divider above actions. _(default: undefined)_\n- **--m3e-expansion-panel-actions-divider-color** - Color of the divider above actions. _(default: undefined)_",
930
+ "attributes": [
931
+ {
932
+ "name": "disabled",
933
+ "description": "Whether the element is disabled.",
934
+ "values": []
935
+ },
936
+ {
937
+ "name": "hide-toggle",
938
+ "description": "Whether to hide the expansion toggle.",
939
+ "values": []
940
+ },
941
+ {
942
+ "name": "open",
943
+ "description": "Whether the panel is expanded.",
944
+ "values": []
945
+ },
946
+ {
947
+ "name": "toggle-direction",
948
+ "description": "The direction of the expansion toggle.",
949
+ "values": [{ "name": "ExpansionToggleDirection" }]
950
+ },
951
+ {
952
+ "name": "toggle-position",
953
+ "description": "The position of the expansion toggle.",
954
+ "values": [{ "name": "ExpansionTogglePosition" }]
955
+ }
956
+ ],
957
+ "references": []
958
+ },
959
+ {
960
+ "name": "m3e-fab",
961
+ "description": "A floating action button (FAB) used to present important actions.\n---\n\n\n### **Events:**\n - **click** - Emitted when the element is clicked.\n\n### **Slots:**\n - _default_ - Renders the icon of the button.\n- **label** - Renders the label of an extended button.\n- **close-icon** - Renders the close icon when used to open a FAB menu.\n\n### **CSS Properties:**\n - **--m3e-fab-small-container-height** - Height of the small FAB container. _(default: undefined)_\n- **--m3e-fab-small-label-text-font-size** - Font size for the small FAB label text. _(default: undefined)_\n- **--m3e-fab-small-label-text-font-weight** - Font weight for the small FAB label text. _(default: undefined)_\n- **--m3e-fab-small-label-text-line-height** - Line height for the small FAB label text. _(default: undefined)_\n- **--m3e-fab-small-label-text-tracking** - Letter spacing (tracking) for the small FAB label text. _(default: undefined)_\n- **--m3e-fab-small-icon-size** - Icon size for the small FAB. _(default: undefined)_\n- **--m3e-fab-small-shape** - Border radius for the small FAB. _(default: undefined)_\n- **--m3e-fab-small-leading-space** - Leading space for the small FAB. _(default: undefined)_\n- **--m3e-fab-small-trailing-space** - Trailing space for the small FAB. _(default: undefined)_\n- **--m3e-fab-small-icon-label-space** - Space between icon and label for the small FAB. _(default: undefined)_\n- **--m3e-fab-medium-container-height** - Height of the medium FAB container. _(default: undefined)_\n- **--m3e-fab-medium-label-text-font-size** - Font size for the medium FAB label text. _(default: undefined)_\n- **--m3e-fab-medium-label-text-font-weight** - Font weight for the medium FAB label text. _(default: undefined)_\n- **--m3e-fab-medium-label-text-line-height** - Line height for the medium FAB label text. _(default: undefined)_\n- **--m3e-fab-medium-label-text-tracking** - Letter spacing (tracking) for the medium FAB label text. _(default: undefined)_\n- **--m3e-fab-medium-icon-size** - Icon size for the medium FAB. _(default: undefined)_\n- **--m3e-fab-medium-shape** - Border radius for the medium FAB. _(default: undefined)_\n- **--m3e-fab-medium-leading-space** - Leading space for the medium FAB. _(default: undefined)_\n- **--m3e-fab-medium-trailing-space** - Trailing space for the medium FAB. _(default: undefined)_\n- **--m3e-fab-medium-icon-label-space** - Space between icon and label for the medium FAB. _(default: undefined)_\n- **--m3e-fab-large-container-height** - Height of the large FAB container. _(default: undefined)_\n- **--m3e-fab-large-label-text-font-size** - Font size for the large FAB label text. _(default: undefined)_\n- **--m3e-fab-large-label-text-font-weight** - Font weight for the large FAB label text. _(default: undefined)_\n- **--m3e-fab-large-label-text-line-height** - Line height for the large FAB label text. _(default: undefined)_\n- **--m3e-fab-large-label-text-tracking** - Letter spacing (tracking) for the large FAB label text. _(default: undefined)_\n- **--m3e-fab-large-icon-size** - Icon size for the large FAB. _(default: undefined)_\n- **--m3e-fab-large-shape** - Border radius for the large FAB. _(default: undefined)_\n- **--m3e-fab-large-leading-space** - Leading space for the large FAB. _(default: undefined)_\n- **--m3e-fab-large-trailing-space** - Trailing space for the large FAB. _(default: undefined)_\n- **--m3e-fab-large-icon-label-space** - Space between icon and label for the large FAB. _(default: undefined)_\n- **--m3e-primary-fab-label-text-color** - Default label text color for primary FAB. _(default: undefined)_\n- **--m3e-primary-fab-icon-color** - Default icon color for primary FAB. _(default: undefined)_\n- **--m3e-primary-fab-container-color** - Default container background color for primary FAB. _(default: undefined)_\n- **--m3e-primary-fab-container-elevation** - Resting elevation for primary FAB. _(default: undefined)_\n- **--m3e-primary-fab-lowered-container-elevation** - Lowered resting elevation for primary FAB. _(default: undefined)_\n- **--m3e-primary-fab-disabled-container-color** - Container background color when disabled (primary). _(default: undefined)_\n- **--m3e-primary-fab-disabled-container-opacity** - Opacity of container when disabled (primary). _(default: undefined)_\n- **--m3e-primary-fab-disabled-icon-color** - Icon color when disabled (primary). _(default: undefined)_\n- **--m3e-primary-fab-disabled-icon-opacity** - Icon opacity when disabled (primary). _(default: undefined)_\n- **--m3e-primary-fab-disabled-label-text-color** - Label text color when disabled (primary). _(default: undefined)_\n- **--m3e-primary-fab-disabled-label-text-opacity** - Label text opacity when disabled (primary). _(default: undefined)_\n- **--m3e-primary-fab-disabled-container-elevation** - Elevation when disabled (primary). _(default: undefined)_\n- **--m3e-primary-fab-lowered-disabled-container-elevation** - Lowered elevation when disabled (primary). _(default: undefined)_\n- **--m3e-primary-fab-hover-icon-color** - Icon color on hover (primary). _(default: undefined)_\n- **--m3e-primary-fab-hover-label-text-color** - Label text color on hover (primary). _(default: undefined)_\n- **--m3e-primary-fab-hover-state-layer-color** - State layer color on hover (primary). _(default: undefined)_\n- **--m3e-primary-fab-hover-state-layer-opacity** - State layer opacity on hover (primary). _(default: undefined)_\n- **--m3e-primary-fab-hover-container-elevation** - Elevation on hover (primary). _(default: undefined)_\n- **--m3e-primary-fab-lowered-hover-container-elevation** - Lowered elevation on hover (primary). _(default: undefined)_\n- **--m3e-primary-fab-focus-icon-color** - Icon color on focus (primary). _(default: undefined)_\n- **--m3e-primary-fab-focus-label-text-color** - Label text color on focus (primary). _(default: undefined)_\n- **--m3e-primary-fab-focus-state-layer-color** - State layer color on focus (primary). _(default: undefined)_\n- **--m3e-primary-fab-focus-state-layer-opacity** - State layer opacity on focus (primary). _(default: undefined)_\n- **--m3e-primary-fab-focus-container-elevation** - Elevation on focus (primary). _(default: undefined)_\n- **--m3e-primary-fab-lowered-focus-container-elevation** - Lowered elevation on focus (primary). _(default: undefined)_\n- **--m3e-primary-fab-pressed-icon-color** - Icon color on pressed (primary). _(default: undefined)_\n- **--m3e-primary-fab-pressed-label-text-color** - Label text color on pressed (primary). _(default: undefined)_\n- **--m3e-primary-fab-pressed-state-layer-color** - State layer color on pressed (primary). _(default: undefined)_\n- **--m3e-primary-fab-pressed-state-layer-opacity** - State layer opacity on pressed (primary). _(default: undefined)_\n- **--m3e-primary-fab-pressed-container-elevation** - Elevation on pressed (primary). _(default: undefined)_\n- **--m3e-primary-fab-lowered-pressed-container-elevation** - Lowered elevation on pressed (primary). _(default: undefined)_\n- **--m3e-secondary-fab-label-text-color** - Default label text color for secondary FAB. _(default: undefined)_\n- **--m3e-secondary-fab-icon-color** - Default icon color for secondary FAB. _(default: undefined)_\n- **--m3e-secondary-fab-container-color** - Default container background color for secondary FAB. _(default: undefined)_\n- **--m3e-secondary-fab-container-elevation** - Resting elevation for secondary FAB. _(default: undefined)_\n- **--m3e-secondary-fab-lowered-container-elevation** - Lowered resting elevation for secondary FAB. _(default: undefined)_\n- **--m3e-secondary-fab-disabled-container-color** - Container background color when disabled (secondary). _(default: undefined)_\n- **--m3e-secondary-fab-disabled-container-opacity** - Opacity of container when disabled (secondary). _(default: undefined)_\n- **--m3e-secondary-fab-disabled-icon-color** - Icon color when disabled (secondary). _(default: undefined)_\n- **--m3e-secondary-fab-disabled-icon-opacity** - Icon opacity when disabled (secondary). _(default: undefined)_\n- **--m3e-secondary-fab-disabled-label-text-color** - Label text color when disabled (secondary). _(default: undefined)_\n- **--m3e-secondary-fab-disabled-label-text-opacity** - Label text opacity when disabled (secondary). _(default: undefined)_\n- **--m3e-secondary-fab-disabled-container-elevation** - Elevation when disabled (secondary). _(default: undefined)_\n- **--m3e-secondary-fab-lowered-disabled-container-elevation** - Lowered elevation when disabled (secondary). _(default: undefined)_\n- **--m3e-secondary-fab-hover-icon-color** - Icon color on hover (secondary). _(default: undefined)_\n- **--m3e-secondary-fab-hover-label-text-color** - Label text color on hover (secondary). _(default: undefined)_\n- **--m3e-secondary-fab-hover-state-layer-color** - State layer color on hover (secondary). _(default: undefined)_\n- **--m3e-secondary-fab-hover-state-layer-opacity** - State layer opacity on hover (secondary). _(default: undefined)_\n- **--m3e-secondary-fab-hover-container-elevation** - Elevation on hover (secondary). _(default: undefined)_\n- **--m3e-secondary-fab-lowered-hover-container-elevation** - Lowered elevation on hover (secondary). _(default: undefined)_\n- **--m3e-secondary-fab-focus-icon-color** - Icon color on focus (secondary). _(default: undefined)_\n- **--m3e-secondary-fab-focus-label-text-color** - Label text color on focus (secondary). _(default: undefined)_\n- **--m3e-secondary-fab-focus-state-layer-color** - State layer color on focus (secondary). _(default: undefined)_\n- **--m3e-secondary-fab-focus-state-layer-opacity** - State layer opacity on focus (secondary). _(default: undefined)_\n- **--m3e-secondary-fab-focus-container-elevation** - Elevation on focus (secondary). _(default: undefined)_\n- **--m3e-secondary-fab-lowered-focus-container-elevation** - Lowered elevation on focus (secondary). _(default: undefined)_\n- **--m3e-secondary-fab-pressed-icon-color** - Icon color on pressed (secondary). _(default: undefined)_\n- **--m3e-secondary-fab-pressed-label-text-color** - Label text color on pressed (secondary). _(default: undefined)_\n- **--m3e-secondary-fab-pressed-state-layer-color** - State layer color on pressed (secondary). _(default: undefined)_\n- **--m3e-secondary-fab-pressed-state-layer-opacity** - State layer opacity on pressed (secondary). _(default: undefined)_\n- **--m3e-secondary-fab-pressed-container-elevation** - Elevation on pressed (secondary). _(default: undefined)_\n- **--m3e-secondary-fab-lowered-pressed-container-elevation** - Lowered elevation on pressed (secondary). _(default: undefined)_\n- **--m3e-tertiary-fab-label-text-color** - Default label text color for tertiary FAB. _(default: undefined)_\n- **--m3e-tertiary-fab-icon-color** - Default icon color for tertiary FAB. _(default: undefined)_\n- **--m3e-tertiary-fab-container-color** - Default container background color for tertiary FAB. _(default: undefined)_\n- **--m3e-tertiary-fab-container-elevation** - Resting elevation for tertiary FAB. _(default: undefined)_\n- **--m3e-tertiary-fab-lowered-container-elevation** - Lowered resting elevation for tertiary FAB. _(default: undefined)_\n- **--m3e-tertiary-fab-disabled-container-color** - Container background color when disabled (tertiary). _(default: undefined)_\n- **--m3e-tertiary-fab-disabled-container-opacity** - Opacity of container when disabled (tertiary). _(default: undefined)_\n- **--m3e-tertiary-fab-disabled-icon-color** - Icon color when disabled (tertiary). _(default: undefined)_\n- **--m3e-tertiary-fab-disabled-icon-opacity** - Icon opacity when disabled (tertiary). _(default: undefined)_\n- **--m3e-tertiary-fab-disabled-label-text-color** - Label text color when disabled (tertiary). _(default: undefined)_\n- **--m3e-tertiary-fab-disabled-label-text-opacity** - Label text opacity when disabled (tertiary). _(default: undefined)_\n- **--m3e-tertiary-fab-disabled-container-elevation** - Elevation when disabled (tertiary). _(default: undefined)_\n- **--m3e-tertiary-fab-lowered-disabled-container-elevation** - Lowered elevation when disabled (tertiary). _(default: undefined)_\n- **--m3e-tertiary-fab-hover-icon-color** - Icon color on hover (tertiary). _(default: undefined)_\n- **--m3e-tertiary-fab-hover-label-text-color** - Label text color on hover (tertiary). _(default: undefined)_\n- **--m3e-tertiary-fab-hover-state-layer-color** - State layer color on hover (tertiary). _(default: undefined)_\n- **--m3e-tertiary-fab-hover-state-layer-opacity** - State layer opacity on hover (tertiary). _(default: undefined)_\n- **--m3e-tertiary-fab-hover-container-elevation** - Elevation on hover (tertiary). _(default: undefined)_\n- **--m3e-tertiary-fab-lowered-hover-container-elevation** - Lowered elevation on hover (tertiary). _(default: undefined)_\n- **--m3e-tertiary-fab-focus-icon-color** - Icon color on focus (tertiary). _(default: undefined)_\n- **--m3e-tertiary-fab-focus-label-text-color** - Label text color on focus (tertiary). _(default: undefined)_\n- **--m3e-tertiary-fab-focus-state-layer-color** - State layer color on focus (tertiary). _(default: undefined)_\n- **--m3e-tertiary-fab-focus-state-layer-opacity** - State layer opacity on focus (tertiary). _(default: undefined)_\n- **--m3e-tertiary-fab-focus-container-elevation** - Elevation on focus (tertiary). _(default: undefined)_\n- **--m3e-tertiary-fab-lowered-focus-container-elevation** - Lowered elevation on focus (tertiary). _(default: undefined)_\n- **--m3e-tertiary-fab-pressed-icon-color** - Icon color on pressed (tertiary). _(default: undefined)_\n- **--m3e-tertiary-fab-pressed-label-text-color** - Label text color on pressed (tertiary). _(default: undefined)_\n- **--m3e-tertiary-fab-pressed-state-layer-color** - State layer color on pressed (tertiary). _(default: undefined)_\n- **--m3e-tertiary-fab-pressed-state-layer-opacity** - State layer opacity on pressed (tertiary). _(default: undefined)_\n- **--m3e-tertiary-fab-pressed-container-elevation** - Elevation on pressed (tertiary). _(default: undefined)_\n- **--m3e-tertiary-fab-lowered-pressed-container-elevation** - Lowered elevation on pressed (tertiary). _(default: undefined)_\n- **--m3e-primary-container-fab-label-text-color** - Default label text color for primary-container FAB. _(default: undefined)_\n- **--m3e-primary-container-fab-icon-color** - Default icon color for primary-container FAB. _(default: undefined)_\n- **--m3e-primary-container-fab-container-color** - Default container background color for primary-container FAB. _(default: undefined)_\n- **--m3e-primary-container-fab-container-elevation** - Resting elevation for primary-container FAB. _(default: undefined)_\n- **--m3e-primary-container-fab-lowered-container-elevation** - Lowered resting elevation for primary-container FAB. _(default: undefined)_\n- **--m3e-primary-container-fab-disabled-container-color** - Container background color when disabled (primary-container). _(default: undefined)_\n- **--m3e-primary-container-fab-disabled-container-opacity** - Opacity of container when disabled (primary-container). _(default: undefined)_\n- **--m3e-primary-container-fab-disabled-icon-color** - Icon color when disabled (primary-container). _(default: undefined)_\n- **--m3e-primary-container-fab-disabled-icon-opacity** - Icon opacity when disabled (primary-container). _(default: undefined)_\n- **--m3e-primary-container-fab-disabled-label-text-color** - Label text color when disabled (primary-container). _(default: undefined)_\n- **--m3e-primary-container-fab-disabled-label-text-opacity** - Label text opacity when disabled (primary-container). _(default: undefined)_\n- **--m3e-primary-container-fab-disabled-container-elevation** - Elevation when disabled (primary-container). _(default: undefined)_\n- **--m3e-primary-container-fab-lowered-disabled-container-elevation** - Lowered elevation when disabled (primary-container). _(default: undefined)_\n- **--m3e-primary-container-fab-hover-icon-color** - Icon color on hover (primary-container). _(default: undefined)_\n- **--m3e-primary-container-fab-hover-label-text-color** - Label text color on hover (primary-container). _(default: undefined)_\n- **--m3e-primary-container-fab-hover-state-layer-color** - State layer color on hover (primary-container). _(default: undefined)_\n- **--m3e-primary-container-fab-hover-state-layer-opacity** - State layer opacity on hover (primary-container). _(default: undefined)_\n- **--m3e-primary-container-fab-hover-container-elevation** - Elevation on hover (primary-container). _(default: undefined)_\n- **--m3e-primary-container-fab-lowered-hover-container-elevation** - Lowered elevation on hover (primary-container). _(default: undefined)_\n- **--m3e-primary-container-fab-focus-icon-color** - Icon color on focus (primary-container). _(default: undefined)_\n- **--m3e-primary-container-fab-focus-label-text-color** - Label text color on focus (primary-container). _(default: undefined)_\n- **--m3e-primary-container-fab-focus-state-layer-color** - State layer color on focus (primary-container). _(default: undefined)_\n- **--m3e-primary-container-fab-focus-state-layer-opacity** - State layer opacity on focus (primary-container). _(default: undefined)_\n- **--m3e-primary-container-fab-focus-container-elevation** - Elevation on focus (primary-container). _(default: undefined)_\n- **--m3e-primary-container-fab-lowered-focus-container-elevation** - Lowered elevation on focus (primary-container). _(default: undefined)_\n- **--m3e-primary-container-fab-pressed-icon-color** - Icon color on pressed (primary-container). _(default: undefined)_\n- **--m3e-primary-container-fab-pressed-label-text-color** - Label text color on pressed (primary-container). _(default: undefined)_\n- **--m3e-primary-container-fab-pressed-state-layer-color** - State layer color on pressed (primary-container). _(default: undefined)_\n- **--m3e-primary-container-fab-pressed-state-layer-opacity** - State layer opacity on pressed (primary-container). _(default: undefined)_\n- **--m3e-primary-container-fab-pressed-container-elevation** - Elevation on pressed (primary-container). _(default: undefined)_\n- **--m3e-primary-container-fab-lowered-pressed-container-elevation** - Lowered elevation on pressed (primary-container). _(default: undefined)_\n- **--m3e-secondary-container-fab-label-text-color** - Default label text color for secondary-container FAB. _(default: undefined)_\n- **--m3e-secondary-container-fab-icon-color** - Default icon color for secondary-container FAB. _(default: undefined)_\n- **--m3e-secondary-container-fab-container-color** - Default container background color for secondary-container FAB. _(default: undefined)_\n- **--m3e-secondary-container-fab-container-elevation** - Resting elevation for secondary-container FAB. _(default: undefined)_\n- **--m3e-secondary-container-fab-lowered-container-elevation** - Lowered resting elevation for secondary-container FAB. _(default: undefined)_\n- **--m3e-secondary-container-fab-disabled-container-color** - Container background color when disabled (secondary-container). _(default: undefined)_\n- **--m3e-secondary-container-fab-disabled-container-opacity** - Opacity of container when disabled (secondary-container). _(default: undefined)_\n- **--m3e-secondary-container-fab-disabled-icon-color** - Icon color when disabled (secondary-container). _(default: undefined)_\n- **--m3e-secondary-container-fab-disabled-icon-opacity** - Icon opacity when disabled (secondary-container). _(default: undefined)_\n- **--m3e-secondary-container-fab-disabled-label-text-color** - Label text color when disabled (secondary-container). _(default: undefined)_\n- **--m3e-secondary-container-fab-disabled-label-text-opacity** - Label text opacity when disabled (secondary-container). _(default: undefined)_\n- **--m3e-secondary-container-fab-disabled-container-elevation** - Elevation when disabled (secondary-container). _(default: undefined)_\n- **--m3e-secondary-container-fab-lowered-disabled-container-elevation** - Lowered elevation when disabled (secondary-container). _(default: undefined)_\n- **--m3e-secondary-container-fab-hover-icon-color** - Icon color on hover (secondary-container). _(default: undefined)_\n- **--m3e-secondary-container-fab-hover-label-text-color** - Label text color on hover (secondary-container). _(default: undefined)_\n- **--m3e-secondary-container-fab-hover-state-layer-color** - State layer color on hover (secondary-container). _(default: undefined)_\n- **--m3e-secondary-container-fab-hover-state-layer-opacity** - State layer opacity on hover (secondary-container). _(default: undefined)_\n- **--m3e-secondary-container-fab-hover-container-elevation** - Elevation on hover (secondary-container). _(default: undefined)_\n- **--m3e-secondary-container-fab-lowered-hover-container-elevation** - Lowered elevation on hover (secondary-container). _(default: undefined)_\n- **--m3e-secondary-container-fab-focus-icon-color** - Icon color on focus (secondary-container). _(default: undefined)_\n- **--m3e-secondary-container-fab-focus-label-text-color** - Label text color on focus (secondary-container). _(default: undefined)_\n- **--m3e-secondary-container-fab-focus-state-layer-color** - State layer color on focus (secondary-container). _(default: undefined)_\n- **--m3e-secondary-container-fab-focus-state-layer-opacity** - State layer opacity on focus (secondary-container). _(default: undefined)_\n- **--m3e-secondary-container-fab-focus-container-elevation** - Elevation on focus (secondary-container). _(default: undefined)_\n- **--m3e-secondary-container-fab-lowered-focus-container-elevation** - Lowered elevation on focus (secondary-container). _(default: undefined)_\n- **--m3e-secondary-container-fab-pressed-icon-color** - Icon color on pressed (secondary-container). _(default: undefined)_\n- **--m3e-secondary-container-fab-pressed-label-text-color** - Label text color on pressed (secondary-container). _(default: undefined)_\n- **--m3e-secondary-container-fab-pressed-state-layer-color** - State layer color on pressed (secondary-container). _(default: undefined)_\n- **--m3e-secondary-container-fab-pressed-state-layer-opacity** - State layer opacity on pressed (secondary-container). _(default: undefined)_\n- **--m3e-secondary-container-fab-pressed-container-elevation** - Elevation on pressed (secondary-container). _(default: undefined)_\n- **--m3e-secondary-container-fab-lowered-pressed-container-elevation** - Lowered elevation on pressed (secondary-container). _(default: undefined)_\n- **--m3e-tertiary-container-fab-label-text-color** - Default label text color for tertiary-container FAB. _(default: undefined)_\n- **--m3e-tertiary-container-fab-icon-color** - Default icon color for tertiary-container FAB. _(default: undefined)_\n- **--m3e-tertiary-container-fab-container-color** - Default container background color for tertiary-container FAB. _(default: undefined)_\n- **--m3e-tertiary-container-fab-container-elevation** - Resting elevation for tertiary-container FAB. _(default: undefined)_\n- **--m3e-tertiary-container-fab-lowered-container-elevation** - Lowered resting elevation for tertiary-container FAB. _(default: undefined)_\n- **--m3e-tertiary-container-fab-disabled-container-color** - Container background color when disabled (tertiary-container). _(default: undefined)_\n- **--m3e-tertiary-container-fab-disabled-container-opacity** - Opacity of container when disabled (tertiary-container). _(default: undefined)_\n- **--m3e-tertiary-container-fab-disabled-icon-color** - Icon color when disabled (tertiary-container). _(default: undefined)_\n- **--m3e-tertiary-container-fab-disabled-icon-opacity** - Icon opacity when disabled (tertiary-container). _(default: undefined)_\n- **--m3e-tertiary-container-fab-disabled-label-text-color** - Label text color when disabled (tertiary-container). _(default: undefined)_\n- **--m3e-tertiary-container-fab-disabled-label-text-opacity** - Label text opacity when disabled (tertiary-container). _(default: undefined)_\n- **--m3e-tertiary-container-fab-disabled-container-elevation** - Elevation when disabled (tertiary-container). _(default: undefined)_\n- **--m3e-tertiary-container-fab-lowered-disabled-container-elevation** - Lowered elevation when disabled (tertiary-container). _(default: undefined)_\n- **--m3e-tertiary-container-fab-hover-icon-color** - Icon color on hover (tertiary-container). _(default: undefined)_\n- **--m3e-tertiary-container-fab-hover-label-text-color** - Label text color on hover (tertiary-container). _(default: undefined)_\n- **--m3e-tertiary-container-fab-hover-state-layer-color** - State layer color on hover (tertiary-container). _(default: undefined)_\n- **--m3e-tertiary-container-fab-hover-state-layer-opacity** - State layer opacity on hover (tertiary-container). _(default: undefined)_\n- **--m3e-tertiary-container-fab-hover-container-elevation** - Elevation on hover (tertiary-container). _(default: undefined)_\n- **--m3e-tertiary-container-fab-lowered-hover-container-elevation** - Lowered elevation on hover (tertiary-container). _(default: undefined)_\n- **--m3e-tertiary-container-fab-focus-icon-color** - Icon color on focus (tertiary-container). _(default: undefined)_\n- **--m3e-tertiary-container-fab-focus-label-text-color** - Label text color on focus (tertiary-container). _(default: undefined)_\n- **--m3e-tertiary-container-fab-focus-state-layer-color** - State layer color on focus (tertiary-container). _(default: undefined)_\n- **--m3e-tertiary-container-fab-focus-state-layer-opacity** - State layer opacity on focus (tertiary-container). _(default: undefined)_\n- **--m3e-tertiary-container-fab-focus-container-elevation** - Elevation on focus (tertiary-container). _(default: undefined)_\n- **--m3e-tertiary-container-fab-lowered-focus-container-elevation** - Lowered elevation on focus (tertiary-container). _(default: undefined)_\n- **--m3e-tertiary-container-fab-pressed-icon-color** - Icon color on pressed (tertiary-container). _(default: undefined)_\n- **--m3e-tertiary-container-fab-pressed-label-text-color** - Label text color on pressed (tertiary-container). _(default: undefined)_\n- **--m3e-tertiary-container-fab-pressed-state-layer-color** - State layer color on pressed (tertiary-container). _(default: undefined)_\n- **--m3e-tertiary-container-fab-pressed-state-layer-opacity** - State layer opacity on pressed (tertiary-container). _(default: undefined)_\n- **--m3e-tertiary-container-fab-pressed-container-elevation** - Elevation on pressed (tertiary-container). _(default: undefined)_\n- **--m3e-tertiary-container-fab-lowered-pressed-container-elevation** - Lowered elevation on pressed (tertiary-container). _(default: undefined)_\n- **--m3e-surface-fab-label-text-color** - Default label text color for surface FAB. _(default: undefined)_\n- **--m3e-surface-fab-icon-color** - Default icon color for surface FAB. _(default: undefined)_\n- **--m3e-surface-fab-container-color** - Default container background color for surface FAB. _(default: undefined)_\n- **--m3e-surface-fab-container-elevation** - Resting elevation for surface FAB. _(default: undefined)_\n- **--m3e-surface-fab-lowered-container-elevation** - Lowered resting elevation for surface FAB. _(default: undefined)_\n- **--m3e-surface-fab-lowered-container-color** - Lowered container background color for surface FAB. _(default: undefined)_\n- **--m3e-surface-fab-disabled-container-color** - Container background color when disabled (surface). _(default: undefined)_\n- **--m3e-surface-fab-disabled-container-opacity** - Opacity of container when disabled (surface). _(default: undefined)_\n- **--m3e-surface-fab-disabled-icon-color** - Icon color when disabled (surface). _(default: undefined)_\n- **--m3e-surface-fab-disabled-icon-opacity** - Icon opacity when disabled (surface). _(default: undefined)_\n- **--m3e-surface-fab-disabled-label-text-color** - Label text color when disabled (surface). _(default: undefined)_\n- **--m3e-surface-fab-disabled-label-text-opacity** - Label text opacity when disabled (surface). _(default: undefined)_\n- **--m3e-surface-fab-disabled-container-elevation** - Elevation when disabled (surface). _(default: undefined)_\n- **--m3e-surface-fab-lowered-disabled-container-elevation** - Lowered elevation when disabled (surface). _(default: undefined)_\n- **--m3e-surface-fab-hover-icon-color** - Icon color on hover (surface). _(default: undefined)_\n- **--m3e-surface-fab-hover-label-text-color** - Label text color on hover (surface). _(default: undefined)_\n- **--m3e-surface-fab-hover-state-layer-color** - State layer color on hover (surface). _(default: undefined)_\n- **--m3e-surface-fab-hover-state-layer-opacity** - State layer opacity on hover (surface). _(default: undefined)_\n- **--m3e-surface-fab-hover-container-elevation** - Elevation on hover (surface). _(default: undefined)_\n- **--m3e-surface-fab-lowered-hover-container-elevation** - Lowered elevation on hover (surface). _(default: undefined)_\n- **--m3e-surface-fab-focus-icon-color** - Icon color on focus (surface). _(default: undefined)_\n- **--m3e-surface-fab-focus-label-text-color** - Label text color on focus (surface). _(default: undefined)_\n- **--m3e-surface-fab-focus-state-layer-color** - State layer color on focus (surface). _(default: undefined)_\n- **--m3e-surface-fab-focus-state-layer-opacity** - State layer opacity on focus (surface). _(default: undefined)_\n- **--m3e-surface-fab-focus-container-elevation** - Elevation on focus (surface). _(default: undefined)_\n- **--m3e-surface-fab-lowered-focus-container-elevation** - Lowered elevation on focus (surface). _(default: undefined)_\n- **--m3e-surface-fab-pressed-icon-color** - Icon color on pressed (surface). _(default: undefined)_\n- **--m3e-surface-fab-pressed-label-text-color** - Label text color on pressed (surface). _(default: undefined)_\n- **--m3e-surface-fab-pressed-state-layer-color** - State layer color on pressed (surface). _(default: undefined)_\n- **--m3e-surface-fab-pressed-state-layer-opacity** - State layer opacity on pressed (surface). _(default: undefined)_\n- **--m3e-surface-fab-pressed-container-elevation** - Elevation on pressed (surface). _(default: undefined)_\n- **--m3e-surface-fab-lowered-pressed-container-elevation** - Lowered elevation on pressed (surface). _(default: undefined)_",
962
+ "attributes": [
963
+ {
964
+ "name": "disabled",
965
+ "description": "Whether the element is disabled.",
966
+ "values": []
967
+ },
968
+ {
969
+ "name": "disabled-interactive",
970
+ "description": "Whether the element is disabled and interactive.",
971
+ "values": []
972
+ },
973
+ {
974
+ "name": "download",
975
+ "description": "A value indicating whether the `target` of the link button will be downloaded, optionally specifying the new name of the file.",
976
+ "values": []
977
+ },
978
+ {
979
+ "name": "extended",
980
+ "description": "Whether the button is extended to show the label.",
981
+ "values": []
982
+ },
983
+ {
984
+ "name": "href",
985
+ "description": "The URL to which the link button points.",
986
+ "values": []
987
+ },
988
+ {
989
+ "name": "lowered",
990
+ "description": "Whether to present a lowered elevation.",
991
+ "values": []
992
+ },
993
+ {
994
+ "name": "name",
995
+ "description": "The name of the element, submitted as a pair with the element's `value` as part of form data, when the element is used to submit a form.",
996
+ "values": []
997
+ },
998
+ {
999
+ "name": "rel",
1000
+ "description": "The relationship between the `target` of the link button and the document.",
1001
+ "values": []
1002
+ },
1003
+ {
1004
+ "name": "size",
1005
+ "description": "The size of the button.",
1006
+ "values": [{ "name": "FabSize" }]
1007
+ },
1008
+ {
1009
+ "name": "target",
1010
+ "description": "The target of the link button.",
1011
+ "values": [{ "name": "LinkTarget" }]
1012
+ },
1013
+ {
1014
+ "name": "type",
1015
+ "description": "The type of the element.",
1016
+ "values": [{ "name": "FormSubmitterType" }]
1017
+ },
1018
+ {
1019
+ "name": "value",
1020
+ "description": "The value associated with the element's name when it's submitted with form data.",
1021
+ "values": []
1022
+ },
1023
+ {
1024
+ "name": "variant",
1025
+ "description": "The appearance variant of the button.",
1026
+ "values": [{ "name": "FabVariant" }]
1027
+ }
1028
+ ],
1029
+ "references": []
1030
+ },
1031
+ {
1032
+ "name": "m3e-fab-menu",
1033
+ "description": "A menu, opened from a floating action button (FAB), used to display multiple related actions.\n---\n\n\n### **Methods:**\n - **show(trigger: _HTMLElement_): _Promise<void>_** - Opens the menu.\n- **hide(restoreFocus: _boolean_): _void_** - Hides the menu.\n- **toggle(trigger: _HTMLElement_): _Promise<void>_** - Toggles the menu.\n\n### **Slots:**\n - _default_ - Renders the contents of the menu.\n\n### **CSS Properties:**\n - **--m3e-fab-menu-spacing** - Vertical gap between menu items. _(default: undefined)_\n- **--m3e-fab-menu-max-width** - Maximum width of the menu. _(default: undefined)_\n- **--m3e-primary-fab-color** - Foreground color for primary variant items. _(default: undefined)_\n- **--m3e-primary-fab-container-color** - Container color for primary variant items. _(default: undefined)_\n- **--m3e-primary-fab-hover-color** - Hover background color for primary variant items. _(default: undefined)_\n- **--m3e-primary-fab-focus-color** - Focus background color for primary variant items. _(default: undefined)_\n- **--m3e-primary-fab-ripple-color** - Ripple color for primary variant items. _(default: undefined)_\n- **--m3e-secondary-fab-color** - Foreground color for secondary variant items. _(default: undefined)_\n- **--m3e-secondary-fab-container-color** - Container color for secondary variant items. _(default: undefined)_\n- **--m3e-secondary-fab-hover-color** - Hover background color for secondary variant items. _(default: undefined)_\n- **--m3e-secondary-fab-focus-color** - Focus background color for secondary variant items. _(default: undefined)_\n- **--m3e-secondary-fab-ripple-color** - Ripple color for secondary variant items. _(default: undefined)_\n- **--m3e-tertiary-fab-color** - Foreground color for tertiary variant items. _(default: undefined)_\n- **--m3e-tertiary-fab-container-color** - Container color for tertiary variant items. _(default: undefined)_\n- **--m3e-tertiary-fab-hover-color** - Hover background color for tertiary variant items. _(default: undefined)_\n- **--m3e-tertiary-fab-focus-color** - Focus background color for tertiary variant items. _(default: undefined)_\n- **--m3e-tertiary-fab-ripple-color** - Ripple color for tertiary variant items. _(default: undefined)_",
1034
+ "attributes": [
1035
+ {
1036
+ "name": "variant",
1037
+ "description": "The appearance variant of the menu.",
1038
+ "values": [{ "name": "FabMenuVariant" }]
1039
+ }
1040
+ ],
1041
+ "references": []
1042
+ },
1043
+ {
1044
+ "name": "m3e-menu-item",
1045
+ "description": "An item of a floating action button (FAB) menu.\n---\n\n\n### **Events:**\n - **click** - Emitted when the element is clicked.\n\n### **Slots:**\n - _default_ - Renders the label of the item.\n- **icon** - Renders an icon before the items's label.\n\n### **CSS Properties:**\n - **--m3e-fab-menu-item-height** - Height of the menu item. _(default: undefined)_\n- **--m3e-fab-menu-item-font-size** - Font size of the menu item label. _(default: undefined)_\n- **--m3e-fab-menu-item-font-weight** - Font weight of the menu item label. _(default: undefined)_\n- **--m3e-fab-menu-item-line-height** - Line height of the menu item label. _(default: undefined)_\n- **--m3e-fab-menu-item-tracking** - Letter spacing of the menu item label. _(default: undefined)_\n- **--m3e-fab-menu-item-shape** - Border radius of the menu item. _(default: undefined)_\n- **--m3e-fab-menu-item-leading-space** - Padding at the start of the menu item. _(default: undefined)_\n- **--m3e-fab-menu-item-trailing-space** - Padding at the end of the menu item. _(default: undefined)_\n- **--m3e-fab-menu-item-spacing** - Gap between icon and label. _(default: undefined)_\n- **--m3e-fab-menu-item-icon-size** - Size of the icon in the menu item. _(default: undefined)_",
1046
+ "attributes": [
1047
+ {
1048
+ "name": "disabled",
1049
+ "description": "Whether the element is disabled.",
1050
+ "values": []
1051
+ },
1052
+ {
1053
+ "name": "download",
1054
+ "description": "A value indicating whether the `target` of the link button will be downloaded, optionally specifying the new name of the file.",
1055
+ "values": []
1056
+ },
1057
+ {
1058
+ "name": "href",
1059
+ "description": "The URL to which the link button points.",
1060
+ "values": []
1061
+ },
1062
+ {
1063
+ "name": "rel",
1064
+ "description": "The relationship between the `target` of the link button and the document.",
1065
+ "values": []
1066
+ },
1067
+ {
1068
+ "name": "target",
1069
+ "description": "The target of the link button.",
1070
+ "values": [{ "name": "LinkTarget" }]
1071
+ }
1072
+ ],
1073
+ "references": []
1074
+ },
1075
+ {
1076
+ "name": "m3e-fab-menu-trigger",
1077
+ "description": "An element, nested within a clickable element, used to open a floating action button (FAB) menu.\n---\n\n\n### **Methods:**\n - **attach(control: _HTMLElement_): _void_** - Attaches the element to an interactive control.\n- **detach(): _void_** - Detaches the element from its current interactive control.",
1078
+ "attributes": [
1079
+ {
1080
+ "name": "for",
1081
+ "description": "The identifier of the interactive control to which this element is attached.",
1082
+ "values": []
1083
+ }
1084
+ ],
1085
+ "references": []
1086
+ },
1087
+ {
1088
+ "name": "m3e-form-field",
1089
+ "description": "A container for form controls that applies Material Design styling and behavior.\n---\n\n\n### **Methods:**\n - **notifyControlStateChange(checkValidity: _boolean_): _void_** - Notifies the form field that the state of the hosted `control` has changed.\n\n### **Slots:**\n - _default_ - Renders the control of the field.\n- **prefix** - Renders content before the fields's control.\n- **prefix-text** - Renders text before the fields's control.\n- **suffix** - Renders content after the fields's control.\n- **suffix-text** - Renders text after the fields's control.\n- **hint** - Renders hint text in the fields's subscript, when the control is valid.\n- **error** - Renders error text in the fields's subscript, when the control is invalid.\n\n### **CSS Properties:**\n - **--m3e-form-field-font-size** - Font size for the form field container text. _(default: undefined)_\n- **--m3e-form-field-font-weight** - Font weight for the form field container text. _(default: undefined)_\n- **--m3e-form-field-line-height** - Line height for the form field container text. _(default: undefined)_\n- **--m3e-form-field-tracking** - Letter spacing for the form field container text. _(default: undefined)_\n- **--m3e-form-field-label-font-size** - Font size for the floating label. _(default: undefined)_\n- **--m3e-form-field-label-font-weight** - Font weight for the floating label. _(default: undefined)_\n- **--m3e-form-field-label-line-height** - Line height for the floating label. _(default: undefined)_\n- **--m3e-form-field-label-tracking** - Letter spacing for the floating label. _(default: undefined)_\n- **--m3e-form-field-subscript-font-size** - Font size for hint and error text. _(default: undefined)_\n- **--m3e-form-field-subscript-font-weight** - Font weight for hint and error text. _(default: undefined)_\n- **--m3e-form-field-subscript-line-height** - Line height for hint and error text. _(default: undefined)_\n- **--m3e-form-field-subscript-tracking** - Letter spacing for hint and error text. _(default: undefined)_\n- **--m3e-form-field-color** - Text color for the form field container. _(default: undefined)_\n- **--m3e-form-field-subscript-color** - Color for hint and error text. _(default: undefined)_\n- **--m3e-form-field-invalid-color** - Color used when the control is invalid. _(default: undefined)_\n- **--m3e-form-field-focused-outline-color** - Outline color when focused. _(default: undefined)_\n- **--m3e-form-field-focused-color** - Label color when focused. _(default: undefined)_\n- **--m3e-form-field-outline-color** - Outline color in outlined variant. _(default: undefined)_\n- **--m3e-form-field-container-color** - Background color in filled variant. _(default: undefined)_\n- **--m3e-form-field-hover-container-color** - Hover background color in filled variant. _(default: undefined)_\n- **--m3e-form-field-width** - Width of the form field container. _(default: undefined)_\n- **--m3e-form-field-icon-size** - Size of prefix and suffix icons. _(default: undefined)_\n- **--m3e-outlined-form-field-container-shape** - Corner radius for outlined container. _(default: undefined)_\n- **--m3e-form-field-container-shape** - Corner radius for filled container. _(default: undefined)_\n- **--m3e-form-field-hover-container-opacity** - Opacity for hover background in filled variant. _(default: undefined)_\n- **--m3e-form-field-disabled-opacity** - Opacity for disabled text. _(default: undefined)_\n- **--m3e-form-field-disabled-container-opacity** - Opacity for disabled container background. _(default: undefined)_",
1090
+ "attributes": [
1091
+ {
1092
+ "name": "float-label",
1093
+ "description": "Specifies whether the label should float always or only when necessary.",
1094
+ "values": [{ "name": "FloatLabelType" }]
1095
+ },
1096
+ {
1097
+ "name": "hide-required-marker",
1098
+ "description": "Whether the required marker should be hidden.",
1099
+ "values": []
1100
+ },
1101
+ {
1102
+ "name": "hide-subscript",
1103
+ "description": "Whether subscript content is hidden.",
1104
+ "values": [{ "name": "HideSubscriptType" }]
1105
+ },
1106
+ {
1107
+ "name": "variant",
1108
+ "description": "The appearance variant of the field.",
1109
+ "values": [{ "name": "FormFieldVariant" }]
1110
+ }
1111
+ ],
1112
+ "references": []
1113
+ },
1114
+ {
1115
+ "name": "m3e-heading",
1116
+ "description": "A heading to a page or section.\n---\n\n\n### **Slots:**\n - _default_ - Renders the content of the heading.\n\n### **CSS Properties:**\n - **--md-sys-typescale-display-large-font-size** - Font size for Display Large text, ideal for hero headlines _(default: undefined)_\n- **--md-sys-typescale-display-large-font-weight** - Font weight for Display Large text _(default: undefined)_\n- **--md-sys-typescale-display-large-tracking** - Letter spacing for Display Large text _(default: undefined)_\n- **--md-sys-typescale-display-large-line-height** - Line height for Display Large text _(default: undefined)_\n- **--md-sys-typescale-display-medium-font-size** - Font size for Display Medium text _(default: undefined)_\n- **--md-sys-typescale-display-medium-font-weight** - Font weight for Display Medium text _(default: undefined)_\n- **--md-sys-typescale-display-medium-tracking** - Letter spacing for Display Medium text _(default: undefined)_\n- **--md-sys-typescale-display-medium-line-height** - Line height for Display Medium text _(default: undefined)_\n- **--md-sys-typescale-display-small-font-size** - Font size for Display Small text _(default: undefined)_\n- **--md-sys-typescale-display-small-font-weight** - Font weight for Display Small text _(default: undefined)_\n- **--md-sys-typescale-display-small-tracking** - Letter spacing for Display Small text _(default: undefined)_\n- **--md-sys-typescale-display-small-line-height** - Line height for Display Small text _(default: undefined)_\n- **--md-sys-typescale-headline-large-font-size** - Font size for Headline Large text _(default: undefined)_\n- **--md-sys-typescale-headline-large-font-weight** - Font weight for Headline Large text _(default: undefined)_\n- **--md-sys-typescale-headline-large-tracking** - Letter spacing for Headline Large text _(default: undefined)_\n- **--md-sys-typescale-headline-large-line-height** - Line height for Headline Large text _(default: undefined)_\n- **--md-sys-typescale-headline-medium-font-size** - Font size for Headline Medium text _(default: undefined)_\n- **--md-sys-typescale-headline-medium-font-weight** - Font weight for Headline Medium text _(default: undefined)_\n- **--md-sys-typescale-headline-medium-tracking** - Letter spacing for Headline Medium text _(default: undefined)_\n- **--md-sys-typescale-headline-medium-line-height** - Line height for Headline Medium text _(default: undefined)_\n- **--md-sys-typescale-headline-small-font-size** - Font size for Headline Small text _(default: undefined)_\n- **--md-sys-typescale-headline-small-font-weight** - Font weight for Headline Small text _(default: undefined)_\n- **--md-sys-typescale-headline-small-tracking** - Letter spacing for Headline Small text _(default: undefined)_\n- **--md-sys-typescale-headline-small-line-height** - Line height for Headline Small text _(default: undefined)_\n- **--md-sys-typescale-title-large-font-size** - Font size for Title Large text _(default: undefined)_\n- **--md-sys-typescale-title-large-font-weight** - Font weight for Title Large text _(default: undefined)_\n- **--md-sys-typescale-title-large-tracking** - Letter spacing for Title Large text _(default: undefined)_\n- **--md-sys-typescale-title-large-line-height** - Line height for Title Large text _(default: undefined)_\n- **--md-sys-typescale-title-medium-font-size** - Font size for Title Medium text _(default: undefined)_\n- **--md-sys-typescale-title-medium-font-weight** - Font weight for Title Medium text _(default: undefined)_\n- **--md-sys-typescale-title-medium-tracking** - Letter spacing for Title Medium text _(default: undefined)_\n- **--md-sys-typescale-title-medium-line-height** - Line height for Title Medium text _(default: undefined)_\n- **--md-sys-typescale-title-small-font-size** - Font size for Title Small text _(default: undefined)_\n- **--md-sys-typescale-title-small-font-weight** - Font weight for Title Small text _(default: undefined)_\n- **--md-sys-typescale-title-small-tracking** - Letter spacing for Title Small text _(default: undefined)_\n- **--md-sys-typescale-title-small-line-height** - Line height for Title Small text _(default: undefined)_\n- **--md-sys-typescale-label-large-font-size** - Font size for Label Large text _(default: undefined)_\n- **--md-sys-typescale-label-large-font-weight** - Font weight for Label Large text _(default: undefined)_\n- **--md-sys-typescale-label-large-tracking** - Letter spacing for Label Large text _(default: undefined)_\n- **--md-sys-typescale-label-large-line-height** - Line height for Label Large text _(default: undefined)_\n- **--md-sys-typescale-label-medium-font-size** - Font size for Label Medium text _(default: undefined)_\n- **--md-sys-typescale-label-medium-font-weight** - Font weight for Label Medium text _(default: undefined)_\n- **--md-sys-typescale-label-medium-tracking** - Letter spacing for Label Medium text _(default: undefined)_\n- **--md-sys-typescale-label-medium-line-height** - Line height for Label Medium text _(default: undefined)_\n- **--md-sys-typescale-label-small-font-size** - Font size for Label Small text _(default: undefined)_\n- **--md-sys-typescale-label-small-font-weight** - Font weight for Label Small text _(default: undefined)_\n- **--md-sys-typescale-label-small-tracking** - Letter spacing for Label Small text _(default: undefined)_\n- **--md-sys-typescale-label-small-line-height** - Line height for Label Small text _(default: undefined)_\n- **--md-sys-typescale-emphasized-display-large-font-size** - Font size for emphasized Display Large text _(default: undefined)_\n- **--md-sys-typescale-emphasized-display-large-font-weight** - Font weight for emphasized Display Large text _(default: undefined)_\n- **--md-sys-typescale-emphasized-display-large-tracking** - Letter spacing for emphasized Display Large text _(default: undefined)_\n- **--md-sys-typescale-emphasized-display-large-line-height** - Line height for emphasized Display Large text _(default: undefined)_\n- **--md-sys-typescale-emphasized-display-medium-font-size** - Font size for emphasized Display Medium text _(default: undefined)_\n- **--md-sys-typescale-emphasized-display-medium-font-weight** - Font weight for emphasized Display Medium text _(default: undefined)_\n- **--md-sys-typescale-emphasized-display-medium-tracking** - Letter spacing for emphasized Display Medium text _(default: undefined)_\n- **--md-sys-typescale-emphasized-display-medium-line-height** - Line height for emphasized Display Medium text _(default: undefined)_\n- **--md-sys-typescale-emphasized-display-small-font-size** - Font size for emphasized Display Small text _(default: undefined)_\n- **--md-sys-typescale-emphasized-display-small-font-weight** - Font weight for emphasized Display Small text _(default: undefined)_\n- **--md-sys-typescale-emphasized-display-small-tracking** - Letter spacing for emphasized Display Small text _(default: undefined)_\n- **--md-sys-typescale-emphasized-display-small-line-height** - Line height for emphasized Display Small text _(default: undefined)_\n- **--md-sys-typescale-emphasized-headline-large-font-size** - Font size for emphasized Headline Large text _(default: undefined)_\n- **--md-sys-typescale-emphasized-headline-large-font-weight** - Font weight for emphasized Headline Large text _(default: undefined)_\n- **--md-sys-typescale-emphasized-headline-large-tracking** - Letter spacing for emphasized Headline Large text _(default: undefined)_\n- **--md-sys-typescale-emphasized-headline-large-line-height** - Line height for emphasized Headline Large text _(default: undefined)_\n- **--md-sys-typescale-emphasized-headline-medium-font-size** - Font size for emphasized Headline Medium text _(default: undefined)_\n- **--md-sys-typescale-emphasized-headline-medium-font-weight** - Font weight for emphasized Headline Medium text _(default: undefined)_\n- **--md-sys-typescale-emphasized-headline-medium-tracking** - Letter spacing for emphasized Headline Medium text _(default: undefined)_\n- **--md-sys-typescale-emphasized-headline-medium-line-height** - Line height for emphasized Headline Medium text _(default: undefined)_\n- **--md-sys-typescale-emphasized-headline-small-font-size** - Font size for emphasized Headline Small text _(default: undefined)_\n- **--md-sys-typescale-emphasized-headline-small-font-weight** - Font weight for emphasized Headline Small text _(default: undefined)_\n- **--md-sys-typescale-emphasized-headline-small-tracking** - Letter spacing for emphasized Headline Small text _(default: undefined)_\n- **--md-sys-typescale-emphasized-headline-small-line-height** - Line height for emphasized Headline Small text _(default: undefined)_\n- **--md-sys-typescale-emphasized-title-large-font-size** - Font size for emphasized Title Large text _(default: undefined)_\n- **--md-sys-typescale-emphasized-title-large-font-weight** - Font weight for emphasized Title Large text _(default: undefined)_\n- **--md-sys-typescale-emphasized-title-large-tracking** - Letter spacing for emphasized Title Large text _(default: undefined)_\n- **--md-sys-typescale-emphasized-title-large-line-height** - Line height for emphasized Title Large text _(default: undefined)_\n- **--md-sys-typescale-emphasized-title-medium-font-size** - Font size for emphasized Title Medium text _(default: undefined)_\n- **--md-sys-typescale-emphasized-title-medium-font-weight** - Font weight for emphasized Title Medium text _(default: undefined)_\n- **--md-sys-typescale-emphasized-title-medium-tracking** - Letter spacing for emphasized Title Medium text _(default: undefined)_\n- **--md-sys-typescale-emphasized-title-medium-line-height** - Line height for emphasized Title Medium text _(default: undefined)_\n- **--md-sys-typescale-emphasized-title-small-font-size** - Font size for emphasized Title Small text _(default: undefined)_\n- **--md-sys-typescale-emphasized-title-small-font-weight** - Font weight for emphasized Title Small text _(default: undefined)_\n- **--md-sys-typescale-emphasized-title-small-tracking** - Letter spacing for emphasized Title Small text _(default: undefined)_\n- **--md-sys-typescale-emphasized-title-small-line-height** - Line height for emphasized Title Small text _(default: undefined)_\n- **--md-sys-typescale-emphasized-label-large-font-size** - Font size for emphasized Label Large text _(default: undefined)_\n- **--md-sys-typescale-emphasized-label-large-font-weight** - Font weight for emphasized Label Large text _(default: undefined)_\n- **--md-sys-typescale-emphasized-label-large-tracking** - Letter spacing for emphasized Label Large text _(default: undefined)_\n- **--md-sys-typescale-emphasized-label-large-line-height** - Line height for emphasized Label Large text _(default: undefined)_\n- **--md-sys-typescale-emphasized-label-medium-font-size** - Font size for emphasized Label Medium text _(default: undefined)_\n- **--md-sys-typescale-emphasized-label-medium-font-weight** - Font weight for emphasized Label Medium text _(default: undefined)_\n- **--md-sys-typescale-emphasized-label-medium-tracking** - Letter spacing for emphasized Label Medium text _(default: undefined)_\n- **--md-sys-typescale-emphasized-label-medium-line-height** - Line height for emphasized Label Medium text _(default: undefined)_\n- **--md-sys-typescale-emphasized-label-small-font-size** - Font size for emphasized Label Small text _(default: undefined)_\n- **--md-sys-typescale-emphasized-label-small-font-weight** - Font weight for emphasized Label Small text _(default: undefined)_\n- **--md-sys-typescale-emphasized-label-small-tracking** - Letter spacing for emphasized Label Small text _(default: undefined)_\n- **--md-sys-typescale-emphasized-label-small-line-height** - Line height for emphasized Label Small text _(default: undefined)_",
1117
+ "attributes": [
1118
+ {
1119
+ "name": "emphasized",
1120
+ "description": "Whether the heading uses an emphasized typescale.",
1121
+ "values": []
1122
+ },
1123
+ {
1124
+ "name": "level",
1125
+ "description": "The accessibility level of the heading.",
1126
+ "values": [{ "name": "HeadingLevel" }]
1127
+ },
1128
+ {
1129
+ "name": "size",
1130
+ "description": "The size of the heading.",
1131
+ "values": [{ "name": "HeadingSize" }]
1132
+ },
1133
+ {
1134
+ "name": "variant",
1135
+ "description": "The appearance variant of the heading.",
1136
+ "values": [{ "name": "HeadingVariant" }]
1137
+ }
1138
+ ],
1139
+ "references": []
1140
+ },
1141
+ {
1142
+ "name": "m3e-icon",
1143
+ "description": "A small symbol used to easily identify an action or category.\n---\n",
1144
+ "attributes": [
1145
+ {
1146
+ "name": "filled",
1147
+ "description": "Whether the icon is filled.",
1148
+ "values": []
1149
+ },
1150
+ {
1151
+ "name": "grade",
1152
+ "description": "The grade of the icon.",
1153
+ "values": [{ "name": "IconGrade" }]
1154
+ },
1155
+ {
1156
+ "name": "optical-size",
1157
+ "description": "A value from 20 to 48 indicating the optical size of the icon.",
1158
+ "values": []
1159
+ },
1160
+ {
1161
+ "name": "name",
1162
+ "description": "The name of the icon.",
1163
+ "values": []
1164
+ },
1165
+ {
1166
+ "name": "variant",
1167
+ "description": "The appearance variant of the icon.",
1168
+ "values": [{ "name": "IconVariant" }]
1169
+ },
1170
+ {
1171
+ "name": "weight",
1172
+ "description": "A value from 100 to 700 indicating the weight of the icon.",
1173
+ "values": []
1174
+ }
1175
+ ],
1176
+ "references": []
1177
+ },
1178
+ {
1179
+ "name": "m3e-icon-button",
1180
+ "description": "An icon button users interact with to perform a supplementary action.\n---\n\n\n### **Events:**\n - **input** - Dispatched when a toggle button's selected state changes.\n- **change** - Dispatched when a toggle button's selected state changes.\n- **click** - Emitted when the element is clicked.\n\n### **Slots:**\n - _default_ - Renders the icon of the button.\n- **selected** - Renders an icon, when selected.\n\n### **CSS Properties:**\n - **--m3e-icon-button-extra-small-container-height** - Height of the extra-small container. _(default: undefined)_\n- **--m3e-icon-button-extra-small-outline-thickness** - Outline thickness for extra-small. _(default: undefined)_\n- **--m3e-icon-button-extra-small-icon-size** - Icon size for extra-small. _(default: undefined)_\n- **--m3e-icon-button-extra-small-shape-round** - Corner radius for round extra-small. _(default: undefined)_\n- **--m3e-icon-button-extra-small-shape-square** - Corner radius for square extra-small. _(default: undefined)_\n- **--m3e-icon-button-extra-small-selected-shape-round** - Corner radius for selected round extra-small. _(default: undefined)_\n- **--m3e-icon-button-extra-small-selected-shape-square** - Corner radius for selected square extra-small. _(default: undefined)_\n- **--m3e-icon-button-extra-small-shape-pressed-morph** - Corner radius for pressed extra-small. _(default: undefined)_\n- **--m3e-icon-button-extra-small-narrow-leading-space** - Leading space for extra-small (narrow). _(default: undefined)_\n- **--m3e-icon-button-extra-small-narrow-trailing-space** - Trailing space for extra-small (narrow). _(default: undefined)_\n- **--m3e-icon-button-extra-small-default-leading-space** - Leading space for extra-small (default). _(default: undefined)_\n- **--m3e-icon-button-extra-small-default-trailing-space** - Trailing space for extra-small (default). _(default: undefined)_\n- **--m3e-icon-button-extra-small-wide-leading-space** - Leading space for extra-small (wide). _(default: undefined)_\n- **--m3e-icon-button-extra-small-wide-trailing-space** - Trailing space for extra-small (wide). _(default: undefined)_\n- **--m3e-icon-button-small-container-height** - Height of the small container. _(default: undefined)_\n- **--m3e-icon-button-small-outline-thickness** - Outline thickness for small. _(default: undefined)_\n- **--m3e-icon-button-small-icon-size** - Icon size for small. _(default: undefined)_\n- **--m3e-icon-button-small-shape-round** - Corner radius for round small. _(default: undefined)_\n- **--m3e-icon-button-small-shape-square** - Corner radius for square small. _(default: undefined)_\n- **--m3e-icon-button-small-selected-shape-round** - Corner radius for selected round small. _(default: undefined)_\n- **--m3e-icon-button-small-selected-shape-square** - Corner radius for selected square small. _(default: undefined)_\n- **--m3e-icon-button-small-shape-pressed-morph** - Corner radius for pressed small. _(default: undefined)_\n- **--m3e-icon-button-small-narrow-leading-space** - Leading space for small (narrow). _(default: undefined)_\n- **--m3e-icon-button-small-narrow-trailing-space** - Trailing space for small (narrow). _(default: undefined)_\n- **--m3e-icon-button-small-default-leading-space** - Leading space for small (default). _(default: undefined)_\n- **--m3e-icon-button-small-default-trailing-space** - Trailing space for small (default). _(default: undefined)_\n- **--m3e-icon-button-small-wide-leading-space** - Leading space for small (wide). _(default: undefined)_\n- **--m3e-icon-button-small-wide-trailing-space** - Trailing space for small (wide). _(default: undefined)_\n- **--m3e-icon-button-medium-container-height** - Height of the medium container. _(default: undefined)_\n- **--m3e-icon-button-medium-outline-thickness** - Outline thickness for medium. _(default: undefined)_\n- **--m3e-icon-button-medium-icon-size** - Icon size for medium. _(default: undefined)_\n- **--m3e-icon-button-medium-shape-round** - Corner radius for round medium. _(default: undefined)_\n- **--m3e-icon-button-medium-shape-square** - Corner radius for square medium. _(default: undefined)_\n- **--m3e-icon-button-medium-selected-shape-round** - Corner radius for selected round medium. _(default: undefined)_\n- **--m3e-icon-button-medium-selected-shape-square** - Corner radius for selected square medium. _(default: undefined)_\n- **--m3e-icon-button-medium-shape-pressed-morph** - Corner radius for pressed medium. _(default: undefined)_\n- **--m3e-icon-button-medium-narrow-leading-space** - Leading space for medium (narrow). _(default: undefined)_\n- **--m3e-icon-button-medium-narrow-trailing-space** - Trailing space for medium (narrow). _(default: undefined)_\n- **--m3e-icon-button-medium-default-leading-space** - Leading space for medium (default). _(default: undefined)_\n- **--m3e-icon-button-medium-default-trailing-space** - Trailing space for medium (default). _(default: undefined)_\n- **--m3e-icon-button-medium-wide-leading-space** - Leading space for medium (wide). _(default: undefined)_\n- **--m3e-icon-button-medium-wide-trailing-space** - Trailing space for medium (wide). _(default: undefined)_\n- **--m3e-icon-button-large-container-height** - Height of the large container. _(default: undefined)_\n- **--m3e-icon-button-large-outline-thickness** - Outline thickness for large. _(default: undefined)_\n- **--m3e-icon-button-large-icon-size** - Icon size for large. _(default: undefined)_\n- **--m3e-icon-button-large-shape-round** - Corner radius for round large. _(default: undefined)_\n- **--m3e-icon-button-large-shape-square** - Corner radius for square large. _(default: undefined)_\n- **--m3e-icon-button-large-selected-shape-round** - Corner radius for selected round large. _(default: undefined)_\n- **--m3e-icon-button-large-selected-shape-square** - Corner radius for selected square large. _(default: undefined)_\n- **--m3e-icon-button-large-shape-pressed-morph** - Corner radius for pressed large. _(default: undefined)_\n- **--m3e-icon-button-large-narrow-leading-space** - Leading space for large (narrow). _(default: undefined)_\n- **--m3e-icon-button-large-narrow-trailing-space** - Trailing space for large (narrow). _(default: undefined)_\n- **--m3e-icon-button-large-default-leading-space** - Leading space for large (default). _(default: undefined)_\n- **--m3e-icon-button-large-default-trailing-space** - Trailing space for large (default). _(default: undefined)_\n- **--m3e-icon-button-large-wide-leading-space** - Leading space for large (wide). _(default: undefined)_\n- **--m3e-icon-button-large-wide-trailing-space** - Trailing space for large (wide). _(default: undefined)_\n- **--m3e-icon-button-extra-large-container-height** - Height of the extra-large container. _(default: undefined)_\n- **--m3e-icon-button-extra-large-outline-thickness** - Outline thickness for extra-large. _(default: undefined)_\n- **--m3e-icon-button-extra-large-icon-size** - Icon size for extra-large. _(default: undefined)_\n- **--m3e-icon-button-extra-large-shape-round** - Corner radius for round extra-large. _(default: undefined)_\n- **--m3e-icon-button-extra-large-shape-square** - Corner radius for square extra-large. _(default: undefined)_\n- **--m3e-icon-button-extra-large-selected-shape-round** - Corner radius for selected round extra-large. _(default: undefined)_\n- **--m3e-icon-button-extra-large-selected-shape-square** - Corner radius for selected square extra-large. _(default: undefined)_\n- **--m3e-icon-button-extra-large-shape-pressed-morph** - Corner radius for pressed extra-large. _(default: undefined)_\n- **--m3e-icon-button-extra-large-narrow-leading-space** - Leading space for extra-large (narrow). _(default: undefined)_\n- **--m3e-icon-button-extra-large-narrow-trailing-space** - Trailing space for extra-large (narrow). _(default: undefined)_\n- **--m3e-icon-button-extra-large-default-leading-space** - Leading space for extra-large (default). _(default: undefined)_\n- **--m3e-icon-button-extra-large-default-trailing-space** - Trailing space for extra-large (default). _(default: undefined)_\n- **--m3e-icon-button-extra-large-wide-leading-space** - Leading space for extra-large (wide). _(default: undefined)_\n- **--m3e-icon-button-extra-large-wide-trailing-space** - Trailing space for extra-large (wide). _(default: undefined)_\n- **--m3e-outlined-icon-button-icon-color** - Default icon color for outlined variant. _(default: undefined)_\n- **--m3e-outlined-icon-button-outline-color** - Default outline color for outlined variant. _(default: undefined)_\n- **--m3e-outlined-icon-button-unselected-icon-color** - Unselected icon color for outlined variant. _(default: undefined)_\n- **--m3e-outlined-icon-button-selected-icon-color** - Selected icon color for outlined variant. _(default: undefined)_\n- **--m3e-outlined-icon-button-selected-container-color** - Selected container background color for outlined variant. _(default: undefined)_\n- **--m3e-outlined-icon-button-disabled-container-color** - Container background color when disabled (outlined). _(default: undefined)_\n- **--m3e-outlined-icon-button-disabled-container-opacity** - Opacity of container when disabled (outlined). _(default: undefined)_\n- **--m3e-outlined-icon-button-disabled-icon-color** - Icon color when disabled (outlined). _(default: undefined)_\n- **--m3e-outlined-icon-button-disabled-icon-opacity** - Icon opacity when disabled (outlined). _(default: undefined)_\n- **--m3e-outlined-icon-button-disabled-outline-color** - Outline color when disabled (outlined). _(default: undefined)_\n- **--m3e-outlined-icon-button-hover-icon-color** - Icon color on hover (outlined). _(default: undefined)_\n- **--m3e-outlined-icon-button-hover-outline-color** - Outline color on hover (outlined). _(default: undefined)_\n- **--m3e-outlined-icon-button-hover-state-layer-color** - State layer color on hover (outlined). _(default: undefined)_\n- **--m3e-outlined-icon-button-hover-state-layer-opacity** - State layer opacity on hover (outlined). _(default: undefined)_\n- **--m3e-outlined-icon-button-hover-unselected-icon-color** - Unselected icon color on hover (outlined). _(default: undefined)_\n- **--m3e-outlined-icon-button-hover-unselected-state-layer-color** - Unselected state layer color on hover (outlined). _(default: undefined)_\n- **--m3e-outlined-icon-button-hover-selected-icon-color** - Selected icon color on hover (outlined). _(default: undefined)_\n- **--m3e-outlined-icon-button-hover-selected-state-layer-color** - Selected state layer color on hover (outlined). _(default: undefined)_\n- **--m3e-outlined-icon-button-focus-icon-color** - Icon color on focus (outlined). _(default: undefined)_\n- **--m3e-outlined-icon-button-focus-outline-color** - Outline color on focus (outlined). _(default: undefined)_\n- **--m3e-outlined-icon-button-focus-state-layer-color** - State layer color on focus (outlined). _(default: undefined)_\n- **--m3e-outlined-icon-button-focus-state-layer-opacity** - State layer opacity on focus (outlined). _(default: undefined)_\n- **--m3e-outlined-icon-button-focus-unselected-icon-color** - Unselected icon color on focus (outlined). _(default: undefined)_\n- **--m3e-outlined-icon-button-focus-unselected-state-layer-color** - Unselected state layer color on focus (outlined). _(default: undefined)_\n- **--m3e-outlined-icon-button-focus-selected-icon-color** - Selected icon color on focus (outlined). _(default: undefined)_\n- **--m3e-outlined-icon-button-focus-selected-state-layer-color** - Selected state layer color on focus (outlined). _(default: undefined)_\n- **--m3e-outlined-icon-button-pressed-icon-color** - Icon color on pressed (outlined). _(default: undefined)_\n- **--m3e-outlined-icon-button-pressed-outline-color** - Outline color on pressed (outlined). _(default: undefined)_\n- **--m3e-outlined-icon-button-pressed-state-layer-color** - State layer color on pressed (outlined). _(default: undefined)_\n- **--m3e-outlined-icon-button-pressed-state-layer-opacity** - State layer opacity on pressed (outlined). _(default: undefined)_\n- **--m3e-outlined-icon-button-pressed-unselected-icon-color** - Unselected icon color on pressed (outlined). _(default: undefined)_\n- **--m3e-outlined-icon-button-pressed-unselected-state-layer-color** - Unselected state layer color on pressed (outlined). _(default: undefined)_\n- **--m3e-outlined-icon-button-pressed-selected-icon-color** - Selected icon color on pressed (outlined). _(default: undefined)_\n- **--m3e-outlined-icon-button-pressed-selected-state-layer-color** - Selected state layer color on pressed (outlined). _(default: undefined)_\n- **--m3e-filled-icon-button-icon-color** - Default icon color for filled variant. _(default: undefined)_\n- **--m3e-filled-icon-button-container-color** - Default container background color for filled variant. _(default: undefined)_\n- **--m3e-filled-icon-button-unselected-icon-color** - Unselected icon color for filled variant. _(default: undefined)_\n- **--m3e-filled-icon-button-unselected-container-color** - Unselected container background color for filled variant. _(default: undefined)_\n- **--m3e-filled-icon-button-selected-icon-color** - Selected icon color for filled variant. _(default: undefined)_\n- **--m3e-filled-icon-button-selected-container-color** - Selected container background color for filled variant. _(default: undefined)_\n- **--m3e-filled-icon-button-disabled-container-color** - Container background color when disabled (filled). _(default: undefined)_\n- **--m3e-filled-icon-button-disabled-container-opacity** - Opacity of container when disabled (filled). _(default: undefined)_\n- **--m3e-filled-icon-button-disabled-icon-color** - Icon color when disabled (filled). _(default: undefined)_\n- **--m3e-filled-icon-button-disabled-icon-opacity** - Icon opacity when disabled (filled). _(default: undefined)_\n- **--m3e-filled-icon-button-hover-icon-color** - Icon color on hover (filled). _(default: undefined)_\n- **--m3e-filled-icon-button-hover-state-layer-color** - State layer color on hover (filled). _(default: undefined)_\n- **--m3e-filled-icon-button-hover-state-layer-opacity** - State layer opacity on hover (filled). _(default: undefined)_\n- **--m3e-filled-icon-button-hover-unselected-icon-color** - Unselected icon color on hover (filled). _(default: undefined)_\n- **--m3e-filled-icon-button-hover-unselected-state-layer-color** - Unselected state layer color on hover (filled). _(default: undefined)_\n- **--m3e-filled-icon-button-hover-selected-icon-color** - Selected icon color on hover (filled). _(default: undefined)_\n- **--m3e-filled-icon-button-hover-selected-state-layer-color** - Selected state layer color on hover (filled). _(default: undefined)_\n- **--m3e-filled-icon-button-focus-icon-color** - Icon color on focus (filled). _(default: undefined)_\n- **--m3e-filled-icon-button-focus-state-layer-color** - State layer color on focus (filled). _(default: undefined)_\n- **--m3e-filled-icon-button-focus-state-layer-opacity** - State layer opacity on focus (filled). _(default: undefined)_\n- **--m3e-filled-icon-button-focus-unselected-icon-color** - Unselected icon color on focus (filled). _(default: undefined)_\n- **--m3e-filled-icon-button-focus-unselected-state-layer-color** - Unselected state layer color on focus (filled). _(default: undefined)_\n- **--m3e-filled-icon-button-focus-selected-icon-color** - Selected icon color on focus (filled). _(default: undefined)_\n- **--m3e-filled-icon-button-focus-selected-state-layer-color** - Selected state layer color on focus (filled). _(default: undefined)_\n- **--m3e-filled-icon-button-pressed-icon-color** - Icon color on pressed (filled). _(default: undefined)_\n- **--m3e-filled-icon-button-pressed-state-layer-color** - State layer color on pressed (filled). _(default: undefined)_\n- **--m3e-filled-icon-button-pressed-state-layer-opacity** - State layer opacity on pressed (filled). _(default: undefined)_\n- **--m3e-filled-icon-button-pressed-unselected-icon-color** - Unselected icon color on pressed (filled). _(default: undefined)_\n- **--m3e-filled-icon-button-pressed-unselected-state-layer-color** - Unselected state layer color on pressed (filled). _(default: undefined)_\n- **--m3e-filled-icon-button-pressed-selected-icon-color** - Selected icon color on pressed (filled). _(default: undefined)_\n- **--m3e-filled-icon-button-pressed-selected-state-layer-color** - Selected state layer color on pressed (filled). _(default: undefined)_\n- **--m3e-tonal-icon-button-icon-color** - Default icon color for tonal variant. _(default: undefined)_\n- **--m3e-tonal-icon-button-container-color** - Default container background color for tonal variant. _(default: undefined)_\n- **--m3e-tonal-icon-button-unselected-icon-color** - Unselected icon color for tonal variant. _(default: undefined)_\n- **--m3e-tonal-icon-button-unselected-container-color** - Unselected container background color for tonal variant. _(default: undefined)_\n- **--m3e-tonal-icon-button-selected-icon-color** - Selected icon color for tonal variant. _(default: undefined)_\n- **--m3e-tonal-icon-button-selected-container-color** - Selected container background color for tonal variant. _(default: undefined)_\n- **--m3e-tonal-icon-button-disabled-container-color** - Container background color when disabled (tonal). _(default: undefined)_\n- **--m3e-tonal-icon-button-disabled-container-opacity** - Opacity of container when disabled (tonal). _(default: undefined)_\n- **--m3e-tonal-icon-button-disabled-icon-color** - Icon color when disabled (tonal). _(default: undefined)_\n- **--m3e-tonal-icon-button-disabled-icon-opacity** - Icon opacity when disabled (tonal). _(default: undefined)_\n- **--m3e-tonal-icon-button-hover-icon-color** - Icon color on hover (tonal). _(default: undefined)_\n- **--m3e-tonal-icon-button-hover-state-layer-color** - State layer color on hover (tonal). _(default: undefined)_\n- **--m3e-tonal-icon-button-hover-state-layer-opacity** - State layer opacity on hover (tonal). _(default: undefined)_\n- **--m3e-tonal-icon-button-hover-unselected-icon-color** - Unselected icon color on hover (tonal). _(default: undefined)_\n- **--m3e-tonal-icon-button-hover-unselected-state-layer-color** - Unselected state layer color on hover (tonal). _(default: undefined)_\n- **--m3e-tonal-icon-button-hover-selected-icon-color** - Selected icon color on hover (tonal). _(default: undefined)_\n- **--m3e-tonal-icon-button-hover-selected-state-layer-color** - Selected state layer color on hover (tonal). _(default: undefined)_\n- **--m3e-tonal-icon-button-focus-icon-color** - Icon color on focus (tonal). _(default: undefined)_\n- **--m3e-tonal-icon-button-focus-state-layer-color** - State layer color on focus (tonal). _(default: undefined)_\n- **--m3e-tonal-icon-button-focus-state-layer-opacity** - State layer opacity on focus (tonal). _(default: undefined)_\n- **--m3e-tonal-icon-button-focus-unselected-icon-color** - Unselected icon color on focus (tonal). _(default: undefined)_\n- **--m3e-tonal-icon-button-focus-unselected-state-layer-color** - Unselected state layer color on focus (tonal). _(default: undefined)_\n- **--m3e-tonal-icon-button-focus-selected-icon-color** - Selected icon color on focus (tonal). _(default: undefined)_\n- **--m3e-tonal-icon-button-focus-selected-state-layer-color** - Selected state layer color on focus (tonal). _(default: undefined)_\n- **--m3e-tonal-icon-button-pressed-icon-color** - Icon color on pressed (tonal). _(default: undefined)_\n- **--m3e-tonal-icon-button-pressed-state-layer-color** - State layer color on pressed (tonal). _(default: undefined)_\n- **--m3e-tonal-icon-button-pressed-state-layer-opacity** - State layer opacity on pressed (tonal). _(default: undefined)_\n- **--m3e-tonal-icon-button-pressed-unselected-icon-color** - Unselected icon color on pressed (tonal). _(default: undefined)_\n- **--m3e-tonal-icon-button-pressed-unselected-state-layer-color** - Unselected state layer color on pressed (tonal). _(default: undefined)_\n- **--m3e-tonal-icon-button-pressed-selected-icon-color** - Selected icon color on pressed (tonal). _(default: undefined)_\n- **--m3e-tonal-icon-button-pressed-selected-state-layer-color** - Selected state layer color on pressed (tonal). _(default: undefined)_\n- **--m3e-standard-icon-button-icon-color** - Default icon color for standard variant. _(default: undefined)_\n- **--m3e-standard-icon-button-unselected-icon-color** - Unselected icon color for standard variant. _(default: undefined)_\n- **--m3e-standard-icon-button-selected-icon-color** - Selected icon color for standard variant. _(default: undefined)_\n- **--m3e-standard-icon-button-disabled-container-color** - Container background color when disabled (standard). _(default: undefined)_\n- **--m3e-standard-icon-button-disabled-container-opacity** - Opacity of container when disabled (standard). _(default: undefined)_\n- **--m3e-standard-icon-button-disabled-icon-color** - Icon color when disabled (standard). _(default: undefined)_\n- **--m3e-standard-icon-button-disabled-icon-opacity** - Icon opacity when disabled (standard). _(default: undefined)_\n- **--m3e-standard-icon-button-hover-icon-color** - Icon color on hover (standard). _(default: undefined)_\n- **--m3e-standard-icon-button-hover-state-layer-color** - State layer color on hover (standard). _(default: undefined)_\n- **--m3e-standard-icon-button-hover-state-layer-opacity** - State layer opacity on hover (standard). _(default: undefined)_\n- **--m3e-standard-icon-button-hover-unselected-icon-color** - Unselected icon color on hover (standard). _(default: undefined)_\n- **--m3e-standard-icon-button-hover-unselected-state-layer-color** - Unselected state layer color on hover (standard). _(default: undefined)_\n- **--m3e-standard-icon-button-hover-selected-icon-color** - Selected icon color on hover (standard). _(default: undefined)_\n- **--m3e-standard-icon-button-hover-selected-state-layer-color** - Selected state layer color on hover (standard). _(default: undefined)_\n- **--m3e-standard-icon-button-focus-icon-color** - Icon color on focus (standard). _(default: undefined)_\n- **--m3e-standard-icon-button-focus-state-layer-color** - State layer color on focus (standard). _(default: undefined)_\n- **--m3e-standard-icon-button-focus-state-layer-opacity** - State layer opacity on focus (standard). _(default: undefined)_\n- **--m3e-standard-icon-button-focus-unselected-icon-color** - Unselected icon color on focus (standard). _(default: undefined)_\n- **--m3e-standard-icon-button-focus-unselected-state-layer-color** - Unselected state layer color on focus (standard). _(default: undefined)_\n- **--m3e-standard-icon-button-focus-selected-icon-color** - Selected icon color on focus (standard). _(default: undefined)_\n- **--m3e-standard-icon-button-focus-selected-state-layer-color** - Selected state layer color on focus (standard). _(default: undefined)_\n- **--m3e-standard-icon-button-pressed-icon-color** - Icon color on pressed (standard). _(default: undefined)_\n- **--m3e-standard-icon-button-pressed-state-layer-color** - State layer color on pressed (standard). _(default: undefined)_\n- **--m3e-standard-icon-button-pressed-state-layer-opacity** - State layer opacity on pressed (standard). _(default: undefined)_\n- **--m3e-standard-icon-button-pressed-unselected-icon-color** - Unselected icon color on pressed (standard). _(default: undefined)_\n- **--m3e-standard-icon-button-pressed-unselected-state-layer-color** - Unselected state layer color on pressed (standard). _(default: undefined)_\n- **--m3e-standard-icon-button-pressed-selected-icon-color** - Selected icon color on pressed (standard). _(default: undefined)_\n- **--m3e-standard-icon-button-pressed-selected-state-layer-color** - Selected state layer color on pressed (standard). _(default: undefined)_",
1181
+ "attributes": [
1182
+ {
1183
+ "name": "disabled",
1184
+ "description": "Whether the element is disabled.",
1185
+ "values": []
1186
+ },
1187
+ {
1188
+ "name": "disabled-interactive",
1189
+ "description": "Whether the element is disabled and interactive.",
1190
+ "values": []
1191
+ },
1192
+ {
1193
+ "name": "download",
1194
+ "description": "A value indicating whether the `target` of the link button will be downloaded, optionally specifying the new name of the file.",
1195
+ "values": []
1196
+ },
1197
+ {
1198
+ "name": "href",
1199
+ "description": "The URL to which the link button points.",
1200
+ "values": []
1201
+ },
1202
+ {
1203
+ "name": "name",
1204
+ "description": "The name of the element, submitted as a pair with the element's `value` as part of form data, when the element is used to submit a form.",
1205
+ "values": []
1206
+ },
1207
+ {
1208
+ "name": "rel",
1209
+ "description": "The relationship between the `target` of the link button and the document.",
1210
+ "values": []
1211
+ },
1212
+ {
1213
+ "name": "selected",
1214
+ "description": "Whether the toggle button is selected.",
1215
+ "values": []
1216
+ },
1217
+ {
1218
+ "name": "shape",
1219
+ "description": "The shape of the button.",
1220
+ "values": [{ "name": "IconButtonShape" }]
1221
+ },
1222
+ {
1223
+ "name": "size",
1224
+ "description": "The size of the button.",
1225
+ "values": [{ "name": "IconButtonSize" }]
1226
+ },
1227
+ {
1228
+ "name": "target",
1229
+ "description": "The target of the link button.",
1230
+ "values": [{ "name": "LinkTarget" }]
1231
+ },
1232
+ {
1233
+ "name": "toggle",
1234
+ "description": "Whether the button will toggle between selected and unselected states.",
1235
+ "values": []
1236
+ },
1237
+ {
1238
+ "name": "type",
1239
+ "description": "The type of the element.",
1240
+ "values": [{ "name": "FormSubmitterType" }]
1241
+ },
1242
+ {
1243
+ "name": "value",
1244
+ "description": "The value associated with the element's name when it's submitted with form data.",
1245
+ "values": []
1246
+ },
1247
+ {
1248
+ "name": "variant",
1249
+ "description": "The appearance variant of the button.",
1250
+ "values": [{ "name": "IconButtonVariant" }]
1251
+ },
1252
+ {
1253
+ "name": "width",
1254
+ "description": "The width of the button.",
1255
+ "values": [{ "name": "IconButtonWidth" }]
1256
+ }
1257
+ ],
1258
+ "references": []
1259
+ },
1260
+ {
1261
+ "name": "m3e-list",
1262
+ "description": "A list of items.\n---\n\n\n### **Slots:**\n - _default_ - Renders the items of the list.\n\n### **CSS Properties:**\n - **--m3e-list-block-padding** - Vertical padding for the list container. _(default: undefined)_\n- **--m3e-list-divider-inset-start-size** - Start inset for dividers within the list. _(default: undefined)_\n- **--m3e-list-divider-inset-end-size** - End inset for dividers within the list. _(default: undefined)_",
1263
+ "attributes": [],
1264
+ "references": []
1265
+ },
1266
+ {
1267
+ "name": "m3e-list-item",
1268
+ "description": "An item in a list.\n---\n\n\n### **Slots:**\n - _default_ - Renders the content of the list item.\n- **leading-icon** - Renders the leading icon of the list item.\n- **overline** - Renders the overline of the list item.\n- **supporting-text** - Renders the supporting text of the list item.\n- **trailing-supporting-text** - Renders the trailing supporting text of the list item.\n- **trailing-icon** - Renders the trailing icon of the list item.\n\n### **CSS Properties:**\n - **--m3e-list-item-spacing** - Horizontal gap between elements. _(default: undefined)_\n- **--m3e-list-item-padding-inline** - Horizontal padding for the list item. _(default: undefined)_\n- **--m3e-list-item-padding-block** - Vertical padding for the list item. _(default: undefined)_\n- **--m3e-list-item-height** - Minimum height of the list item. _(default: undefined)_\n- **--m3e-list-item-font-size** - Font size for main content. _(default: undefined)_\n- **--m3e-list-item-font-weight** - Font weight for main content. _(default: undefined)_\n- **--m3e-list-item-line-height** - Line height for main content. _(default: undefined)_\n- **--m3e-list-item-tracking** - Letter spacing for main content. _(default: undefined)_\n- **--m3e-list-item-overline-font-size** - Font size for overline slot. _(default: undefined)_\n- **--m3e-list-item-overline-font-weight** - Font weight for overline slot. _(default: undefined)_\n- **--m3e-list-item-overline-line-height** - Line height for overline slot. _(default: undefined)_\n- **--m3e-list-item-overline-tracking** - Letter spacing for overline slot. _(default: undefined)_\n- **--m3e-list-item-supporting-text-font-size** - Font size for supporting text slot. _(default: undefined)_\n- **--m3e-list-item-supporting-text-font-weight** - Font weight for supporting text slot. _(default: undefined)_\n- **--m3e-list-item-supporting-text-line-height** - Line height for supporting text slot. _(default: undefined)_\n- **--m3e-list-item-supporting-text-tracking** - Letter spacing for supporting text slot. _(default: undefined)_\n- **--m3e-list-item-trailing-supporting-text-font-size** - Font size for trailing supporting text slot. _(default: undefined)_\n- **--m3e-list-item-trailing-supporting-text-font-weight** - Font weight for trailing supporting text slot. _(default: undefined)_\n- **--m3e-list-item-trailing-supporting-text-line-height** - Line height for trailing supporting text slot. _(default: undefined)_\n- **--m3e-list-item-trailing-supporting-text-tracking** - Letter spacing for trailing supporting text slot. _(default: undefined)_\n- **--m3e-list-item-icon-size** - Size for leading/trailing icons. _(default: undefined)_",
1269
+ "attributes": [],
1270
+ "references": []
1271
+ },
1272
+ {
1273
+ "name": "m3e-loading-indicator",
1274
+ "description": "Shows indeterminate progress for a short wait time.\n---\n\n\n### **CSS Properties:**\n - **--m3e-loading-indicator-active-indicator-color** - Uncontained active indicator color. _(default: undefined)_\n- **--m3e-loading-indicator-contained-active-indicator-color** - Contained active indicator color. _(default: undefined)_\n- **--m3e-loading-indicator-contained-container-color** - Contained container (background) color. _(default: undefined)_\n- **--m3e-loading-indicator-active-indicator-size** - Size of the active indicator. _(default: undefined)_\n- **--m3e-loading-indicator-container-shape** - Container shape. _(default: undefined)_\n- **--m3e-loading-indicator-container-size** - Container size. _(default: undefined)_",
1275
+ "attributes": [
1276
+ {
1277
+ "name": "variant",
1278
+ "description": "The appearance variant of the indicator.",
1279
+ "values": [{ "name": "LoadingIndicatorVariant" }]
1280
+ }
1281
+ ],
1282
+ "references": []
1283
+ },
1284
+ {
1285
+ "name": "m3e-menu",
1286
+ "description": "Presents a list of choices on a temporary surface.\n---\n\n\n### **Events:**\n - **beforetoggle** - Dispatched before the toggle state changes.\n- **toggle** - Dispatched after the toggle state has changed.\n\n### **Methods:**\n - **show(trigger: _HTMLElement_): _Promise<void>_** - Opens the menu.\n- **hide(restoreFocus: _boolean_): _void_** - Hides the menu.\n- **hideAll(restoreFocus: _boolean_): _void_** - Closes this menu and any parenting menus.\n- **toggle(trigger: _HTMLElement_): _Promise<void>_** - Toggles the menu.\n\n### **Slots:**\n - _default_ - Renders the contents of the menu.\n\n### **CSS Properties:**\n - **--m3e-menu-container-shape** - Controls the corner radius of the menu container. _(default: undefined)_\n- **--m3e-menu-container-min-width** - Minimum width of the menu container. _(default: undefined)_\n- **--m3e-menu-container-max-width** - Maximum width of the menu container. _(default: undefined)_\n- **--m3e-menu-container-max-height** - Maximum height of the menu container. _(default: undefined)_\n- **--m3e-menu-container-padding-block** - Vertical padding inside the menu container. _(default: undefined)_\n- **--m3e-menu-container-color** - Background color of the menu container. _(default: undefined)_\n- **--m3e-menu-container-elevation** - Box shadow elevation of the menu container. _(default: undefined)_\n- **--m3e-menu-divider-spacing** - Vertical spacing around slotted `m3e-divider` elements. _(default: undefined)_",
1287
+ "attributes": [
1288
+ {
1289
+ "name": "position-x",
1290
+ "description": "The position of the menu, on the x-axis.",
1291
+ "values": [{ "name": "MenuPositionX" }]
1292
+ },
1293
+ {
1294
+ "name": "position-y",
1295
+ "description": "The position of the menu, on the y-axis.",
1296
+ "values": [{ "name": "MenuPositionY" }]
1297
+ },
1298
+ {
1299
+ "name": "submenu",
1300
+ "description": "A value indicating whether the menu is a submenu.",
1301
+ "values": []
1302
+ }
1303
+ ],
1304
+ "references": []
1305
+ },
1306
+ {
1307
+ "name": "m3e-menu-item-checkbox",
1308
+ "description": "An item of a menu which supports a checkable state.\n---\n\n\n### **Events:**\n - **click** - Emitted when the element is clicked.\n\n### **Slots:**\n - _default_ - Renders the label of the item.\n- **icon** - Renders an icon before the items's label.\n- **trailing-icon** - Renders an icon after the item's label.\n\n### **CSS Properties:**\n - **--m3e-menu-item-container-height** - Height of the menu item container. _(default: undefined)_\n- **--m3e-menu-item-color** - Text color for unselected, enabled menu items. _(default: undefined)_\n- **--m3e-menu-item-container-hover-color** - State layer hover color for unselected items. _(default: undefined)_\n- **--m3e-menu-item-container-focus-color** - State layer focus color for unselected items. _(default: undefined)_\n- **--m3e-menu-item-ripple-color** - Ripple color for unselected items. _(default: undefined)_\n- **--m3e-menu-selected-color** - Text color for selected or expanded items. _(default: undefined)_\n- **--m3e-menu-selected-container-color** - Background color for selected or expanded items. _(default: undefined)_\n- **--m3e-menu-item-selected-container-hover-color** - State layer hover color for selected items. _(default: undefined)_\n- **--m3e-menu-item-selected-container-focus-color** - State layer focus color for selected items. _(default: undefined)_\n- **--m3e-menu-item-selected-ripple-color** - Ripple color for selected items. _(default: undefined)_\n- **--m3e-menu-item-disabled-color** - Base color for disabled items. _(default: undefined)_\n- **--m3e-menu-item-disabled-opacity** - Opacity percentage for disabled item color mix. _(default: undefined)_\n- **--m3e-menu-item-icon-label-space** - Horizontal gap between icon and content. _(default: undefined)_\n- **--m3e-menu-item-padding-start** - Start padding for the item wrapper. _(default: undefined)_\n- **--m3e-menu-item-padding-end** - End padding for the item wrapper. _(default: undefined)_\n- **--m3e-menu-item-label-text-font-size** - Font size for menu item text. _(default: undefined)_\n- **--m3e-menu-item-label-text-font-weight** - Font weight for menu item text. _(default: undefined)_\n- **--m3e-menu-item-label-text-line-height** - Line height for menu item text. _(default: undefined)_\n- **--m3e-menu-item-label-text-tracking** - Letter spacing for menu item text. _(default: undefined)_\n- **--m3e-menu-item-focus-ring-shape** - Border radius for the focus ring. _(default: undefined)_\n- **--m3e-menu-item-icon-size** - Font size for leading and trailing icons. _(default: undefined)_",
1309
+ "attributes": [
1310
+ {
1311
+ "name": "disabled",
1312
+ "description": "Whether the element is disabled.",
1313
+ "values": []
1314
+ },
1315
+ {
1316
+ "name": "checked",
1317
+ "description": "Whether the element is checked.",
1318
+ "values": []
1319
+ }
1320
+ ],
1321
+ "references": []
1322
+ },
1323
+ {
1324
+ "name": "m3e-menu-item",
1325
+ "description": "An item of a menu.\n---\n\n\n### **Events:**\n - **click** - Emitted when the element is clicked.\n\n### **Slots:**\n - _default_ - Renders the label of the item.\n- **icon** - Renders an icon before the items's label.\n- **trailing-icon** - Renders an icon after the item's label.\n\n### **CSS Properties:**\n - **--m3e-menu-item-container-height** - Height of the menu item container. _(default: undefined)_\n- **--m3e-menu-item-color** - Text color for unselected, enabled menu items. _(default: undefined)_\n- **--m3e-menu-item-container-hover-color** - State layer hover color for unselected items. _(default: undefined)_\n- **--m3e-menu-item-container-focus-color** - State layer focus color for unselected items. _(default: undefined)_\n- **--m3e-menu-item-ripple-color** - Ripple color for unselected items. _(default: undefined)_\n- **--m3e-menu-selected-color** - Text color for selected or expanded items. _(default: undefined)_\n- **--m3e-menu-selected-container-color** - Background color for selected or expanded items. _(default: undefined)_\n- **--m3e-menu-item-selected-container-hover-color** - State layer hover color for selected items. _(default: undefined)_\n- **--m3e-menu-item-selected-container-focus-color** - State layer focus color for selected items. _(default: undefined)_\n- **--m3e-menu-item-selected-ripple-color** - Ripple color for selected items. _(default: undefined)_\n- **--m3e-menu-item-disabled-color** - Base color for disabled items. _(default: undefined)_\n- **--m3e-menu-item-disabled-opacity** - Opacity percentage for disabled item color mix. _(default: undefined)_\n- **--m3e-menu-item-icon-label-space** - Horizontal gap between icon and content. _(default: undefined)_\n- **--m3e-menu-item-padding-start** - Start padding for the item wrapper. _(default: undefined)_\n- **--m3e-menu-item-padding-end** - End padding for the item wrapper. _(default: undefined)_\n- **--m3e-menu-item-label-text-font-size** - Font size for menu item text. _(default: undefined)_\n- **--m3e-menu-item-label-text-font-weight** - Font weight for menu item text. _(default: undefined)_\n- **--m3e-menu-item-label-text-line-height** - Line height for menu item text. _(default: undefined)_\n- **--m3e-menu-item-label-text-tracking** - Letter spacing for menu item text. _(default: undefined)_\n- **--m3e-menu-item-focus-ring-shape** - Border radius for the focus ring. _(default: undefined)_\n- **--m3e-menu-item-icon-size** - Font size for leading and trailing icons. _(default: undefined)_",
1326
+ "attributes": [
1327
+ {
1328
+ "name": "disabled",
1329
+ "description": "Whether the element is disabled.",
1330
+ "values": []
1331
+ },
1332
+ {
1333
+ "name": "download",
1334
+ "description": "Whether the `target` of the link button will be downloaded, optionally specifying the new name of the file.",
1335
+ "values": []
1336
+ },
1337
+ {
1338
+ "name": "href",
1339
+ "description": "The URL to which the link button points.",
1340
+ "values": []
1341
+ },
1342
+ {
1343
+ "name": "rel",
1344
+ "description": "The relationship between the `target` of the link button and the document.",
1345
+ "values": []
1346
+ },
1347
+ {
1348
+ "name": "target",
1349
+ "description": "The target of the link button.",
1350
+ "values": [{ "name": "LinkTarget" }]
1351
+ }
1352
+ ],
1353
+ "references": []
1354
+ },
1355
+ {
1356
+ "name": "m3e-menu-item-group",
1357
+ "description": "Groups related items (such a radios) in a menu.\n---\n\n\n### **Slots:**\n - _default_ - Renders the contents of the group.",
1358
+ "attributes": [],
1359
+ "references": []
1360
+ },
1361
+ {
1362
+ "name": "m3e-menu-item-radio",
1363
+ "description": "An item of a menu which supports a mutually exclusive checkable state.\n---\n\n\n### **Events:**\n - **click** - Emitted when the element is clicked.\n\n### **Slots:**\n - _default_ - Renders the label of the item.\n- **icon** - Renders an icon before the items's label.\n- **trailing-icon** - Renders an icon after the item's label.\n\n### **CSS Properties:**\n - **--m3e-menu-item-container-height** - Height of the menu item container. _(default: undefined)_\n- **--m3e-menu-item-color** - Text color for unselected, enabled menu items. _(default: undefined)_\n- **--m3e-menu-item-container-hover-color** - State layer hover color for unselected items. _(default: undefined)_\n- **--m3e-menu-item-container-focus-color** - State layer focus color for unselected items. _(default: undefined)_\n- **--m3e-menu-item-ripple-color** - Ripple color for unselected items. _(default: undefined)_\n- **--m3e-menu-selected-color** - Text color for selected or expanded items. _(default: undefined)_\n- **--m3e-menu-selected-container-color** - Background color for selected or expanded items. _(default: undefined)_\n- **--m3e-menu-item-selected-container-hover-color** - State layer hover color for selected items. _(default: undefined)_\n- **--m3e-menu-item-selected-container-focus-color** - State layer focus color for selected items. _(default: undefined)_\n- **--m3e-menu-item-selected-ripple-color** - Ripple color for selected items. _(default: undefined)_\n- **--m3e-menu-item-disabled-color** - Base color for disabled items. _(default: undefined)_\n- **--m3e-menu-item-disabled-opacity** - Opacity percentage for disabled item color mix. _(default: undefined)_\n- **--m3e-menu-item-icon-label-space** - Horizontal gap between icon and content. _(default: undefined)_\n- **--m3e-menu-item-padding-start** - Start padding for the item wrapper. _(default: undefined)_\n- **--m3e-menu-item-padding-end** - End padding for the item wrapper. _(default: undefined)_\n- **--m3e-menu-item-label-text-font-size** - Font size for menu item text. _(default: undefined)_\n- **--m3e-menu-item-label-text-font-weight** - Font weight for menu item text. _(default: undefined)_\n- **--m3e-menu-item-label-text-line-height** - Line height for menu item text. _(default: undefined)_\n- **--m3e-menu-item-label-text-tracking** - Letter spacing for menu item text. _(default: undefined)_\n- **--m3e-menu-item-focus-ring-shape** - Border radius for the focus ring. _(default: undefined)_\n- **--m3e-menu-item-icon-size** - Font size for leading and trailing icons. _(default: undefined)_",
1364
+ "attributes": [
1365
+ {
1366
+ "name": "disabled",
1367
+ "description": "Whether the element is disabled.",
1368
+ "values": []
1369
+ },
1370
+ {
1371
+ "name": "checked",
1372
+ "description": "Whether the element is checked.",
1373
+ "values": []
1374
+ }
1375
+ ],
1376
+ "references": []
1377
+ },
1378
+ {
1379
+ "name": "m3e-menu-trigger",
1380
+ "description": "An element, nested within a clickable element, used to open a menu.\n---\n\n\n### **Methods:**\n - **attach(control: _HTMLElement_): _void_** - Attaches the element to an interactive control.\n- **detach(): _void_** - Detaches the element from its current interactive control.\n\n### **Slots:**\n - _default_ - Renders the contents of the trigger.",
1381
+ "attributes": [
1382
+ {
1383
+ "name": "for",
1384
+ "description": "The identifier of the interactive control to which this element is attached.",
1385
+ "values": []
1386
+ }
1387
+ ],
1388
+ "references": []
1389
+ },
1390
+ {
1391
+ "name": "m3e-nav-bar",
1392
+ "description": "A horizontal bar, typically used on smaller devices, that allows a user to switch between 3-5 views.\n---\n\n\n### **Events:**\n - **change** - Emitted when the selected state of an item changes.\n\n### **Slots:**\n - _default_ - Renders the items of the bar.\n\n### **CSS Properties:**\n - **--m3e-nav-bar-height** - Height of the navigation bar. _(default: undefined)_\n- **--m3e-nav-bar-container-color** - Background color of the navigation bar container. _(default: undefined)_\n- **--m3e-nav-bar-vertical-item-width** - Minimum width of vertical nav items. _(default: undefined)_",
1393
+ "attributes": [
1394
+ {
1395
+ "name": "mode",
1396
+ "description": "The mode in which items in the bar are presented.",
1397
+ "values": [{ "name": "NavBarMode" }]
1398
+ }
1399
+ ],
1400
+ "references": []
1401
+ },
1402
+ {
1403
+ "name": "m3e-nav-item",
1404
+ "description": "An item, placed in a navigation bar or rail, used to navigate to destinations in an application.\n---\n\n\n### **Events:**\n - **input** - Emitted when the selected state changes.\n- **change** - Emitted when the selected state changes.\n- **click** - Emitted when the element is clicked.\n\n### **Slots:**\n - _default_ - Renders the label of the item.\n- **icon** - Renders the icon of the item.\n- **selected-icon** - Renders the icon of the item when selected.\n\n### **CSS Properties:**\n - **--m3e-nav-item-label-text-font-size** - Font size for the label text. _(default: undefined)_\n- **--m3e-nav-item-label-text-font-weight** - Font weight for the label text. _(default: undefined)_\n- **--m3e-nav-item-label-text-line-height** - Line height for the label text. _(default: undefined)_\n- **--m3e-nav-item-label-text-tracking** - Letter spacing for the label text. _(default: undefined)_\n- **--m3e-nav-item-shape** - Border radius of the nav item. _(default: undefined)_\n- **--m3e-nav-item-icon-size** - Size of the icon. _(default: undefined)_\n- **--m3e-nav-item-spacing** - Spacing between icon and label. _(default: undefined)_\n- **--m3e-nav-item-inactive-label-text-color** - Color of the label text when inactive. _(default: undefined)_\n- **--m3e-nav-item-inactive-icon-color** - Color of the icon when inactive. _(default: undefined)_\n- **--m3e-nav-item-inactive-hover-state-layer-color** - State layer color on hover when inactive. _(default: undefined)_\n- **--m3e-nav-item-inactive-focus-state-layer-color** - State layer color on focus when inactive. _(default: undefined)_\n- **--m3e-nav-item-inactive-pressed-state-layer-color** - State layer color on press when inactive. _(default: undefined)_\n- **--m3e-nav-item-active-label-text-color** - Color of the label text when active/selected. _(default: undefined)_\n- **--m3e-nav-item-active-icon-color** - Color of the icon when active/selected. _(default: undefined)_\n- **--m3e-nav-item-active-container-color** - Container color when active/selected. _(default: undefined)_\n- **--m3e-nav-item-active-hover-state-layer-color** - State layer color on hover when active. _(default: undefined)_\n- **--m3e-nav-item-active-focus-state-layer-color** - State layer color on focus when active. _(default: undefined)_\n- **--m3e-nav-item-active-pressed-state-layer-color** - State layer color on press when active. _(default: undefined)_\n- **--m3e-nav-item-focus-ring-shape** - Border radius for the focus ring. _(default: undefined)_\n- **--m3e-nav-item-disabled-label-text-color** - Color of the label text when disabled. _(default: undefined)_\n- **--m3e-nav-item-disabled-label-text-opacity** - Opacity of the label text when disabled. _(default: undefined)_\n- **--m3e-nav-item-disabled-icon-color** - Color of the icon when disabled. _(default: undefined)_\n- **--m3e-nav-item-disabled-icon-opacity** - Opacity of the icon when disabled. _(default: undefined)_\n- **--m3e-horizontal-nav-item-padding** - Padding for horizontal orientation. _(default: undefined)_\n- **--m3e-horizontal-nav-item-active-indicator-height** - Height of the active indicator in horizontal orientation. _(default: undefined)_\n- **--m3e-vertical-nav-item-active-indicator-width** - Width of the active indicator in vertical orientation. _(default: undefined)_\n- **--m3e-vertical-nav-item-active-indicator-height** - Height of the active indicator in vertical orientation. _(default: undefined)_\n- **--m3e-vertical-nav-item-active-indicator-margin** - Margin for the active indicator in vertical orientation. _(default: undefined)_",
1405
+ "attributes": [
1406
+ {
1407
+ "name": "disabled",
1408
+ "description": "A value indicating whether the element is disabled.",
1409
+ "values": []
1410
+ },
1411
+ {
1412
+ "name": "disabled-interactive",
1413
+ "description": "A value indicating whether the element is disabled and interactive.",
1414
+ "values": []
1415
+ },
1416
+ {
1417
+ "name": "download",
1418
+ "description": "A value indicating whether the `target` of the link button will be downloaded, optionally specifying the new name of the file.",
1419
+ "values": []
1420
+ },
1421
+ {
1422
+ "name": "href",
1423
+ "description": "The URL to which the link button points.",
1424
+ "values": []
1425
+ },
1426
+ {
1427
+ "name": "orientation",
1428
+ "description": "The layout orientation of the item.",
1429
+ "values": [{ "name": "NavItemOrientation" }]
1430
+ },
1431
+ {
1432
+ "name": "rel",
1433
+ "description": "The relationship between the `target` of the link button and the document.",
1434
+ "values": []
1435
+ },
1436
+ {
1437
+ "name": "selected",
1438
+ "description": "A value indicating whether the element is selected.",
1439
+ "values": []
1440
+ },
1441
+ {
1442
+ "name": "target",
1443
+ "description": "The target of the link button.",
1444
+ "values": [{ "name": "LinkTarget" }]
1445
+ }
1446
+ ],
1447
+ "references": []
1448
+ },
1449
+ {
1450
+ "name": "m3e-nav-menu",
1451
+ "description": "A hierarchical menu, typically used on larger devices, that allows a user to switch between views.\n---\n\n\n### **Methods:**\n - **expand(items: _M3eNavMenuItemElement | undefined_): _void_** - Expands the specified items, or all items if no items are provided.\n- **collapse(items: _M3eNavMenuItemElement | undefined_): _void_** - Collapses the specified items, or all items if no items are provided.\n\n### **Slots:**\n - _default_ - Renders the items of the menu.\n\n### **CSS Properties:**\n - **--m3e-nav-menu-padding-top** - Top padding for the menu. _(default: undefined)_\n- **--m3e-nav-menu-padding-bottom** - Bottom padding for the menu. _(default: undefined)_\n- **--m3e-nav-menu-padding-left** - Left padding for the menu. _(default: undefined)_\n- **--m3e-nav-menu-padding-right** - Right padding for the menu. _(default: undefined)_\n- **--m3e-nav-menu-divider-margin** - Margin for divider elements in the menu. _(default: undefined)_\n- **--m3e-nav-menu-scrollbar-width** - Width of the menu scrollbar. _(default: undefined)_\n- **--m3e-nav-menu-scrollbar-color** - Color of the menu scrollbar. _(default: undefined)_",
1452
+ "attributes": [],
1453
+ "references": []
1454
+ },
1455
+ {
1456
+ "name": "m3e-nav-menu-item",
1457
+ "description": "An expandable item, selectable item within a navigation menu.\n---\n\n\n### **Events:**\n - **opening** - Emitted when the item begins to open.\n- **opened** - Emitted when the item has opened.\n- **closing** - Emitted when the item begins to close.\n- **closed** - Emitted when the item has closed.\n- **click** - Emitted when the element is clicked.\n\n### **Methods:**\n - **expand(descendants: _boolean_): _void_** - Expands this item, and optionally, all descendants.\n- **collapse(descendants: _boolean_): _void_** - Collapses this item, and optionally, all descendants.\n- **toggle(): _void_** - Toggles the expanded state of the item.\n\n### **Slots:**\n - _default_ - Renders the nested child items.\n- **label** - Renders the label of the item.\n- **icon** - Renders the icon of the item.\n- **badge** - Renders the badge of the item.\n- **selected-icon** - Renders the icon of the item when selected.\n- **toggle-icon** - Renders the toggle icon.\n\n### **CSS Properties:**\n - **--m3e-nav-menu-item-font-size** - Font size for the item label. _(default: undefined)_\n- **--m3e-nav-menu-item-font-weight** - Font weight for the item label. _(default: undefined)_\n- **--m3e-nav-menu-item-line-height** - Line height for the item label. _(default: undefined)_\n- **--m3e-nav-menu-item-tracking** - Letter spacing for the item label. _(default: undefined)_\n- **--m3e-nav-menu-item-padding** - Inline padding for the item. _(default: undefined)_\n- **--m3e-nav-menu-item-height** - Height of the item. _(default: undefined)_\n- **--m3e-nav-menu-item-spacing** - Spacing between icon and label. _(default: undefined)_\n- **--m3e-nav-menu-item-shape** - Border radius of the item and focus ring. _(default: undefined)_\n- **--m3e-nav-menu-item-icon-size** - Size of the icon. _(default: undefined)_\n- **--m3e-nav-menu-item-inset** - Indentation for nested items. _(default: undefined)_\n- **--m3e-nav-menu-item-label-color** - Text color for the item label. _(default: undefined)_\n- **--m3e-nav-menu-item-selected-label-color** - Text color for selected item label. _(default: undefined)_\n- **--m3e-nav-menu-item-selected-container-color** - Background color for selected item. _(default: undefined)_\n- **--m3e-nav-menu-item-selected-container-focus-color** - Focus color for selected item container. _(default: undefined)_\n- **--m3e-nav-menu-item-selected-container-hover-color** - Hover color for selected item container. _(default: undefined)_\n- **--m3e-nav-menu-item-selected-ripple-color** - Ripple color for selected item. _(default: undefined)_\n- **--m3e-nav-menu-item-unselected-container-focus-color** - Focus color for unselected item container. _(default: undefined)_\n- **--m3e-nav-menu-item-unselected-container-hover-color** - Hover color for unselected item container. _(default: undefined)_\n- **--m3e-nav-menu-item-unselected-ripple-color** - Ripple color for unselected item. _(default: undefined)_\n- **--m3e-nav-menu-item-open-container-color** - Background color for open item with children. _(default: undefined)_\n- **--m3e-nav-menu-item-open-container-focus-color** - Focus color for open item container. _(default: undefined)_\n- **--m3e-nav-menu-item-open-container-hover-color** - Hover color for open item container. _(default: undefined)_\n- **--m3e-nav-menu-item-open-ripple-color** - Ripple color for open item. _(default: undefined)_\n- **--m3e-nav-menu-item-disabled-color** - Text color for disabled item. _(default: undefined)_\n- **--m3e-nav-menu-item-disabled-color-opacity** - Opacity for disabled item text color. _(default: undefined)_\n- **--m3e-nav-menu-item-badge-font-size** - Font size for badge slot. _(default: undefined)_\n- **--m3e-nav-menu-item-badge-font-weight** - Font weight for badge slot. _(default: undefined)_\n- **--m3e-nav-menu-item-badge-line-height** - Line height for badge slot. _(default: undefined)_\n- **--m3e-nav-menu-item-badge-tracking** - Letter spacing for badge slot. _(default: undefined)_\n- **--m3e-nav-menu-divider-margin** - Margin for divider elements. _(default: undefined)_\n- **--m3e-nav-menu-item-vertical-inset** - Vertical margin for first/last child items. _(default: undefined)_",
1458
+ "attributes": [
1459
+ {
1460
+ "name": "disabled",
1461
+ "description": "Whether the element is disabled.",
1462
+ "values": []
1463
+ },
1464
+ {
1465
+ "name": "indeterminate",
1466
+ "description": "Whether the element's selected / checked state is indeterminate.",
1467
+ "values": []
1468
+ },
1469
+ {
1470
+ "name": "open",
1471
+ "description": "Whether the item is expanded.",
1472
+ "values": []
1473
+ },
1474
+ {
1475
+ "name": "selected",
1476
+ "description": "Whether the item is selected.",
1477
+ "values": []
1478
+ }
1479
+ ],
1480
+ "references": []
1481
+ },
1482
+ {
1483
+ "name": "m3e-nav-menu-item-group",
1484
+ "description": "A top-level semantic grouping of items in a navigation menu.\n---\n\n\n### **Slots:**\n - _default_ - Renders the items of the group.\n- **label** - Renders the label of the group.\n\n### **CSS Properties:**\n - **--m3e-nav-menu-item-group-label-inset** - Insets the label from the start edge of the group. _(default: undefined)_\n- **--m3e-nav-menu-item-group-label-space** - Vertical spacing around the group's label. _(default: undefined)_",
1485
+ "attributes": [],
1486
+ "references": []
1487
+ },
1488
+ {
1489
+ "name": "m3e-nav-rail",
1490
+ "description": "A vertical bar, typically used on larger devices, that allows a user to switch between views.\n---\n\n\n### **Events:**\n - **change** - Emitted when the selected state of an item changes.\n\n### **Slots:**\n - _default_ - Renders the items of the bar.\n\n### **CSS Properties:**\n - **--m3e-nav-rail-top-space** - Top block padding for the nav rail. _(default: undefined)_\n- **--m3e-nav-rail-bottom-space** - Bottom block padding for the nav rail. _(default: undefined)_\n- **--m3e-nav-rail-compact-width** - Width of the nav rail in compact mode. _(default: undefined)_\n- **--m3e-nav-rail-expanded-inline-padding** - Inline padding for expanded nav rail. _(default: undefined)_\n- **--m3e-nav-rail-expanded-min-width** - Minimum width of the nav rail in expanded mode. _(default: undefined)_\n- **--m3e-nav-rail-expanded-max-width** - Maximum width of the nav rail in expanded mode. _(default: undefined)_\n- **--m3e-nav-rail-expanded-item-height** - Height of nav items in expanded mode. _(default: undefined)_\n- **--m3e-nav-rail-button-item-space** - Space below icon buttons and FABs. _(default: undefined)_\n- **--m3e-nav-rail-expanded-icon-button-inset** - Inset for icon buttons in expanded mode. _(default: undefined)_\n- **--m3e-nav-bar-height** - Height of the navigation bar. _(default: undefined)_\n- **--m3e-nav-bar-container-color** - Background color of the navigation bar container. _(default: undefined)_\n- **--m3e-nav-bar-vertical-item-width** - Minimum width of vertical nav items. _(default: undefined)_",
1491
+ "attributes": [
1492
+ {
1493
+ "name": "mode",
1494
+ "description": "The mode in which items in the rail are presented.",
1495
+ "values": [{ "name": "NavBarMode" }]
1496
+ }
1497
+ ],
1498
+ "references": []
1499
+ },
1500
+ {
1501
+ "name": "m3e-nav-rail-toggle",
1502
+ "description": "An element, nested within a clickable element, used to toggle the expanded state of a navigation rail.\n---\n\n\n### **Methods:**\n - **attach(control: _HTMLElement_): _void_** - Attaches the element to an interactive control.\n- **detach(): _void_** - Detaches the element from its current interactive control.",
1503
+ "attributes": [
1504
+ {
1505
+ "name": "for",
1506
+ "description": "The identifier of the interactive control to which this element is attached.",
1507
+ "values": []
1508
+ }
1509
+ ],
1510
+ "references": []
1511
+ },
1512
+ {
1513
+ "name": "m3e-circular-progress-indicator",
1514
+ "description": "A circular indicator of progress and activity.\n---\n\n\n### **Slots:**\n - _default_ - Renders the content inside the progress indicator.\n\n### **CSS Properties:**\n - **--m3e-progress-indicator-track-color** - Track color of the progress bar (background/buffer). _(default: undefined)_\n- **--m3e-progress-indicator-color** - Color of the progress indicator (foreground). _(default: undefined)_",
1515
+ "attributes": [
1516
+ {
1517
+ "name": "diameter",
1518
+ "description": "The diameter, in pixels, of the progress spinner.",
1519
+ "values": []
1520
+ },
1521
+ {
1522
+ "name": "indeterminate",
1523
+ "description": "Whether to show something is happening without conveying progress.",
1524
+ "values": []
1525
+ },
1526
+ {
1527
+ "name": "max",
1528
+ "description": "The maximum progress value.",
1529
+ "values": []
1530
+ },
1531
+ {
1532
+ "name": "stroke-width",
1533
+ "description": "The stroke width, in pixels, of the progress spinner.",
1534
+ "values": []
1535
+ },
1536
+ {
1537
+ "name": "value",
1538
+ "description": "A fractional value, between 0 and `max`, indicating progress.",
1539
+ "values": []
1540
+ }
1541
+ ],
1542
+ "references": []
1543
+ },
1544
+ {
1545
+ "name": "m3e-linear-progress-indicator",
1546
+ "description": "A horizontal bar for indicating progress and activity.\n---\n\n\n### **CSS Properties:**\n - **--m3e-linear-progress-indicator-thickness** - Thickness (height) of the progress bar. _(default: undefined)_\n- **--m3e-linear-progress-indicator-shape** - Border radius of the progress bar. _(default: undefined)_\n- **--m3e-progress-indicator-track-color** - Track color of the progress bar (background/buffer). _(default: undefined)_\n- **--m3e-progress-indicator-color** - Color of the progress indicator (foreground). _(default: undefined)_",
1547
+ "attributes": [
1548
+ {
1549
+ "name": "buffer-value",
1550
+ "description": "A fractional value, between 0 and `max`, indicating buffer progress.",
1551
+ "values": []
1552
+ },
1553
+ {
1554
+ "name": "max",
1555
+ "description": "The maximum progress value.",
1556
+ "values": []
1557
+ },
1558
+ {
1559
+ "name": "mode",
1560
+ "description": "The mode of the progress bar.",
1561
+ "values": [{ "name": "LinearProgressMode" }]
1562
+ },
1563
+ {
1564
+ "name": "value",
1565
+ "description": "A fractional value, between 0 and `max`, indicating progress.",
1566
+ "values": []
1567
+ }
1568
+ ],
1569
+ "references": []
1570
+ },
1571
+ {
1572
+ "name": "m3e-radio",
1573
+ "description": "A radio button that allows a user to select one option from a set of options.\n---\n\n\n### **Events:**\n - **input** - Emitted when the checked state changes.\n- **change** - Emitted when the checked state changes.\n- **click** - Emitted when the element is clicked.\n\n### **Methods:**\n - **markAsPristine(): _void_** - Marks the element as pristine.\n- **markAsDirty(): _void_** - Marks the element as dirty.\n- **markAsTouched(): _void_** - Marks the element as touched.\n- **markAsUntouched(): _void_** - Marks the element as untouched.\n- **formDisabledCallback(disabled: _boolean_): _void_** - Called when the element is disabled or enabled via its form association.\n- **formResetCallback(): _void_** - Called when the associated form is reset.\n\n### **CSS Properties:**\n - **--m3e-radio-container-size** - Base size of the radio button container. _(default: undefined)_\n- **--m3e-radio-icon-size** - Size of the radio icon inside the wrapper. _(default: undefined)_\n- **--m3e-radio-unselected-hover-color** - Hover state layer color when radio is not selected. _(default: undefined)_\n- **--m3e-radio-unselected-focus-color** - Focus state layer color when radio is not selected. _(default: undefined)_\n- **--m3e-radio-unselected-ripple-color** - Ripple color when radio is not selected. _(default: undefined)_\n- **--m3e-radio-unselected-icon-color** - Icon color when radio is not selected. _(default: undefined)_\n- **--m3e-radio-selected-hover-color** - Hover state layer color when radio is selected. _(default: undefined)_\n- **--m3e-radio-selected-focus-color** - Focus state layer color when radio is selected. _(default: undefined)_\n- **--m3e-radio-selected-ripple-color** - Ripple color when radio is selected. _(default: undefined)_\n- **--m3e-radio-selected-icon-color** - Icon color when radio is selected. _(default: undefined)_\n- **--m3e-radio-disabled-icon-color** - Icon color when radio is disabled. _(default: undefined)_\n- **--m3e-radio-error-hover-color** - Fallback hover color used when the radio is invalid and touched. _(default: undefined)_\n- **--m3e-radio-error-focus-color** - Fallback focus color used when the radio is invalid and touched. _(default: undefined)_\n- **--m3e-radio-error-ripple-color** - Fallback ripple color used when the radio is invalid and touched. _(default: undefined)_\n- **--m3e-radio-error-icon-color** - Fallback icon color used when the radio is invalid and touched. _(default: undefined)_",
1574
+ "attributes": [
1575
+ {
1576
+ "name": "checked",
1577
+ "description": "Whether the element is checked.",
1578
+ "values": []
1579
+ },
1580
+ {
1581
+ "name": "disabled",
1582
+ "description": "Whether the element is disabled.",
1583
+ "values": []
1584
+ },
1585
+ {
1586
+ "name": "name",
1587
+ "description": "The name that identifies the element when submitting the associated form.",
1588
+ "values": []
1589
+ },
1590
+ {
1591
+ "name": "required",
1592
+ "description": "Whether the element is required.",
1593
+ "values": []
1594
+ },
1595
+ {
1596
+ "name": "value",
1597
+ "description": "A string representing the value of the radio.",
1598
+ "values": []
1599
+ }
1600
+ ],
1601
+ "references": []
1602
+ },
1603
+ {
1604
+ "name": "m3e-radio-group",
1605
+ "description": "A container for a set of radio buttons.\n---\n\n\n### **Events:**\n - **change** - Emitted when the checked state of a radio button changes.\n\n### **Methods:**\n - **markAsTouched(): _void_** - Marks the element as touched.\n- **markAsUntouched(): _void_** - Marks the element as untouched.\n- **markAsDirty(): _void_** - Marks the element as dirty.\n- **markAsPristine(): _void_** - Marks the element as pristine.\n- **reportValidity(): _boolean_** - Returns `true` if the element has no validity problems; otherwise, returns `false`, fires\r\nan invalid event, and (if the event isn't canceled) reports the problem to the user.\n- **checkValidity(): _boolean_** - Returns `true` if the element has no validity problems; otherwise,\r\nreturns `false`, fires an invalid event.\n- **setCustomValidity(error: _string_): _void_** - Sets a custom validity message for the element.\n- **formDisabledCallback(disabled: _boolean_): _void_** - Called when the element is disabled or enabled via its form association.\n- **formResetCallback(): _void_** - Called when the associated form is reset.\n\n### **Slots:**\n - _default_ - Renders the radio buttons of the group.",
1606
+ "attributes": [
1607
+ { "name": "aria-invalid", "values": [] },
1608
+ {
1609
+ "name": "disabled",
1610
+ "description": "Whether the element is disabled.",
1611
+ "values": []
1612
+ },
1613
+ {
1614
+ "name": "name",
1615
+ "description": "The name that identifies the element when submitting the associated form.",
1616
+ "values": []
1617
+ },
1618
+ {
1619
+ "name": "required",
1620
+ "description": "Whether the element is required.",
1621
+ "values": []
1622
+ }
1623
+ ],
1624
+ "references": []
1625
+ },
1626
+ {
1627
+ "name": "m3e-button-segment",
1628
+ "description": "A option that can be selected within a segmented button.\n---\n\n\n### **Events:**\n - **input** - Emitted when the checked state changes.\n- **change** - Emitted when the checked state changes.\n- **click** - Emitted when the element is clicked.\n\n### **Methods:**\n - **markAsPristine(): _void_** - Marks the element as pristine.\n- **markAsDirty(): _void_** - Marks the element as dirty.\n- **markAsTouched(): _void_** - Marks the element as touched.\n- **markAsUntouched(): _void_** - Marks the element as untouched.\n\n### **Slots:**\n - _default_ - Renders the label of the option.\n- **icon** - Renders an icon before the option's label.\n\n### **CSS Properties:**\n - **--m3e-segmented-button-height** - Total height of the segmented button. _(default: undefined)_\n- **--m3e-segmented-button-outline-thickness** - Thickness of the button’s border. _(default: undefined)_\n- **--m3e-segmented-button-outline-color** - Color of the button’s border. _(default: undefined)_\n- **--m3e-segmented-button-padding-start** - Padding on the leading edge of the button content. _(default: undefined)_\n- **--m3e-segmented-button-padding-end** - Padding on the trailing edge of the button content. _(default: undefined)_\n- **--m3e-segmented-button-spacing** - Horizontal gap between icon and label. _(default: undefined)_\n- **--m3e-segmented-button-font-size** - Font size of the label text. _(default: undefined)_\n- **--m3e-segmented-button-font-weight** - Font weight of the label text. _(default: undefined)_\n- **--m3e-segmented-button-line-height** - Line height of the label text. _(default: undefined)_\n- **--m3e-segmented-button-tracking** - Letter spacing of the label text. _(default: undefined)_\n- **--m3e-segmented-button-with-icon-padding-start** - Leading padding when an icon is present. _(default: undefined)_\n- **--m3e-segmented-button-selected-container-color** - Background color of a selected segment. _(default: undefined)_\n- **--m3e-segmented-button-selected-container-hover-color** - Hover state-layer color for selected segments. _(default: undefined)_\n- **--m3e-segmented-button-selected-container-focus-color** - Focus state-layer color for selected segments. _(default: undefined)_\n- **--m3e-segmented-button-selected-ripple-color** - Ripple color for selected segments. _(default: undefined)_\n- **--m3e-segmented-button-selected-label-text-color** - Label text color for selected segments. _(default: undefined)_\n- **--m3e-segmented-button-selected-icon-color** - Icon color for selected segments. _(default: undefined)_\n- **--m3e-segmented-button-unselected-container-hover-color** - Hover state-layer color for unselected segments. _(default: undefined)_\n- **--m3e-segmented-button-unselected-container-focus-color** - Focus state-layer color for unselected segments. _(default: undefined)_\n- **--m3e-segmented-button-unselected-ripple-color** - Ripple color for unselected segments. _(default: undefined)_\n- **--m3e-segmented-button-unselected-label-text-color** - Label text color for unselected segments. _(default: undefined)_\n- **--m3e-segmented-button-unselected-icon-color** - Icon color for unselected segments. _(default: undefined)_\n- **--m3e-segmented-button-icon-size** - Font size of the icon. _(default: undefined)_\n- **--m3e-segmented-button-disabled-outline-color** - Base color for disabled segment borders. _(default: undefined)_\n- **--m3e-segmented-button-disabled-outline-opacity** - Opacity applied to disabled segment borders. _(default: undefined)_\n- **--m3e-segmented-button-disabled-label-text-color** - Base color for disabled label text. _(default: undefined)_\n- **--m3e-segmented-button-disabled-label-text-opacity** - Opacity applied to disabled label text. _(default: undefined)_\n- **--m3e-segmented-button-disabled-icon-color** - Base color for disabled icons. _(default: undefined)_\n- **--m3e-segmented-button-disabled-icon-opacity** - Opacity applied to disabled icons. _(default: undefined)_",
1629
+ "attributes": [
1630
+ {
1631
+ "name": "checked",
1632
+ "description": "Whether the element is checked.",
1633
+ "values": []
1634
+ },
1635
+ {
1636
+ "name": "disabled",
1637
+ "description": "Whether the element is disabled.",
1638
+ "values": []
1639
+ },
1640
+ {
1641
+ "name": "value",
1642
+ "description": "A string representing the value of the segment.",
1643
+ "values": []
1644
+ }
1645
+ ],
1646
+ "references": []
1647
+ },
1648
+ {
1649
+ "name": "m3e-segmented-button",
1650
+ "description": "A button that allows a user to select from a limited set of options.\n---\n\n\n### **Events:**\n - **change** - Emitted when the checked state of a segment changes.\n- **input** - Emitted when the checked state of a segment changes.\n\n### **Methods:**\n - **markAsPristine(): _void_** - Marks the element as pristine.\n- **markAsDirty(): _void_** - Marks the element as dirty.\n- **markAsTouched(): _void_** - Marks the element as touched.\n- **markAsUntouched(): _void_** - Marks the element as untouched.\n- **formDisabledCallback(disabled: _boolean_): _void_** - Called when the element is disabled or enabled via its form association.\n- **formResetCallback(): _void_** - Called when the associated form is reset.\n\n### **Slots:**\n - _default_ - Renders the segments of the button.\n\n### **CSS Properties:**\n - **--m3e-segmented-button-start-shape** - Border radius for the first segment in a segmented button. _(default: undefined)_\n- **--m3e-segmented-button-end-shape** - Border radius for the last segment in a segmented button. _(default: undefined)_",
1651
+ "attributes": [
1652
+ {
1653
+ "name": "disabled",
1654
+ "description": "Whether the element is disabled.",
1655
+ "values": []
1656
+ },
1657
+ {
1658
+ "name": "hide-selection-indicator",
1659
+ "description": "Whether to hide the selection indicator.",
1660
+ "values": []
1661
+ },
1662
+ {
1663
+ "name": "multi",
1664
+ "description": "Whether multiple options can be selected.",
1665
+ "values": []
1666
+ },
1667
+ {
1668
+ "name": "name",
1669
+ "description": "The name that identifies the element when submitting the associated form.",
1670
+ "values": []
1671
+ }
1672
+ ],
1673
+ "references": []
1674
+ },
1675
+ {
1676
+ "name": "m3e-shape",
1677
+ "description": "A shape used to add emphasis and decorative flair.\n---\n\n\n### **Slots:**\n - _default_ - Renders the clipped content of the shape.\n\n### **CSS Properties:**\n - **--m3e-shape-size** - Default size of the shape. _(default: undefined)_\n- **--m3e-shape-container-color** - Container (background) color of the shape. _(default: undefined)_\n- **--m3e-shape-transition** - Transition used to morph between shapes. _(default: undefined)_",
1678
+ "attributes": [
1679
+ {
1680
+ "name": "name",
1681
+ "description": "The name of the shape.",
1682
+ "values": [{ "name": "ShapeName" }]
1683
+ }
1684
+ ],
1685
+ "references": []
1686
+ },
1687
+ {
1688
+ "name": "m3e-slide-group",
1689
+ "description": "Presents pagination controls used to scroll overflowing content.\n---\n\n\n### **Slots:**\n - _default_ - Renders the content to paginate.\n- **next-icon** - Renders the icon to present for the next button.\n- **prev-icon** - Renders the icon to present for the previous button.\n\n### **CSS Properties:**\n - **--m3e-slide-group-button-icon-size** - Sets icon size for scroll buttons; overrides default small icon size. _(default: undefined)_\n- **--m3e-slide-group-button-size** - Defines scroll button size; used for width (horizontal) or height (vertical). _(default: undefined)_\n- **--m3e-slide-group-divider-top** - Adds top border to content container for visual separation. _(default: undefined)_\n- **--m3e-slide-group-divider-bottom** - Adds bottom border to content container for visual separation. _(default: undefined)_",
1690
+ "attributes": [
1691
+ {
1692
+ "name": "disabled",
1693
+ "description": "Whether scroll buttons are disabled.",
1694
+ "values": []
1695
+ },
1696
+ {
1697
+ "name": "next-page-label",
1698
+ "description": "The accessible label given to the button used to move to the next page.",
1699
+ "values": []
1700
+ },
1701
+ {
1702
+ "name": "previous-page-label",
1703
+ "description": "The accessible label given to the button used to move to the previous page.",
1704
+ "values": []
1705
+ },
1706
+ {
1707
+ "name": "threshold",
1708
+ "description": "A value, in pixels, indicating the scroll threshold at which to begin showing pagination controls.",
1709
+ "values": []
1710
+ },
1711
+ {
1712
+ "name": "vertical",
1713
+ "description": "Whether content is oriented vertically.",
1714
+ "values": []
1715
+ }
1716
+ ],
1717
+ "references": []
1718
+ },
1719
+ {
1720
+ "name": "m3e-slider",
1721
+ "description": "Allows for the selection of numeric values from a range.\n---\n\n\n### **CSS Properties:**\n - **--m3e-slider-min-width** - Minimum inline size of the slider host. _(default: undefined)_\n- **--m3e-slider-small-height** - Height of the slider when size is small or extra-small. _(default: undefined)_\n- **--m3e-slider-medium-height** - Height of the slider when size is medium. _(default: undefined)_\n- **--m3e-slider-large-height** - Height of the slider when size is large. _(default: undefined)_\n- **--m3e-slider-extra-large-height** - Height of the slider when size is extra-large. _(default: undefined)_\n- **--m3e-slider-small-active-track-shape** - Corner shape of the active track for small sliders. _(default: undefined)_\n- **--m3e-slider-small-inactive-active-track-start-shape** - Corner shape of the inactive track start for small sliders. _(default: undefined)_\n- **--m3e-slider-small-inactive-track-end-shape** - Corner shape of the inactive track end for small sliders. _(default: undefined)_\n- **--m3e-slider-medium-active-track-shape** - Corner shape of the active track for medium sliders. _(default: undefined)_\n- **--m3e-slider-medium-inactive-active-track-start-shape** - Corner shape of the inactive track start for medium sliders. _(default: undefined)_\n- **--m3e-slider-medium-inactive-track-end-shape** - Corner shape of the inactive track end for medium sliders. _(default: undefined)_\n- **--m3e-slider-large-active-track-shape** - Corner shape of the active track for large sliders. _(default: undefined)_\n- **--m3e-slider-large-inactive-active-track-start-shape** - Corner shape of the inactive track start for large sliders. _(default: undefined)_\n- **--m3e-slider-large-inactive-track-end-shape** - Corner shape of the inactive track end for large sliders. _(default: undefined)_\n- **--m3e-slider-extra-large-active-track-shape** - Corner shape of the active track for extra-large sliders. _(default: undefined)_\n- **--m3e-slider-extra-large-inactive-active-track-start-shape** - Corner shape of the inactive track start for extra-large sliders. _(default: undefined)_\n- **--m3e-slider-extra-large-inactive-track-end-shape** - Corner shape of the inactive track end for extra-large sliders. _(default: undefined)_\n- **--m3e-slider-extra-small-track-height** - Height of the track for extra-small sliders. _(default: undefined)_\n- **--m3e-slider-small-track-height** - Height of the track for small sliders. _(default: undefined)_\n- **--m3e-slider-medium-track-height** - Height of the track for medium sliders. _(default: undefined)_\n- **--m3e-slider-large-track-height** - Height of the track for large sliders. _(default: undefined)_\n- **--m3e-slider-extra-large-track-height** - Height of the track for extra-large sliders. _(default: undefined)_\n- **--m3e-slider-tick-size** - Size of each tick mark. _(default: undefined)_\n- **--m3e-slider-tick-shape** - Corner shape of each tick mark. _(default: undefined)_\n- **--m3e-slider-inactive-track-color** - Background color of the inactive track when enabled. _(default: undefined)_\n- **--m3e-slider-disabled-inactive-track-color** - Base color of the inactive track when disabled. _(default: undefined)_\n- **--m3e-slider-disabled-inactive-track-opacity** - Opacity of the inactive track when disabled. _(default: undefined)_\n- **--m3e-slider-active-track-color** - Background color of the active track when enabled. _(default: undefined)_\n- **--m3e-slider-disabled-active-track-color** - Base color of the active track when disabled. _(default: undefined)_\n- **--m3e-slider-disabled-active-track-opacity** - Opacity of the active track when disabled. _(default: undefined)_\n- **--m3e-slider-tick-active-color** - Color of active ticks when enabled. _(default: undefined)_\n- **--m3e-slider-disabled-tick-active-color** - Color of active ticks when disabled. _(default: undefined)_\n- **--m3e-slider-tick-inactive-color** - Color of inactive ticks when enabled. _(default: undefined)_\n- **--m3e-slider-disabled-tick-inactive-color** - Color of inactive ticks when disabled. _(default: undefined)_",
1722
+ "attributes": [
1723
+ {
1724
+ "name": "disabled",
1725
+ "description": "Whether the element is disabled.",
1726
+ "values": []
1727
+ },
1728
+ {
1729
+ "name": "discrete",
1730
+ "description": "Whether to show tick marks.",
1731
+ "values": []
1732
+ },
1733
+ {
1734
+ "name": "labelled",
1735
+ "description": "Whether to show value labels when activated.",
1736
+ "values": []
1737
+ },
1738
+ {
1739
+ "name": "max",
1740
+ "description": "The maximum allowable value.",
1741
+ "values": []
1742
+ },
1743
+ {
1744
+ "name": "min",
1745
+ "description": "The minimum allowable value.",
1746
+ "values": []
1747
+ },
1748
+ {
1749
+ "name": "step",
1750
+ "description": "The value at which the thumb will snap.",
1751
+ "values": []
1752
+ },
1753
+ {
1754
+ "name": "size",
1755
+ "description": "The size of the slider.",
1756
+ "values": [{ "name": "SliderSize" }]
1757
+ }
1758
+ ],
1759
+ "references": []
1760
+ },
1761
+ {
1762
+ "name": "m3e-slider-thumb",
1763
+ "description": "A thumb used to select a value in a slider.\n---\n\n\n### **Events:**\n - **value-change**\n- **input** - Emitted when the value changes.\n- **change** - Emitted when the value changes.\n- **click** - Emitted when the element is clicked.\n\n### **Methods:**\n - **markAsPristine(): _void_** - Marks the element as pristine.\n- **markAsDirty(): _void_** - Marks the element as dirty.\n- **markAsTouched(): _void_** - Marks the element as touched.\n- **markAsUntouched(): _void_** - Marks the element as untouched.\n- **formDisabledCallback(disabled: _boolean_): _void_** - Called when the element is disabled or enabled via its form association.\n- **formResetCallback(): _void_** - Called when the associated form is reset.\n\n### **CSS Properties:**\n - **--m3e-slider-thumb-width** - Width of the slider thumb. _(default: undefined)_\n- **--m3e-slider-thumb-padding** - Horizontal padding around the thumb. _(default: undefined)_\n- **--m3e-slider-thumb-color** - Active color of the slider thumb when enabled. _(default: undefined)_\n- **--m3e-slider-thumb-pressed-width** - Width of the thumb when pressed. _(default: undefined)_\n- **--m3e-slider-thumb-disabled-color** - Color of the thumb when disabled. _(default: undefined)_\n- **--m3e-slider-thumb-disabled-opacity** - Opacity of the thumb when disabled. _(default: undefined)_\n- **--m3e-slider-label-width** - Width of the floating label above the thumb. _(default: undefined)_\n- **--m3e-slider-label-container-color** - Background color of the label container. _(default: undefined)_\n- **--m3e-slider-label-color** - Text color of the label. _(default: undefined)_\n- **--m3e-slider-label-font-size** - Font size of the label text. _(default: undefined)_\n- **--m3e-slider-label-font-weight** - Font weight of the label text. _(default: undefined)_\n- **--m3e-slider-label-line-height** - Line height of the label text. _(default: undefined)_\n- **--m3e-slider-label-tracking** - Letter spacing of the label text. _(default: undefined)_",
1764
+ "attributes": [
1765
+ {
1766
+ "name": "disabled",
1767
+ "description": "Whether the element is disabled.",
1768
+ "values": []
1769
+ },
1770
+ {
1771
+ "name": "name",
1772
+ "description": "The name that identifies the element when submitting the associated form.",
1773
+ "values": []
1774
+ },
1775
+ {
1776
+ "name": "value",
1777
+ "description": "The value of the thumb.",
1778
+ "values": []
1779
+ }
1780
+ ],
1781
+ "references": []
1782
+ },
1783
+ {
1784
+ "name": "m3e-snackbar",
1785
+ "description": "Presents short updates about application processes at the bottom of the screen.\n---\n\n\n### **Events:**\n - **toggle** - Emitted when the opened state of the snackbar changes.\n\n### **Slots:**\n - _default_ - Renders the content of the snackbar.\n- **close-icon** - Renders the icon of the button used to close the snackbar.\n\n### **CSS Properties:**\n - **--m3e-snackbar-margin** - Vertical offset from the bottom of the viewport. _(default: undefined)_\n- **--m3e-snackbar-container-shape** - Border radius of the snackbar container. _(default: undefined)_\n- **--m3e-snackbar-container-color** - Background color of the snackbar. _(default: undefined)_\n- **--m3e-snackbar-padding** - Internal spacing of the snackbar container. _(default: undefined)_\n- **--m3e-snackbar-min-width** - Minimum width of the snackbar. _(default: undefined)_\n- **--m3e-snackbar-max-width** - Maximum width of the snackbar. _(default: undefined)_",
1786
+ "attributes": [
1787
+ {
1788
+ "name": "action",
1789
+ "description": "The label of the snackbar's action.",
1790
+ "values": []
1791
+ },
1792
+ {
1793
+ "name": "close-label",
1794
+ "description": "The accessible label given to the button used to dismiss the snackbar.",
1795
+ "values": []
1796
+ },
1797
+ {
1798
+ "name": "dismissible",
1799
+ "description": "Whether a button is presented that can be used to close the snackbar.",
1800
+ "values": []
1801
+ },
1802
+ {
1803
+ "name": "duration",
1804
+ "description": "The length of time, in milliseconds, to wait before automatically dismissing the snackbar.",
1805
+ "values": []
1806
+ }
1807
+ ],
1808
+ "references": []
1809
+ },
1810
+ {
1811
+ "name": "m3e-split-button",
1812
+ "description": "A button used to show an action with a menu of related actions.\n---\n\n\n### **Slots:**\n - **leading-button** - The leading button used to perform the primary action.\n- **trailing-button** - The trailing icon button used to open a menu of related actions.\n\n### **CSS Properties:**\n - **--m3e-split-button-extra-small-trailing-button-unselected-leading-space** - Leading space for the trailing button (extra-small, unselected). _(default: undefined)_\n- **--m3e-split-button-extra-small-trailing-button-unselected-trailing-space** - Trailing space for the trailing button (extra-small, unselected). _(default: undefined)_\n- **--m3e-split-button-small-trailing-button-unselected-leading-space** - Leading space for the trailing button (small, unselected). _(default: undefined)_\n- **--m3e-split-button-small-trailing-button-unselected-trailing-space** - Trailing space for the trailing button (small, unselected). _(default: undefined)_\n- **--m3e-split-button-medium-trailing-button-unselected-leading-space** - Leading space for the trailing button (medium, unselected). _(default: undefined)_\n- **--m3e-split-button-medium-trailing-button-unselected-trailing-space** - Trailing space for the trailing button (medium, unselected). _(default: undefined)_\n- **--m3e-split-button-large-trailing-button-unselected-leading-space** - Leading space for the trailing button (large, unselected). _(default: undefined)_\n- **--m3e-split-button-large-trailing-button-unselected-trailing-space** - Trailing space for the trailing button (large, unselected). _(default: undefined)_\n- **--m3e-split-button-extra-large-trailing-button-unselected-leading-space** - Leading space for the trailing button (extra-large, unselected). _(default: undefined)_\n- **--m3e-split-button-extra-large-trailing-button-unselected-trailing-space** - Trailing space for the trailing button (extra-large, unselected). _(default: undefined)_\n- **--m3e-split-button-extra-small-trailing-button-selected-leading-space** - Leading space for the trailing button (extra-small, selected). _(default: undefined)_\n- **--m3e-split-button-extra-small-trailing-button-selected-trailing-space** - Trailing space for the trailing button (extra-small, selected). _(default: undefined)_\n- **--m3e-split-button-small-trailing-button-selected-leading-space** - Leading space for the trailing button (small, selected). _(default: undefined)_\n- **--m3e-split-button-small-trailing-button-selected-trailing-space** - Trailing space for the trailing button (small, selected). _(default: undefined)_\n- **--m3e-split-button-medium-trailing-button-selected-leading-space** - Leading space for the trailing button (medium, selected). _(default: undefined)_\n- **--m3e-split-button-medium-trailing-button-selected-trailing-space** - Trailing space for the trailing button (medium, selected). _(default: undefined)_\n- **--m3e-split-button-large-trailing-button-selected-leading-space** - Leading space for the trailing button (large, selected). _(default: undefined)_\n- **--m3e-split-button-large-trailing-button-selected-trailing-space** - Trailing space for the trailing button (large, selected). _(default: undefined)_\n- **--m3e-split-button-extra-large-trailing-button-selected-leading-space** - Leading space for the trailing button (extra-large, selected). _(default: undefined)_\n- **--m3e-split-button-extra-large-trailing-button-selected-trailing-space** - Trailing space for the trailing button (extra-large, selected). _(default: undefined)_\n- **--m3e-split-button-extra-small-inner-corner-size** - Inner corner size for the leading/trailing button (extra-small). _(default: undefined)_\n- **--m3e-split-button-small-inner-corner-size** - Inner corner size for the leading/trailing button (small). _(default: undefined)_\n- **--m3e-split-button-medium-inner-corner-size** - Inner corner size for the leading/trailing button (medium). _(default: undefined)_\n- **--m3e-split-button-large-inner-corner-size** - Inner corner size for the leading/trailing button (large). _(default: undefined)_\n- **--m3e-split-button-extra-large-inner-corner-size** - Inner corner size for the leading/trailing button (extra-large). _(default: undefined)_\n- **--m3e-split-button-extra-small-inner-corner-hover-size** - Inner corner size on hover (extra-small). _(default: undefined)_\n- **--m3e-split-button-small-inner-corner-hover-size** - Inner corner size on hover (small). _(default: undefined)_\n- **--m3e-split-button-medium-inner-corner-hover-size** - Inner corner size on hover (medium). _(default: undefined)_\n- **--m3e-split-button-large-inner-corner-hover-size** - Inner corner size on hover (large). _(default: undefined)_\n- **--m3e-split-button-extra-large-inner-corner-hover-size** - Inner corner size on hover (extra-large). _(default: undefined)_\n- **--m3e-split-button-extra-small-inner-corner-pressed-size** - Inner corner size on press (extra-small). _(default: undefined)_\n- **--m3e-split-button-small-inner-corner-pressed-size** - Inner corner size on press (small). _(default: undefined)_\n- **--m3e-split-button-medium-inner-corner-pressed-size** - Inner corner size on press (medium). _(default: undefined)_\n- **--m3e-split-button-large-inner-corner-pressed-size** - Inner corner size on press (large). _(default: undefined)_\n- **--m3e-split-button-extra-large-inner-corner-pressed-size** - Inner corner size on press (extra-large). _(default: undefined)_\n- **--m3e-split-button-extra-small-between-spacing** - Spacing between leading and trailing buttons (extra-small). _(default: undefined)_\n- **--m3e-split-button-small-between-spacing** - Spacing between leading and trailing buttons (small). _(default: undefined)_\n- **--m3e-split-button-medium-between-spacing** - Spacing between leading and trailing buttons (medium). _(default: undefined)_\n- **--m3e-split-button-large-between-spacing** - Spacing between leading and trailing buttons (large). _(default: undefined)_\n- **--m3e-split-button-extra-large-between-spacing** - Spacing between leading and trailing buttons (extra-large). _(default: undefined)_",
1813
+ "attributes": [
1814
+ {
1815
+ "name": "variant",
1816
+ "description": "The appearance variant of the button.",
1817
+ "values": [{ "name": "SplitButtonVariant" }]
1818
+ },
1819
+ {
1820
+ "name": "size",
1821
+ "description": "The size of the button.",
1822
+ "values": [{ "name": "ButtonSize" }]
1823
+ }
1824
+ ],
1825
+ "references": []
1826
+ },
1827
+ {
1828
+ "name": "m3e-switch",
1829
+ "description": "An on/off control that can be toggled by clicking.\n---\n\n\n### **Events:**\n - **input** - Emitted when the checked state changes.\n- **change** - Emitted when the checked state changes.\n- **click** - Emitted when the element is clicked.\n\n### **Methods:**\n - **markAsPristine(): _void_** - Marks the element as pristine.\n- **markAsDirty(): _void_** - Marks the element as dirty.\n- **markAsTouched(): _void_** - Marks the element as touched.\n- **markAsUntouched(): _void_** - Marks the element as untouched.\n- **reportValidity(): _boolean_** - Returns `true` if the element has no validity problems; otherwise, returns `false`, fires\r\nan invalid event, and (if the event isn't canceled) reports the problem to the user.\n- **checkValidity(): _boolean_** - Returns `true` if the element has no validity problems; otherwise,\r\nreturns `false`, fires an invalid event.\n- **setCustomValidity(error: _string_): _void_** - Sets a custom validity message for the element.\n- **formDisabledCallback(disabled: _boolean_): _void_** - Called when the element is disabled or enabled via its form association.\n- **formResetCallback(): _void_** - Called when the associated form is reset.\n\n### **CSS Properties:**\n - **--m3e-switch-selected-icon-color** - Color of the icon when the switch is selected. _(default: undefined)_\n- **--m3e-switch-selected-icon-size** - Size of the icon in the selected state. _(default: undefined)_\n- **--m3e-switch-unselected-icon-color** - Color of the icon when the switch is unselected. _(default: undefined)_\n- **--m3e-switch-unselected-icon-size** - Size of the icon in the unselected state. _(default: undefined)_\n- **--m3e-switch-track-height** - Height of the switch track. _(default: undefined)_\n- **--m3e-switch-track-width** - Width of the switch track. _(default: undefined)_\n- **--m3e-switch-track-outline-color** - Color of the track’s outline. _(default: undefined)_\n- **--m3e-switch-track-outline-width** - Thickness of the track’s outline. _(default: undefined)_\n- **--m3e-switch-track-shape** - Corner shape of the track. _(default: undefined)_\n- **--m3e-switch-selected-track-color** - Track color when selected. _(default: undefined)_\n- **--m3e-switch-unselected-track-color** - Track color when unselected. _(default: undefined)_\n- **--m3e-switch-unselected-handle-height** - Height of the handle when unselected. _(default: undefined)_\n- **--m3e-switch-unselected-handle-width** - Width of the handle when unselected. _(default: undefined)_\n- **--m3e-switch-with-icon-handle-height** - Height of the handle when icons are present. _(default: undefined)_\n- **--m3e-switch-with-icon-handle-width** - Width of the handle when icons are present. _(default: undefined)_\n- **--m3e-switch-selected-handle-height** - Height of the handle when selected. _(default: undefined)_\n- **--m3e-switch-selected-handle-width** - Width of the handle when selected. _(default: undefined)_\n- **--m3e-switch-pressed-handle-height** - Height of the handle during press. _(default: undefined)_\n- **--m3e-switch-pressed-handle-width** - Width of the handle during press. _(default: undefined)_\n- **--m3e-switch-handle-shape** - Corner shape of the handle. _(default: undefined)_\n- **--m3e-switch-selected-handle-color** - Handle color when selected. _(default: undefined)_\n- **--m3e-switch-unselected-handle-color** - Handle color when unselected. _(default: undefined)_\n- **--m3e-switch-state-layer-size** - Diameter of the state layer overlay. _(default: undefined)_\n- **--m3e-switch-state-layer-shape** - Corner shape of the state layer. _(default: undefined)_\n- **--m3e-switch-disabled-selected-icon-color** - Icon color when selected and disabled. _(default: undefined)_\n- **--m3e-switch-disabled-selected-icon-opacity** - Icon opacity when selected and disabled. _(default: undefined)_\n- **--m3e-switch-disabled-unselected-icon-color** - Icon color when unselected and disabled. _(default: undefined)_\n- **--m3e-switch-disabled-unselected-icon-opacity** - Icon opacity when unselected and disabled. _(default: undefined)_\n- **--m3e-switch-disabled-track-opacity** - Track opacity when disabled. _(default: undefined)_\n- **--m3e-switch-disabled-selected-track-color** - Track color when selected and disabled. _(default: undefined)_\n- **--m3e-switch-disabled-unselected-track-color** - Track color when unselected and disabled. _(default: undefined)_\n- **--m3e-switch-disabled-unselected-track-outline-color** - Outline color when unselected and disabled. _(default: undefined)_\n- **--m3e-switch-disabled-unselected-handle-opacity** - Handle opacity when unselected and disabled. _(default: undefined)_\n- **--m3e-switch-disabled-selected-handle-opacity** - Handle opacity when selected and disabled. _(default: undefined)_\n- **--m3e-switch-disabled-selected-handle-color** - Handle color when selected and disabled. _(default: undefined)_\n- **--m3e-switch-disabled-unselected-handle-color** - Handle color when unselected and disabled. _(default: undefined)_\n- **--m3e-switch-selected-hover-icon-color** - Icon color when selected and hovered. _(default: undefined)_\n- **--m3e-switch-unselected-hover-icon-color** - Icon color when unselected and hovered. _(default: undefined)_\n- **--m3e-switch-selected-hover-track-color** - Track color when selected and hovered. _(default: undefined)_\n- **--m3e-switch-selected-hover-state-layer-color** - State layer color when selected and hovered. _(default: undefined)_\n- **--m3e-switch-selected-hover-state-layer-opacity** - State layer opacity when selected and hovered. _(default: undefined)_\n- **--m3e-switch-unselected-hover-track-color** - Track color when unselected and hovered. _(default: undefined)_\n- **--m3e-switch-unselected-hover-track-outline-color** - Outline color when unselected and hovered. _(default: undefined)_\n- **--m3e-switch-unselected-hover-state-layer-color** - State layer color when unselected and hovered. _(default: undefined)_\n- **--m3e-switch-unselected-hover-state-layer-opacity** - State layer opacity when unselected and hovered. _(default: undefined)_\n- **--m3e-switch-selected-hover-handle-color** - Handle color when selected and hovered. _(default: undefined)_\n- **--m3e-switch-unselected-hover-handle-color** - Handle color when unselected and hovered. _(default: undefined)_\n- **--m3e-switch-selected-focus-icon-color** - Icon color when selected and focused. _(default: undefined)_\n- **--m3e-switch-unselected-focus-icon-color** - Icon color when unselected and focused. _(default: undefined)_\n- **--m3e-switch-selected-focus-track-color** - Track color when selected and focused. _(default: undefined)_\n- **--m3e-switch-selected-focus-state-layer-color** - State layer color when selected and focused. _(default: undefined)_\n- **--m3e-switch-selected-focus-state-layer-opacity** - State layer opacity when selected and focused. _(default: undefined)_\n- **--m3e-switch-unselected-focus-track-color** - Track color when unselected and focused. _(default: undefined)_\n- **--m3e-switch-unselected-focus-track-outline-color** - Outline color when unselected and focused. _(default: undefined)_\n- **--m3e-switch-unselected-focus-state-layer-color** - State layer color when unselected and focused. _(default: undefined)_\n- **--m3e-switch-unselected-focus-state-layer-opacity** - State layer opacity when unselected and focused. _(default: undefined)_\n- **--m3e-switch-selected-focus-handle-color** - Handle color when selected and focused. _(default: undefined)_\n- **--m3e-switch-unselected-focus-handle-color** - Handle color when unselected and focused. _(default: undefined)_\n- **--m3e-switch-selected-pressed-icon-color** - Icon color when selected and pressed. _(default: undefined)_\n- **--m3e-switch-unselected-pressed-icon-color** - Icon color when unselected and pressed. _(default: undefined)_\n- **--m3e-switch-selected-pressed-track-color** - Track color when selected and pressed. _(default: undefined)_\n- **--m3e-switch-selected-pressed-state-layer-color** - State layer color when selected and pressed. _(default: undefined)_\n- **--m3e-switch-selected-pressed-state-layer-opacity** - State layer opacity when selected and pressed. _(default: undefined)_\n- **--m3e-switch-unselected-pressed-track-color** - Track color when unselected and pressed. _(default: undefined)_\n- **--m3e-switch-unselected-pressed-track-outline-color** - Outline color when unselected and pressed. _(default: undefined)_\n- **--m3e-switch-unselected-pressed-state-layer-color** - State layer color when unselected and pressed. _(default: undefined)_\n- **--m3e-switch-unselected-pressed-state-layer-opacity** - State layer opacity when unselected and pressed. _(default: undefined)_\n- **--m3e-switch-selected-pressed-handle-color** - Handle color when selected and pressed. _(default: undefined)_\n- **--m3e-switch-unselected-pressed-handle-color** - Handle color when unselected and pressed. _(default: undefined)_",
1830
+ "attributes": [
1831
+ {
1832
+ "name": "checked",
1833
+ "description": "Whether the element is checked.",
1834
+ "values": []
1835
+ },
1836
+ {
1837
+ "name": "disabled",
1838
+ "description": "Whether the element is disabled.",
1839
+ "values": []
1840
+ },
1841
+ {
1842
+ "name": "icons",
1843
+ "description": "The icons to present.",
1844
+ "values": [{ "name": "SwitchIcons" }]
1845
+ },
1846
+ {
1847
+ "name": "name",
1848
+ "description": "The name that identifies the element when submitting the associated form.",
1849
+ "values": []
1850
+ },
1851
+ {
1852
+ "name": "value",
1853
+ "description": "A string representing the value of the switch.",
1854
+ "values": []
1855
+ }
1856
+ ],
1857
+ "references": []
1858
+ },
1859
+ {
1860
+ "name": "m3e-tab",
1861
+ "description": "An interactive element that, when activated, presents an associated tab panel.\n---\n\n\n### **Events:**\n - **input** - Emitted when the selected state changes.\n- **change** - Emitted when the selected state changes.\n- **click** - Emitted when the element is clicked.\n\n### **Methods:**\n - **attach(control: _HTMLElement_): _void_** - Attaches the element to an interactive control.\n- **detach(): _void_** - Detaches the element from its current interactive control.\n\n### **Slots:**\n - _default_ - Renders the label of the tab.\n- **icon** - Renders an icon before the tab's label.\n\n### **CSS Properties:**\n - **--m3e-tab-font-size** - Font size for tab label. _(default: undefined)_\n- **--m3e-tab-font-weight** - Font weight for tab label. _(default: undefined)_\n- **--m3e-tab-line-height** - Line height for tab label. _(default: undefined)_\n- **--m3e-tab-tracking** - Letter spacing for tab label. _(default: undefined)_\n- **--m3e-tab-padding-start** - Padding on the inline start of the tab. _(default: undefined)_\n- **--m3e-tab-padding-end** - Padding on the inline end of the tab. _(default: undefined)_\n- **--m3e-tab-focus-ring-shape** - Border radius for the focus ring. _(default: undefined)_\n- **--m3e-tab-selected-color** - Text color for selected tab. _(default: undefined)_\n- **--m3e-tab-selected-container-hover-color** - Hover state-layer color for selected tab. _(default: undefined)_\n- **--m3e-tab-selected-container-focus-color** - Focus state-layer color for selected tab. _(default: undefined)_\n- **--m3e-tab-selected-ripple-color** - Ripple color for selected tab. _(default: undefined)_\n- **--m3e-tab-unselected-color** - Text color for unselected tab. _(default: undefined)_\n- **--m3e-tab-unselected-container-hover-color** - Hover state-layer color for unselected tab. _(default: undefined)_\n- **--m3e-tab-unselected-container-focus-color** - Focus state-layer color for unselected tab. _(default: undefined)_\n- **--m3e-tab-unselected-ripple-color** - Ripple color for unselected tab. _(default: undefined)_\n- **--m3e-tab-disabled-color** - Text color for disabled tab. _(default: undefined)_\n- **--m3e-tab-disabled-opacity** - Text opacity for disabled tab. _(default: undefined)_\n- **--m3e-tab-spacing** - Column gap between icon and label. _(default: undefined)_\n- **--m3e-tab-icon-size** - Font size for slotted icon. _(default: undefined)_",
1862
+ "attributes": [
1863
+ {
1864
+ "name": "disabled",
1865
+ "description": "Whether the element is disabled.",
1866
+ "values": []
1867
+ },
1868
+ {
1869
+ "name": "for",
1870
+ "description": "The identifier of the interactive control to which this element is attached.",
1871
+ "values": []
1872
+ },
1873
+ {
1874
+ "name": "selected",
1875
+ "description": "Whether the element is selected.",
1876
+ "values": []
1877
+ }
1878
+ ],
1879
+ "references": []
1880
+ },
1881
+ {
1882
+ "name": "m3e-tab-panel",
1883
+ "description": "A panel presented for a tab.\n---\n\n\n### **Slots:**\n - _default_ - Renders the content of the panel.",
1884
+ "attributes": [],
1885
+ "references": []
1886
+ },
1887
+ {
1888
+ "name": "m3e-tabs",
1889
+ "description": "Organizes content into separate views where only one view can be visible at a time.\n---\n\n\n### **Events:**\n - **change** - Emitted when the selected tab changes.\n\n### **Slots:**\n - _default_ - Renders the tabs.\n- **panel** - Renders the panels of the tabs.\n- **next-icon** - Renders the icon to present for the next button used to paginate.\n- **prev-icon** - Renders the icon to present for the previous button used to paginate.\n\n### **CSS Properties:**\n - **--m3e-tabs-paginator-button-icon-size** - Overrides the icon size for paginator buttons. _(default: undefined)_\n- **--m3e-tabs-active-indicator-color** - Color of the active tab indicator. _(default: undefined)_\n- **--m3e-tabs-primary-before-active-indicator-shape** - Border radius for active indicator when header is before and variant is primary. _(default: undefined)_\n- **--m3e-tabs-primary-after-active-indicator-shape** - Border radius for active indicator when header is after and variant is primary. _(default: undefined)_\n- **--m3e-tabs-primary-active-indicator-inset** - Inset for primary variant's active indicator. _(default: undefined)_\n- **--m3e-tabs-primary-active-indicator-thickness** - Thickness for primary variant's active indicator. _(default: undefined)_\n- **--m3e-tabs-secondary-active-indicator-thickness** - Thickness for secondary variant's active indicator. _(default: undefined)_",
1890
+ "attributes": [
1891
+ {
1892
+ "name": "disable-pagination",
1893
+ "description": "Whether scroll buttons are disabled.",
1894
+ "values": []
1895
+ },
1896
+ {
1897
+ "name": "header-position",
1898
+ "description": "The position of the tab headers.",
1899
+ "values": [{ "name": "TabHeaderPosition" }]
1900
+ },
1901
+ {
1902
+ "name": "next-page-label",
1903
+ "description": "The accessible label given to the button used to move to the next page.",
1904
+ "values": []
1905
+ },
1906
+ {
1907
+ "name": "previous-page-label",
1908
+ "description": "The accessible label given to the button used to move to the previous page.",
1909
+ "values": []
1910
+ },
1911
+ {
1912
+ "name": "stretch",
1913
+ "description": "Whether tabs are stretched to fill the header.",
1914
+ "values": []
1915
+ },
1916
+ {
1917
+ "name": "variant",
1918
+ "description": "The appearance variant of the tabs.",
1919
+ "values": [{ "name": "TabVariant" }]
1920
+ }
1921
+ ],
1922
+ "references": []
1923
+ },
1924
+ {
1925
+ "name": "m3e-textarea-autosize",
1926
+ "description": "A non-visual element used to automatically resize a `textarea` to fit its content.\n---\n\n\n### **Methods:**\n - **attach(control: _HTMLElement_): _void_** - Attaches the element to an interactive control.\n- **detach(): _void_** - Detaches the element from its current interactive control.\n- **resizeToFitContent(force: _boolean_): _void_** - Resize the `textarea` to fit its content.\n- **reset()** - Resets the `textarea` to its original size.",
1927
+ "attributes": [
1928
+ {
1929
+ "name": "disabled",
1930
+ "description": "Whether auto-sizing is disabled.",
1931
+ "values": []
1932
+ },
1933
+ {
1934
+ "name": "for",
1935
+ "description": "The identifier of the interactive control to which this element is attached.",
1936
+ "values": []
1937
+ },
1938
+ {
1939
+ "name": "max-rows",
1940
+ "description": "The maximum amount of rows in the `textarea`.",
1941
+ "values": []
1942
+ },
1943
+ {
1944
+ "name": "min-rows",
1945
+ "description": "The minimum amount of rows in the `textarea`.",
1946
+ "values": []
1947
+ }
1948
+ ],
1949
+ "references": []
1950
+ },
1951
+ {
1952
+ "name": "m3e-theme",
1953
+ "description": "A non-visual element responsible for application-level theming.\n---\n\n\n### **Events:**\n - **change** - Dispatched when the theme changes.",
1954
+ "attributes": [
1955
+ {
1956
+ "name": "color",
1957
+ "description": "The hex color from which to derive dynamic color palettes.",
1958
+ "values": []
1959
+ },
1960
+ {
1961
+ "name": "contrast",
1962
+ "description": "The contrast level of the theme.",
1963
+ "values": [{ "name": "ContrastLevel" }]
1964
+ },
1965
+ {
1966
+ "name": "density",
1967
+ "description": "The density scale (0, -1, -2).",
1968
+ "values": []
1969
+ },
1970
+ {
1971
+ "name": "scheme",
1972
+ "description": "The color scheme of the theme.",
1973
+ "values": [{ "name": "ColorScheme" }]
1974
+ },
1975
+ {
1976
+ "name": "strong-focus",
1977
+ "description": "Whether to enable strong focus indicators.",
1978
+ "values": []
1979
+ },
1980
+ {
1981
+ "name": "variant",
1982
+ "description": "The color variant of the theme.",
1983
+ "values": [{ "name": "ThemeVariant" }]
1984
+ },
1985
+ {
1986
+ "name": "motion",
1987
+ "description": "The motion scheme.",
1988
+ "values": [{ "name": "MotionScheme" }]
1989
+ }
1990
+ ],
1991
+ "references": []
1992
+ },
1993
+ {
1994
+ "name": "m3e-toc",
1995
+ "description": "A table of contents that provides in-page scroll navigation.\n---\n\n\n### **Methods:**\n - **attach(control: _HTMLElement_): _void_** - Attaches the element to an interactive control.\n- **detach(): _void_** - Detaches the element from its current interactive control.\n\n### **Slots:**\n - _default_ - Renders content between the header and items.\n- **overline** - Renders the overline of the table of contents.\n- **title** - Renders the title of the table of contents.\n\n### **CSS Properties:**\n - **--m3e-toc-width** - Width of the table of contents. _(default: undefined)_\n- **--m3e-toc-item-shape** - Border radius of TOC items and active indicator. _(default: undefined)_\n- **--m3e-toc-active-indicator-color** - Border color of the active indicator. _(default: undefined)_\n- **--m3e-toc-active-indicator-animation-duration** - Animation duration for the active indicator. _(default: undefined)_\n- **--m3e-toc-item-padding** - Inline padding for TOC items and header. _(default: undefined)_\n- **--m3e-toc-header-space** - Block space below and between header elements. _(default: undefined)_\n- **--m3e-toc-overline-font-size** - Font size for the overline slot. _(default: undefined)_\n- **--m3e-toc-overline-font-weight** - Font weight for the overline slot. _(default: undefined)_\n- **--m3e-toc-overline-line-height** - Line height for the overline slot. _(default: undefined)_\n- **--m3e-toc-overline-tracking** - Letter spacing for the overline slot. _(default: undefined)_\n- **--m3e-toc-overline-color** - Text color for the overline slot. _(default: undefined)_\n- **--m3e-toc-title-font-size** - Font size for the title slot. _(default: undefined)_\n- **--m3e-toc-title-font-weight** - Font weight for the title slot. _(default: undefined)_\n- **--m3e-toc-title-line-height** - Line height for the title slot. _(default: undefined)_\n- **--m3e-toc-title-tracking** - Letter spacing for the title slot. _(default: undefined)_\n- **--m3e-toc-title-color** - Text color for the title slot. _(default: undefined)_",
1996
+ "attributes": [
1997
+ {
1998
+ "name": "for",
1999
+ "description": "The identifier of the interactive control to which this element is attached.",
2000
+ "values": []
2001
+ },
2002
+ {
2003
+ "name": "max-depth",
2004
+ "description": "The maximum depth of the table of contents.",
2005
+ "values": []
2006
+ }
2007
+ ],
2008
+ "references": []
2009
+ },
2010
+ {
2011
+ "name": "m3e-toc-item",
2012
+ "description": "An item in a table of contents.\n---\n\n\n### **Events:**\n - **click** - Emitted when the element is clicked.\n\n### **Slots:**\n - _default_ - Renders the label of the item.\n\n### **CSS Properties:**\n - **--m3e-toc-item-shape** - Border radius of the TOC item. _(default: undefined)_\n- **--m3e-toc-item-padding-block** - Block padding for the TOC item. _(default: undefined)_\n- **--m3e-toc-item-padding** - Inline padding for the TOC item. _(default: undefined)_\n- **--m3e-toc-item-inset** - Indentation per level for the TOC item. _(default: undefined)_\n- **--m3e-toc-active-indicator-animation-duration** - Animation duration for the active indicator. _(default: undefined)_\n- **--m3e-toc-item-font-size** - Font size for unselected items. _(default: undefined)_\n- **--m3e-toc-item-font-weight** - Font weight for unselected items. _(default: undefined)_\n- **--m3e-toc-item-line-height** - Line height for unselected items. _(default: undefined)_\n- **--m3e-toc-item-tracking** - Letter spacing for unselected items. _(default: undefined)_\n- **--m3e-toc-item-color** - Text color for unselected items. _(default: undefined)_\n- **--m3e-toc-item-selected-font-size** - Font size for selected items. _(default: undefined)_\n- **--m3e-toc-item-selected-font-weight** - Font weight for selected items. _(default: undefined)_\n- **--m3e-toc-item-selected-line-height** - Line height for selected items. _(default: undefined)_\n- **--m3e-toc-item-selected-tracking** - Letter spacing for selected items. _(default: undefined)_\n- **--m3e-toc-item-selected-color** - Text color for selected items. _(default: undefined)_",
2013
+ "attributes": [
2014
+ {
2015
+ "name": "disabled",
2016
+ "description": "A value indicating whether the element is disabled.",
2017
+ "values": []
2018
+ },
2019
+ {
2020
+ "name": "selected",
2021
+ "description": "Whether the element is selected.",
2022
+ "values": []
2023
+ }
2024
+ ],
2025
+ "references": []
2026
+ },
2027
+ {
2028
+ "name": "m3e-toolbar",
2029
+ "description": "Presents frequently used actions relevant to the current page.\n---\n\n\n### **Slots:**\n - _default_ - Renders the content of the toolbar.\n\n### **CSS Properties:**\n - **--m3e-toolbar-size** - The size (height or width) of the toolbar. _(default: undefined)_\n- **--m3e-toolbar-spacing** - The gap between toolbar items. _(default: undefined)_\n- **--m3e-toolbar-rounded-shape** - Border radius for rounded shape. _(default: undefined)_\n- **--m3e-toolbar-rounded-padding** - Padding for rounded shape. _(default: undefined)_\n- **--m3e-toolbar-square-padding** - Padding for square shape. _(default: undefined)_\n- **--m3e-toolbar-standard-container-color** - Container color for the standard variant. _(default: undefined)_\n- **--m3e-toolbar-standard-color** - Foreground color for the standard variant. _(default: undefined)_\n- **--m3e-toolbar-vibrant-container-color** - Container color for the vibrant variant. _(default: undefined)_\n- **--m3e-toolbar-vibrant-color** - Foreground color for the vibrant variant. _(default: undefined)_",
2030
+ "attributes": [
2031
+ {
2032
+ "name": "elevated",
2033
+ "description": "Whether the toolbar is elevated.",
2034
+ "values": []
2035
+ },
2036
+ {
2037
+ "name": "shape",
2038
+ "description": "The shape of the toolbar.",
2039
+ "values": [{ "name": "ToolbarShape" }]
2040
+ },
2041
+ {
2042
+ "name": "variant",
2043
+ "description": "The appearance variant of the toolbar.",
2044
+ "values": [{ "name": "ToolbarVariant" }]
2045
+ },
2046
+ {
2047
+ "name": "vertical",
2048
+ "description": "Whether the element is oriented vertically.",
2049
+ "values": []
2050
+ }
2051
+ ],
2052
+ "references": []
2053
+ },
2054
+ {
2055
+ "name": "m3e-tooltip",
2056
+ "description": "Adds additional context to a button or other UI element.\n---\n\n\n### **Methods:**\n - **attach(control: _HTMLElement_): _void_** - Attaches the element to an interactive control.\n- **detach(): _void_** - Detaches the element from its current interactive control.\n- **show(): _Promise<void>_** - Manually shows the tooltip.\n- **hide(): _void_** - Manually hides the tooltip.\n\n### **Slots:**\n - _default_ - Renders the content of the tooltip.\n\n### **CSS Properties:**\n - **--m3e-tooltip-padding** - Internal spacing of the tooltip container. _(default: undefined)_\n- **--m3e-tooltip-min-width** - Minimum width of the tooltip. _(default: undefined)_\n- **--m3e-tooltip-max-width** - Maximum width of the tooltip. _(default: undefined)_\n- **--m3e-tooltip-min-height** - Minimum height of the tooltip container. _(default: undefined)_\n- **--m3e-tooltip-max-height** - Maximum height of the tooltip. _(default: undefined)_\n- **--m3e-tooltip-shape** - Border radius of the tooltip container. _(default: undefined)_\n- **--m3e-tooltip-container-color** - Background color of the tooltip. _(default: undefined)_\n- **--m3e-tooltip-supporting-text-color** - Text color of supporting text. _(default: undefined)_\n- **--m3e-tooltip-supporting-text-font-size** - Font size of supporting text. _(default: undefined)_\n- **--m3e-tooltip-supporting-text-font-weight** - Font weight of supporting text. _(default: undefined)_\n- **--m3e-tooltip-supporting-text-line-height** - Line height of supporting text. _(default: undefined)_\n- **--m3e-tooltip-supporting-text-tracking** - Letter spacing of supporting text. _(default: undefined)_",
2057
+ "attributes": [
2058
+ {
2059
+ "name": "disabled",
2060
+ "description": "Whether the element is disabled.",
2061
+ "values": []
2062
+ },
2063
+ {
2064
+ "name": "for",
2065
+ "description": "The identifier of the interactive control to which this element is attached.",
2066
+ "values": []
2067
+ },
2068
+ {
2069
+ "name": "hide-delay",
2070
+ "description": "The amount of time, in milliseconds, before hiding the tooltip.",
2071
+ "values": []
2072
+ },
2073
+ {
2074
+ "name": "position",
2075
+ "description": "The position of the tooltip.",
2076
+ "values": [{ "name": "TooltipPosition" }]
2077
+ },
2078
+ {
2079
+ "name": "show-delay",
2080
+ "description": "The amount of time, in milliseconds, before showing the tooltip.",
2081
+ "values": []
2082
+ },
2083
+ {
2084
+ "name": "touch-gestures",
2085
+ "description": "The mode in which to handle touch gestures.",
2086
+ "values": [{ "name": "TooltipTouchGestures" }]
2087
+ }
2088
+ ],
2089
+ "references": []
2090
+ }
2091
+ ]
2092
+ }