@m3e/switch 1.0.0-rc.1

package/dist/custom-elements.json

@@ -0,0 +1,633 @@
+{
+  "schemaVersion": "1.0.0",
+  "readme": "",
+  "modules": [
+    {
+      "kind": "javascript-module",
+      "path": "src/index.ts",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "\"./SwitchElement\""
+          }
+        },
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "\"./SwitchIcons\""
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/SwitchElement.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "M3eSwitchElement",
+          "cssProperties": [
+            {
+              "description": "Color of the icon when the switch is selected.",
+              "name": "--m3e-switch-selected-icon-color"
+            },
+            {
+              "description": "Size of the icon in the selected state.",
+              "name": "--m3e-switch-selected-icon-size"
+            },
+            {
+              "description": "Color of the icon when the switch is unselected.",
+              "name": "--m3e-switch-unselected-icon-color"
+            },
+            {
+              "description": "Size of the icon in the unselected state.",
+              "name": "--m3e-switch-unselected-icon-size"
+            },
+            {
+              "description": "Height of the switch track.",
+              "name": "--m3e-switch-track-height"
+            },
+            {
+              "description": "Width of the switch track.",
+              "name": "--m3e-switch-track-width"
+            },
+            {
+              "description": "Color of the track’s outline.",
+              "name": "--m3e-switch-track-outline-color"
+            },
+            {
+              "description": "Thickness of the track’s outline.",
+              "name": "--m3e-switch-track-outline-width"
+            },
+            {
+              "description": "Corner shape of the track.",
+              "name": "--m3e-switch-track-shape"
+            },
+            {
+              "description": "Track color when selected.",
+              "name": "--m3e-switch-selected-track-color"
+            },
+            {
+              "description": "Track color when unselected.",
+              "name": "--m3e-switch-unselected-track-color"
+            },
+            {
+              "description": "Height of the handle when unselected.",
+              "name": "--m3e-switch-unselected-handle-height"
+            },
+            {
+              "description": "Width of the handle when unselected.",
+              "name": "--m3e-switch-unselected-handle-width"
+            },
+            {
+              "description": "Height of the handle when icons are present.",
+              "name": "--m3e-switch-with-icon-handle-height"
+            },
+            {
+              "description": "Width of the handle when icons are present.",
+              "name": "--m3e-switch-with-icon-handle-width"
+            },
+            {
+              "description": "Height of the handle when selected.",
+              "name": "--m3e-switch-selected-handle-height"
+            },
+            {
+              "description": "Width of the handle when selected.",
+              "name": "--m3e-switch-selected-handle-width"
+            },
+            {
+              "description": "Height of the handle during press.",
+              "name": "--m3e-switch-pressed-handle-height"
+            },
+            {
+              "description": "Width of the handle during press.",
+              "name": "--m3e-switch-pressed-handle-width"
+            },
+            {
+              "description": "Corner shape of the handle.",
+              "name": "--m3e-switch-handle-shape"
+            },
+            {
+              "description": "Handle color when selected.",
+              "name": "--m3e-switch-selected-handle-color"
+            },
+            {
+              "description": "Handle color when unselected.",
+              "name": "--m3e-switch-unselected-handle-color"
+            },
+            {
+              "description": "Diameter of the state layer overlay.",
+              "name": "--m3e-switch-state-layer-size"
+            },
+            {
+              "description": "Corner shape of the state layer.",
+              "name": "--m3e-switch-state-layer-shape"
+            },
+            {
+              "description": "Icon color when selected and disabled.",
+              "name": "--m3e-switch-disabled-selected-icon-color"
+            },
+            {
+              "description": "Icon opacity when selected and disabled.",
+              "name": "--m3e-switch-disabled-selected-icon-opacity"
+            },
+            {
+              "description": "Icon color when unselected and disabled.",
+              "name": "--m3e-switch-disabled-unselected-icon-color"
+            },
+            {
+              "description": "Icon opacity when unselected and disabled.",
+              "name": "--m3e-switch-disabled-unselected-icon-opacity"
+            },
+            {
+              "description": "Track opacity when disabled.",
+              "name": "--m3e-switch-disabled-track-opacity"
+            },
+            {
+              "description": "Track color when selected and disabled.",
+              "name": "--m3e-switch-disabled-selected-track-color"
+            },
+            {
+              "description": "Track color when unselected and disabled.",
+              "name": "--m3e-switch-disabled-unselected-track-color"
+            },
+            {
+              "description": "Outline color when unselected and disabled.",
+              "name": "--m3e-switch-disabled-unselected-track-outline-color"
+            },
+            {
+              "description": "Handle opacity when unselected and disabled.",
+              "name": "--m3e-switch-disabled-unselected-handle-opacity"
+            },
+            {
+              "description": "Handle opacity when selected and disabled.",
+              "name": "--m3e-switch-disabled-selected-handle-opacity"
+            },
+            {
+              "description": "Handle color when selected and disabled.",
+              "name": "--m3e-switch-disabled-selected-handle-color"
+            },
+            {
+              "description": "Handle color when unselected and disabled.",
+              "name": "--m3e-switch-disabled-unselected-handle-color"
+            },
+            {
+              "description": "Icon color when selected and hovered.",
+              "name": "--m3e-switch-selected-hover-icon-color"
+            },
+            {
+              "description": "Icon color when unselected and hovered.",
+              "name": "--m3e-switch-unselected-hover-icon-color"
+            },
+            {
+              "description": "Track color when selected and hovered.",
+              "name": "--m3e-switch-selected-hover-track-color"
+            },
+            {
+              "description": "State layer color when selected and hovered.",
+              "name": "--m3e-switch-selected-hover-state-layer-color"
+            },
+            {
+              "description": "State layer opacity when selected and hovered.",
+              "name": "--m3e-switch-selected-hover-state-layer-opacity"
+            },
+            {
+              "description": "Track color when unselected and hovered.",
+              "name": "--m3e-switch-unselected-hover-track-color"
+            },
+            {
+              "description": "Outline color when unselected and hovered.",
+              "name": "--m3e-switch-unselected-hover-track-outline-color"
+            },
+            {
+              "description": "State layer color when unselected and hovered.",
+              "name": "--m3e-switch-unselected-hover-state-layer-color"
+            },
+            {
+              "description": "State layer opacity when unselected and hovered.",
+              "name": "--m3e-switch-unselected-hover-state-layer-opacity"
+            },
+            {
+              "description": "Handle color when selected and hovered.",
+              "name": "--m3e-switch-selected-hover-handle-color"
+            },
+            {
+              "description": "Handle color when unselected and hovered.",
+              "name": "--m3e-switch-unselected-hover-handle-color"
+            },
+            {
+              "description": "Icon color when selected and focused.",
+              "name": "--m3e-switch-selected-focus-icon-color"
+            },
+            {
+              "description": "Icon color when unselected and focused.",
+              "name": "--m3e-switch-unselected-focus-icon-color"
+            },
+            {
+              "description": "Track color when selected and focused.",
+              "name": "--m3e-switch-selected-focus-track-color"
+            },
+            {
+              "description": "State layer color when selected and focused.",
+              "name": "--m3e-switch-selected-focus-state-layer-color"
+            },
+            {
+              "description": "State layer opacity when selected and focused.",
+              "name": "--m3e-switch-selected-focus-state-layer-opacity"
+            },
+            {
+              "description": "Track color when unselected and focused.",
+              "name": "--m3e-switch-unselected-focus-track-color"
+            },
+            {
+              "description": "Outline color when unselected and focused.",
+              "name": "--m3e-switch-unselected-focus-track-outline-color"
+            },
+            {
+              "description": "State layer color when unselected and focused.",
+              "name": "--m3e-switch-unselected-focus-state-layer-color"
+            },
+            {
+              "description": "State layer opacity when unselected and focused.",
+              "name": "--m3e-switch-unselected-focus-state-layer-opacity"
+            },
+            {
+              "description": "Handle color when selected and focused.",
+              "name": "--m3e-switch-selected-focus-handle-color"
+            },
+            {
+              "description": "Handle color when unselected and focused.",
+              "name": "--m3e-switch-unselected-focus-handle-color"
+            },
+            {
+              "description": "Icon color when selected and pressed.",
+              "name": "--m3e-switch-selected-pressed-icon-color"
+            },
+            {
+              "description": "Icon color when unselected and pressed.",
+              "name": "--m3e-switch-unselected-pressed-icon-color"
+            },
+            {
+              "description": "Track color when selected and pressed.",
+              "name": "--m3e-switch-selected-pressed-track-color"
+            },
+            {
+              "description": "State layer color when selected and pressed.",
+              "name": "--m3e-switch-selected-pressed-state-layer-color"
+            },
+            {
+              "description": "State layer opacity when selected and pressed.",
+              "name": "--m3e-switch-selected-pressed-state-layer-opacity"
+            },
+            {
+              "description": "Track color when unselected and pressed.",
+              "name": "--m3e-switch-unselected-pressed-track-color"
+            },
+            {
+              "description": "Outline color when unselected and pressed.",
+              "name": "--m3e-switch-unselected-pressed-track-outline-color"
+            },
+            {
+              "description": "State layer color when unselected and pressed.",
+              "name": "--m3e-switch-unselected-pressed-state-layer-color"
+            },
+            {
+              "description": "State layer opacity when unselected and pressed.",
+              "name": "--m3e-switch-unselected-pressed-state-layer-opacity"
+            },
+            {
+              "description": "Handle color when selected and pressed.",
+              "name": "--m3e-switch-selected-pressed-handle-color"
+            },
+            {
+              "description": "Handle color when unselected and pressed.",
+              "name": "--m3e-switch-unselected-pressed-handle-color"
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "_track",
+              "type": {
+                "text": "HTMLElement | undefined"
+              },
+              "privacy": "private",
+              "readonly": true
+            },
+            {
+              "kind": "field",
+              "name": "_focusRing",
+              "type": {
+                "text": "M3eFocusRingElement | undefined"
+              },
+              "privacy": "private",
+              "readonly": true
+            },
+            {
+              "kind": "field",
+              "name": "_stateLayer",
+              "type": {
+                "text": "M3eStateLayerElement | undefined"
+              },
+              "privacy": "private",
+              "readonly": true
+            },
+            {
+              "kind": "field",
+              "name": "#clickHandler",
+              "privacy": "private",
+              "readonly": true
+            },
+            {
+              "kind": "field",
+              "name": "#hoverController",
+              "privacy": "private",
+              "readonly": true,
+              "default": "new HoverController(this, { target: null, callback: (hovering) => { if (this.disabled) return; if (hovering) { this._stateLayer?.show(\"hover\"); } else { this._stateLayer?.hide(\"hover\"); } }, })"
+            },
+            {
+              "kind": "field",
+              "name": "#pressedController",
+              "privacy": "private",
+              "readonly": true,
+              "default": "new PressedController(this, { target: null, callback: (pressed) => this._track?.classList.toggle(\"pressed\", pressed && !this.disabled), })"
+            },
+            {
+              "kind": "field",
+              "name": "icons",
+              "type": {
+                "text": "SwitchIcons"
+              },
+              "default": "\"none\"",
+              "description": "The icons to present.",
+              "attribute": "icons",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "value",
+              "type": {
+                "text": "string"
+              },
+              "default": "\"on\"",
+              "description": "A string representing the value of the switch.",
+              "attribute": "value"
+            },
+            {
+              "kind": "field",
+              "name": "[formValue]",
+              "type": {
+                "text": "string | File | FormData | null"
+              },
+              "privacy": "private",
+              "readonly": true
+            },
+            {
+              "kind": "method",
+              "name": "#renderIcon",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "unknown"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "#handleClick",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "e",
+                  "type": {
+                    "text": "Event"
+                  }
+                }
+              ]
+            }
+          ],
+          "events": [
+            {
+              "name": "input",
+              "type": {
+                "text": "Event"
+              },
+              "description": "Emitted when the checked state changes."
+            },
+            {
+              "name": "change",
+              "type": {
+                "text": "Event"
+              },
+              "description": "Emitted when the checked state changes."
+            }
+          ],
+          "attributes": [
+            {
+              "description": "Whether the element is checked.",
+              "name": "checked"
+            },
+            {
+              "description": "Whether the element is disabled.",
+              "name": "disabled"
+            },
+            {
+              "description": "The icons to present.",
+              "name": "icons",
+              "type": {
+                "text": "SwitchIcons"
+              },
+              "default": "\"none\"",
+              "fieldName": "icons"
+            },
+            {
+              "description": "The name that identifies the element when submitting the associated form.",
+              "name": "name"
+            },
+            {
+              "description": "A string representing the value of the switch.",
+              "name": "value",
+              "type": {
+                "text": "string"
+              },
+              "default": "\"on\"",
+              "fieldName": "value"
+            }
+          ],
+          "mixins": [
+            {
+              "name": "Labelled",
+              "package": "@m3e/core"
+            },
+            {
+              "name": "Dirty",
+              "package": "@m3e/core"
+            },
+            {
+              "name": "Touched",
+              "package": "@m3e/core"
+            },
+            {
+              "name": "ConstraintValidation",
+              "package": "@m3e/core"
+            },
+            {
+              "name": "Checked",
+              "package": "@m3e/core"
+            },
+            {
+              "name": "FormAssociated",
+              "package": "@m3e/core"
+            },
+            {
+              "name": "KeyboardClick",
+              "package": "@m3e/core"
+            },
+            {
+              "name": "Focusable",
+              "package": "@m3e/core"
+            },
+            {
+              "name": "Disabled",
+              "package": "@m3e/core"
+            },
+            {
+              "name": "AttachInternals",
+              "package": "@m3e/core"
+            },
+            {
+              "name": "Role",
+              "package": "@m3e/core"
+            }
+          ],
+          "superclass": {
+            "name": "LitElement",
+            "package": "lit"
+          },
+          "tagName": "m3e-switch",
+          "customElement": true,
+          "summary": "An on/off control that can be toggled by clicking."
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "M3eSwitchElement",
+          "declaration": {
+            "name": "M3eSwitchElement",
+            "module": "src/SwitchElement.ts"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "m3e-switch",
+          "declaration": {
+            "name": "M3eSwitchElement",
+            "module": "src/SwitchElement.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/SwitchIcons.ts",
+      "declarations": [],
+      "exports": []
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/styles/index.ts",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "\"./SwitchHandleStyle\""
+          }
+        },
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "\"./SwitchIconStyle\""
+          }
+        },
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "\"./SwitchStateLayerStyle\""
+          }
+        },
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "\"./SwitchStyle\""
+          }
+        },
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "\"./SwitchTrackStyle\""
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/styles/SwitchHandleStyle.ts",
+      "declarations": [],
+      "exports": []
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/styles/SwitchIconStyle.ts",
+      "declarations": [],
+      "exports": []
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/styles/SwitchStateLayerStyle.ts",
+      "declarations": [],
+      "exports": []
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/styles/SwitchStyle.ts",
+      "declarations": [],
+      "exports": []
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/styles/SwitchToken.ts",
+      "declarations": [],
+      "exports": []
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/styles/SwitchTrackStyle.ts",
+      "declarations": [],
+      "exports": []
+    }
+  ]
+}

