@m3e/web 2.1.2 → 2.1.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/all.js +30 -23
- package/dist/all.js.map +1 -1
- package/dist/all.min.js +40 -40
- package/dist/all.min.js.map +1 -1
- package/dist/autocomplete.js +20 -18
- package/dist/autocomplete.js.map +1 -1
- package/dist/autocomplete.min.js +1 -1
- package/dist/autocomplete.min.js.map +1 -1
- package/dist/card.js +4 -2
- package/dist/card.js.map +1 -1
- package/dist/card.min.js +1 -1
- package/dist/card.min.js.map +1 -1
- package/dist/css-custom-data.json +487 -487
- package/dist/custom-elements.json +4612 -4600
- package/dist/html-custom-data.json +194 -194
- package/dist/option.js +3 -0
- package/dist/option.js.map +1 -1
- package/dist/option.min.js +1 -1
- package/dist/option.min.js.map +1 -1
- package/dist/paginator.js +2 -2
- package/dist/paginator.js.map +1 -1
- package/dist/paginator.min.js +1 -1
- package/dist/paginator.min.js.map +1 -1
- package/dist/select.js +2 -2
- package/dist/select.js.map +1 -1
- package/dist/select.min.js +1 -1
- package/dist/select.min.js.map +1 -1
- package/dist/src/autocomplete/AutocompleteElement.d.ts.map +1 -1
- package/dist/src/card/CardElement.d.ts.map +1 -1
- package/dist/src/option/OptionElement.d.ts.map +1 -1
- package/dist/src/paginator/PaginatorElement.d.ts +1 -1
- package/dist/src/paginator/PaginatorElement.d.ts.map +1 -1
- package/package.json +1 -1
|
@@ -99,6 +99,12 @@
|
|
|
99
99
|
],
|
|
100
100
|
"references": []
|
|
101
101
|
},
|
|
102
|
+
{
|
|
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)_",
|
|
105
|
+
"attributes": [],
|
|
106
|
+
"references": []
|
|
107
|
+
},
|
|
102
108
|
{
|
|
103
109
|
"name": "m3e-badge",
|
|
104
110
|
"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)_",
|
|
@@ -121,12 +127,6 @@
|
|
|
121
127
|
],
|
|
122
128
|
"references": []
|
|
123
129
|
},
|
|
124
|
-
{
|
|
125
|
-
"name": "m3e-avatar",
|
|
126
|
-
"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)_",
|
|
127
|
-
"attributes": [],
|
|
128
|
-
"references": []
|
|
129
|
-
},
|
|
130
130
|
{
|
|
131
131
|
"name": "m3e-bottom-sheet-action",
|
|
132
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.",
|
|
@@ -202,28 +202,6 @@
|
|
|
202
202
|
],
|
|
203
203
|
"references": []
|
|
204
204
|
},
|
|
205
|
-
{
|
|
206
|
-
"name": "m3e-button-group",
|
|
207
|
-
"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)_",
|
|
208
|
-
"attributes": [
|
|
209
|
-
{
|
|
210
|
-
"name": "multi",
|
|
211
|
-
"description": "Whether multiple toggle buttons can be selected.",
|
|
212
|
-
"values": []
|
|
213
|
-
},
|
|
214
|
-
{
|
|
215
|
-
"name": "size",
|
|
216
|
-
"description": "The size of the group.",
|
|
217
|
-
"values": [{ "name": "ButtonGroupSize" }]
|
|
218
|
-
},
|
|
219
|
-
{
|
|
220
|
-
"name": "variant",
|
|
221
|
-
"description": "The appearance variant of the group.",
|
|
222
|
-
"values": [{ "name": "ButtonGroupVariant" }]
|
|
223
|
-
}
|
|
224
|
-
],
|
|
225
|
-
"references": []
|
|
226
|
-
},
|
|
227
205
|
{
|
|
228
206
|
"name": "m3e-button",
|
|
229
207
|
"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-container-height** - Height of the button container, for all size variants. _(default: undefined)_\n- **--m3e-button-outline-thickness** - Thickness of the button outline, for all size variants. _(default: undefined)_\n- **--m3e-button-label-text-font-size** - Font size for the label text, for all size variants. _(default: undefined)_\n- **--m3e-button-label-text-font-weight** - Font weight for the label text, for all size variants. _(default: undefined)_\n- **--m3e-button-label-text-line-height** - Line height for the label text, for all size variants. _(default: undefined)_\n- **--m3e-button-label-text-tracking** - Letter tracking for the label text, for all size variants. _(default: undefined)_\n- **--m3e-button-icon-size** - Size of the icon, for all size variants. _(default: undefined)_\n- **--m3e-button-shape-round** - Corner radius for round shape, for all size variants. _(default: undefined)_\n- **--m3e-button-shape-square** - Corner radius for square shape, for all size variants. _(default: undefined)_\n- **--m3e-button-selected-shape-round** - Corner radius when selected (round), for all size variants. _(default: undefined)_\n- **--m3e-button-selected-shape-square** - Corner radius when selected (square), for all size variants. _(default: undefined)_\n- **--m3e-button-shape-pressed-morph** - Corner radius when pressed, for all size variants. _(default: undefined)_\n- **--m3e-button-leading-space** - Space before icon or label, for all size variants. _(default: undefined)_\n- **--m3e-button-trailing-space** - Space after icon or label, for all size variants. _(default: undefined)_\n- **--m3e-button-icon-label-space** - Space between icon and label, for all size variants. _(default: undefined)_\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-button-outline-color** - Outline color, for all variants. _(default: undefined)_\n- **--m3e-button-disabled-outline-color** - Disabled outline color, for all variants. _(default: undefined)_\n- **--m3e-button-hover-outline-color** - Hover outline color, for all variants. _(default: undefined)_\n- **--m3e-button-focus-outline-color** - Focus outline color, for all variants. _(default: undefined)_\n- **--m3e-button-pressed-outline-color** - Pressed outline color, for all variants. _(default: undefined)_\n- **--m3e-button-container-color** - Container background color, for all variants. _(default: undefined)_\n- **--m3e-button-container-elevation** - Elevation, for all variants. _(default: undefined)_\n- **--m3e-button-unselected-container-color** - Unselected container color, for all variants. _(default: undefined)_\n- **--m3e-button-selected-container-color** - Selected container color, for all variants. _(default: undefined)_\n- **--m3e-button-disabled-container-elevation** - Disabled elevation, for all variants. _(default: undefined)_\n- **--m3e-button-hover-container-elevation** - Hover elevation, for all variants. _(default: undefined)_\n- **--m3e-button-focus-container-elevation** - Focus elevation, for all variants. _(default: undefined)_\n- **--m3e-button-pressed-container-elevation** - Pressed elevation, for all variants. _(default: undefined)_\n- **--m3e-button-label-text-color** - Label color, for all variants. _(default: undefined)_\n- **--m3e-button-icon-color** - Icon color, for all variants. _(default: undefined)_\n- **--m3e-button-unselected-label-text-color** - Unselected label color, for all variants. _(default: undefined)_\n- **--m3e-button-unselected-icon-color** - Unselected icon color, for all variants. _(default: undefined)_\n- **--m3e-button-selected-label-text-color** - Selected label color, for all variants. _(default: undefined)_\n- **--m3e-button-selected-icon-color** - Selected icon color, for all variants. _(default: undefined)_\n- **--m3e-button-disabled-container-color** - Disabled container color, for all variants. _(default: undefined)_\n- **--m3e-button-disabled-container-opacity** - Disabled container opacity, for all variants. _(default: undefined)_\n- **--m3e-button-disabled-icon-color** - Disabled icon color, for all variants. _(default: undefined)_\n- **--m3e-button-disabled-icon-opacity** - Disabled icon opacity, for all variants. _(default: undefined)_\n- **--m3e-button-disabled-label-text-color** - Disabled label color, for all variants. _(default: undefined)_\n- **--m3e-button-disabled-label-text-opacity** - Disabled label opacity, for all variants. _(default: undefined)_\n- **--m3e-button-hover-icon-color** - Hover icon color, for all variants. _(default: undefined)_\n- **--m3e-button-hover-label-text-color** - Hover label color, for all variants. _(default: undefined)_\n- **--m3e-button-hover-state-layer-color** - Hover state layer color, for all variants. _(default: undefined)_\n- **--m3e-button-hover-state-layer-opacity** - Hover state layer opacity, for all variants. _(default: undefined)_\n- **--m3e-button-hover-unselected-icon-color** - Hover unselected icon color, for all variants. _(default: undefined)_\n- **--m3e-button-hover-unselected-label-text-color** - Hover unselected label color, for all variants. _(default: undefined)_\n- **--m3e-button-hover-unselected-state-layer-color** - Hover unselected state layer color, for all variants. _(default: undefined)_\n- **--m3e-button-hover-selected-icon-color** - Hover selected icon color, for all variants. _(default: undefined)_\n- **--m3e-button-hover-selected-label-text-color** - Hover selected label color, for all variants. _(default: undefined)_\n- **--m3e-button-hover-selected-state-layer-color** - Hover selected state layer color, for all variants. _(default: undefined)_\n- **--m3e-button-focus-icon-color** - Focus icon color, for all variants. _(default: undefined)_\n- **--m3e-button-focus-label-text-color** - Focus label color, for all variants. _(default: undefined)_\n- **--m3e-button-focus-state-layer-color** - Focus state layer color, for all variants. _(default: undefined)_\n- **--m3e-button-focus-state-layer-opacity** - Focus state layer opacity, for all variants. _(default: undefined)_\n- **--m3e-button-focus-unselected-icon-color** - Focus unselected icon color, for all variants. _(default: undefined)_\n- **--m3e-button-focus-unselected-label-text-color** - Focus unselected label color, for all variants. _(default: undefined)_\n- **--m3e-button-focus-unselected-state-layer-color** - Focus unselected state layer color, for all variants. _(default: undefined)_\n- **--m3e-button-focus-selected-icon-color** - Focus selected icon color, for all variants. _(default: undefined)_\n- **--m3e-button-focus-selected-label-text-color** - Focus selected label color, for all variants. _(default: undefined)_\n- **--m3e-button-focus-selected-state-layer-color** - Focus selected state layer color, for all variants. _(default: undefined)_\n- **--m3e-button-pressed-icon-color** - Pressed icon color, for all variants. _(default: undefined)_\n- **--m3e-button-pressed-label-text-color** - Pressed label color, for all variants. _(default: undefined)_\n- **--m3e-button-pressed-state-layer-color** - Pressed state layer color, for all variants. _(default: undefined)_\n- **--m3e-button-pressed-state-layer-opacity** - Pressed state layer opacity, for all variants. _(default: undefined)_\n- **--m3e-button-pressed-unselected-icon-color** - Pressed unselected icon color, for all variants. _(default: undefined)_\n- **--m3e-button-pressed-unselected-label-text-color** - Pressed unselected label color, for all variants. _(default: undefined)_\n- **--m3e-button-pressed-unselected-state-layer-color** - Pressed unselected state layer color, for all variants. _(default: undefined)_\n- **--m3e-button-pressed-selected-icon-color** - Pressed selected icon color, for all variants. _(default: undefined)_\n- **--m3e-button-pressed-selected-label-text-color** - Pressed selected label color, for all variants. _(default: undefined)_\n- **--m3e-button-pressed-selected-state-layer-color** - Pressed selected state layer color, for all variants. _(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)_",
|
|
@@ -301,6 +279,28 @@
|
|
|
301
279
|
],
|
|
302
280
|
"references": []
|
|
303
281
|
},
|
|
282
|
+
{
|
|
283
|
+
"name": "m3e-button-group",
|
|
284
|
+
"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)_",
|
|
285
|
+
"attributes": [
|
|
286
|
+
{
|
|
287
|
+
"name": "multi",
|
|
288
|
+
"description": "Whether multiple toggle buttons can be selected.",
|
|
289
|
+
"values": []
|
|
290
|
+
},
|
|
291
|
+
{
|
|
292
|
+
"name": "size",
|
|
293
|
+
"description": "The size of the group.",
|
|
294
|
+
"values": [{ "name": "ButtonGroupSize" }]
|
|
295
|
+
},
|
|
296
|
+
{
|
|
297
|
+
"name": "variant",
|
|
298
|
+
"description": "The appearance variant of the group.",
|
|
299
|
+
"values": [{ "name": "ButtonGroupVariant" }]
|
|
300
|
+
}
|
|
301
|
+
],
|
|
302
|
+
"references": []
|
|
303
|
+
},
|
|
304
304
|
{
|
|
305
305
|
"name": "m3e-card",
|
|
306
306
|
"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-color** - Background color of the outlined card container. _(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)_",
|
|
@@ -818,6 +818,77 @@
|
|
|
818
818
|
],
|
|
819
819
|
"references": []
|
|
820
820
|
},
|
|
821
|
+
{
|
|
822
|
+
"name": "m3e-accordion",
|
|
823
|
+
"description": "Combines multiple expansion panels in to an accordion.\n---\n\n\n### **Slots:**\n - _default_ - Renders the panels of the accordion.",
|
|
824
|
+
"attributes": [
|
|
825
|
+
{
|
|
826
|
+
"name": "multi",
|
|
827
|
+
"description": "Whether multiple expansion panels can be open at the same time.",
|
|
828
|
+
"values": []
|
|
829
|
+
}
|
|
830
|
+
],
|
|
831
|
+
"references": []
|
|
832
|
+
},
|
|
833
|
+
{
|
|
834
|
+
"name": "m3e-expansion-header",
|
|
835
|
+
"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)_",
|
|
836
|
+
"attributes": [
|
|
837
|
+
{
|
|
838
|
+
"name": "hide-toggle",
|
|
839
|
+
"description": "Whether to hide the expansion toggle.",
|
|
840
|
+
"values": []
|
|
841
|
+
},
|
|
842
|
+
{
|
|
843
|
+
"name": "toggle-direction",
|
|
844
|
+
"description": "The direction of the expansion toggle.",
|
|
845
|
+
"values": [{ "name": "ExpansionToggleDirection" }]
|
|
846
|
+
},
|
|
847
|
+
{
|
|
848
|
+
"name": "toggle-position",
|
|
849
|
+
"description": "The position of the expansion toggle.",
|
|
850
|
+
"values": [{ "name": "ExpansionTogglePosition" }]
|
|
851
|
+
},
|
|
852
|
+
{
|
|
853
|
+
"name": "disabled",
|
|
854
|
+
"description": "Whether the element is disabled.",
|
|
855
|
+
"values": []
|
|
856
|
+
}
|
|
857
|
+
],
|
|
858
|
+
"references": []
|
|
859
|
+
},
|
|
860
|
+
{
|
|
861
|
+
"name": "m3e-expansion-panel",
|
|
862
|
+
"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)_",
|
|
863
|
+
"attributes": [
|
|
864
|
+
{
|
|
865
|
+
"name": "disabled",
|
|
866
|
+
"description": "Whether the element is disabled.",
|
|
867
|
+
"values": []
|
|
868
|
+
},
|
|
869
|
+
{
|
|
870
|
+
"name": "hide-toggle",
|
|
871
|
+
"description": "Whether to hide the expansion toggle.",
|
|
872
|
+
"values": []
|
|
873
|
+
},
|
|
874
|
+
{
|
|
875
|
+
"name": "open",
|
|
876
|
+
"description": "Whether the panel is expanded.",
|
|
877
|
+
"values": []
|
|
878
|
+
},
|
|
879
|
+
{
|
|
880
|
+
"name": "toggle-direction",
|
|
881
|
+
"description": "The direction of the expansion toggle.",
|
|
882
|
+
"values": [{ "name": "ExpansionToggleDirection" }]
|
|
883
|
+
},
|
|
884
|
+
{
|
|
885
|
+
"name": "toggle-position",
|
|
886
|
+
"description": "The position of the expansion toggle.",
|
|
887
|
+
"values": [{ "name": "ExpansionTogglePosition" }]
|
|
888
|
+
}
|
|
889
|
+
],
|
|
890
|
+
"references": []
|
|
891
|
+
},
|
|
821
892
|
{
|
|
822
893
|
"name": "m3e-fab",
|
|
823
894
|
"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-container-height** - Height of the FAB container for all size variants. _(default: undefined)_\n- **--m3e-fab-label-text-font-size** - Font size for the FAB label text for all size variants. _(default: undefined)_\n- **--m3e-fab-label-text-font-weight** - Font weight for the FAB label text for all size variants. _(default: undefined)_\n- **--m3e-fab-label-text-line-height** - Line height for the FAB label text for all size variants. _(default: undefined)_\n- **--m3e-fab-label-text-tracking** - Letter spacing (tracking) for the FAB label text for all size variants. _(default: undefined)_\n- **--m3e-fab-icon-size** - Icon size for the FAB for all size variants. _(default: undefined)_\n- **--m3e-fab-shape** - Border radius for the FAB for all size variants. _(default: undefined)_\n- **--m3e-fab-leading-space** - Leading space for the FAB for all size variants. _(default: undefined)_\n- **--m3e-fab-trailing-space** - Trailing space for the FAB for all size variants. _(default: undefined)_\n- **--m3e-fab-icon-label-space** - Space between icon and label for the FAB for all size variants. _(default: undefined)_\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-fab-label-text-color** - Default label text color for FAB (all variants). _(default: undefined)_\n- **--m3e-fab-icon-color** - Default icon color for FAB (all variants). _(default: undefined)_\n- **--m3e-fab-container-color** - Default container background color for FAB (all variants). _(default: undefined)_\n- **--m3e-fab-container-elevation** - Resting elevation for FAB (all variants). _(default: undefined)_\n- **--m3e-fab-lowered-container-elevation** - Lowered resting elevation for FAB (all variants). _(default: undefined)_\n- **--m3e-fab-disabled-container-color** - Container background color when disabled (all variants). _(default: undefined)_\n- **--m3e-fab-disabled-container-opacity** - Opacity of container when disabled (all variants). _(default: undefined)_\n- **--m3e-fab-disabled-icon-color** - Icon color when disabled (all variants). _(default: undefined)_\n- **--m3e-fab-disabled-icon-opacity** - Icon opacity when disabled (all variants). _(default: undefined)_\n- **--m3e-fab-disabled-label-text-color** - Label text color when disabled (all variants). _(default: undefined)_\n- **--m3e-fab-disabled-label-text-opacity** - Label text opacity when disabled (all variants). _(default: undefined)_\n- **--m3e-fab-disabled-container-elevation** - Elevation when disabled (all variants). _(default: undefined)_\n- **--m3e-fab-lowered-disabled-container-elevation** - Lowered elevation when disabled (all variants). _(default: undefined)_\n- **--m3e-fab-hover-icon-color** - Icon color on hover (all variants). _(default: undefined)_\n- **--m3e-fab-hover-label-text-color** - Label text color on hover (all variants). _(default: undefined)_\n- **--m3e-fab-hover-state-layer-color** - State layer color on hover (all variants). _(default: undefined)_\n- **--m3e-fab-hover-state-layer-opacity** - State layer opacity on hover (all variants). _(default: undefined)_\n- **--m3e-fab-hover-container-elevation** - Elevation on hover (all variants). _(default: undefined)_\n- **--m3e-fab-lowered-hover-container-elevation** - Lowered elevation on hover (all variants). _(default: undefined)_\n- **--m3e-fab-focus-icon-color** - Icon color on focus (all variants). _(default: undefined)_\n- **--m3e-fab-focus-label-text-color** - Label text color on focus (all variants). _(default: undefined)_\n- **--m3e-fab-focus-state-layer-color** - State layer color on focus (all variants). _(default: undefined)_\n- **--m3e-fab-focus-state-layer-opacity** - State layer opacity on focus (all variants). _(default: undefined)_\n- **--m3e-fab-focus-container-elevation** - Elevation on focus (all variants). _(default: undefined)_\n- **--m3e-fab-lowered-focus-container-elevation** - Lowered elevation on focus (all variants). _(default: undefined)_\n- **--m3e-fab-pressed-icon-color** - Icon color on pressed (all variants). _(default: undefined)_\n- **--m3e-fab-pressed-label-text-color** - Label text color on pressed (all variants). _(default: undefined)_\n- **--m3e-fab-pressed-state-layer-color** - State layer color on pressed (all variants). _(default: undefined)_\n- **--m3e-fab-pressed-state-layer-opacity** - State layer opacity on pressed (all variants). _(default: undefined)_\n- **--m3e-fab-pressed-container-elevation** - Elevation on pressed (all variants). _(default: undefined)_\n- **--m3e-fab-lowered-pressed-container-elevation** - Lowered elevation on pressed (all variants). _(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)_",
|
|
@@ -890,77 +961,6 @@
|
|
|
890
961
|
],
|
|
891
962
|
"references": []
|
|
892
963
|
},
|
|
893
|
-
{
|
|
894
|
-
"name": "m3e-accordion",
|
|
895
|
-
"description": "Combines multiple expansion panels in to an accordion.\n---\n\n\n### **Slots:**\n - _default_ - Renders the panels of the accordion.",
|
|
896
|
-
"attributes": [
|
|
897
|
-
{
|
|
898
|
-
"name": "multi",
|
|
899
|
-
"description": "Whether multiple expansion panels can be open at the same time.",
|
|
900
|
-
"values": []
|
|
901
|
-
}
|
|
902
|
-
],
|
|
903
|
-
"references": []
|
|
904
|
-
},
|
|
905
|
-
{
|
|
906
|
-
"name": "m3e-expansion-header",
|
|
907
|
-
"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)_",
|
|
908
|
-
"attributes": [
|
|
909
|
-
{
|
|
910
|
-
"name": "hide-toggle",
|
|
911
|
-
"description": "Whether to hide the expansion toggle.",
|
|
912
|
-
"values": []
|
|
913
|
-
},
|
|
914
|
-
{
|
|
915
|
-
"name": "toggle-direction",
|
|
916
|
-
"description": "The direction of the expansion toggle.",
|
|
917
|
-
"values": [{ "name": "ExpansionToggleDirection" }]
|
|
918
|
-
},
|
|
919
|
-
{
|
|
920
|
-
"name": "toggle-position",
|
|
921
|
-
"description": "The position of the expansion toggle.",
|
|
922
|
-
"values": [{ "name": "ExpansionTogglePosition" }]
|
|
923
|
-
},
|
|
924
|
-
{
|
|
925
|
-
"name": "disabled",
|
|
926
|
-
"description": "Whether the element is disabled.",
|
|
927
|
-
"values": []
|
|
928
|
-
}
|
|
929
|
-
],
|
|
930
|
-
"references": []
|
|
931
|
-
},
|
|
932
|
-
{
|
|
933
|
-
"name": "m3e-expansion-panel",
|
|
934
|
-
"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)_",
|
|
935
|
-
"attributes": [
|
|
936
|
-
{
|
|
937
|
-
"name": "disabled",
|
|
938
|
-
"description": "Whether the element is disabled.",
|
|
939
|
-
"values": []
|
|
940
|
-
},
|
|
941
|
-
{
|
|
942
|
-
"name": "hide-toggle",
|
|
943
|
-
"description": "Whether to hide the expansion toggle.",
|
|
944
|
-
"values": []
|
|
945
|
-
},
|
|
946
|
-
{
|
|
947
|
-
"name": "open",
|
|
948
|
-
"description": "Whether the panel is expanded.",
|
|
949
|
-
"values": []
|
|
950
|
-
},
|
|
951
|
-
{
|
|
952
|
-
"name": "toggle-direction",
|
|
953
|
-
"description": "The direction of the expansion toggle.",
|
|
954
|
-
"values": [{ "name": "ExpansionToggleDirection" }]
|
|
955
|
-
},
|
|
956
|
-
{
|
|
957
|
-
"name": "toggle-position",
|
|
958
|
-
"description": "The position of the expansion toggle.",
|
|
959
|
-
"values": [{ "name": "ExpansionTogglePosition" }]
|
|
960
|
-
}
|
|
961
|
-
],
|
|
962
|
-
"references": []
|
|
963
|
-
},
|
|
964
964
|
{
|
|
965
965
|
"name": "m3e-fab-menu",
|
|
966
966
|
"description": "A menu, opened from a floating action button (FAB), used to display multiple related actions.\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- **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)_",
|
|
@@ -1944,6 +1944,38 @@
|
|
|
1944
1944
|
],
|
|
1945
1945
|
"references": []
|
|
1946
1946
|
},
|
|
1947
|
+
{
|
|
1948
|
+
"name": "m3e-slide-group",
|
|
1949
|
+
"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)_",
|
|
1950
|
+
"attributes": [
|
|
1951
|
+
{
|
|
1952
|
+
"name": "disabled",
|
|
1953
|
+
"description": "Whether scroll buttons are disabled.",
|
|
1954
|
+
"values": []
|
|
1955
|
+
},
|
|
1956
|
+
{
|
|
1957
|
+
"name": "next-page-label",
|
|
1958
|
+
"description": "The accessible label given to the button used to move to the next page.",
|
|
1959
|
+
"values": []
|
|
1960
|
+
},
|
|
1961
|
+
{
|
|
1962
|
+
"name": "previous-page-label",
|
|
1963
|
+
"description": "The accessible label given to the button used to move to the previous page.",
|
|
1964
|
+
"values": []
|
|
1965
|
+
},
|
|
1966
|
+
{
|
|
1967
|
+
"name": "threshold",
|
|
1968
|
+
"description": "A value, in pixels, indicating the scroll threshold at which to begin showing pagination controls.",
|
|
1969
|
+
"values": []
|
|
1970
|
+
},
|
|
1971
|
+
{
|
|
1972
|
+
"name": "vertical",
|
|
1973
|
+
"description": "Whether content is oriented vertically.",
|
|
1974
|
+
"values": []
|
|
1975
|
+
}
|
|
1976
|
+
],
|
|
1977
|
+
"references": []
|
|
1978
|
+
},
|
|
1947
1979
|
{
|
|
1948
1980
|
"name": "m3e-slider",
|
|
1949
1981
|
"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)_",
|
|
@@ -2008,38 +2040,6 @@
|
|
|
2008
2040
|
],
|
|
2009
2041
|
"references": []
|
|
2010
2042
|
},
|
|
2011
|
-
{
|
|
2012
|
-
"name": "m3e-slide-group",
|
|
2013
|
-
"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)_",
|
|
2014
|
-
"attributes": [
|
|
2015
|
-
{
|
|
2016
|
-
"name": "disabled",
|
|
2017
|
-
"description": "Whether scroll buttons are disabled.",
|
|
2018
|
-
"values": []
|
|
2019
|
-
},
|
|
2020
|
-
{
|
|
2021
|
-
"name": "next-page-label",
|
|
2022
|
-
"description": "The accessible label given to the button used to move to the next page.",
|
|
2023
|
-
"values": []
|
|
2024
|
-
},
|
|
2025
|
-
{
|
|
2026
|
-
"name": "previous-page-label",
|
|
2027
|
-
"description": "The accessible label given to the button used to move to the previous page.",
|
|
2028
|
-
"values": []
|
|
2029
|
-
},
|
|
2030
|
-
{
|
|
2031
|
-
"name": "threshold",
|
|
2032
|
-
"description": "A value, in pixels, indicating the scroll threshold at which to begin showing pagination controls.",
|
|
2033
|
-
"values": []
|
|
2034
|
-
},
|
|
2035
|
-
{
|
|
2036
|
-
"name": "vertical",
|
|
2037
|
-
"description": "Whether content is oriented vertically.",
|
|
2038
|
-
"values": []
|
|
2039
|
-
}
|
|
2040
|
-
],
|
|
2041
|
-
"references": []
|
|
2042
|
-
},
|
|
2043
2043
|
{
|
|
2044
2044
|
"name": "m3e-snackbar",
|
|
2045
2045
|
"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)_",
|
|
@@ -2177,38 +2177,6 @@
|
|
|
2177
2177
|
"attributes": [],
|
|
2178
2178
|
"references": []
|
|
2179
2179
|
},
|
|
2180
|
-
{
|
|
2181
|
-
"name": "m3e-switch",
|
|
2182
|
-
"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)_",
|
|
2183
|
-
"attributes": [
|
|
2184
|
-
{
|
|
2185
|
-
"name": "checked",
|
|
2186
|
-
"description": "Whether the element is checked.",
|
|
2187
|
-
"values": []
|
|
2188
|
-
},
|
|
2189
|
-
{
|
|
2190
|
-
"name": "disabled",
|
|
2191
|
-
"description": "Whether the element is disabled.",
|
|
2192
|
-
"values": []
|
|
2193
|
-
},
|
|
2194
|
-
{
|
|
2195
|
-
"name": "icons",
|
|
2196
|
-
"description": "The icons to present.",
|
|
2197
|
-
"values": [{ "name": "SwitchIcons" }]
|
|
2198
|
-
},
|
|
2199
|
-
{
|
|
2200
|
-
"name": "name",
|
|
2201
|
-
"description": "The name that identifies the element when submitting the associated form.",
|
|
2202
|
-
"values": []
|
|
2203
|
-
},
|
|
2204
|
-
{
|
|
2205
|
-
"name": "value",
|
|
2206
|
-
"description": "A string representing the value of the switch.",
|
|
2207
|
-
"values": []
|
|
2208
|
-
}
|
|
2209
|
-
],
|
|
2210
|
-
"references": []
|
|
2211
|
-
},
|
|
2212
2180
|
{
|
|
2213
2181
|
"name": "m3e-tab",
|
|
2214
2182
|
"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)_",
|
|
@@ -2275,65 +2243,60 @@
|
|
|
2275
2243
|
"references": []
|
|
2276
2244
|
},
|
|
2277
2245
|
{
|
|
2278
|
-
"name": "m3e-
|
|
2279
|
-
"description": "
|
|
2246
|
+
"name": "m3e-switch",
|
|
2247
|
+
"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)_",
|
|
2280
2248
|
"attributes": [
|
|
2281
2249
|
{
|
|
2282
|
-
"name": "
|
|
2283
|
-
"description": "Whether
|
|
2250
|
+
"name": "checked",
|
|
2251
|
+
"description": "Whether the element is checked.",
|
|
2284
2252
|
"values": []
|
|
2285
2253
|
},
|
|
2286
2254
|
{
|
|
2287
|
-
"name": "
|
|
2288
|
-
"description": "
|
|
2255
|
+
"name": "disabled",
|
|
2256
|
+
"description": "Whether the element is disabled.",
|
|
2289
2257
|
"values": []
|
|
2290
2258
|
},
|
|
2291
2259
|
{
|
|
2292
|
-
"name": "
|
|
2293
|
-
"description": "The
|
|
2260
|
+
"name": "icons",
|
|
2261
|
+
"description": "The icons to present.",
|
|
2262
|
+
"values": [{ "name": "SwitchIcons" }]
|
|
2263
|
+
},
|
|
2264
|
+
{
|
|
2265
|
+
"name": "name",
|
|
2266
|
+
"description": "The name that identifies the element when submitting the associated form.",
|
|
2294
2267
|
"values": []
|
|
2295
2268
|
},
|
|
2296
2269
|
{
|
|
2297
|
-
"name": "
|
|
2298
|
-
"description": "
|
|
2270
|
+
"name": "value",
|
|
2271
|
+
"description": "A string representing the value of the switch.",
|
|
2299
2272
|
"values": []
|
|
2300
2273
|
}
|
|
2301
2274
|
],
|
|
2302
2275
|
"references": []
|
|
2303
2276
|
},
|
|
2304
2277
|
{
|
|
2305
|
-
"name": "m3e-
|
|
2306
|
-
"description": "A non-visual element
|
|
2278
|
+
"name": "m3e-textarea-autosize",
|
|
2279
|
+
"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.",
|
|
2307
2280
|
"attributes": [
|
|
2308
2281
|
{
|
|
2309
|
-
"name": "
|
|
2310
|
-
"description": "
|
|
2282
|
+
"name": "disabled",
|
|
2283
|
+
"description": "Whether auto-sizing is disabled.",
|
|
2311
2284
|
"values": []
|
|
2312
2285
|
},
|
|
2313
2286
|
{
|
|
2314
|
-
"name": "
|
|
2315
|
-
"description": "The
|
|
2316
|
-
"values": [{ "name": "ContrastLevel" }]
|
|
2317
|
-
},
|
|
2318
|
-
{
|
|
2319
|
-
"name": "density",
|
|
2320
|
-
"description": "The density scale (0, -1, -2).",
|
|
2287
|
+
"name": "for",
|
|
2288
|
+
"description": "The identifier of the interactive control to which this element is attached.",
|
|
2321
2289
|
"values": []
|
|
2322
2290
|
},
|
|
2323
2291
|
{
|
|
2324
|
-
"name": "
|
|
2325
|
-
"description": "The
|
|
2326
|
-
"values": [{ "name": "ColorScheme" }]
|
|
2327
|
-
},
|
|
2328
|
-
{
|
|
2329
|
-
"name": "strong-focus",
|
|
2330
|
-
"description": "Whether to enable strong focus indicators.",
|
|
2292
|
+
"name": "max-rows",
|
|
2293
|
+
"description": "The maximum amount of rows in the `textarea`.",
|
|
2331
2294
|
"values": []
|
|
2332
2295
|
},
|
|
2333
2296
|
{
|
|
2334
|
-
"name": "
|
|
2335
|
-
"description": "The
|
|
2336
|
-
"values": [
|
|
2297
|
+
"name": "min-rows",
|
|
2298
|
+
"description": "The minimum amount of rows in the `textarea`.",
|
|
2299
|
+
"values": []
|
|
2337
2300
|
}
|
|
2338
2301
|
],
|
|
2339
2302
|
"references": []
|
|
@@ -2372,6 +2335,43 @@
|
|
|
2372
2335
|
],
|
|
2373
2336
|
"references": []
|
|
2374
2337
|
},
|
|
2338
|
+
{
|
|
2339
|
+
"name": "m3e-theme",
|
|
2340
|
+
"description": "A non-visual element responsible for application-level theming.\n---\n\n\n### **Events:**\n - **change** - Dispatched when the theme changes.",
|
|
2341
|
+
"attributes": [
|
|
2342
|
+
{
|
|
2343
|
+
"name": "color",
|
|
2344
|
+
"description": "The hex color from which to derive dynamic color palettes.",
|
|
2345
|
+
"values": []
|
|
2346
|
+
},
|
|
2347
|
+
{
|
|
2348
|
+
"name": "contrast",
|
|
2349
|
+
"description": "The contrast level of the theme.",
|
|
2350
|
+
"values": [{ "name": "ContrastLevel" }]
|
|
2351
|
+
},
|
|
2352
|
+
{
|
|
2353
|
+
"name": "density",
|
|
2354
|
+
"description": "The density scale (0, -1, -2).",
|
|
2355
|
+
"values": []
|
|
2356
|
+
},
|
|
2357
|
+
{
|
|
2358
|
+
"name": "scheme",
|
|
2359
|
+
"description": "The color scheme of the theme.",
|
|
2360
|
+
"values": [{ "name": "ColorScheme" }]
|
|
2361
|
+
},
|
|
2362
|
+
{
|
|
2363
|
+
"name": "strong-focus",
|
|
2364
|
+
"description": "Whether to enable strong focus indicators.",
|
|
2365
|
+
"values": []
|
|
2366
|
+
},
|
|
2367
|
+
{
|
|
2368
|
+
"name": "motion",
|
|
2369
|
+
"description": "The motion scheme.",
|
|
2370
|
+
"values": [{ "name": "MotionScheme" }]
|
|
2371
|
+
}
|
|
2372
|
+
],
|
|
2373
|
+
"references": []
|
|
2374
|
+
},
|
|
2375
2375
|
{
|
|
2376
2376
|
"name": "m3e-toolbar",
|
|
2377
2377
|
"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)_",
|