@m3e/web 2.1.1 → 2.1.2
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 +605 -1296
- package/dist/all.js.map +1 -1
- package/dist/all.min.js +54 -114
- package/dist/all.min.js.map +1 -1
- package/dist/app-bar.js +2 -34
- package/dist/app-bar.js.map +1 -1
- package/dist/app-bar.min.js +1 -1
- package/dist/app-bar.min.js.map +1 -1
- package/dist/autocomplete.js +17 -40
- package/dist/autocomplete.js.map +1 -1
- package/dist/autocomplete.min.js +1 -1
- package/dist/autocomplete.min.js.map +1 -1
- package/dist/avatar.js +1 -28
- package/dist/avatar.js.map +1 -1
- package/dist/avatar.min.js +1 -1
- package/dist/avatar.min.js.map +1 -1
- package/dist/badge.js +1 -39
- package/dist/badge.js.map +1 -1
- package/dist/badge.min.js +1 -1
- package/dist/badge.min.js.map +1 -1
- package/dist/bottom-sheet.js +22 -58
- package/dist/bottom-sheet.js.map +1 -1
- package/dist/bottom-sheet.min.js +1 -1
- package/dist/bottom-sheet.min.js.map +1 -1
- package/dist/button-group.js +2 -34
- package/dist/button-group.js.map +1 -1
- package/dist/button-group.min.js +1 -1
- package/dist/button-group.min.js.map +1 -1
- package/dist/button.js +2 -34
- package/dist/button.js.map +1 -1
- package/dist/button.min.js +1 -1
- package/dist/button.min.js.map +1 -1
- package/dist/card.js +4 -34
- package/dist/card.js.map +1 -1
- package/dist/card.min.js +1 -1
- package/dist/card.min.js.map +1 -1
- package/dist/checkbox.js +2 -34
- package/dist/checkbox.js.map +1 -1
- package/dist/checkbox.min.js +1 -1
- package/dist/checkbox.min.js.map +1 -1
- package/dist/chips.js +2 -40
- package/dist/chips.js.map +1 -1
- package/dist/chips.min.js +1 -1
- package/dist/chips.min.js.map +1 -1
- package/dist/core-a11y.js +1 -39
- package/dist/core-a11y.js.map +1 -1
- package/dist/core-a11y.min.js +4 -4
- package/dist/core-a11y.min.js.map +1 -1
- package/dist/core-anchoring.js +164 -177
- package/dist/core-anchoring.js.map +1 -1
- package/dist/core-anchoring.min.js +1 -1
- package/dist/core-anchoring.min.js.map +1 -1
- package/dist/core-bidi.js +1 -31
- package/dist/core-bidi.js.map +1 -1
- package/dist/core-bidi.min.js +2 -3
- package/dist/core-bidi.min.js.map +1 -1
- package/dist/core.js +53 -40
- package/dist/core.js.map +1 -1
- package/dist/core.min.js +1 -1
- package/dist/core.min.js.map +1 -1
- package/dist/css-custom-data.json +517 -512
- package/dist/custom-elements.json +5201 -4336
- package/dist/dialog.js +3 -41
- package/dist/dialog.js.map +1 -1
- package/dist/dialog.min.js +1 -1
- package/dist/dialog.min.js.map +1 -1
- package/dist/divider.js +1 -28
- package/dist/divider.js.map +1 -1
- package/dist/divider.min.js +1 -1
- package/dist/divider.min.js.map +1 -1
- package/dist/drawer-container.js +18 -48
- package/dist/drawer-container.js.map +1 -1
- package/dist/drawer-container.min.js +1 -1
- package/dist/drawer-container.min.js.map +1 -1
- package/dist/expansion-panel.js +8 -41
- package/dist/expansion-panel.js.map +1 -1
- package/dist/expansion-panel.min.js +1 -1
- package/dist/expansion-panel.min.js.map +1 -1
- package/dist/fab-menu.js +3 -47
- package/dist/fab-menu.js.map +1 -1
- package/dist/fab-menu.min.js +1 -1
- package/dist/fab-menu.min.js.map +1 -1
- package/dist/fab.js +1 -33
- package/dist/fab.js.map +1 -1
- package/dist/fab.min.js +1 -1
- package/dist/fab.min.js.map +1 -1
- package/dist/form-field.js +19 -49
- package/dist/form-field.js.map +1 -1
- package/dist/form-field.min.js +3 -4
- package/dist/form-field.min.js.map +1 -1
- package/dist/heading.js +1 -28
- package/dist/heading.js.map +1 -1
- package/dist/heading.min.js +1 -1
- package/dist/heading.min.js.map +1 -1
- package/dist/html-custom-data.json +192 -171
- package/dist/icon-button.js +2 -34
- package/dist/icon-button.js.map +1 -1
- package/dist/icon-button.min.js +1 -1
- package/dist/icon-button.min.js.map +1 -1
- package/dist/icon.js +1 -28
- package/dist/icon.js.map +1 -1
- package/dist/icon.min.js +1 -1
- package/dist/icon.min.js.map +1 -1
- package/dist/index.js.map +1 -1
- package/dist/index.min.js +7 -0
- package/dist/index.min.js.map +1 -0
- package/dist/list.js +17 -46
- package/dist/list.js.map +1 -1
- package/dist/list.min.js +1 -1
- package/dist/list.min.js.map +1 -1
- package/dist/loading-indicator.js +8 -31
- package/dist/loading-indicator.js.map +1 -1
- package/dist/loading-indicator.min.js +1 -1
- package/dist/loading-indicator.min.js.map +1 -1
- package/dist/menu.js +3 -47
- package/dist/menu.js.map +1 -1
- package/dist/menu.min.js +1 -1
- package/dist/menu.min.js.map +1 -1
- package/dist/nav-bar.js +3 -41
- package/dist/nav-bar.js.map +1 -1
- package/dist/nav-bar.min.js +1 -1
- package/dist/nav-bar.min.js.map +1 -1
- package/dist/nav-menu.js +2 -40
- package/dist/nav-menu.js.map +1 -1
- package/dist/nav-menu.min.js +1 -1
- package/dist/nav-menu.min.js.map +1 -1
- package/dist/nav-rail.js +1 -33
- package/dist/nav-rail.js.map +1 -1
- package/dist/nav-rail.min.js +1 -1
- package/dist/nav-rail.min.js.map +1 -1
- package/dist/option.js +3 -59
- 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 -34
- package/dist/paginator.js.map +1 -1
- package/dist/paginator.min.js +2 -3
- package/dist/paginator.min.js.map +1 -1
- package/dist/progress-indicator.js +41 -63
- package/dist/progress-indicator.js.map +1 -1
- package/dist/progress-indicator.min.js +32 -32
- package/dist/progress-indicator.min.js.map +1 -1
- package/dist/radio-group.js +1 -39
- package/dist/radio-group.js.map +1 -1
- package/dist/radio-group.min.js +1 -1
- package/dist/radio-group.min.js.map +1 -1
- package/dist/segmented-button.js +2 -40
- package/dist/segmented-button.js.map +1 -1
- package/dist/segmented-button.min.js +1 -1
- package/dist/segmented-button.min.js.map +1 -1
- package/dist/select.js +16 -40
- package/dist/select.js.map +1 -1
- package/dist/select.min.js +1 -1
- package/dist/select.min.js.map +1 -1
- package/dist/shape.js +1 -28
- package/dist/shape.js.map +1 -1
- package/dist/shape.min.js +1 -1
- package/dist/shape.min.js.map +1 -1
- package/dist/slide-group.js +9 -42
- package/dist/slide-group.js.map +1 -1
- package/dist/slide-group.min.js +1 -1
- package/dist/slide-group.min.js.map +1 -1
- package/dist/slider.js +1 -39
- package/dist/slider.js.map +1 -1
- package/dist/slider.min.js +1 -1
- package/dist/slider.min.js.map +1 -1
- package/dist/snackbar.js +2 -40
- package/dist/snackbar.js.map +1 -1
- package/dist/snackbar.min.js +1 -1
- package/dist/snackbar.min.js.map +1 -1
- package/dist/split-button.js +1 -39
- package/dist/split-button.js.map +1 -1
- package/dist/split-button.min.js +1 -1
- package/dist/split-button.min.js.map +1 -1
- package/dist/src/autocomplete/AutocompleteElement.d.ts +6 -0
- package/dist/src/autocomplete/AutocompleteElement.d.ts.map +1 -1
- package/dist/src/bottom-sheet/BottomSheetElement.d.ts +3 -3
- package/dist/src/bottom-sheet/BottomSheetElement.d.ts.map +1 -1
- package/dist/src/card/CardElement.d.ts +1 -0
- package/dist/src/card/CardElement.d.ts.map +1 -1
- package/dist/src/card/styles/CardVariantToken.d.ts +1 -1
- package/dist/src/card/styles/CardVariantToken.d.ts.map +1 -1
- package/dist/src/core/anchoring/FloatingPanelElement.d.ts +6 -3
- package/dist/src/core/anchoring/FloatingPanelElement.d.ts.map +1 -1
- package/dist/src/core/anchoring/FloatingPanelScrollStrategy.d.ts +3 -0
- package/dist/src/core/anchoring/FloatingPanelScrollStrategy.d.ts.map +1 -0
- package/dist/src/core/anchoring/index.d.ts +1 -0
- package/dist/src/core/anchoring/index.d.ts.map +1 -1
- package/dist/src/core/shared/mixins/ReconnectedCallback.d.ts +15 -0
- package/dist/src/core/shared/mixins/ReconnectedCallback.d.ts.map +1 -0
- package/dist/src/core/shared/mixins/SuppressInitialAnimation.d.ts +11 -0
- package/dist/src/core/shared/mixins/SuppressInitialAnimation.d.ts.map +1 -0
- package/dist/src/core/shared/mixins/index.d.ts +2 -0
- package/dist/src/core/shared/mixins/index.d.ts.map +1 -1
- package/dist/src/drawer-container/DrawerContainerElement.d.ts +4 -2
- package/dist/src/drawer-container/DrawerContainerElement.d.ts.map +1 -1
- package/dist/src/expansion-panel/ExpansionPanelElement.d.ts +3 -1
- package/dist/src/expansion-panel/ExpansionPanelElement.d.ts.map +1 -1
- package/dist/src/fab-menu/FabMenuElement.d.ts +1 -3
- package/dist/src/fab-menu/FabMenuElement.d.ts.map +1 -1
- package/dist/src/form-field/FormFieldElement.d.ts +4 -2
- package/dist/src/form-field/FormFieldElement.d.ts.map +1 -1
- package/dist/src/list/ActionListElement.d.ts.map +1 -1
- package/dist/src/list/ListItemElement.d.ts +3 -1
- package/dist/src/list/ListItemElement.d.ts.map +1 -1
- package/dist/src/loading-indicator/LoadingIndicatorElement.d.ts +3 -1
- package/dist/src/loading-indicator/LoadingIndicatorElement.d.ts.map +1 -1
- package/dist/src/menu/MenuElement.d.ts +1 -3
- package/dist/src/menu/MenuElement.d.ts.map +1 -1
- package/dist/src/nav-bar/NavBarElement.d.ts +1 -1
- package/dist/src/nav-bar/NavBarElement.d.ts.map +1 -1
- package/dist/src/option/OptionPanelElement.d.ts +0 -4
- package/dist/src/option/OptionPanelElement.d.ts.map +1 -1
- package/dist/src/progress-indicator/CircularProgressIndicatorElement.d.ts +2 -0
- package/dist/src/progress-indicator/CircularProgressIndicatorElement.d.ts.map +1 -1
- package/dist/src/progress-indicator/LinearProgressIndicatorElement.d.ts +2 -0
- package/dist/src/progress-indicator/LinearProgressIndicatorElement.d.ts.map +1 -1
- package/dist/src/progress-indicator/ProgressElementIndicatorBase.d.ts +1 -1
- package/dist/src/progress-indicator/ProgressElementIndicatorBase.d.ts.map +1 -1
- package/dist/src/select/SelectElement.d.ts +6 -0
- package/dist/src/select/SelectElement.d.ts.map +1 -1
- package/dist/src/slide-group/SlideGroupElement.d.ts +5 -1
- package/dist/src/slide-group/SlideGroupElement.d.ts.map +1 -1
- package/dist/src/stepper/StepperElement.d.ts +1 -1
- package/dist/src/stepper/StepperElement.d.ts.map +1 -1
- package/dist/src/toc/TocElement.d.ts +1 -1
- package/dist/src/toc/TocElement.d.ts.map +1 -1
- package/dist/src/tooltip/TooltipElementBase.d.ts +3 -1
- package/dist/src/tooltip/TooltipElementBase.d.ts.map +1 -1
- package/dist/stepper.js +3 -41
- package/dist/stepper.js.map +1 -1
- package/dist/stepper.min.js +1 -1
- package/dist/stepper.min.js.map +1 -1
- package/dist/switch.js +1 -33
- package/dist/switch.js.map +1 -1
- package/dist/switch.min.js +1 -1
- package/dist/switch.min.js.map +1 -1
- package/dist/tabs.js +1 -39
- package/dist/tabs.js.map +1 -1
- package/dist/tabs.min.js +1 -1
- package/dist/tabs.min.js.map +1 -1
- package/dist/textarea-autosize.js +1 -39
- package/dist/textarea-autosize.js.map +1 -1
- package/dist/textarea-autosize.min.js +2 -3
- package/dist/textarea-autosize.min.js.map +1 -1
- package/dist/theme.js +1 -39
- package/dist/theme.js.map +1 -1
- package/dist/theme.min.js +19 -19
- package/dist/theme.min.js.map +1 -1
- package/dist/toc.js +4 -42
- package/dist/toc.js.map +1 -1
- package/dist/toc.min.js +1 -1
- package/dist/toc.min.js.map +1 -1
- package/dist/toolbar.js +1 -39
- package/dist/toolbar.js.map +1 -1
- package/dist/toolbar.min.js +1 -1
- package/dist/toolbar.min.js.map +1 -1
- package/dist/tooltip.js +15 -46
- package/dist/tooltip.js.map +1 -1
- package/dist/tooltip.min.js +1 -1
- package/dist/tooltip.min.js.map +1 -1
- package/package.json +3 -2
|
@@ -76,6 +76,11 @@
|
|
|
76
76
|
"description": "The text announced and presented when no options are available for the current term.",
|
|
77
77
|
"values": []
|
|
78
78
|
},
|
|
79
|
+
{
|
|
80
|
+
"name": "panel-class",
|
|
81
|
+
"description": "Class or list of classes to be applied to the autocomplete's overlay panel.",
|
|
82
|
+
"values": []
|
|
83
|
+
},
|
|
79
84
|
{
|
|
80
85
|
"name": "required",
|
|
81
86
|
"description": "Whether the user is required to make a selection when interacting with the autocomplete.",
|
|
@@ -94,12 +99,6 @@
|
|
|
94
99
|
],
|
|
95
100
|
"references": []
|
|
96
101
|
},
|
|
97
|
-
{
|
|
98
|
-
"name": "m3e-avatar",
|
|
99
|
-
"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)_",
|
|
100
|
-
"attributes": [],
|
|
101
|
-
"references": []
|
|
102
|
-
},
|
|
103
102
|
{
|
|
104
103
|
"name": "m3e-badge",
|
|
105
104
|
"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)_",
|
|
@@ -122,6 +121,12 @@
|
|
|
122
121
|
],
|
|
123
122
|
"references": []
|
|
124
123
|
},
|
|
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
|
+
},
|
|
125
130
|
{
|
|
126
131
|
"name": "m3e-bottom-sheet-action",
|
|
127
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.",
|
|
@@ -197,6 +202,28 @@
|
|
|
197
202
|
],
|
|
198
203
|
"references": []
|
|
199
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
|
+
},
|
|
200
227
|
{
|
|
201
228
|
"name": "m3e-button",
|
|
202
229
|
"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)_",
|
|
@@ -274,68 +301,9 @@
|
|
|
274
301
|
],
|
|
275
302
|
"references": []
|
|
276
303
|
},
|
|
277
|
-
{
|
|
278
|
-
"name": "m3e-button-group",
|
|
279
|
-
"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)_",
|
|
280
|
-
"attributes": [
|
|
281
|
-
{
|
|
282
|
-
"name": "multi",
|
|
283
|
-
"description": "Whether multiple toggle buttons can be selected.",
|
|
284
|
-
"values": []
|
|
285
|
-
},
|
|
286
|
-
{
|
|
287
|
-
"name": "size",
|
|
288
|
-
"description": "The size of the group.",
|
|
289
|
-
"values": [{ "name": "ButtonGroupSize" }]
|
|
290
|
-
},
|
|
291
|
-
{
|
|
292
|
-
"name": "variant",
|
|
293
|
-
"description": "The appearance variant of the group.",
|
|
294
|
-
"values": [{ "name": "ButtonGroupVariant" }]
|
|
295
|
-
}
|
|
296
|
-
],
|
|
297
|
-
"references": []
|
|
298
|
-
},
|
|
299
|
-
{
|
|
300
|
-
"name": "m3e-checkbox",
|
|
301
|
-
"description": "A checkbox that allows a user to select one or more options from a limited number of choices.\n---\n\n\n### **Events:**\n - **input** - Emitted when the checked state changes.\n- **change** - Emitted when the checked state changes.\n- **invalid** - Emitted when a form is submitted and the element fails constraint validation.\n- **click** - Emitted when the element is clicked.\n\n### **Methods:**\n - **markAsPristine(): _void_** - Marks the element as pristine.\n- **markAsDirty(): _void_** - Marks the element as dirty.\n- **markAsTouched(): _void_** - Marks the element as touched.\n- **markAsUntouched(): _void_** - Marks the element as untouched.\n- **reportValidity(): _boolean_** - Returns `true` if the element has no validity problems; otherwise, returns `false`, fires\r\nan invalid event, and (if the event isn't canceled) reports the problem to the user.\n- **checkValidity(): _boolean_** - Returns `true` if the element has no validity problems; otherwise,\r\nreturns `false`, fires an invalid event.\n- **setCustomValidity(error: _string_): _void_** - Sets a custom validity message for the element.\n- **formDisabledCallback(disabled: _boolean_): _void_** - Called when the element is disabled or enabled via its form association.\n- **formResetCallback(): _void_** - Called when the associated form is reset.\n\n### **CSS Properties:**\n - **--m3e-checkbox-icon-size** - Size of the checkbox icon inside the container. _(default: undefined)_\n- **--m3e-checkbox-container-size** - Base size of the checkbox container. _(default: undefined)_\n- **--m3e-checkbox-container-shape** - Border radius of the icon container. _(default: undefined)_\n- **--m3e-checkbox-unselected-outline-thickness** - Border thickness for unselected state. _(default: undefined)_\n- **--m3e-checkbox-unselected-outline-color** - Border color for unselected state. _(default: undefined)_\n- **--m3e-checkbox-unselected-hover-outline-color** - Border color on hover when unselected. _(default: undefined)_\n- **--m3e-checkbox-unselected-disabled-outline-color** - Base color for disabled unselected outline. _(default: undefined)_\n- **--m3e-checkbox-unselected-disabled-outline-opacity** - Opacity for disabled unselected outline. _(default: undefined)_\n- **--m3e-checkbox-unselected-error-outline-color** - Border color for invalid unselected state. _(default: undefined)_\n- **--m3e-checkbox-selected-container-color** - Background color for selected container. _(default: undefined)_\n- **--m3e-checkbox-selected-icon-color** - Icon color for selected state. _(default: undefined)_\n- **--m3e-checkbox-selected-disabled-container-color** - Base color for disabled selected container. _(default: undefined)_\n- **--m3e-checkbox-selected-disabled-container-opacity** - Opacity for disabled selected container. _(default: undefined)_\n- **--m3e-checkbox-selected-disabled-icon-color** - Base color for disabled selected icon. _(default: undefined)_\n- **--m3e-checkbox-selected-disabled-icon-opacity** - Opacity for disabled selected icon. _(default: undefined)_\n- **--m3e-checkbox-unselected-hover-color** - Ripple hover color for unselected state. _(default: undefined)_\n- **--m3e-checkbox-unselected-focus-color** - Ripple focus color for unselected state. _(default: undefined)_\n- **--m3e-checkbox-unselected-ripple-color** - Ripple base color for unselected state. _(default: undefined)_\n- **--m3e-checkbox-selected-hover-color** - Ripple hover color for selected state. _(default: undefined)_\n- **--m3e-checkbox-selected-focus-color** - Ripple focus color for selected state. _(default: undefined)_\n- **--m3e-checkbox-selected-ripple-color** - Ripple base color for selected state. _(default: undefined)_\n- **--m3e-checkbox-unselected-error-hover-color** - Ripple hover color for invalid unselected state. _(default: undefined)_\n- **--m3e-checkbox-unselected-error-focus-color** - Ripple focus color for invalid unselected state. _(default: undefined)_\n- **--m3e-checkbox-unselected-error-ripple-color** - Ripple base color for invalid unselected state. _(default: undefined)_\n- **--m3e-checkbox-selected-error-hover-color** - Ripple hover color for invalid selected state. _(default: undefined)_\n- **--m3e-checkbox-selected-error-focus-color** - Ripple focus color for invalid selected state. _(default: undefined)_\n- **--m3e-checkbox-selected-error-ripple-color** - Ripple base color for invalid selected state. _(default: undefined)_",
|
|
302
|
-
"attributes": [
|
|
303
|
-
{
|
|
304
|
-
"name": "checked",
|
|
305
|
-
"description": "Whether the element is checked.",
|
|
306
|
-
"values": []
|
|
307
|
-
},
|
|
308
|
-
{
|
|
309
|
-
"name": "disabled",
|
|
310
|
-
"description": "Whether the element is disabled.",
|
|
311
|
-
"values": []
|
|
312
|
-
},
|
|
313
|
-
{
|
|
314
|
-
"name": "indeterminate",
|
|
315
|
-
"description": "Whether the element's checked state is indeterminate.",
|
|
316
|
-
"values": []
|
|
317
|
-
},
|
|
318
|
-
{
|
|
319
|
-
"name": "name",
|
|
320
|
-
"description": "The name that identifies the element when submitting the associated form.",
|
|
321
|
-
"values": []
|
|
322
|
-
},
|
|
323
|
-
{
|
|
324
|
-
"name": "required",
|
|
325
|
-
"description": "Whether the element is required.",
|
|
326
|
-
"values": []
|
|
327
|
-
},
|
|
328
|
-
{
|
|
329
|
-
"name": "value",
|
|
330
|
-
"description": "A string representing the value of the checkbox.",
|
|
331
|
-
"values": []
|
|
332
|
-
}
|
|
333
|
-
],
|
|
334
|
-
"references": []
|
|
335
|
-
},
|
|
336
304
|
{
|
|
337
305
|
"name": "m3e-card",
|
|
338
|
-
"description": "A content container for text, images (or other media), and actions in the context of a single subject.\n---\n\n\n### **Events:**\n - **click** - Emitted when the element is clicked.\n\n### **Slots:**\n - _default_ - Renders the content of the card without padding.\n- **header** - Renders the header of the card.\n- **content** - Renders the content of the card with padding.\n- **actions** - Renders the actions of the card.\n- **footer** - Renders the footer of the card.\n\n### **CSS Properties:**\n - **--m3e-card-padding** - Internal spacing for all slotted regions _(default: undefined)_\n- **--m3e-card-shape** - Corner radius of the card container. _(default: undefined)_\n- **--m3e-filled-card-text-color** - Foreground color for text content in filled cards. _(default: undefined)_\n- **--m3e-filled-card-container-color** - Background color of the filled card container. _(default: undefined)_\n- **--m3e-filled-card-container-elevation** - Elevation level for filled card container. _(default: undefined)_\n- **--m3e-filled-card-disabled-text-color** - Text color when filled card is disabled. _(default: undefined)_\n- **--m3e-filled-card-disabled-text-opacity** - Opacity applied to text when disabled. _(default: undefined)_\n- **--m3e-filled-card-disabled-container-color** - Background color when disabled. _(default: undefined)_\n- **--m3e-filled-card-disabled-container-elevation** - Elevation level when disabled. _(default: undefined)_\n- **--m3e-filled-card-disabled-container-elevation-color** - Shadow color when disabled. _(default: undefined)_\n- **--m3e-filled-card-disabled-container-elevation-opacity** - Shadow opacity when disabled. _(default: undefined)_\n- **--m3e-filled-card-disabled-container-opacity** - Overall container opacity when disabled. _(default: undefined)_\n- **--m3e-filled-card-hover-text-color** - Text color on hover. _(default: undefined)_\n- **--m3e-filled-card-hover-state-layer-color** - State layer color on hover. _(default: undefined)_\n- **--m3e-filled-card-hover-state-layer-opacity** - State layer opacity on hover. _(default: undefined)_\n- **--m3e-filled-card-hover-container-elevation** - Elevation level on hover. _(default: undefined)_\n- **--m3e-filled-card-focus-text-color** - Text color on focus. _(default: undefined)_\n- **--m3e-filled-card-focus-state-layer-color** - State layer color on focus. _(default: undefined)_\n- **--m3e-filled-card-focus-state-layer-opacity** - State layer opacity on focus. _(default: undefined)_\n- **--m3e-filled-card-focus-container-elevation** - Elevation level on focus. _(default: undefined)_\n- **--m3e-filled-card-pressed-text-color** - Text color on press. _(default: undefined)_\n- **--m3e-filled-card-pressed-state-layer-color** - State layer color on press. _(default: undefined)_\n- **--m3e-filled-card-pressed-state-layer-opacity** - State layer opacity on press. _(default: undefined)_\n- **--m3e-filled-card-pressed-container-elevation** - Elevation level on press. _(default: undefined)_\n- **--m3e-elevated-card-text-color** - Foreground color for text content in elevated cards. _(default: undefined)_\n- **--m3e-elevated-card-container-color** - Background color of the elevated card container. _(default: undefined)_\n- **--m3e-elevated-card-container-elevation** - Elevation level for elevated card container. _(default: undefined)_\n- **--m3e-elevated-card-disabled-text-color** - Text color when elevated card is disabled. _(default: undefined)_\n- **--m3e-elevated-card-disabled-text-opacity** - Opacity applied to text when disabled. _(default: undefined)_\n- **--m3e-elevated-card-disabled-container-color** - Background color when disabled. _(default: undefined)_\n- **--m3e-elevated-card-disabled-container-elevation** - Elevation level when disabled. _(default: undefined)_\n- **--m3e-elevated-card-disabled-container-elevation-color** - Shadow color when disabled. _(default: undefined)_\n- **--m3e-elevated-card-disabled-container-elevation-opacity** - Shadow opacity when disabled. _(default: undefined)_\n- **--m3e-elevated-card-disabled-container-opacity** - Overall container opacity when disabled. _(default: undefined)_\n- **--m3e-elevated-card-hover-text-color** - Text color on hover. _(default: undefined)_\n- **--m3e-elevated-card-hover-state-layer-color** - State layer color on hover. _(default: undefined)_\n- **--m3e-elevated-card-hover-state-layer-opacity** - State layer opacity on hover. _(default: undefined)_\n- **--m3e-elevated-card-hover-container-elevation** - Elevation level on hover. _(default: undefined)_\n- **--m3e-elevated-card-focus-text-color** - Text color on focus. _(default: undefined)_\n- **--m3e-elevated-card-focus-state-layer-color** - State layer color on focus. _(default: undefined)_\n- **--m3e-elevated-card-focus-state-layer-opacity** - State layer opacity on focus. _(default: undefined)_\n- **--m3e-elevated-card-focus-container-elevation** - Elevation level on focus. _(default: undefined)_\n- **--m3e-elevated-card-pressed-text-color** - Text color on press. _(default: undefined)_\n- **--m3e-elevated-card-pressed-state-layer-color** - State layer color on press. _(default: undefined)_\n- **--m3e-elevated-card-pressed-state-layer-opacity** - State layer opacity on press. _(default: undefined)_\n- **--m3e-elevated-card-pressed-container-elevation** - Elevation level on press. _(default: undefined)_\n- **--m3e-outlined-card-text-color** - Foreground color for text content in outlined cards. _(default: undefined)_\n- **--m3e-outlined-card-container-elevation** - Elevation level for outlined card container. _(default: undefined)_\n- **--m3e-outlined-card-outline-color** - Border color for outlined cards. _(default: undefined)_\n- **--m3e-outlined-card-outline-thickness** - Border thickness for outlined cards. _(default: undefined)_\n- **--m3e-outlined-card-disabled-text-color** - Text color when outlined card is disabled. _(default: undefined)_\n- **--m3e-outlined-card-disabled-text-opacity** - Opacity applied to text when disabled. _(default: undefined)_\n- **--m3e-outlined-card-disabled-container-elevation** - Elevation level when disabled. _(default: undefined)_\n- **--m3e-outlined-card-disabled-container-elevation-color** - Shadow color when disabled. _(default: undefined)_\n- **--m3e-outlined-card-disabled-container-elevation-opacity** - Shadow opacity when disabled. _(default: undefined)_\n- **--m3e-outlined-card-disabled-outline-color** - Border color when disabled. _(default: undefined)_\n- **--m3e-outlined-card-disabled-outline-opacity** - Border opacity when disabled. _(default: undefined)_\n- **--m3e-outlined-card-hover-text-color** - Text color on hover. _(default: undefined)_\n- **--m3e-outlined-card-hover-state-layer-color** - State layer color on hover. _(default: undefined)_\n- **--m3e-outlined-card-hover-state-layer-opacity** - State layer opacity on hover. _(default: undefined)_\n- **--m3e-outlined-card-hover-container-elevation** - Elevation level on hover. _(default: undefined)_\n- **--m3e-outlined-card-hover-outline-color** - Border color on hover. _(default: undefined)_\n- **--m3e-outlined-card-focus-text-color** - Text color on focus. _(default: undefined)_\n- **--m3e-outlined-card-focus-state-layer-color** - State layer color on focus. _(default: undefined)_\n- **--m3e-outlined-card-focus-state-layer-opacity** - State layer opacity on focus. _(default: undefined)_\n- **--m3e-outlined-card-focus-container-elevation** - Elevation level on focus. _(default: undefined)_\n- **--m3e-outlined-card-focus-outline-color** - Border color on focus. _(default: undefined)_\n- **--m3e-outlined-card-pressed-text-color** - Text color on press. _(default: undefined)_\n- **--m3e-outlined-card-pressed-state-layer-color** - State layer color on press. _(default: undefined)_\n- **--m3e-outlined-card-pressed-state-layer-opacity** - State layer opacity on press. _(default: undefined)_\n- **--m3e-outlined-card-pressed-container-elevation** - Elevation level on press. _(default: undefined)_\n- **--m3e-outlined-card-pressed-outline-color** - Border color on press. _(default: undefined)_",
|
|
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)_",
|
|
339
307
|
"attributes": [
|
|
340
308
|
{
|
|
341
309
|
"name": "actionable",
|
|
@@ -405,6 +373,43 @@
|
|
|
405
373
|
],
|
|
406
374
|
"references": []
|
|
407
375
|
},
|
|
376
|
+
{
|
|
377
|
+
"name": "m3e-checkbox",
|
|
378
|
+
"description": "A checkbox that allows a user to select one or more options from a limited number of choices.\n---\n\n\n### **Events:**\n - **input** - Emitted when the checked state changes.\n- **change** - Emitted when the checked state changes.\n- **invalid** - Emitted when a form is submitted and the element fails constraint validation.\n- **click** - Emitted when the element is clicked.\n\n### **Methods:**\n - **markAsPristine(): _void_** - Marks the element as pristine.\n- **markAsDirty(): _void_** - Marks the element as dirty.\n- **markAsTouched(): _void_** - Marks the element as touched.\n- **markAsUntouched(): _void_** - Marks the element as untouched.\n- **reportValidity(): _boolean_** - Returns `true` if the element has no validity problems; otherwise, returns `false`, fires\r\nan invalid event, and (if the event isn't canceled) reports the problem to the user.\n- **checkValidity(): _boolean_** - Returns `true` if the element has no validity problems; otherwise,\r\nreturns `false`, fires an invalid event.\n- **setCustomValidity(error: _string_): _void_** - Sets a custom validity message for the element.\n- **formDisabledCallback(disabled: _boolean_): _void_** - Called when the element is disabled or enabled via its form association.\n- **formResetCallback(): _void_** - Called when the associated form is reset.\n\n### **CSS Properties:**\n - **--m3e-checkbox-icon-size** - Size of the checkbox icon inside the container. _(default: undefined)_\n- **--m3e-checkbox-container-size** - Base size of the checkbox container. _(default: undefined)_\n- **--m3e-checkbox-container-shape** - Border radius of the icon container. _(default: undefined)_\n- **--m3e-checkbox-unselected-outline-thickness** - Border thickness for unselected state. _(default: undefined)_\n- **--m3e-checkbox-unselected-outline-color** - Border color for unselected state. _(default: undefined)_\n- **--m3e-checkbox-unselected-hover-outline-color** - Border color on hover when unselected. _(default: undefined)_\n- **--m3e-checkbox-unselected-disabled-outline-color** - Base color for disabled unselected outline. _(default: undefined)_\n- **--m3e-checkbox-unselected-disabled-outline-opacity** - Opacity for disabled unselected outline. _(default: undefined)_\n- **--m3e-checkbox-unselected-error-outline-color** - Border color for invalid unselected state. _(default: undefined)_\n- **--m3e-checkbox-selected-container-color** - Background color for selected container. _(default: undefined)_\n- **--m3e-checkbox-selected-icon-color** - Icon color for selected state. _(default: undefined)_\n- **--m3e-checkbox-selected-disabled-container-color** - Base color for disabled selected container. _(default: undefined)_\n- **--m3e-checkbox-selected-disabled-container-opacity** - Opacity for disabled selected container. _(default: undefined)_\n- **--m3e-checkbox-selected-disabled-icon-color** - Base color for disabled selected icon. _(default: undefined)_\n- **--m3e-checkbox-selected-disabled-icon-opacity** - Opacity for disabled selected icon. _(default: undefined)_\n- **--m3e-checkbox-unselected-hover-color** - Ripple hover color for unselected state. _(default: undefined)_\n- **--m3e-checkbox-unselected-focus-color** - Ripple focus color for unselected state. _(default: undefined)_\n- **--m3e-checkbox-unselected-ripple-color** - Ripple base color for unselected state. _(default: undefined)_\n- **--m3e-checkbox-selected-hover-color** - Ripple hover color for selected state. _(default: undefined)_\n- **--m3e-checkbox-selected-focus-color** - Ripple focus color for selected state. _(default: undefined)_\n- **--m3e-checkbox-selected-ripple-color** - Ripple base color for selected state. _(default: undefined)_\n- **--m3e-checkbox-unselected-error-hover-color** - Ripple hover color for invalid unselected state. _(default: undefined)_\n- **--m3e-checkbox-unselected-error-focus-color** - Ripple focus color for invalid unselected state. _(default: undefined)_\n- **--m3e-checkbox-unselected-error-ripple-color** - Ripple base color for invalid unselected state. _(default: undefined)_\n- **--m3e-checkbox-selected-error-hover-color** - Ripple hover color for invalid selected state. _(default: undefined)_\n- **--m3e-checkbox-selected-error-focus-color** - Ripple focus color for invalid selected state. _(default: undefined)_\n- **--m3e-checkbox-selected-error-ripple-color** - Ripple base color for invalid selected state. _(default: undefined)_",
|
|
379
|
+
"attributes": [
|
|
380
|
+
{
|
|
381
|
+
"name": "checked",
|
|
382
|
+
"description": "Whether the element is checked.",
|
|
383
|
+
"values": []
|
|
384
|
+
},
|
|
385
|
+
{
|
|
386
|
+
"name": "disabled",
|
|
387
|
+
"description": "Whether the element is disabled.",
|
|
388
|
+
"values": []
|
|
389
|
+
},
|
|
390
|
+
{
|
|
391
|
+
"name": "indeterminate",
|
|
392
|
+
"description": "Whether the element's checked state is indeterminate.",
|
|
393
|
+
"values": []
|
|
394
|
+
},
|
|
395
|
+
{
|
|
396
|
+
"name": "name",
|
|
397
|
+
"description": "The name that identifies the element when submitting the associated form.",
|
|
398
|
+
"values": []
|
|
399
|
+
},
|
|
400
|
+
{
|
|
401
|
+
"name": "required",
|
|
402
|
+
"description": "Whether the element is required.",
|
|
403
|
+
"values": []
|
|
404
|
+
},
|
|
405
|
+
{
|
|
406
|
+
"name": "value",
|
|
407
|
+
"description": "A string representing the value of the checkbox.",
|
|
408
|
+
"values": []
|
|
409
|
+
}
|
|
410
|
+
],
|
|
411
|
+
"references": []
|
|
412
|
+
},
|
|
408
413
|
{
|
|
409
414
|
"name": "m3e-assist-chip",
|
|
410
415
|
"description": "A chip users interact with to perform a smart or automated action that can span multiple applications.\n---\n\n\n### **Events:**\n - **click** - Emitted when the element is clicked.\n\n### **Slots:**\n - _default_ - Renders the label of the chip.\n- **icon** - Renders an icon before the chip's label.\n- **trailing-icon** - Renders an icon after the chip's label.\n\n### **CSS Properties:**\n - **--m3e-chip-container-shape** - Border radius of the chip container. _(default: undefined)_\n- **--m3e-chip-container-height** - Base height of the chip container before density adjustment. _(default: undefined)_\n- **--m3e-chip-label-text-font-size** - Font size of the chip label text. _(default: undefined)_\n- **--m3e-chip-label-text-font-weight** - Font weight of the chip label text. _(default: undefined)_\n- **--m3e-chip-label-text-line-height** - Line height of the chip label text. _(default: undefined)_\n- **--m3e-chip-label-text-tracking** - Letter spacing of the chip label text. _(default: undefined)_\n- **--m3e-chip-label-text-color** - Label text color in default state. _(default: undefined)_\n- **--m3e-chip-icon-color** - Icon color in default state. _(default: undefined)_\n- **--m3e-chip-icon-size** - Font size of leading/trailing icons. _(default: undefined)_\n- **--m3e-chip-spacing** - Horizontal gap between chip content elements. _(default: undefined)_\n- **--m3e-chip-padding-start** - Default start padding when no icon is present. _(default: undefined)_\n- **--m3e-chip-padding-end** - Default end padding when no trailing icon is present. _(default: undefined)_\n- **--m3e-chip-with-icon-padding-start** - Start padding when leading icon is present. _(default: undefined)_\n- **--m3e-chip-with-icon-padding-end** - End padding when trailing icon is present. _(default: undefined)_\n- **--m3e-chip-disabled-label-text-color** - Base color for disabled label text. _(default: undefined)_\n- **--m3e-chip-disabled-label-text-opacity** - Opacity applied to disabled label text. _(default: undefined)_\n- **--m3e-chip-disabled-icon-color** - Base color for disabled icons. _(default: undefined)_\n- **--m3e-chip-disabled-icon-opacity** - Opacity applied to disabled icons. _(default: undefined)_\n- **--m3e-elevated-chip-container-color** - Background color for elevated variant. _(default: undefined)_\n- **--m3e-elevated-chip-elevation** - Elevation level for elevated variant. _(default: undefined)_\n- **--m3e-elevated-chip-hover-elevation** - Elevation level on hover. _(default: undefined)_\n- **--m3e-elevated-chip-disabled-container-color** - Background color for disabled elevated variant. _(default: undefined)_\n- **--m3e-elevated-chip-disabled-container-opacity** - Opacity applied to disabled elevated background. _(default: undefined)_\n- **--m3e-elevated-chip-disabled-elevation** - Elevation level for disabled elevated variant. _(default: undefined)_\n- **--m3e-outlined-chip-outline-thickness** - Outline thickness for outlined variant. _(default: undefined)_\n- **--m3e-outlined-chip-outline-color** - Outline color for outlined variant. _(default: undefined)_\n- **--m3e-outlined-chip-disabled-outline-color** - Outline color for disabled outlined variant. _(default: undefined)_\n- **--m3e-outlined-chip-disabled-outline-opacity** - Opacity applied to disabled outline. _(default: undefined)_",
|
|
@@ -813,77 +818,6 @@
|
|
|
813
818
|
],
|
|
814
819
|
"references": []
|
|
815
820
|
},
|
|
816
|
-
{
|
|
817
|
-
"name": "m3e-accordion",
|
|
818
|
-
"description": "Combines multiple expansion panels in to an accordion.\n---\n\n\n### **Slots:**\n - _default_ - Renders the panels of the accordion.",
|
|
819
|
-
"attributes": [
|
|
820
|
-
{
|
|
821
|
-
"name": "multi",
|
|
822
|
-
"description": "Whether multiple expansion panels can be open at the same time.",
|
|
823
|
-
"values": []
|
|
824
|
-
}
|
|
825
|
-
],
|
|
826
|
-
"references": []
|
|
827
|
-
},
|
|
828
|
-
{
|
|
829
|
-
"name": "m3e-expansion-header",
|
|
830
|
-
"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)_",
|
|
831
|
-
"attributes": [
|
|
832
|
-
{
|
|
833
|
-
"name": "hide-toggle",
|
|
834
|
-
"description": "Whether to hide the expansion toggle.",
|
|
835
|
-
"values": []
|
|
836
|
-
},
|
|
837
|
-
{
|
|
838
|
-
"name": "toggle-direction",
|
|
839
|
-
"description": "The direction of the expansion toggle.",
|
|
840
|
-
"values": [{ "name": "ExpansionToggleDirection" }]
|
|
841
|
-
},
|
|
842
|
-
{
|
|
843
|
-
"name": "toggle-position",
|
|
844
|
-
"description": "The position of the expansion toggle.",
|
|
845
|
-
"values": [{ "name": "ExpansionTogglePosition" }]
|
|
846
|
-
},
|
|
847
|
-
{
|
|
848
|
-
"name": "disabled",
|
|
849
|
-
"description": "Whether the element is disabled.",
|
|
850
|
-
"values": []
|
|
851
|
-
}
|
|
852
|
-
],
|
|
853
|
-
"references": []
|
|
854
|
-
},
|
|
855
|
-
{
|
|
856
|
-
"name": "m3e-expansion-panel",
|
|
857
|
-
"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)_",
|
|
858
|
-
"attributes": [
|
|
859
|
-
{
|
|
860
|
-
"name": "disabled",
|
|
861
|
-
"description": "Whether the element is disabled.",
|
|
862
|
-
"values": []
|
|
863
|
-
},
|
|
864
|
-
{
|
|
865
|
-
"name": "hide-toggle",
|
|
866
|
-
"description": "Whether to hide the expansion toggle.",
|
|
867
|
-
"values": []
|
|
868
|
-
},
|
|
869
|
-
{
|
|
870
|
-
"name": "open",
|
|
871
|
-
"description": "Whether the panel is expanded.",
|
|
872
|
-
"values": []
|
|
873
|
-
},
|
|
874
|
-
{
|
|
875
|
-
"name": "toggle-direction",
|
|
876
|
-
"description": "The direction of the expansion toggle.",
|
|
877
|
-
"values": [{ "name": "ExpansionToggleDirection" }]
|
|
878
|
-
},
|
|
879
|
-
{
|
|
880
|
-
"name": "toggle-position",
|
|
881
|
-
"description": "The position of the expansion toggle.",
|
|
882
|
-
"values": [{ "name": "ExpansionTogglePosition" }]
|
|
883
|
-
}
|
|
884
|
-
],
|
|
885
|
-
"references": []
|
|
886
|
-
},
|
|
887
821
|
{
|
|
888
822
|
"name": "m3e-fab",
|
|
889
823
|
"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)_",
|
|
@@ -956,6 +890,77 @@
|
|
|
956
890
|
],
|
|
957
891
|
"references": []
|
|
958
892
|
},
|
|
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
|
+
},
|
|
959
964
|
{
|
|
960
965
|
"name": "m3e-fab-menu",
|
|
961
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)_",
|
|
@@ -1640,12 +1645,17 @@
|
|
|
1640
1645
|
},
|
|
1641
1646
|
{
|
|
1642
1647
|
"name": "m3e-option-panel",
|
|
1643
|
-
"description": "Presents a list of options on a temporary surface.\n---\n\n\n### **Events:**\n - **beforetoggle** - Dispatched before the toggle state changes.\n- **toggle** - Dispatched after the toggle state has changed.\n\n### **Methods:**\n - **show(trigger: _HTMLElement_, anchor:
|
|
1648
|
+
"description": "Presents a list of options on a temporary surface.\n---\n\n\n### **Events:**\n - **beforetoggle** - Dispatched before the toggle state changes.\n- **toggle** - Dispatched after the toggle state has changed.\n\n### **Methods:**\n - **show(trigger: _HTMLElement_, anchor: _HTMLElement | undefined_): _Promise<void>_** - Opens the panel.\n- **hide(restoreFocus: _boolean_): _void_** - Hides the panel.\n- **toggle(trigger: _HTMLElement_, anchor: _HTMLElement | undefined_): _Promise<void>_** - Toggles the panel.\n\n### **Slots:**\n - _default_ - Renders the contents of the list.\n\n### **CSS Properties:**\n - **--m3e-option-panel-container-shape** - Corner radius of the panel container. _(default: undefined)_\n- **--m3e-option-panel-container-min-width** - Minimum width of the panel container. _(default: undefined)_\n- **--m3e-option-panel-container-max-width** - Maximum width of the panel container. _(default: undefined)_\n- **--m3e-option-panel-container-max-height** - Maximum height of the panel container. _(default: undefined)_\n- **--m3e-option-panel-container-padding-block** - Vertical padding inside the panel container. _(default: undefined)_\n- **--m3e-option-panel-container-padding-inline** - Horizontal padding inside the panel container. _(default: undefined)_\n- **--m3e-option-panel-container-color** - Background color of the panel container. _(default: undefined)_\n- **--m3e-option-panel-container-elevation** - Box shadow elevation of the panel container. _(default: undefined)_\n- **--m3e-option-panel-gap** - Vertical spacing between option items. _(default: undefined)_\n- **--m3e-option-panel-divider-spacing** - Vertical spacing around slotted `m3e-divider` elements. _(default: undefined)_\n- **--m3e-option-panel-text-highlight-container-color** - Background color used for text highlight matches. _(default: undefined)_\n- **--m3e-option-panel-text-highlight-color** - Text color used for text highlight matches. _(default: undefined)_\n- **--m3e-floating-panel-container-shape** - Corner radius of the panel container. _(default: undefined)_\n- **--m3e-floating-panel-container-min-width** - Minimum width of the panel container. _(default: undefined)_\n- **--m3e-floating-panel-container-max-width** - Maximum width of the panel container. _(default: undefined)_\n- **--m3e-floating-panel-container-max-height** - Maximum height of the panel container. _(default: undefined)_\n- **--m3e-floating-panel-container-padding-block** - Vertical padding inside the panel container. _(default: undefined)_\n- **--m3e-floating-panel-container-padding-inline** - Horizontal padding inside the panel container. _(default: undefined)_\n- **--m3e-floating-panel-container-color** - Background color of the panel container. _(default: undefined)_\n- **--m3e-floating-panel-container-elevation** - Box shadow elevation of the panel container. _(default: undefined)_",
|
|
1644
1649
|
"attributes": [
|
|
1645
1650
|
{
|
|
1646
1651
|
"name": "state",
|
|
1647
1652
|
"description": "The state for which to present content.",
|
|
1648
1653
|
"values": [{ "name": "OptionPanelState" }]
|
|
1654
|
+
},
|
|
1655
|
+
{
|
|
1656
|
+
"name": "scroll-strategy",
|
|
1657
|
+
"description": "The strategy that controls how the panel behaves when its trigger scrolls.",
|
|
1658
|
+
"values": [{ "name": "FloatingPanelScrollStrategy" }]
|
|
1649
1659
|
}
|
|
1650
1660
|
],
|
|
1651
1661
|
"references": []
|
|
@@ -1909,6 +1919,11 @@
|
|
|
1909
1919
|
"description": "The name that identifies the element when submitting the associated form.",
|
|
1910
1920
|
"values": []
|
|
1911
1921
|
},
|
|
1922
|
+
{
|
|
1923
|
+
"name": "panel-class",
|
|
1924
|
+
"description": "Class or list of classes to be applied to the select's overlay panel.",
|
|
1925
|
+
"values": []
|
|
1926
|
+
},
|
|
1912
1927
|
{
|
|
1913
1928
|
"name": "required",
|
|
1914
1929
|
"description": "Whether the element is required.",
|
|
@@ -1929,38 +1944,6 @@
|
|
|
1929
1944
|
],
|
|
1930
1945
|
"references": []
|
|
1931
1946
|
},
|
|
1932
|
-
{
|
|
1933
|
-
"name": "m3e-slide-group",
|
|
1934
|
-
"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)_",
|
|
1935
|
-
"attributes": [
|
|
1936
|
-
{
|
|
1937
|
-
"name": "disabled",
|
|
1938
|
-
"description": "Whether scroll buttons are disabled.",
|
|
1939
|
-
"values": []
|
|
1940
|
-
},
|
|
1941
|
-
{
|
|
1942
|
-
"name": "next-page-label",
|
|
1943
|
-
"description": "The accessible label given to the button used to move to the next page.",
|
|
1944
|
-
"values": []
|
|
1945
|
-
},
|
|
1946
|
-
{
|
|
1947
|
-
"name": "previous-page-label",
|
|
1948
|
-
"description": "The accessible label given to the button used to move to the previous page.",
|
|
1949
|
-
"values": []
|
|
1950
|
-
},
|
|
1951
|
-
{
|
|
1952
|
-
"name": "threshold",
|
|
1953
|
-
"description": "A value, in pixels, indicating the scroll threshold at which to begin showing pagination controls.",
|
|
1954
|
-
"values": []
|
|
1955
|
-
},
|
|
1956
|
-
{
|
|
1957
|
-
"name": "vertical",
|
|
1958
|
-
"description": "Whether content is oriented vertically.",
|
|
1959
|
-
"values": []
|
|
1960
|
-
}
|
|
1961
|
-
],
|
|
1962
|
-
"references": []
|
|
1963
|
-
},
|
|
1964
1947
|
{
|
|
1965
1948
|
"name": "m3e-slider",
|
|
1966
1949
|
"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)_",
|
|
@@ -2025,6 +2008,38 @@
|
|
|
2025
2008
|
],
|
|
2026
2009
|
"references": []
|
|
2027
2010
|
},
|
|
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
|
+
},
|
|
2028
2043
|
{
|
|
2029
2044
|
"name": "m3e-snackbar",
|
|
2030
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)_",
|
|
@@ -2485,7 +2500,13 @@
|
|
|
2485
2500
|
{
|
|
2486
2501
|
"name": "m3e-floating-panel",
|
|
2487
2502
|
"description": "A lightweight, generic floating surface used to present content above the page.\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_, anchor: _HTMLElement | undefined_): _Promise<void>_** - Opens the panel.\n- **hide(restoreFocus: _boolean_): _void_** - Hides the panel.\n- **toggle(trigger: _HTMLElement_, anchor: _HTMLElement | undefined_): _Promise<void>_** - Toggles the panel.\n\n### **Slots:**\n - _default_ - Renders the contents of the panel.\n\n### **CSS Properties:**\n - **--m3e-floating-panel-container-shape** - Corner radius of the panel container. _(default: undefined)_\n- **--m3e-floating-panel-container-min-width** - Minimum width of the panel container. _(default: undefined)_\n- **--m3e-floating-panel-container-max-width** - Maximum width of the panel container. _(default: undefined)_\n- **--m3e-floating-panel-container-max-height** - Maximum height of the panel container. _(default: undefined)_\n- **--m3e-floating-panel-container-padding-block** - Vertical padding inside the panel container. _(default: undefined)_\n- **--m3e-floating-panel-container-padding-inline** - Horizontal padding inside the panel container. _(default: undefined)_\n- **--m3e-floating-panel-container-color** - Background color of the panel container. _(default: undefined)_\n- **--m3e-floating-panel-container-elevation** - Box shadow elevation of the panel container. _(default: undefined)_",
|
|
2488
|
-
"attributes": [
|
|
2503
|
+
"attributes": [
|
|
2504
|
+
{
|
|
2505
|
+
"name": "scroll-strategy",
|
|
2506
|
+
"description": "The strategy that controls how the panel behaves when its trigger scrolls.",
|
|
2507
|
+
"values": [{ "name": "FloatingPanelScrollStrategy" }]
|
|
2508
|
+
}
|
|
2509
|
+
],
|
|
2489
2510
|
"references": []
|
|
2490
2511
|
},
|
|
2491
2512
|
{
|