package/dist/html-custom-data.json

@@ -0,0 +1,38 @@
+{
+  "$schema": "https://raw.githubusercontent.com/microsoft/vscode-html-languageservice/main/docs/customData.schema.json",
+  "version": 1.1,
+  "tags": [
+    {
+      "name": "m3e-switch",
+      "description": "An on/off control that can be toggled by clicking.\n---\n\n\n### **Events:**\n - **input** - Emitted when the checked state changes.\n- **change** - Emitted when the checked state changes.\n\n### **CSS Properties:**\n - **--m3e-switch-selected-icon-color** - Color of the icon when the switch is selected. _(default: undefined)_\n- **--m3e-switch-selected-icon-size** - Size of the icon in the selected state. _(default: undefined)_\n- **--m3e-switch-unselected-icon-color** - Color of the icon when the switch is unselected. _(default: undefined)_\n- **--m3e-switch-unselected-icon-size** - Size of the icon in the unselected state. _(default: undefined)_\n- **--m3e-switch-track-height** - Height of the switch track. _(default: undefined)_\n- **--m3e-switch-track-width** - Width of the switch track. _(default: undefined)_\n- **--m3e-switch-track-outline-color** - Color of the track’s outline. _(default: undefined)_\n- **--m3e-switch-track-outline-width** - Thickness of the track’s outline. _(default: undefined)_\n- **--m3e-switch-track-shape** - Corner shape of the track. _(default: undefined)_\n- **--m3e-switch-selected-track-color** - Track color when selected. _(default: undefined)_\n- **--m3e-switch-unselected-track-color** - Track color when unselected. _(default: undefined)_\n- **--m3e-switch-unselected-handle-height** - Height of the handle when unselected. _(default: undefined)_\n- **--m3e-switch-unselected-handle-width** - Width of the handle when unselected. _(default: undefined)_\n- **--m3e-switch-with-icon-handle-height** - Height of the handle when icons are present. _(default: undefined)_\n- **--m3e-switch-with-icon-handle-width** - Width of the handle when icons are present. _(default: undefined)_\n- **--m3e-switch-selected-handle-height** - Height of the handle when selected. _(default: undefined)_\n- **--m3e-switch-selected-handle-width** - Width of the handle when selected. _(default: undefined)_\n- **--m3e-switch-pressed-handle-height** - Height of the handle during press. _(default: undefined)_\n- **--m3e-switch-pressed-handle-width** - Width of the handle during press. _(default: undefined)_\n- **--m3e-switch-handle-shape** - Corner shape of the handle. _(default: undefined)_\n- **--m3e-switch-selected-handle-color** - Handle color when selected. _(default: undefined)_\n- **--m3e-switch-unselected-handle-color** - Handle color when unselected. _(default: undefined)_\n- **--m3e-switch-state-layer-size** - Diameter of the state layer overlay. _(default: undefined)_\n- **--m3e-switch-state-layer-shape** - Corner shape of the state layer. _(default: undefined)_\n- **--m3e-switch-disabled-selected-icon-color** - Icon color when selected and disabled. _(default: undefined)_\n- **--m3e-switch-disabled-selected-icon-opacity** - Icon opacity when selected and disabled. _(default: undefined)_\n- **--m3e-switch-disabled-unselected-icon-color** - Icon color when unselected and disabled. _(default: undefined)_\n- **--m3e-switch-disabled-unselected-icon-opacity** - Icon opacity when unselected and disabled. _(default: undefined)_\n- **--m3e-switch-disabled-track-opacity** - Track opacity when disabled. _(default: undefined)_\n- **--m3e-switch-disabled-selected-track-color** - Track color when selected and disabled. _(default: undefined)_\n- **--m3e-switch-disabled-unselected-track-color** - Track color when unselected and disabled. _(default: undefined)_\n- **--m3e-switch-disabled-unselected-track-outline-color** - Outline color when unselected and disabled. _(default: undefined)_\n- **--m3e-switch-disabled-unselected-handle-opacity** - Handle opacity when unselected and disabled. _(default: undefined)_\n- **--m3e-switch-disabled-selected-handle-opacity** - Handle opacity when selected and disabled. _(default: undefined)_\n- **--m3e-switch-disabled-selected-handle-color** - Handle color when selected and disabled. _(default: undefined)_\n- **--m3e-switch-disabled-unselected-handle-color** - Handle color when unselected and disabled. _(default: undefined)_\n- **--m3e-switch-selected-hover-icon-color** - Icon color when selected and hovered. _(default: undefined)_\n- **--m3e-switch-unselected-hover-icon-color** - Icon color when unselected and hovered. _(default: undefined)_\n- **--m3e-switch-selected-hover-track-color** - Track color when selected and hovered. _(default: undefined)_\n- **--m3e-switch-selected-hover-state-layer-color** - State layer color when selected and hovered. _(default: undefined)_\n- **--m3e-switch-selected-hover-state-layer-opacity** - State layer opacity when selected and hovered. _(default: undefined)_\n- **--m3e-switch-unselected-hover-track-color** - Track color when unselected and hovered. _(default: undefined)_\n- **--m3e-switch-unselected-hover-track-outline-color** - Outline color when unselected and hovered. _(default: undefined)_\n- **--m3e-switch-unselected-hover-state-layer-color** - State layer color when unselected and hovered. _(default: undefined)_\n- **--m3e-switch-unselected-hover-state-layer-opacity** - State layer opacity when unselected and hovered. _(default: undefined)_\n- **--m3e-switch-selected-hover-handle-color** - Handle color when selected and hovered. _(default: undefined)_\n- **--m3e-switch-unselected-hover-handle-color** - Handle color when unselected and hovered. _(default: undefined)_\n- **--m3e-switch-selected-focus-icon-color** - Icon color when selected and focused. _(default: undefined)_\n- **--m3e-switch-unselected-focus-icon-color** - Icon color when unselected and focused. _(default: undefined)_\n- **--m3e-switch-selected-focus-track-color** - Track color when selected and focused. _(default: undefined)_\n- **--m3e-switch-selected-focus-state-layer-color** - State layer color when selected and focused. _(default: undefined)_\n- **--m3e-switch-selected-focus-state-layer-opacity** - State layer opacity when selected and focused. _(default: undefined)_\n- **--m3e-switch-unselected-focus-track-color** - Track color when unselected and focused. _(default: undefined)_\n- **--m3e-switch-unselected-focus-track-outline-color** - Outline color when unselected and focused. _(default: undefined)_\n- **--m3e-switch-unselected-focus-state-layer-color** - State layer color when unselected and focused. _(default: undefined)_\n- **--m3e-switch-unselected-focus-state-layer-opacity** - State layer opacity when unselected and focused. _(default: undefined)_\n- **--m3e-switch-selected-focus-handle-color** - Handle color when selected and focused. _(default: undefined)_\n- **--m3e-switch-unselected-focus-handle-color** - Handle color when unselected and focused. _(default: undefined)_\n- **--m3e-switch-selected-pressed-icon-color** - Icon color when selected and pressed. _(default: undefined)_\n- **--m3e-switch-unselected-pressed-icon-color** - Icon color when unselected and pressed. _(default: undefined)_\n- **--m3e-switch-selected-pressed-track-color** - Track color when selected and pressed. _(default: undefined)_\n- **--m3e-switch-selected-pressed-state-layer-color** - State layer color when selected and pressed. _(default: undefined)_\n- **--m3e-switch-selected-pressed-state-layer-opacity** - State layer opacity when selected and pressed. _(default: undefined)_\n- **--m3e-switch-unselected-pressed-track-color** - Track color when unselected and pressed. _(default: undefined)_\n- **--m3e-switch-unselected-pressed-track-outline-color** - Outline color when unselected and pressed. _(default: undefined)_\n- **--m3e-switch-unselected-pressed-state-layer-color** - State layer color when unselected and pressed. _(default: undefined)_\n- **--m3e-switch-unselected-pressed-state-layer-opacity** - State layer opacity when unselected and pressed. _(default: undefined)_\n- **--m3e-switch-selected-pressed-handle-color** - Handle color when selected and pressed. _(default: undefined)_\n- **--m3e-switch-unselected-pressed-handle-color** - Handle color when unselected and pressed. _(default: undefined)_",
+      "attributes": [
+        {
+          "name": "checked",
+          "description": "Whether the element is checked.",
+          "values": []
+        },
+        {
+          "name": "disabled",
+          "description": "Whether the element is disabled.",
+          "values": []
+        },
+        {
+          "name": "icons",
+          "description": "The icons to present.",
+          "values": [{ "name": "SwitchIcons" }]
+        },
+        {
+          "name": "name",
+          "description": "The name that identifies the element when submitting the associated form.",
+          "values": []
+        },
+        {
+          "name": "value",
+          "description": "A string representing the value of the switch.",
+          "values": []
+        }
+      ],
+      "references": []
+    }
+  ]
+}