@m3e/core 1.0.0-rc.1

package/dist/html-custom-data.json

@@ -0,0 +1,199 @@
+{
+  "$schema": "https://raw.githubusercontent.com/microsoft/vscode-html-languageservice/main/docs/customData.schema.json",
+  "version": 1.1,
+  "tags": [
+    {
+      "name": "m3e-focus-trap",
+      "description": "A non-visual element used to trap focus within nested content.\n---\n\n\n### **Slots:**\n - _default_ - Renders content for which to trap focus.",
+      "attributes": [
+        {
+          "name": "disabled",
+          "description": "Disables the focus trap.",
+          "values": []
+        }
+      ],
+      "references": []
+    },
+    {
+      "name": "m3e-collapsible",
+      "description": "A container used to expand and collapse content.\n---\n\n\n### **Events:**\n - **opening** - Emitted when the collapsible begins to open.\n- **opened** - Emitted when the collapsible has opened.\n- **closing** - Emitted when the collapsible begins to close.\n- **closed** - Emitted when the collapsible has closed.\n\n### **Slots:**\n - _default_ - Renders the collapsible content.\n\n### **CSS Properties:**\n - **--m3e-collapsible-animation-duration** - The duration of the expand / collapse animation. _(default: undefined)_",
+      "attributes": [
+        {
+          "name": "open",
+          "description": "Whether content is visible.",
+          "values": []
+        }
+      ],
+      "references": []
+    },
+    {
+      "name": "m3e-elevation",
+      "description": "Visually depicts elevation using a shadow.\n---\n\n\n### **CSS Properties:**\n - **--m3e-elevation-color** - Color used to depict elevation. _(default: undefined)_\n- **--m3e-elevation-lift-duration** - Duration when lifting. _(default: undefined)_\n- **--m3e-elevation-lift-easing** - Easing curve when lifting. _(default: undefined)_\n- **--m3e-elevation-settle-duration** - Duration when settling. _(default: undefined)_\n- **--m3e-elevation-settle-easing** - Easing curve when settling. _(default: undefined)_\n- **--m3e-elevation-level** - Elevation when resting (box-shadow). _(default: undefined)_\n- **--m3e-elevation-hover-level** - Elevation on hover (box-shadow). _(default: undefined)_\n- **--m3e-elevation-focus-level** - Elevation on focus (box-shadow). _(default: undefined)_\n- **--m3e-elevation-pressed-level** - Elevation on pressed (box-shadow). _(default: undefined)_",
+      "attributes": [
+        {
+          "name": "disabled",
+          "description": "Whether hover and press events will not trigger changes in elevation, when attached to an interactive element.",
+          "values": []
+        },
+        {
+          "name": "for",
+          "description": "The identifier of the interactive control to which this element is attached.",
+          "values": []
+        },
+        {
+          "name": "level",
+          "description": "The level at which to visually depict elevation.",
+          "values": [{ "name": "ElevationLevel" }]
+        }
+      ],
+      "references": []
+    },
+    {
+      "name": "m3e-focus-ring",
+      "description": "A focus ring used to depict a strong focus indicator.\n---\n\n\n### **Methods:**\n - **show(): _void_** - Launches a manual focus ring.\n- **hide(): _void_** - Hides the focus ring.\n\n### **CSS Properties:**\n - **--m3e-focus-ring-color** - The color of the focus ring. _(default: undefined)_\n- **--m3e-focus-ring-duration** - The duration of the focus ring animation. _(default: undefined)_\n- **--m3e-focus-ring-growth-factor** - The factor by which the focus ring grows. _(default: undefined)_\n- **--m3e-focus-ring-thickness** - The thickness of the focus ring. _(default: undefined)_\n- **--m3e-focus-ring-visibility** - The visibility of the focus ring. _(default: undefined)_",
+      "attributes": [
+        {
+          "name": "disabled",
+          "description": "Whether the focus events will not trigger the focus ring.\r\nFocus rings can be still controlled manually by using the `show` and `hide` methods.",
+          "values": []
+        },
+        {
+          "name": "inward",
+          "description": "Whether the focus ring animates inward instead of outward.",
+          "values": []
+        },
+        { "name": "for", "values": [] }
+      ],
+      "references": []
+    },
+    {
+      "name": "m3e-pseudo-checkbox",
+      "description": "An element which looks like a checkbox.\n---\n\n\n### **CSS Properties:**\n - **--m3e-checkbox-icon-size** - Size of the checkbox icon. _(default: undefined)_\n- **--m3e-checkbox-container-shape** - Border radius of the checkbox container. _(default: undefined)_\n- **--m3e-checkbox-unselected-outline-thickness** - Outline thickness for unselected state. _(default: undefined)_\n- **--m3e-checkbox-unselected-outline-color** - Outline color for unselected state. _(default: undefined)_\n- **--m3e-checkbox-selected-container-color** - Background color for selected state. _(default: undefined)_\n- **--m3e-checkbox-selected-icon-color** - Icon color for selected state. _(default: undefined)_\n- **--m3e-checkbox-unselected-disabled-outline-color** - Outline color for unselected disabled state. _(default: undefined)_\n- **--m3e-checkbox-unselected-disabled-outline-opacity** - Outline opacity for unselected disabled state. _(default: undefined)_\n- **--m3e-checkbox-selected-disabled-container-color** - Background color for selected disabled state. _(default: undefined)_\n- **--m3e-checkbox-selected-disabled-container-opacity** - Background opacity for selected disabled state. _(default: undefined)_\n- **--m3e-checkbox-selected-disabled-icon-color** - Icon color for selected disabled state. _(default: undefined)_\n- **--m3e-checkbox-selected-disabled-icon-opacity** - Icon opacity for selected disabled state. _(default: undefined)_",
+      "attributes": [
+        {
+          "name": "checked",
+          "description": "A value indicating whether the element is checked.",
+          "values": []
+        },
+        {
+          "name": "disabled",
+          "description": "A value indicating whether the element is disabled.",
+          "values": []
+        },
+        {
+          "name": "indeterminate",
+          "description": "A value indicating whether the element's checked state is indeterminate.",
+          "values": []
+        }
+      ],
+      "references": []
+    },
+    {
+      "name": "m3e-pseudo-radio",
+      "description": "An element which looks like a radio button.\n---\n\n\n### **CSS Properties:**\n - **--m3e-radio-icon-size** - Size of the radio icon. _(default: undefined)_\n- **--m3e-radio-unselected-icon-color** - Color of the unselected radio icon. _(default: undefined)_\n- **--m3e-radio-selected-icon-color** - Color of the selected radio icon. _(default: undefined)_\n- **--m3e-radio-disabled-icon-color** - Color of the disabled radio icon. _(default: undefined)_",
+      "attributes": [
+        {
+          "name": "checked",
+          "description": "A value indicating whether the element is checked.",
+          "values": []
+        },
+        {
+          "name": "disabled",
+          "description": "A value indicating whether the element is disabled.",
+          "values": []
+        }
+      ],
+      "references": []
+    },
+    {
+      "name": "m3e-ripple",
+      "description": "Connects user input to screen reactions using ripples.\n---\n\n\n### **Methods:**\n - **show(x: _number_, y: _number_, persistent: _boolean_): _void_** - Launches a manual ripple.\n- **hide(): _void_** - Manually hides the ripple.\n\n### **CSS Properties:**\n - **--m3e-ripple-color** - The color of the ripple. _(default: undefined)_\n- **--m3e-ripple-enter-duration** - The duration for the enter animation (expansion from point of contact). _(default: undefined)_\n- **--m3e-ripple-exit-duration** - The duration for the exit animation (fade-out). _(default: undefined)_\n- **--m3e-ripple-opacity** - The opacity of the ripple. _(default: undefined)_\n- **--m3e-ripple-scale-factor** - The factor by which to scale the ripple. _(default: undefined)_\n- **--m3e-ripple-shape** - The shape of the ripple. _(default: undefined)_",
+      "attributes": [
+        {
+          "name": "centered",
+          "description": "Whether the ripple always originates from the center of the element's bounds, rather\r\nthan originating from the location of the click event.",
+          "values": []
+        },
+        {
+          "name": "disable-enter",
+          "description": "Whether the ripple is disabled when the enter key is pressed.",
+          "values": []
+        },
+        {
+          "name": "disabled",
+          "description": "Whether click events will not trigger the ripple.\r\nRipples can be still controlled manually by using the `show` and 'hide' methods.",
+          "values": []
+        },
+        {
+          "name": "for",
+          "description": "The identifier of the interactive control to which this element is attached.",
+          "values": []
+        },
+        {
+          "name": "radius",
+          "description": "The radius, in pixels, of the ripple.",
+          "values": []
+        },
+        {
+          "name": "unbounded",
+          "description": "Whether the ripple is visible outside the element's bounds.",
+          "values": []
+        },
+        {
+          "name": "trigger",
+          "description": "The element that triggers the ripple when click events are received.",
+          "values": [{ "name": "HTMLElement" }]
+        }
+      ],
+      "references": []
+    },
+    {
+      "name": "m3e-scroll-container",
+      "description": "A vertically oriented content container which presents dividers above and below content when scrolled.\n---\n\n\n### **Slots:**\n - _default_ - Renders the scrollable content.\n\n### **CSS Properties:**\n - **--m3e-divider-thickness** - Thickness of the divider lines above and below content. _(default: undefined)_\n- **--m3e-divider-color** - Color of the divider lines when visible. _(default: undefined)_\n- **--m3e-focus-ring-color** - Color of the focus ring outline. _(default: undefined)_\n- **--m3e-focus-ring-thickness** - Thickness of the focus ring outline. _(default: undefined)_\n- **--m3e-focus-ring-factor** - Animation factor for focus ring thickness. _(default: undefined)_\n- **--m3e-focus-ring-duration** - Duration of the focus ring animation. _(default: undefined)_",
+      "attributes": [
+        {
+          "name": "dividers",
+          "description": "The dividers used to separate scrollable content.",
+          "values": [{ "name": "ScrollDividers" }]
+        },
+        {
+          "name": "thin",
+          "description": "Whether to present thin scrollbars.",
+          "values": []
+        }
+      ],
+      "references": []
+    },
+    {
+      "name": "m3e-slide",
+      "description": "A carousel-like container used to horizontally cycle through slotted items.\n---\n\n\n### **CSS Properties:**\n - **--m3e-slide-animation-duration** - The duration of transitions between slotted items. _(default: undefined)_",
+      "attributes": [
+        {
+          "name": "selected-index",
+          "description": "The zero-based index of the visible item.",
+          "values": []
+        }
+      ],
+      "references": []
+    },
+    {
+      "name": "m3e-state-layer",
+      "description": "Provides focus and hover state layer treatment for an interactive element.\n---\n\n\n### **Methods:**\n - **show(state: _\"hover\" | \"focused\"_): _void_** - Launches a manual state layer.\n- **hide(state: _\"hover\" | \"focused\"_): _void_** - Hides the state layer.\n\n### **CSS Properties:**\n - **--m3e-state-layer-duration** - Duration of state layer changes. _(default: undefined)_\n- **--m3e-state-layer-easing** - Easing curve of state layer changes. _(default: undefined)_\n- **--m3e-state-layer-focus-color** - Color on hover. _(default: undefined)_\n- **--m3e-state-layer-focus-opacity** - Opacity on focus. _(default: undefined)_\n- **--m3e-state-layer-hover-color** - Color on hover. _(default: undefined)_\n- **--m3e-state-layer-hover-opacity** - Opacity on hover. _(default: undefined)_",
+      "attributes": [
+        {
+          "name": "disabled",
+          "description": "Whether hover and focus event will not trigger the state layer. State layers can still\r\nbe controlled manually using the `show` and `hide` methods.",
+          "values": []
+        },
+        { "name": "for", "values": [] }
+      ],
+      "references": []
+    },
+    {
+      "name": "m3e-text-overflow",
+      "description": "An inline container which presents an ellipsis when content overflows.\n---\n\n\n### **Slots:**\n - _default_ - Renders the content to truncate with an ellipsis.",
+      "attributes": [],
+      "references": []
+    }
+  ]
+}