@m3e/web 2.5.6 → 2.5.7
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/all.js +224 -27
- package/dist/all.js.map +1 -1
- package/dist/all.min.js +28 -28
- package/dist/all.min.js.map +1 -1
- package/dist/css-custom-data.json +354 -354
- package/dist/custom-elements.json +5151 -4998
- package/dist/html-custom-data.json +271 -271
- package/dist/slide-group.js +6 -1
- package/dist/slide-group.js.map +1 -1
- package/dist/slide-group.min.js +1 -1
- package/dist/slide-group.min.js.map +1 -1
- package/dist/src/slide-group/SlideGroupElement.d.ts.map +1 -1
- package/dist/src/tabs/TabsElement.d.ts +2 -1
- package/dist/src/tabs/TabsElement.d.ts.map +1 -1
- package/dist/src/theme/ThemeElement.d.ts.map +1 -1
- package/dist/tabs.js +186 -15
- package/dist/tabs.js.map +1 -1
- package/dist/tabs.min.js +1 -1
- package/dist/tabs.min.js.map +1 -1
- package/dist/theme.js +34 -13
- package/dist/theme.js.map +1 -1
- package/dist/theme.min.js +23 -23
- package/dist/theme.min.js.map +1 -1
- package/package.json +1 -1
|
@@ -24,12 +24,6 @@
|
|
|
24
24
|
],
|
|
25
25
|
"references": []
|
|
26
26
|
},
|
|
27
|
-
{
|
|
28
|
-
"name": "m3e-avatar",
|
|
29
|
-
"description": "An image, icon or textual initials representing a user or other identity.\n---\n\n\n### **Slots:**\n - _default_ - Renders the content of the avatar.\n\n### **CSS Properties:**\n - **--m3e-avatar-size** - Size of the avatar. _(default: undefined)_\n- **--m3e-avatar-shape** - Border radius of the avatar. _(default: undefined)_\n- **--m3e-avatar-font-size** - Font size for the avatar. _(default: undefined)_\n- **--m3e-avatar-font-weight** - Font weight for the avatar. _(default: undefined)_\n- **--m3e-avatar-line-height** - Line height for the avatar. _(default: undefined)_\n- **--m3e-avatar-tracking** - Letter spacing for the avatar. _(default: undefined)_\n- **--m3e-avatar-color** - Background color of the avatar. _(default: undefined)_\n- **--m3e-avatar-label-color** - Text color of the avatar. _(default: undefined)_",
|
|
30
|
-
"attributes": [],
|
|
31
|
-
"references": []
|
|
32
|
-
},
|
|
33
27
|
{
|
|
34
28
|
"name": "m3e-autocomplete",
|
|
35
29
|
"description": "Enhances a text input with suggested options.\n---\n\n\n### **Events:**\n - **change** - Dispatched when the committed value changes due to selecting an option or clearing the input.\n- **query** - Dispatched when the input is focused or when the user modifies its value.\n- **toggle** - Dispatched when the options menu opens or closes.\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- **clear(restoreFocus): _void_** - Clears the value of the element.\n\n### **Slots:**\n - _default_ - Renders the options of the autocomplete.\n- **loading** - Renders content when loading options.\n- **no-data** - Renders content when there are no options to show.",
|
|
@@ -106,107 +100,11 @@
|
|
|
106
100
|
"references": []
|
|
107
101
|
},
|
|
108
102
|
{
|
|
109
|
-
"name": "m3e-
|
|
110
|
-
"description": "
|
|
111
|
-
"attributes": [
|
|
112
|
-
{
|
|
113
|
-
"name": "size",
|
|
114
|
-
"description": "The size of the badge.",
|
|
115
|
-
"values": [{ "name": "BadgeSize" }]
|
|
116
|
-
},
|
|
117
|
-
{
|
|
118
|
-
"name": "position",
|
|
119
|
-
"description": "The position of the badge, when attached to another element.",
|
|
120
|
-
"values": [{ "name": "BadgePosition" }]
|
|
121
|
-
},
|
|
122
|
-
{
|
|
123
|
-
"name": "for",
|
|
124
|
-
"description": "The identifier of the interactive control to which this element is attached.",
|
|
125
|
-
"values": []
|
|
126
|
-
}
|
|
127
|
-
],
|
|
128
|
-
"references": []
|
|
129
|
-
},
|
|
130
|
-
{
|
|
131
|
-
"name": "m3e-bottom-sheet-action",
|
|
132
|
-
"description": "An element, nested within a clickable element, used to close a parenting bottom sheet.\n---\n\n\n### **Methods:**\n \n\n### **Slots:**\n - _default_ - Renders the content of the action.",
|
|
103
|
+
"name": "m3e-avatar",
|
|
104
|
+
"description": "An image, icon or textual initials representing a user or other identity.\n---\n\n\n### **Slots:**\n - _default_ - Renders the content of the avatar.\n\n### **CSS Properties:**\n - **--m3e-avatar-size** - Size of the avatar. _(default: undefined)_\n- **--m3e-avatar-shape** - Border radius of the avatar. _(default: undefined)_\n- **--m3e-avatar-font-size** - Font size for the avatar. _(default: undefined)_\n- **--m3e-avatar-font-weight** - Font weight for the avatar. _(default: undefined)_\n- **--m3e-avatar-line-height** - Line height for the avatar. _(default: undefined)_\n- **--m3e-avatar-tracking** - Letter spacing for the avatar. _(default: undefined)_\n- **--m3e-avatar-color** - Background color of the avatar. _(default: undefined)_\n- **--m3e-avatar-label-color** - Text color of the avatar. _(default: undefined)_",
|
|
133
105
|
"attributes": [],
|
|
134
106
|
"references": []
|
|
135
107
|
},
|
|
136
|
-
{
|
|
137
|
-
"name": "m3e-bottom-sheet",
|
|
138
|
-
"description": "A sheet used to show secondary content anchored to the bottom of the screen.\n---\n\n\n### **Events:**\n - **opening** - Dispatched when the sheet begins to open.\n- **closing** - Dispatched when the sheet begins to close.\n- **cancel** - Dispatched when the sheet is cancelled.\n- **opened** - Dispatched when the sheet has opened.\n- **closed** - Dispatched when the sheet has closed.\n\n### **Methods:**\n - **show(detent: _number_): _void_** - Shows the sheet.\n- **hide(): _void_** - Hides the sheet.\n- **toggle(detent: _number_): _void_** - Toggles the opened state of the sheet.\n- **cycle(): _void_** - Moves the sheet to the next detent.\n\n### **Slots:**\n - _default_ - Renders the content of the sheet.\n- **header** - Renders the header of the sheet.\n\n### **CSS Properties:**\n - **--m3e-bottom-sheet-width** - The width of the sheet. _(default: undefined)_\n- **--m3e-bottom-sheet-max-width** - The maximum width of the sheet. _(default: undefined)_\n- **--m3e-bottom-sheet-container-color** - The background color of the sheet container. _(default: undefined)_\n- **--m3e-bottom-sheet-elevation** - The elevation level when not modal. _(default: undefined)_\n- **--m3e-bottom-sheet-modal-elevation** - The elevation level when modal. _(default: undefined)_\n- **--m3e-bottom-sheet-full-elevation** - The elevation level when full height. _(default: undefined)_\n- **--m3e-bottom-sheet-z-index** - The z-index of the non-modal sheet. _(default: undefined)_\n- **--m3e-bottom-sheet-minimized-container-shape** - The border radius when minimized. _(default: undefined)_\n- **--m3e-bottom-sheet-container-shape** - The border radius of the sheet container. _(default: undefined)_\n- **--m3e-bottom-sheet-full-container-shape** - The border radius when full height. _(default: undefined)_\n- **--m3e-bottom-sheet-scrim-color** - The color of the scrim overlay. _(default: undefined)_\n- **--m3e-bottom-sheet-scrim-opacity** - The opacity of the scrim overlay. _(default: undefined)_\n- **--m3e-bottom-sheet-peek-height** - The visible height when minimized. _(default: undefined)_\n- **--m3e-bottom-sheet-compact-top-space** - The top space in compact mode. _(default: undefined)_\n- **--m3e-bottom-sheet-top-space** - The top space in standard mode. _(default: undefined)_\n- **--m3e-bottom-sheet-padding-block** - The vertical padding. _(default: undefined)_\n- **--m3e-bottom-sheet-padding-inline** - The horizontal padding. _(default: undefined)_\n- **--m3e-bottom-sheet-handle-container-height** - The height of the drag handle container. _(default: undefined)_\n- **--m3e-bottom-sheet-handle-width** - The width of the drag handle. _(default: undefined)_\n- **--m3e-bottom-sheet-handle-height** - The height of the drag handle. _(default: undefined)_\n- **--m3e-bottom-sheet-handle-shape** - The border radius of the handle. _(default: undefined)_\n- **--m3e-bottom-sheet-handle-color** - The color of the drag handle. _(default: undefined)_\n- **--m3e-bottom-sheet-handle-focus-ring-offset** - The offset of the focus ring around the handle. _(default: undefined)_\n- **--m3e-bottom-sheet-color** - The foreground (text) color of the sheet. _(default: undefined)_\n- **--m3e-bottom-sheet-content-font-size** - Font size for the sheet content. _(default: undefined)_\n- **--m3e-bottom-sheet-content-font-weight** - Font weight for the sheet content. _(default: undefined)_\n- **--m3e-bottom-sheet-content-line-height** - Line height for the sheet content. _(default: undefined)_\n- **--m3e-bottom-sheet-content-tracking** - Letter spacing (tracking) for the sheet content. _(default: undefined)_\n- **--m3e-bottom-sheet-header-font-size** - Font size for the sheet header. _(default: undefined)_\n- **--m3e-bottom-sheet-header-font-weight** - Font weight for the sheet header. _(default: undefined)_\n- **--m3e-bottom-sheet-header-line-height** - Line height for the sheet header. _(default: undefined)_\n- **--m3e-bottom-sheet-header-tracking** - Letter spacing (tracking) for the sheet header. _(default: undefined)_",
|
|
139
|
-
"attributes": [
|
|
140
|
-
{
|
|
141
|
-
"name": "detent",
|
|
142
|
-
"description": "The zero‑based index of the detent the sheet should open to.",
|
|
143
|
-
"values": []
|
|
144
|
-
},
|
|
145
|
-
{
|
|
146
|
-
"name": "detents",
|
|
147
|
-
"description": "Detents (discrete height states) the sheet can snap to.",
|
|
148
|
-
"values": [{ "name": "string[]" }]
|
|
149
|
-
},
|
|
150
|
-
{
|
|
151
|
-
"name": "handle",
|
|
152
|
-
"description": "Whether to display a drag handle and enable the top region of the sheet as a gesture\r\nsurface for dragging between detents.",
|
|
153
|
-
"values": []
|
|
154
|
-
},
|
|
155
|
-
{
|
|
156
|
-
"name": "handle-label",
|
|
157
|
-
"description": "The accessible label given to the drag handle.",
|
|
158
|
-
"values": []
|
|
159
|
-
},
|
|
160
|
-
{
|
|
161
|
-
"name": "hideable",
|
|
162
|
-
"description": "Whether the bottom sheet can hide when its swiped down.",
|
|
163
|
-
"values": []
|
|
164
|
-
},
|
|
165
|
-
{
|
|
166
|
-
"name": "hide-friction",
|
|
167
|
-
"description": "The friction coefficient to hide the sheet.",
|
|
168
|
-
"values": []
|
|
169
|
-
},
|
|
170
|
-
{
|
|
171
|
-
"name": "modal",
|
|
172
|
-
"description": "Whether the bottom sheet behaves as modal.",
|
|
173
|
-
"values": []
|
|
174
|
-
},
|
|
175
|
-
{
|
|
176
|
-
"name": "open",
|
|
177
|
-
"description": "Whether the bottom sheet is open.",
|
|
178
|
-
"values": []
|
|
179
|
-
},
|
|
180
|
-
{
|
|
181
|
-
"name": "overshoot-limit",
|
|
182
|
-
"description": "A fractional value, between 0 and 100, indicating the maximum visual overshoot allowed when dragging past the minimum or maximum size.",
|
|
183
|
-
"values": []
|
|
184
|
-
}
|
|
185
|
-
],
|
|
186
|
-
"references": []
|
|
187
|
-
},
|
|
188
|
-
{
|
|
189
|
-
"name": "m3e-bottom-sheet-trigger",
|
|
190
|
-
"description": "An element, nested within a clickable element, used to trigger a bottom sheet.\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\n### **Slots:**\n - _default_ - Renders the content of the trigger.",
|
|
191
|
-
"attributes": [
|
|
192
|
-
{
|
|
193
|
-
"name": "detent",
|
|
194
|
-
"description": "The zero‑based index of the detent the sheet should open to.",
|
|
195
|
-
"values": []
|
|
196
|
-
},
|
|
197
|
-
{
|
|
198
|
-
"name": "secondary",
|
|
199
|
-
"description": "Marks this trigger as a secondary trigger for accessibility. Secondary triggers do not receive ARIA ownership.",
|
|
200
|
-
"values": []
|
|
201
|
-
},
|
|
202
|
-
{
|
|
203
|
-
"name": "for",
|
|
204
|
-
"description": "The identifier of the interactive control to which this element is attached.",
|
|
205
|
-
"values": []
|
|
206
|
-
}
|
|
207
|
-
],
|
|
208
|
-
"references": []
|
|
209
|
-
},
|
|
210
108
|
{
|
|
211
109
|
"name": "m3e-breadcrumb",
|
|
212
110
|
"description": "Displays a hierarchical navigation path and identifies the user's\r\ncurrent location within an application.\n---\n\n\n### **Slots:**\n - _default_ - Renders breadcrumb items.\n- **separator** - Renders a custom separator between breadcrumb items.",
|
|
@@ -299,23 +197,103 @@
|
|
|
299
197
|
"references": []
|
|
300
198
|
},
|
|
301
199
|
{
|
|
302
|
-
"name": "m3e-
|
|
303
|
-
"description": "
|
|
200
|
+
"name": "m3e-bottom-sheet-action",
|
|
201
|
+
"description": "An element, nested within a clickable element, used to close a parenting bottom sheet.\n---\n\n\n### **Methods:**\n \n\n### **Slots:**\n - _default_ - Renders the content of the action.",
|
|
202
|
+
"attributes": [],
|
|
203
|
+
"references": []
|
|
204
|
+
},
|
|
205
|
+
{
|
|
206
|
+
"name": "m3e-bottom-sheet",
|
|
207
|
+
"description": "A sheet used to show secondary content anchored to the bottom of the screen.\n---\n\n\n### **Events:**\n - **opening** - Dispatched when the sheet begins to open.\n- **closing** - Dispatched when the sheet begins to close.\n- **cancel** - Dispatched when the sheet is cancelled.\n- **opened** - Dispatched when the sheet has opened.\n- **closed** - Dispatched when the sheet has closed.\n\n### **Methods:**\n - **show(detent: _number_): _void_** - Shows the sheet.\n- **hide(): _void_** - Hides the sheet.\n- **toggle(detent: _number_): _void_** - Toggles the opened state of the sheet.\n- **cycle(): _void_** - Moves the sheet to the next detent.\n\n### **Slots:**\n - _default_ - Renders the content of the sheet.\n- **header** - Renders the header of the sheet.\n\n### **CSS Properties:**\n - **--m3e-bottom-sheet-width** - The width of the sheet. _(default: undefined)_\n- **--m3e-bottom-sheet-max-width** - The maximum width of the sheet. _(default: undefined)_\n- **--m3e-bottom-sheet-container-color** - The background color of the sheet container. _(default: undefined)_\n- **--m3e-bottom-sheet-elevation** - The elevation level when not modal. _(default: undefined)_\n- **--m3e-bottom-sheet-modal-elevation** - The elevation level when modal. _(default: undefined)_\n- **--m3e-bottom-sheet-full-elevation** - The elevation level when full height. _(default: undefined)_\n- **--m3e-bottom-sheet-z-index** - The z-index of the non-modal sheet. _(default: undefined)_\n- **--m3e-bottom-sheet-minimized-container-shape** - The border radius when minimized. _(default: undefined)_\n- **--m3e-bottom-sheet-container-shape** - The border radius of the sheet container. _(default: undefined)_\n- **--m3e-bottom-sheet-full-container-shape** - The border radius when full height. _(default: undefined)_\n- **--m3e-bottom-sheet-scrim-color** - The color of the scrim overlay. _(default: undefined)_\n- **--m3e-bottom-sheet-scrim-opacity** - The opacity of the scrim overlay. _(default: undefined)_\n- **--m3e-bottom-sheet-peek-height** - The visible height when minimized. _(default: undefined)_\n- **--m3e-bottom-sheet-compact-top-space** - The top space in compact mode. _(default: undefined)_\n- **--m3e-bottom-sheet-top-space** - The top space in standard mode. _(default: undefined)_\n- **--m3e-bottom-sheet-padding-block** - The vertical padding. _(default: undefined)_\n- **--m3e-bottom-sheet-padding-inline** - The horizontal padding. _(default: undefined)_\n- **--m3e-bottom-sheet-handle-container-height** - The height of the drag handle container. _(default: undefined)_\n- **--m3e-bottom-sheet-handle-width** - The width of the drag handle. _(default: undefined)_\n- **--m3e-bottom-sheet-handle-height** - The height of the drag handle. _(default: undefined)_\n- **--m3e-bottom-sheet-handle-shape** - The border radius of the handle. _(default: undefined)_\n- **--m3e-bottom-sheet-handle-color** - The color of the drag handle. _(default: undefined)_\n- **--m3e-bottom-sheet-handle-focus-ring-offset** - The offset of the focus ring around the handle. _(default: undefined)_\n- **--m3e-bottom-sheet-color** - The foreground (text) color of the sheet. _(default: undefined)_\n- **--m3e-bottom-sheet-content-font-size** - Font size for the sheet content. _(default: undefined)_\n- **--m3e-bottom-sheet-content-font-weight** - Font weight for the sheet content. _(default: undefined)_\n- **--m3e-bottom-sheet-content-line-height** - Line height for the sheet content. _(default: undefined)_\n- **--m3e-bottom-sheet-content-tracking** - Letter spacing (tracking) for the sheet content. _(default: undefined)_\n- **--m3e-bottom-sheet-header-font-size** - Font size for the sheet header. _(default: undefined)_\n- **--m3e-bottom-sheet-header-font-weight** - Font weight for the sheet header. _(default: undefined)_\n- **--m3e-bottom-sheet-header-line-height** - Line height for the sheet header. _(default: undefined)_\n- **--m3e-bottom-sheet-header-tracking** - Letter spacing (tracking) for the sheet header. _(default: undefined)_",
|
|
304
208
|
"attributes": [
|
|
305
209
|
{
|
|
306
|
-
"name": "
|
|
307
|
-
"description": "
|
|
210
|
+
"name": "detent",
|
|
211
|
+
"description": "The zero‑based index of the detent the sheet should open to.",
|
|
212
|
+
"values": []
|
|
213
|
+
},
|
|
214
|
+
{
|
|
215
|
+
"name": "detents",
|
|
216
|
+
"description": "Detents (discrete height states) the sheet can snap to.",
|
|
217
|
+
"values": [{ "name": "string[]" }]
|
|
218
|
+
},
|
|
219
|
+
{
|
|
220
|
+
"name": "handle",
|
|
221
|
+
"description": "Whether to display a drag handle and enable the top region of the sheet as a gesture\r\nsurface for dragging between detents.",
|
|
222
|
+
"values": []
|
|
223
|
+
},
|
|
224
|
+
{
|
|
225
|
+
"name": "handle-label",
|
|
226
|
+
"description": "The accessible label given to the drag handle.",
|
|
227
|
+
"values": []
|
|
228
|
+
},
|
|
229
|
+
{
|
|
230
|
+
"name": "hideable",
|
|
231
|
+
"description": "Whether the bottom sheet can hide when its swiped down.",
|
|
232
|
+
"values": []
|
|
233
|
+
},
|
|
234
|
+
{
|
|
235
|
+
"name": "hide-friction",
|
|
236
|
+
"description": "The friction coefficient to hide the sheet.",
|
|
237
|
+
"values": []
|
|
238
|
+
},
|
|
239
|
+
{
|
|
240
|
+
"name": "modal",
|
|
241
|
+
"description": "Whether the bottom sheet behaves as modal.",
|
|
242
|
+
"values": []
|
|
243
|
+
},
|
|
244
|
+
{
|
|
245
|
+
"name": "open",
|
|
246
|
+
"description": "Whether the bottom sheet is open.",
|
|
247
|
+
"values": []
|
|
248
|
+
},
|
|
249
|
+
{
|
|
250
|
+
"name": "overshoot-limit",
|
|
251
|
+
"description": "A fractional value, between 0 and 100, indicating the maximum visual overshoot allowed when dragging past the minimum or maximum size.",
|
|
252
|
+
"values": []
|
|
253
|
+
}
|
|
254
|
+
],
|
|
255
|
+
"references": []
|
|
256
|
+
},
|
|
257
|
+
{
|
|
258
|
+
"name": "m3e-bottom-sheet-trigger",
|
|
259
|
+
"description": "An element, nested within a clickable element, used to trigger a bottom sheet.\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\n### **Slots:**\n - _default_ - Renders the content of the trigger.",
|
|
260
|
+
"attributes": [
|
|
261
|
+
{
|
|
262
|
+
"name": "detent",
|
|
263
|
+
"description": "The zero‑based index of the detent the sheet should open to.",
|
|
308
264
|
"values": []
|
|
309
265
|
},
|
|
266
|
+
{
|
|
267
|
+
"name": "secondary",
|
|
268
|
+
"description": "Marks this trigger as a secondary trigger for accessibility. Secondary triggers do not receive ARIA ownership.",
|
|
269
|
+
"values": []
|
|
270
|
+
},
|
|
271
|
+
{
|
|
272
|
+
"name": "for",
|
|
273
|
+
"description": "The identifier of the interactive control to which this element is attached.",
|
|
274
|
+
"values": []
|
|
275
|
+
}
|
|
276
|
+
],
|
|
277
|
+
"references": []
|
|
278
|
+
},
|
|
279
|
+
{
|
|
280
|
+
"name": "m3e-badge",
|
|
281
|
+
"description": "A visual indicator used to label 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\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)_",
|
|
282
|
+
"attributes": [
|
|
310
283
|
{
|
|
311
284
|
"name": "size",
|
|
312
|
-
"description": "The size of the
|
|
313
|
-
"values": [{ "name": "
|
|
285
|
+
"description": "The size of the badge.",
|
|
286
|
+
"values": [{ "name": "BadgeSize" }]
|
|
314
287
|
},
|
|
315
288
|
{
|
|
316
|
-
"name": "
|
|
317
|
-
"description": "The
|
|
318
|
-
"values": [{ "name": "
|
|
289
|
+
"name": "position",
|
|
290
|
+
"description": "The position of the badge, when attached to another element.",
|
|
291
|
+
"values": [{ "name": "BadgePosition" }]
|
|
292
|
+
},
|
|
293
|
+
{
|
|
294
|
+
"name": "for",
|
|
295
|
+
"description": "The identifier of the interactive control to which this element is attached.",
|
|
296
|
+
"values": []
|
|
319
297
|
}
|
|
320
298
|
],
|
|
321
299
|
"references": []
|
|
@@ -397,6 +375,28 @@
|
|
|
397
375
|
],
|
|
398
376
|
"references": []
|
|
399
377
|
},
|
|
378
|
+
{
|
|
379
|
+
"name": "m3e-button-group",
|
|
380
|
+
"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)_",
|
|
381
|
+
"attributes": [
|
|
382
|
+
{
|
|
383
|
+
"name": "multi",
|
|
384
|
+
"description": "Whether multiple toggle buttons can be selected.",
|
|
385
|
+
"values": []
|
|
386
|
+
},
|
|
387
|
+
{
|
|
388
|
+
"name": "size",
|
|
389
|
+
"description": "The size of the group.",
|
|
390
|
+
"values": [{ "name": "ButtonGroupSize" }]
|
|
391
|
+
},
|
|
392
|
+
{
|
|
393
|
+
"name": "variant",
|
|
394
|
+
"description": "The appearance variant of the group.",
|
|
395
|
+
"values": [{ "name": "ButtonGroupVariant" }]
|
|
396
|
+
}
|
|
397
|
+
],
|
|
398
|
+
"references": []
|
|
399
|
+
},
|
|
400
400
|
{
|
|
401
401
|
"name": "m3e-calendar",
|
|
402
402
|
"description": "A calendar used to select a date.\n---\n\n\n### **Events:**\n - **change** - Dispatched when the selected date changes.\n\n### **Methods:**\n - **focusActiveCell(): _Promise<void>_** - Asynchronously focuses the active date.\n- **updateTodayDate(): _void_** - Updates today's date.\n- **movePreviousPeriod(): _Promise<void>_** - Moves the calendar to the previous period.\n- **moveNextPeriod(): _Promise<void>_** - Moves the calendar to the next period.\n- **togglePeriod(): _Promise<void>_** - Toggles the current period.\n\n### **Slots:**\n - **header** - Renders the header of the calendar.\n\n### **CSS Properties:**\n - **--m3e-calendar-container-color** - Background color of the container surface. _(default: undefined)_\n- **--m3e-calendar-container-elevation** - Elevation shadow applied to the container surface. _(default: undefined)_\n- **--m3e-calendar-container-shape** - Corner radius of the container surface. _(default: undefined)_\n- **--m3e-calendar-padding** - Padding applied to the calendar header and body. _(default: undefined)_\n- **--m3e-calendar-period-button-text-color** - Text color used for the period‑navigation buttons in the header. _(default: undefined)_\n- **--m3e-calendar-weekday-font-size** - Font size of weekday labels in month view. _(default: undefined)_\n- **--m3e-calendar-weekday-font-weight** - Font weight of weekday labels in month view. _(default: undefined)_\n- **--m3e-calendar-weekday-line-height** - Line height of weekday labels in month view. _(default: undefined)_\n- **--m3e-calendar-weekday-tracking** - Letter spacing of weekday labels in month view. _(default: undefined)_\n- **--m3e-calendar-weekday-color** - Text color for weekday labels in month view. _(default: undefined)_\n- **--m3e-calendar-date-font-size** - Font size of date cells in month view. _(default: undefined)_\n- **--m3e-calendar-date-font-weight** - Font weight of date cells in month view. _(default: undefined)_\n- **--m3e-calendar-date-line-height** - Line height of date cells in month view. _(default: undefined)_\n- **--m3e-calendar-date-tracking** - Letter spacing of date cells in month view. _(default: undefined)_\n- **--m3e-calendar-item-font-size** - Font size of items in year and multi‑year views. _(default: undefined)_\n- **--m3e-calendar-item-font-weight** - Font weight of items in year and multi‑year views. _(default: undefined)_\n- **--m3e-calendar-item-line-height** - Line height of items in year and multi‑year views. _(default: undefined)_\n- **--m3e-calendar-item-tracking** - Letter spacing of items in year and multi‑year views. _(default: undefined)_\n- **--m3e-calendar-item-color** - Text color for date items. _(default: undefined)_\n- **--m3e-calendar-item-selected-color** - Text color for selected date items. _(default: undefined)_\n- **--m3e-calendar-item-selected-container-color** - Background color for selected date items. _(default: undefined)_\n- **--m3e-calendar-item-selected-ripple-color** - Ripple color used when interacting with selected date items. _(default: undefined)_\n- **--m3e-calendar-item-selected-hover-color** - Hover color used when interacting with selected date items. _(default: undefined)_\n- **--m3e-calendar-item-selected-focus-color** - Focus color used when interacting with selected date items. _(default: undefined)_\n- **--m3e-calendar-item-current-outline-thickness** - Outline thickness used to indicate the current date. _(default: undefined)_\n- **--m3e-calendar-item-current-outline-color** - Outline color used to indicate the current date. _(default: undefined)_\n- **--m3e-calendar-item-special-color** - Text color for dates marked as special. _(default: undefined)_\n- **--m3e-calendar-item-special-container-color** - Background color for dates marked as special. _(default: undefined)_\n- **--m3e-calendar-item-special-ripple-color** - Ripple color used when interacting with dates marked as special. _(default: undefined)_\n- **--m3e-calendar-item-special-hover-color** - Hover color used when interacting with dates marked as special. _(default: undefined)_\n- **--m3e-calendar-item-special-focus-color** - Focus color used when interacting with dates marked as special. _(default: undefined)_\n- **--m3e-calendar-range-container-color** - Background color applied to the selected date range. _(default: undefined)_\n- **--m3e-calendar-range-color** - Text color for dates within a selected range. _(default: undefined)_\n- **--m3e-calendar-item-disabled-color** - Color used for disabled date items. _(default: undefined)_\n- **--m3e-calendar-item-disabled-color-opacity** - Opacity applied to the disabled item color. _(default: undefined)_\n- **--m3e-calendar-slide-animation-duration** - Duration of slide transitions between calendar views. _(default: undefined)_",
|
|
@@ -1141,33 +1141,6 @@
|
|
|
1141
1141
|
],
|
|
1142
1142
|
"references": []
|
|
1143
1143
|
},
|
|
1144
|
-
{
|
|
1145
|
-
"name": "m3e-divider",
|
|
1146
|
-
"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)_",
|
|
1147
|
-
"attributes": [
|
|
1148
|
-
{
|
|
1149
|
-
"name": "inset",
|
|
1150
|
-
"description": "Whether the divider is indented with equal padding on both sides.",
|
|
1151
|
-
"values": []
|
|
1152
|
-
},
|
|
1153
|
-
{
|
|
1154
|
-
"name": "inset-start",
|
|
1155
|
-
"description": "Whether the divider is indented with padding on the leading side.",
|
|
1156
|
-
"values": []
|
|
1157
|
-
},
|
|
1158
|
-
{
|
|
1159
|
-
"name": "inset-end",
|
|
1160
|
-
"description": "Whether the divider is indented with padding on the trailing side.",
|
|
1161
|
-
"values": []
|
|
1162
|
-
},
|
|
1163
|
-
{
|
|
1164
|
-
"name": "vertical",
|
|
1165
|
-
"description": "Whether the divider is vertically aligned with adjacent content.",
|
|
1166
|
-
"values": []
|
|
1167
|
-
}
|
|
1168
|
-
],
|
|
1169
|
-
"references": []
|
|
1170
|
-
},
|
|
1171
1144
|
{
|
|
1172
1145
|
"name": "m3e-drawer-container",
|
|
1173
1146
|
"description": "A container for one or two sliding drawers.\n---\n\n\n### **Events:**\n - **change** - Dispatched 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)_",
|
|
@@ -1201,17 +1174,44 @@
|
|
|
1201
1174
|
"name": "start-divider",
|
|
1202
1175
|
"description": "Whether to show a divider between the start drawer and content for `side` mode.",
|
|
1203
1176
|
"values": []
|
|
1204
|
-
}
|
|
1205
|
-
],
|
|
1206
|
-
"references": []
|
|
1207
|
-
},
|
|
1208
|
-
{
|
|
1209
|
-
"name": "m3e-drawer-toggle",
|
|
1210
|
-
"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.\n",
|
|
1211
|
-
"attributes": [
|
|
1177
|
+
}
|
|
1178
|
+
],
|
|
1179
|
+
"references": []
|
|
1180
|
+
},
|
|
1181
|
+
{
|
|
1182
|
+
"name": "m3e-drawer-toggle",
|
|
1183
|
+
"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.\n",
|
|
1184
|
+
"attributes": [
|
|
1185
|
+
{
|
|
1186
|
+
"name": "for",
|
|
1187
|
+
"description": "The identifier of the interactive control to which this element is attached.",
|
|
1188
|
+
"values": []
|
|
1189
|
+
}
|
|
1190
|
+
],
|
|
1191
|
+
"references": []
|
|
1192
|
+
},
|
|
1193
|
+
{
|
|
1194
|
+
"name": "m3e-divider",
|
|
1195
|
+
"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)_",
|
|
1196
|
+
"attributes": [
|
|
1197
|
+
{
|
|
1198
|
+
"name": "inset",
|
|
1199
|
+
"description": "Whether the divider is indented with equal padding on both sides.",
|
|
1200
|
+
"values": []
|
|
1201
|
+
},
|
|
1202
|
+
{
|
|
1203
|
+
"name": "inset-start",
|
|
1204
|
+
"description": "Whether the divider is indented with padding on the leading side.",
|
|
1205
|
+
"values": []
|
|
1206
|
+
},
|
|
1207
|
+
{
|
|
1208
|
+
"name": "inset-end",
|
|
1209
|
+
"description": "Whether the divider is indented with padding on the trailing side.",
|
|
1210
|
+
"values": []
|
|
1211
|
+
},
|
|
1212
1212
|
{
|
|
1213
|
-
"name": "
|
|
1214
|
-
"description": "
|
|
1213
|
+
"name": "vertical",
|
|
1214
|
+
"description": "Whether the divider is vertically aligned with adjacent content.",
|
|
1215
1215
|
"values": []
|
|
1216
1216
|
}
|
|
1217
1217
|
],
|
|
@@ -1754,18 +1754,6 @@
|
|
|
1754
1754
|
],
|
|
1755
1755
|
"references": []
|
|
1756
1756
|
},
|
|
1757
|
-
{
|
|
1758
|
-
"name": "m3e-loading-indicator",
|
|
1759
|
-
"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)_",
|
|
1760
|
-
"attributes": [
|
|
1761
|
-
{
|
|
1762
|
-
"name": "variant",
|
|
1763
|
-
"description": "The appearance variant of the indicator.",
|
|
1764
|
-
"values": [{ "name": "LoadingIndicatorVariant" }]
|
|
1765
|
-
}
|
|
1766
|
-
],
|
|
1767
|
-
"references": []
|
|
1768
|
-
},
|
|
1769
1757
|
{
|
|
1770
1758
|
"name": "m3e-menu",
|
|
1771
1759
|
"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-active-container-shape** - Controls the corner radius of the menu container when active. _(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-padding-inline** - Horizontal 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-vibrant-menu-container-color** - Background color of the menu container for vibrant variant. _(default: undefined)_\n- **--m3e-menu-divider-spacing** - Vertical spacing around slotted `m3e-divider` elements. _(default: undefined)_\n- **--m3e-menu-gap** - Gap between content in the menu. _(default: undefined)_",
|
|
@@ -1877,6 +1865,18 @@
|
|
|
1877
1865
|
],
|
|
1878
1866
|
"references": []
|
|
1879
1867
|
},
|
|
1868
|
+
{
|
|
1869
|
+
"name": "m3e-loading-indicator",
|
|
1870
|
+
"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)_",
|
|
1871
|
+
"attributes": [
|
|
1872
|
+
{
|
|
1873
|
+
"name": "variant",
|
|
1874
|
+
"description": "The appearance variant of the indicator.",
|
|
1875
|
+
"values": [{ "name": "LoadingIndicatorVariant" }]
|
|
1876
|
+
}
|
|
1877
|
+
],
|
|
1878
|
+
"references": []
|
|
1879
|
+
},
|
|
1880
1880
|
{
|
|
1881
1881
|
"name": "m3e-nav-bar",
|
|
1882
1882
|
"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** - Dispatched when the selected state of an item changes.\n- **beforeinput** - Dispatched before the selected state of an item changes.\n- **input** - Dispatched 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)_",
|
|
@@ -2426,7 +2426,7 @@
|
|
|
2426
2426
|
},
|
|
2427
2427
|
{
|
|
2428
2428
|
"name": "m3e-slide-group",
|
|
2429
|
-
"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)_",
|
|
2429
|
+
"description": "Presents pagination controls used to scroll overflowing content.\n---\n\n\n### **Events:**\n - **pagination-changed**\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)_",
|
|
2430
2430
|
"attributes": [
|
|
2431
2431
|
{
|
|
2432
2432
|
"name": "disabled",
|
|
@@ -2520,33 +2520,6 @@
|
|
|
2520
2520
|
],
|
|
2521
2521
|
"references": []
|
|
2522
2522
|
},
|
|
2523
|
-
{
|
|
2524
|
-
"name": "m3e-snackbar",
|
|
2525
|
-
"description": "Presents short updates about application processes at the bottom of the screen.\n---\n\n\n### **Events:**\n - **beforetoggle** - Dispatched before the toggle state changes.\n- **toggle** - Dispatched after the toggle state has changed.\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)_",
|
|
2526
|
-
"attributes": [
|
|
2527
|
-
{
|
|
2528
|
-
"name": "action",
|
|
2529
|
-
"description": "The label of the snackbar's action.",
|
|
2530
|
-
"values": []
|
|
2531
|
-
},
|
|
2532
|
-
{
|
|
2533
|
-
"name": "close-label",
|
|
2534
|
-
"description": "The accessible label given to the button used to dismiss the snackbar.",
|
|
2535
|
-
"values": []
|
|
2536
|
-
},
|
|
2537
|
-
{
|
|
2538
|
-
"name": "dismissible",
|
|
2539
|
-
"description": "Whether a button is presented that can be used to close the snackbar.",
|
|
2540
|
-
"values": []
|
|
2541
|
-
},
|
|
2542
|
-
{
|
|
2543
|
-
"name": "duration",
|
|
2544
|
-
"description": "The length of time, in milliseconds, to wait before automatically dismissing the snackbar.",
|
|
2545
|
-
"values": []
|
|
2546
|
-
}
|
|
2547
|
-
],
|
|
2548
|
-
"references": []
|
|
2549
|
-
},
|
|
2550
2523
|
{
|
|
2551
2524
|
"name": "m3e-split-button",
|
|
2552
2525
|
"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)_",
|
|
@@ -2565,71 +2538,27 @@
|
|
|
2565
2538
|
"references": []
|
|
2566
2539
|
},
|
|
2567
2540
|
{
|
|
2568
|
-
"name": "m3e-
|
|
2569
|
-
"description": "
|
|
2541
|
+
"name": "m3e-snackbar",
|
|
2542
|
+
"description": "Presents short updates about application processes at the bottom of the screen.\n---\n\n\n### **Events:**\n - **beforetoggle** - Dispatched before the toggle state changes.\n- **toggle** - Dispatched after the toggle state has changed.\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)_",
|
|
2570
2543
|
"attributes": [
|
|
2571
2544
|
{
|
|
2572
|
-
"name": "
|
|
2573
|
-
"description": "
|
|
2574
|
-
"values": [{ "name": "string[]" }]
|
|
2575
|
-
},
|
|
2576
|
-
{
|
|
2577
|
-
"name": "label",
|
|
2578
|
-
"description": "The accessible label given to the movable drag handle.",
|
|
2579
|
-
"values": []
|
|
2580
|
-
},
|
|
2581
|
-
{
|
|
2582
|
-
"name": "max",
|
|
2583
|
-
"description": "A fractional value, between 0 and 100, indicating the maximum size of the start pane.",
|
|
2584
|
-
"values": []
|
|
2585
|
-
},
|
|
2586
|
-
{
|
|
2587
|
-
"name": "min",
|
|
2588
|
-
"description": "A fractional value, between 0 and 100, indicating the minimum size of the start pane.",
|
|
2589
|
-
"values": []
|
|
2590
|
-
},
|
|
2591
|
-
{
|
|
2592
|
-
"name": "orientation",
|
|
2593
|
-
"description": "The orientation of the split.",
|
|
2594
|
-
"values": [{ "name": "SplitPaneOrientation" }]
|
|
2595
|
-
},
|
|
2596
|
-
{
|
|
2597
|
-
"name": "overshoot-limit",
|
|
2598
|
-
"description": "A fractional value, between 0 and 100, indicating the maximum visual overshoot allowed when dragging past the minimum or maximum size.",
|
|
2599
|
-
"values": []
|
|
2600
|
-
},
|
|
2601
|
-
{
|
|
2602
|
-
"name": "step",
|
|
2603
|
-
"description": "A fractional value, between 0 and 100, indicating the increment by which to adjust the value when resized via keyboard.",
|
|
2604
|
-
"values": []
|
|
2605
|
-
},
|
|
2606
|
-
{
|
|
2607
|
-
"name": "value",
|
|
2608
|
-
"description": "A fractional value, between 0 and 100, indicating the size of the start pane.",
|
|
2545
|
+
"name": "action",
|
|
2546
|
+
"description": "The label of the snackbar's action.",
|
|
2609
2547
|
"values": []
|
|
2610
2548
|
},
|
|
2611
2549
|
{
|
|
2612
|
-
"name": "
|
|
2613
|
-
"description": "
|
|
2550
|
+
"name": "close-label",
|
|
2551
|
+
"description": "The accessible label given to the button used to dismiss the snackbar.",
|
|
2614
2552
|
"values": []
|
|
2615
2553
|
},
|
|
2616
2554
|
{
|
|
2617
|
-
"name": "
|
|
2618
|
-
"description": "
|
|
2619
|
-
"values": [
|
|
2620
|
-
{
|
|
2621
|
-
"name": "(\r\n value: number,\r\n orientation: Omit<SplitPaneOrientation, \"auto\">,\r\n dir: Direction,\r\n ) => string"
|
|
2622
|
-
}
|
|
2623
|
-
]
|
|
2624
|
-
},
|
|
2625
|
-
{
|
|
2626
|
-
"name": "name",
|
|
2627
|
-
"description": "The name that identifies the element when submitting the associated form.",
|
|
2555
|
+
"name": "dismissible",
|
|
2556
|
+
"description": "Whether a button is presented that can be used to close the snackbar.",
|
|
2628
2557
|
"values": []
|
|
2629
2558
|
},
|
|
2630
2559
|
{
|
|
2631
|
-
"name": "
|
|
2632
|
-
"description": "
|
|
2560
|
+
"name": "duration",
|
|
2561
|
+
"description": "The length of time, in milliseconds, to wait before automatically dismissing the snackbar.",
|
|
2633
2562
|
"values": []
|
|
2634
2563
|
}
|
|
2635
2564
|
],
|
|
@@ -2728,6 +2657,77 @@
|
|
|
2728
2657
|
"attributes": [],
|
|
2729
2658
|
"references": []
|
|
2730
2659
|
},
|
|
2660
|
+
{
|
|
2661
|
+
"name": "m3e-split-pane",
|
|
2662
|
+
"description": "A dual-view layout that separates content with a movable drag handle.\n---\n\n\n### **Events:**\n - **change** - Dispatched when the user finishes adjusting the drag handle.\n- **beforeinput** - Dispatched continuously before the user adjusts the drag handle.\n- **input** - Dispatched continuously while the user adjusts the drag handle.\n\n### **Methods:**\n - **collapse(): _void_** - Moves the drag handle to the collapsed position. If detents exist, snaps to the collapsed detent.\r\nIf no detents exist, moves to the minimum allowed value.\n- **expand(): _void_** - Moves the drag handle to the expanded position. If detents exist, snaps to the expanded detent.\r\nIf no detents exist, moves to the maximum allowed value.\n- **snapToValue(value: _number_): _void_** - Moves the drag handle to the specified position. If detents exist, snaps to the closest detent.\r\nIf no detents exist, moves to the specified value.\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 - **start** - Renders content at the logical start side of the pane.\n- **end** - Renders content at the logical end side of the pane.\n\n### **CSS Properties:**\n - **--m3e-split-pane-drag-handle-hover-color** - Color used for the drag handle hover state. _(default: undefined)_\n- **--m3e-split-pane-drag-handle-hover-opacity** - Opacity used for the drag handle hover state. _(default: undefined)_\n- **--m3e-split-pane-drag-handle-focus-color** - Color used for the drag handle focus state. _(default: undefined)_\n- **--m3e-split-pane-drag-handle-focus-opacity** - Opacity used for the drag handle focus state. _(default: undefined)_\n- **--m3e-split-pane-drag-handle-color** - Background color of the drag handle when not pressed. _(default: undefined)_\n- **--m3e-split-pane-drag-handle-shape** - Corner shape of the drag handle when not pressed. _(default: undefined)_\n- **--m3e-split-pane-drag-handle-pressed-color** - Background color of the drag handle when pressed. _(default: undefined)_\n- **--m3e-split-pane-drag-handle-pressed-shape** - Corner shape of the drag handle when pressed. _(default: undefined)_\n- **--m3e-split-pane-drag-handle-container-width** - Width of the drag handle container. _(default: undefined)_\n- **--m3e-split-pane-drag-handle-width** - Thickness of the drag handle when not pressed. _(default: undefined)_\n- **--m3e-split-pane-drag-handle-height** - Length of the drag handle when not pressed. _(default: undefined)_\n- **--m3e-split-pane-drag-handle-pressed-width** - Thickness of the drag handle when pressed. _(default: undefined)_\n- **--m3e-split-pane-drag-handle-pressed-height** - Length of the drag handle when pressed. _(default: undefined)_",
|
|
2663
|
+
"attributes": [
|
|
2664
|
+
{
|
|
2665
|
+
"name": "detents",
|
|
2666
|
+
"description": "Detents (discrete sizes) the start pane can snap to.",
|
|
2667
|
+
"values": [{ "name": "string[]" }]
|
|
2668
|
+
},
|
|
2669
|
+
{
|
|
2670
|
+
"name": "label",
|
|
2671
|
+
"description": "The accessible label given to the movable drag handle.",
|
|
2672
|
+
"values": []
|
|
2673
|
+
},
|
|
2674
|
+
{
|
|
2675
|
+
"name": "max",
|
|
2676
|
+
"description": "A fractional value, between 0 and 100, indicating the maximum size of the start pane.",
|
|
2677
|
+
"values": []
|
|
2678
|
+
},
|
|
2679
|
+
{
|
|
2680
|
+
"name": "min",
|
|
2681
|
+
"description": "A fractional value, between 0 and 100, indicating the minimum size of the start pane.",
|
|
2682
|
+
"values": []
|
|
2683
|
+
},
|
|
2684
|
+
{
|
|
2685
|
+
"name": "orientation",
|
|
2686
|
+
"description": "The orientation of the split.",
|
|
2687
|
+
"values": [{ "name": "SplitPaneOrientation" }]
|
|
2688
|
+
},
|
|
2689
|
+
{
|
|
2690
|
+
"name": "overshoot-limit",
|
|
2691
|
+
"description": "A fractional value, between 0 and 100, indicating the maximum visual overshoot allowed when dragging past the minimum or maximum size.",
|
|
2692
|
+
"values": []
|
|
2693
|
+
},
|
|
2694
|
+
{
|
|
2695
|
+
"name": "step",
|
|
2696
|
+
"description": "A fractional value, between 0 and 100, indicating the increment by which to adjust the value when resized via keyboard.",
|
|
2697
|
+
"values": []
|
|
2698
|
+
},
|
|
2699
|
+
{
|
|
2700
|
+
"name": "value",
|
|
2701
|
+
"description": "A fractional value, between 0 and 100, indicating the size of the start pane.",
|
|
2702
|
+
"values": []
|
|
2703
|
+
},
|
|
2704
|
+
{
|
|
2705
|
+
"name": "wrap-detents",
|
|
2706
|
+
"description": "Whether cycling through detents will wrap.",
|
|
2707
|
+
"values": []
|
|
2708
|
+
},
|
|
2709
|
+
{
|
|
2710
|
+
"name": "valueFormatter",
|
|
2711
|
+
"description": "A function used to generates human readable text for the accessible value (`aria-valuetext`) of the drag handle.",
|
|
2712
|
+
"values": [
|
|
2713
|
+
{
|
|
2714
|
+
"name": "(\r\n value: number,\r\n orientation: Omit<SplitPaneOrientation, \"auto\">,\r\n dir: Direction,\r\n ) => string"
|
|
2715
|
+
}
|
|
2716
|
+
]
|
|
2717
|
+
},
|
|
2718
|
+
{
|
|
2719
|
+
"name": "name",
|
|
2720
|
+
"description": "The name that identifies the element when submitting the associated form.",
|
|
2721
|
+
"values": []
|
|
2722
|
+
},
|
|
2723
|
+
{
|
|
2724
|
+
"name": "disabled",
|
|
2725
|
+
"description": "Whether the element is disabled.",
|
|
2726
|
+
"values": []
|
|
2727
|
+
}
|
|
2728
|
+
],
|
|
2729
|
+
"references": []
|
|
2730
|
+
},
|
|
2731
2731
|
{
|
|
2732
2732
|
"name": "m3e-switch",
|
|
2733
2733
|
"description": "An on/off control that can be toggled by clicking.\n---\n\n\n### **Events:**\n - **beforeinput** - Dispatched before the checked state changes.\n- **input** - Dispatched when the checked state changes.\n- **change** - Dispatched when the checked state changes.\n- **click** - Dispatched 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)_",
|
|
@@ -2923,33 +2923,6 @@
|
|
|
2923
2923
|
],
|
|
2924
2924
|
"references": []
|
|
2925
2925
|
},
|
|
2926
|
-
{
|
|
2927
|
-
"name": "m3e-toolbar",
|
|
2928
|
-
"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)_",
|
|
2929
|
-
"attributes": [
|
|
2930
|
-
{
|
|
2931
|
-
"name": "elevated",
|
|
2932
|
-
"description": "Whether the toolbar is elevated.",
|
|
2933
|
-
"values": []
|
|
2934
|
-
},
|
|
2935
|
-
{
|
|
2936
|
-
"name": "shape",
|
|
2937
|
-
"description": "The shape of the toolbar.",
|
|
2938
|
-
"values": [{ "name": "ToolbarShape" }]
|
|
2939
|
-
},
|
|
2940
|
-
{
|
|
2941
|
-
"name": "variant",
|
|
2942
|
-
"description": "The appearance variant of the toolbar.",
|
|
2943
|
-
"values": [{ "name": "ToolbarVariant" }]
|
|
2944
|
-
},
|
|
2945
|
-
{
|
|
2946
|
-
"name": "vertical",
|
|
2947
|
-
"description": "Whether the element is oriented vertically.",
|
|
2948
|
-
"values": []
|
|
2949
|
-
}
|
|
2950
|
-
],
|
|
2951
|
-
"references": []
|
|
2952
|
-
},
|
|
2953
2926
|
{
|
|
2954
2927
|
"name": "m3e-rich-tooltip-action",
|
|
2955
2928
|
"description": "An element, nested within a clickable element, used to dismiss a parenting rich tooltip.\n---\n\n\n### **Methods:**\n \n\n### **Slots:**\n - _default_ - Renders the content of the action.",
|
|
@@ -3036,6 +3009,33 @@
|
|
|
3036
3009
|
],
|
|
3037
3010
|
"references": []
|
|
3038
3011
|
},
|
|
3012
|
+
{
|
|
3013
|
+
"name": "m3e-toolbar",
|
|
3014
|
+
"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)_",
|
|
3015
|
+
"attributes": [
|
|
3016
|
+
{
|
|
3017
|
+
"name": "elevated",
|
|
3018
|
+
"description": "Whether the toolbar is elevated.",
|
|
3019
|
+
"values": []
|
|
3020
|
+
},
|
|
3021
|
+
{
|
|
3022
|
+
"name": "shape",
|
|
3023
|
+
"description": "The shape of the toolbar.",
|
|
3024
|
+
"values": [{ "name": "ToolbarShape" }]
|
|
3025
|
+
},
|
|
3026
|
+
{
|
|
3027
|
+
"name": "variant",
|
|
3028
|
+
"description": "The appearance variant of the toolbar.",
|
|
3029
|
+
"values": [{ "name": "ToolbarVariant" }]
|
|
3030
|
+
},
|
|
3031
|
+
{
|
|
3032
|
+
"name": "vertical",
|
|
3033
|
+
"description": "Whether the element is oriented vertically.",
|
|
3034
|
+
"values": []
|
|
3035
|
+
}
|
|
3036
|
+
],
|
|
3037
|
+
"references": []
|
|
3038
|
+
},
|
|
3039
3039
|
{
|
|
3040
3040
|
"name": "m3e-tree",
|
|
3041
3041
|
"description": "Presents hierarchical data in a tree structure.\n---\n\n\n### **Events:**\n - **change** - Dispatched when the selected state changes.\n\n### **Methods:**\n - **expand(descendants: _boolean_): _void_** - Expands all items, and optionally, all descendants.\n- **expand(items: _M3eTreeItemElement[]_, descendants: _boolean_): _void_** - Expands the specified items, and optionally, all descendants.\n- **collapse(descendants: _boolean_): _void_** - Collapses all items, and optionally, all descendants.\n- **collapse(items: _M3eTreeItemElement[]_, descendants: _boolean_): _void_** - Collapses the specified items, and optionally, all descendants.\n- **select(item: _M3eTreeItemElement_, activate: _boolean_): _void_** - Selects the specified item.\n- **deselect(item: _M3eTreeItemElement_): _void_** - Deselects the specified item.\n\n### **Slots:**\n - _default_ - Renders the items of the tree.\n\n### **CSS Properties:**\n - **--m3e-tree-scrollbar-width** - Width of the tree scrollbar. _(default: undefined)_\n- **--m3e-tree-scrollbar-color** - Color of the tree scrollbar. _(default: undefined)_",
|