@m3e/option 1.0.6
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/LICENSE +22 -0
- package/README.md +181 -0
- package/dist/css-custom-data.json +207 -0
- package/dist/custom-elements.json +3368 -0
- package/dist/html-custom-data.json +52 -0
- package/dist/index.js +615 -0
- package/dist/index.js.map +1 -0
- package/dist/index.min.js +233 -0
- package/dist/index.min.js.map +1 -0
- package/dist/src/OptGroupElement.d.ts +42 -0
- package/dist/src/OptGroupElement.d.ts.map +1 -0
- package/dist/src/OptionElement.d.ts +74 -0
- package/dist/src/OptionElement.d.ts.map +1 -0
- package/dist/src/OptionPanelElement.d.ts +77 -0
- package/dist/src/OptionPanelElement.d.ts.map +1 -0
- package/dist/src/index.d.ts +4 -0
- package/dist/src/index.d.ts.map +1 -0
- package/package.json +50 -0
|
@@ -0,0 +1,52 @@
|
|
|
1
|
+
{
|
|
2
|
+
"$schema": "https://raw.githubusercontent.com/microsoft/vscode-html-languageservice/main/docs/customData.schema.json",
|
|
3
|
+
"version": 1.1,
|
|
4
|
+
"tags": [
|
|
5
|
+
{
|
|
6
|
+
"name": "m3e-optgroup",
|
|
7
|
+
"description": "Groups options under a subheading.\n---\n\n\n### **Slots:**\n - _default_ - Renders the options of the group.\n- **label** - Renders the label of the group.\n\n### **CSS Properties:**\n - **--m3e-option-height** - The height of the group label container. _(default: undefined)_\n- **--m3e-option-font-size** - The font size of the group label. _(default: undefined)_\n- **--m3e-option-font-weight** - The font weight of the group label. _(default: undefined)_\n- **--m3e-option-line-height** - The line height of the group label. _(default: undefined)_\n- **--m3e-option-tracking** - The letter spacing of the group label. _(default: undefined)_\n- **--m3e-option-padding-end** - The right padding of the label. _(default: undefined)_\n- **--m3e-option-padding-start** - The left padding of the label. _(default: undefined)_\n- **--m3e-option-color** - The text color of the group label. _(default: undefined)_",
|
|
8
|
+
"attributes": [],
|
|
9
|
+
"references": []
|
|
10
|
+
},
|
|
11
|
+
{
|
|
12
|
+
"name": "m3e-option",
|
|
13
|
+
"description": "An option that can be selected.\n---\n\n\n### **Slots:**\n - _default_ - Renders the label of the option.\n\n### **CSS Properties:**\n - **--m3e-option-container-height** - The height of the option container. _(default: undefined)_\n- **--m3e-option-color** - The text color of the option. _(default: undefined)_\n- **--m3e-option-container-hover-color** - The color for the hover state layer. _(default: undefined)_\n- **--m3e-option-container-focus-color** - The color for the focus state layer. _(default: undefined)_\n- **--m3e-option-ripple-color** - The color of the ripple effect. _(default: undefined)_\n- **--m3e-option-selected-color** - The text color when the option is selected. _(default: undefined)_\n- **--m3e-option-selected-container-color** - The background color when the option is selected. _(default: undefined)_\n- **--m3e-option-selected-container-hover-color** - The hover color for the selected state layer. _(default: undefined)_\n- **--m3e-option-selected-container-focus-color** - The focus color for the selected state layer. _(default: undefined)_\n- **--m3e-option-selected-ripple-color** - The ripple color when the option is selected. _(default: undefined)_\n- **--m3e-option-disabled-color** - The text color when the option is disabled. _(default: undefined)_\n- **--m3e-option-disabled-opacity** - The opacity level applied to the disabled text color. _(default: undefined)_\n- **--m3e-option-icon-label-space** - The spacing between the icon and label. _(default: undefined)_\n- **--m3e-option-padding-start** - The left padding of the option content. _(default: undefined)_\n- **--m3e-option-padding-end** - The right padding of the option content. _(default: undefined)_\n- **--m3e-option-label-text-font-size** - The font size of the option label. _(default: undefined)_\n- **--m3e-option-label-text-font-weight** - The font weight of the option label. _(default: undefined)_\n- **--m3e-option-label-text-line-height** - The line height of the option label. _(default: undefined)_\n- **--m3e-option-label-text-tracking** - The letter spacing of the option label. _(default: undefined)_\n- **--m3e-option-focus-ring-shape** - The corner radius of the focus ring. _(default: undefined)_\n- **--m3e-option-icon-size** - The size of the option icons. _(default: undefined)_",
|
|
14
|
+
"attributes": [
|
|
15
|
+
{
|
|
16
|
+
"name": "disabled",
|
|
17
|
+
"description": "Whether the element is disabled.",
|
|
18
|
+
"values": []
|
|
19
|
+
},
|
|
20
|
+
{
|
|
21
|
+
"name": "selected",
|
|
22
|
+
"description": "Whether the element is selected.",
|
|
23
|
+
"values": []
|
|
24
|
+
},
|
|
25
|
+
{
|
|
26
|
+
"name": "value",
|
|
27
|
+
"description": "A string representing the value of the option.",
|
|
28
|
+
"values": []
|
|
29
|
+
}
|
|
30
|
+
],
|
|
31
|
+
"references": []
|
|
32
|
+
},
|
|
33
|
+
{
|
|
34
|
+
"name": "m3e-option-panel",
|
|
35
|
+
"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 menu.\n- **hide(restoreFocus: _boolean_): _void_** - Hides the menu.\n- **toggle(trigger: _HTMLElement_, anchor: _HTMLElement | undefined_): _Promise<void>_** - Toggles the menu.\n\n### **Slots:**\n - _default_ - Renders the contents of the list.\n\n### **CSS Properties:**\n - **--m3e-option-panel-container-shape** - Controls the corner radius of the menu container. _(default: undefined)_\n- **--m3e-option-panel-container-min-width** - Minimum width of the menu container. _(default: undefined)_\n- **--m3e-option-panel-container-max-width** - Maximum width of the menu container. _(default: undefined)_\n- **--m3e-option-panel-container-max-height** - Maximum height of the menu container. _(default: undefined)_\n- **--m3e-option-panel-container-padding-block** - Vertical padding inside the menu container. _(default: undefined)_\n- **--m3e-option-panel-container-color** - Background color of the menu container. _(default: undefined)_\n- **--m3e-option-panel-container-elevation** - Box shadow elevation of the menu container. _(default: undefined)_\n- **--m3e-option-panel-divider-spacing** - Vertical spacing around slotted `m3e-divider` elements. _(default: undefined)_",
|
|
36
|
+
"attributes": [],
|
|
37
|
+
"references": []
|
|
38
|
+
},
|
|
39
|
+
{
|
|
40
|
+
"name": "m3e-nav-bar",
|
|
41
|
+
"description": "A horizontal bar, typically used on smaller devices, that allows a user to switch between 3-5 views.\n---\n\n\n### **Events:**\n - **change** - Emitted when the selected state of an item changes.\n\n### **Slots:**\n - _default_ - Renders the items of the bar.\n\n### **CSS Properties:**\n - **--m3e-nav-bar-height** - Height of the navigation bar. _(default: undefined)_\n- **--m3e-nav-bar-container-color** - Background color of the navigation bar container. _(default: undefined)_\n- **--m3e-nav-bar-vertical-item-width** - Minimum width of vertical nav items. _(default: undefined)_",
|
|
42
|
+
"attributes": [
|
|
43
|
+
{
|
|
44
|
+
"name": "mode",
|
|
45
|
+
"description": "The mode in which items in the bar are presented.",
|
|
46
|
+
"values": [{ "name": "NavBarMode" }]
|
|
47
|
+
}
|
|
48
|
+
],
|
|
49
|
+
"references": []
|
|
50
|
+
}
|
|
51
|
+
]
|
|
52
|
+
}
|