@m3e/expansion-panel 1.0.0-rc.1
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 +175 -0
- package/cem.config.mjs +16 -0
- package/demo/index.html +60 -0
- package/dist/css-custom-data.json +172 -0
- package/dist/custom-elements.json +787 -0
- package/dist/html-custom-data.json +72 -0
- package/dist/index.js +690 -0
- package/dist/index.js.map +1 -0
- package/dist/index.min.js +248 -0
- package/dist/index.min.js.map +1 -0
- package/dist/src/AccordionElement.d.ts +56 -0
- package/dist/src/AccordionElement.d.ts.map +1 -0
- package/dist/src/ExpansionHeaderElement.d.ts +60 -0
- package/dist/src/ExpansionHeaderElement.d.ts.map +1 -0
- package/dist/src/ExpansionPanelElement.d.ts +121 -0
- package/dist/src/ExpansionPanelElement.d.ts.map +1 -0
- package/dist/src/ExpansionToggleDirection.d.ts +3 -0
- package/dist/src/ExpansionToggleDirection.d.ts.map +1 -0
- package/dist/src/ExpansionTogglePosition.d.ts +3 -0
- package/dist/src/ExpansionTogglePosition.d.ts.map +1 -0
- package/dist/src/index.d.ts +6 -0
- package/dist/src/index.d.ts.map +1 -0
- package/dist/src/styles/ExpansionHeaderStyle.d.ts +6 -0
- package/dist/src/styles/ExpansionHeaderStyle.d.ts.map +1 -0
- package/dist/src/styles/ExpansionHeaderToken.d.ts +17 -0
- package/dist/src/styles/ExpansionHeaderToken.d.ts.map +1 -0
- package/dist/src/styles/ExpansionPanelStyle.d.ts +6 -0
- package/dist/src/styles/ExpansionPanelStyle.d.ts.map +1 -0
- package/dist/src/styles/ExpansionPanelToken.d.ts +21 -0
- package/dist/src/styles/ExpansionPanelToken.d.ts.map +1 -0
- package/dist/src/styles/index.d.ts +3 -0
- package/dist/src/styles/index.d.ts.map +1 -0
- package/eslint.config.mjs +13 -0
- package/package.json +49 -0
- package/rollup.config.js +32 -0
- package/src/AccordionElement.ts +115 -0
- package/src/ExpansionHeaderElement.ts +99 -0
- package/src/ExpansionPanelElement.ts +260 -0
- package/src/ExpansionToggleDirection.ts +2 -0
- package/src/ExpansionTogglePosition.ts +2 -0
- package/src/index.ts +5 -0
- package/src/styles/ExpansionHeaderStyle.ts +85 -0
- package/src/styles/ExpansionHeaderToken.ts +24 -0
- package/src/styles/ExpansionPanelStyle.ts +85 -0
- package/src/styles/ExpansionPanelToken.ts +28 -0
- package/src/styles/index.ts +2 -0
- package/tsconfig.json +9 -0
|
@@ -0,0 +1,72 @@
|
|
|
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-accordion",
|
|
7
|
+
"description": "Combines multiple expansion panels in to an accordion.\n---\n\n\n### **Slots:**\n - _default_ - Renders the panels of the accordion.",
|
|
8
|
+
"attributes": [
|
|
9
|
+
{
|
|
10
|
+
"name": "multi",
|
|
11
|
+
"description": "Whether multiple expansion panels can be open at the same time.",
|
|
12
|
+
"values": []
|
|
13
|
+
}
|
|
14
|
+
],
|
|
15
|
+
"references": []
|
|
16
|
+
},
|
|
17
|
+
{
|
|
18
|
+
"name": "m3e-expansion-header",
|
|
19
|
+
"description": "A button used to toggle the expanded state of an expansion panel.\n---\n\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)_",
|
|
20
|
+
"attributes": [
|
|
21
|
+
{
|
|
22
|
+
"name": "hide-toggle",
|
|
23
|
+
"description": "Whether to hide the expansion toggle.",
|
|
24
|
+
"values": []
|
|
25
|
+
},
|
|
26
|
+
{
|
|
27
|
+
"name": "toggle-direction",
|
|
28
|
+
"description": "The direction of the expansion toggle.",
|
|
29
|
+
"values": [{ "name": "ExpansionToggleDirection" }]
|
|
30
|
+
},
|
|
31
|
+
{
|
|
32
|
+
"name": "toggle-position",
|
|
33
|
+
"description": "The position of the expansion toggle.",
|
|
34
|
+
"values": [{ "name": "ExpansionTogglePosition" }]
|
|
35
|
+
}
|
|
36
|
+
],
|
|
37
|
+
"references": []
|
|
38
|
+
},
|
|
39
|
+
{
|
|
40
|
+
"name": "m3e-expansion-panel",
|
|
41
|
+
"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)_",
|
|
42
|
+
"attributes": [
|
|
43
|
+
{
|
|
44
|
+
"name": "disabled",
|
|
45
|
+
"description": "Whether the element is disabled.",
|
|
46
|
+
"values": []
|
|
47
|
+
},
|
|
48
|
+
{
|
|
49
|
+
"name": "hide-toggle",
|
|
50
|
+
"description": "Whether to hide the expansion toggle.",
|
|
51
|
+
"values": []
|
|
52
|
+
},
|
|
53
|
+
{
|
|
54
|
+
"name": "open",
|
|
55
|
+
"description": "Whether the panel is expanded.",
|
|
56
|
+
"values": []
|
|
57
|
+
},
|
|
58
|
+
{
|
|
59
|
+
"name": "toggle-direction",
|
|
60
|
+
"description": "The direction of the expansion toggle.",
|
|
61
|
+
"values": [{ "name": "ExpansionToggleDirection" }]
|
|
62
|
+
},
|
|
63
|
+
{
|
|
64
|
+
"name": "toggle-position",
|
|
65
|
+
"description": "The position of the expansion toggle.",
|
|
66
|
+
"values": [{ "name": "ExpansionTogglePosition" }]
|
|
67
|
+
}
|
|
68
|
+
],
|
|
69
|
+
"references": []
|
|
70
|
+
}
|
|
71
|
+
]
|
|
72
|
+
}
|