@m3e/radio-group 1.0.0-rc.1

package/dist/custom-elements.json

@@ -0,0 +1,472 @@
+{
+  "schemaVersion": "1.0.0",
+  "readme": "",
+  "modules": [
+    {
+      "kind": "javascript-module",
+      "path": "src/index.ts",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "\"./RadioElement\""
+          }
+        },
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "\"./RadioGroupElement\""
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/RadioElement.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "M3eRadioElement",
+          "cssProperties": [
+            {
+              "description": "Base size of the radio button container.",
+              "name": "--m3e-radio-container-size"
+            },
+            {
+              "description": "Size of the radio icon inside the wrapper.",
+              "name": "--m3e-radio-icon-size"
+            },
+            {
+              "description": "Hover state layer color when radio is not selected.",
+              "name": "--m3e-radio-unselected-hover-color"
+            },
+            {
+              "description": "Focus state layer color when radio is not selected.",
+              "name": "--m3e-radio-unselected-focus-color"
+            },
+            {
+              "description": "Ripple color when radio is not selected.",
+              "name": "--m3e-radio-unselected-ripple-color"
+            },
+            {
+              "description": "Icon color when radio is not selected.",
+              "name": "--m3e-radio-unselected-icon-color"
+            },
+            {
+              "description": "Hover state layer color when radio is selected.",
+              "name": "--m3e-radio-selected-hover-color"
+            },
+            {
+              "description": "Focus state layer color when radio is selected.",
+              "name": "--m3e-radio-selected-focus-color"
+            },
+            {
+              "description": "Ripple color when radio is selected.",
+              "name": "--m3e-radio-selected-ripple-color"
+            },
+            {
+              "description": "Icon color when radio is selected.",
+              "name": "--m3e-radio-selected-icon-color"
+            },
+            {
+              "description": "Icon color when radio is disabled.",
+              "name": "--m3e-radio-disabled-icon-color"
+            }
+          ],
+          "members": [
+            {
+              "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": "_ripple",
+              "type": {
+                "text": "M3eRippleElement | 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) => { if (this.disabled) return; if (pressed) { this._ripple?.show(0, 0, true); } else { this._ripple?.hide(); } }, })"
+            },
+            {
+              "kind": "field",
+              "name": "value",
+              "type": {
+                "text": "string"
+              },
+              "default": "\"on\"",
+              "description": "A string representing the value of the radio.",
+              "attribute": "value"
+            },
+            {
+              "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": "A string representing the value of the radio.",
+              "name": "value",
+              "type": {
+                "text": "string"
+              },
+              "default": "\"on\"",
+              "fieldName": "value"
+            }
+          ],
+          "mixins": [
+            {
+              "name": "Dirty",
+              "package": "@m3e/core"
+            },
+            {
+              "name": "Touched",
+              "package": "@m3e/core"
+            },
+            {
+              "name": "Checked",
+              "package": "@m3e/core"
+            },
+            {
+              "name": "Labelled",
+              "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-radio",
+          "customElement": true,
+          "summary": "A radio button that allows a user to select one option from a set of options."
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "M3eRadioElement",
+          "declaration": {
+            "name": "M3eRadioElement",
+            "module": "src/RadioElement.ts"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "m3e-radio",
+          "declaration": {
+            "name": "M3eRadioElement",
+            "module": "src/RadioElement.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/RadioGroupElement.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "M3eRadioGroupElement",
+          "cssProperties": [
+            {
+              "description": "Fallback hover color used when the radio is invalid and touched.",
+              "name": "--m3e-radio-error-hover-color"
+            },
+            {
+              "description": "Fallback focus color used when the radio is invalid and touched.",
+              "name": "--m3e-radio-error-focus-color"
+            },
+            {
+              "description": "Fallback ripple color used when the radio is invalid and touched.",
+              "name": "--m3e-radio-error-ripple-color"
+            },
+            {
+              "description": "Fallback icon color used when the radio is invalid and touched.",
+              "name": "--m3e-radio-error-icon-color"
+            }
+          ],
+          "slots": [
+            {
+              "description": "Renders the radio buttons of the group.",
+              "name": ""
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "#focusOutHandler",
+              "privacy": "private",
+              "readonly": true
+            },
+            {
+              "kind": "field",
+              "name": "radios",
+              "type": {
+                "text": "readonly M3eRadioElement[]"
+              },
+              "description": "The radio buttons in the group.",
+              "readonly": true
+            },
+            {
+              "kind": "field",
+              "name": "selected",
+              "type": {
+                "text": "M3eRadioElement | null"
+              },
+              "description": "The selected radio.",
+              "readonly": true
+            },
+            {
+              "kind": "field",
+              "name": "value",
+              "type": {
+                "text": "string | null"
+              },
+              "description": "The selected value of the radio group.",
+              "readonly": true
+            },
+            {
+              "kind": "method",
+              "name": "#handleSlotChange",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "#handleKeyDown",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "e",
+                  "type": {
+                    "text": "KeyboardEvent"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "#handleChange",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "e",
+                  "type": {
+                    "text": "Event"
+                  }
+                }
+              ]
+            }
+          ],
+          "events": [
+            {
+              "name": "change",
+              "type": {
+                "text": "Event"
+              },
+              "description": "Emitted when the checked state of a radio button changes."
+            }
+          ],
+          "attributes": [
+            {
+              "description": "Whether the element is disabled.",
+              "name": "disabled"
+            },
+            {
+              "description": "The name that identifies the element when submitting the associated form.",
+              "name": "name"
+            },
+            {
+              "description": "Whether the element is required.",
+              "name": "required"
+            }
+          ],
+          "mixins": [
+            {
+              "name": "Labelled",
+              "package": "@m3e/core"
+            },
+            {
+              "name": "RequiredConstraintValidation",
+              "package": "@m3e/core"
+            },
+            {
+              "name": "Dirty",
+              "package": "@m3e/core"
+            },
+            {
+              "name": "Touched",
+              "package": "@m3e/core"
+            },
+            {
+              "name": "Required",
+              "package": "@m3e/core"
+            },
+            {
+              "name": "ConstraintValidation",
+              "package": "@m3e/core"
+            },
+            {
+              "name": "FormAssociated",
+              "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-radio-group",
+          "customElement": true,
+          "summary": "A container for a set of radio buttons that enforces single selection."
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "M3eRadioGroupElement",
+          "declaration": {
+            "name": "M3eRadioGroupElement",
+            "module": "src/RadioGroupElement.ts"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "m3e-radio-group",
+          "declaration": {
+            "name": "M3eRadioGroupElement",
+            "module": "src/RadioGroupElement.ts"
+          }
+        }
+      ]
+    }
+  ]
+}

package/dist/html-custom-data.json

@@ -0,0 +1,50 @@
+{
+  "$schema": "https://raw.githubusercontent.com/microsoft/vscode-html-languageservice/main/docs/customData.schema.json",
+  "version": 1.1,
+  "tags": [
+    {
+      "name": "m3e-radio",
+      "description": "A radio button that allows a user to select one option from a set of options.\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-radio-container-size** - Base size of the radio button container. _(default: undefined)_\n- **--m3e-radio-icon-size** - Size of the radio icon inside the wrapper. _(default: undefined)_\n- **--m3e-radio-unselected-hover-color** - Hover state layer color when radio is not selected. _(default: undefined)_\n- **--m3e-radio-unselected-focus-color** - Focus state layer color when radio is not selected. _(default: undefined)_\n- **--m3e-radio-unselected-ripple-color** - Ripple color when radio is not selected. _(default: undefined)_\n- **--m3e-radio-unselected-icon-color** - Icon color when radio is not selected. _(default: undefined)_\n- **--m3e-radio-selected-hover-color** - Hover state layer color when radio is selected. _(default: undefined)_\n- **--m3e-radio-selected-focus-color** - Focus state layer color when radio is selected. _(default: undefined)_\n- **--m3e-radio-selected-ripple-color** - Ripple color when radio is selected. _(default: undefined)_\n- **--m3e-radio-selected-icon-color** - Icon color when radio is selected. _(default: undefined)_\n- **--m3e-radio-disabled-icon-color** - Icon color when radio is disabled. _(default: undefined)_",
+      "attributes": [
+        {
+          "name": "checked",
+          "description": "Whether the element is checked.",
+          "values": []
+        },
+        {
+          "name": "disabled",
+          "description": "Whether the element is disabled.",
+          "values": []
+        },
+        {
+          "name": "value",
+          "description": "A string representing the value of the radio.",
+          "values": []
+        }
+      ],
+      "references": []
+    },
+    {
+      "name": "m3e-radio-group",
+      "description": "A container for a set of radio buttons that enforces single selection.\n---\n\n\n### **Events:**\n - **change** - Emitted when the checked state of a radio button changes.\n\n### **Slots:**\n - _default_ - Renders the radio buttons of the group.\n\n### **CSS Properties:**\n - **--m3e-radio-error-hover-color** - Fallback hover color used when the radio is invalid and touched. _(default: undefined)_\n- **--m3e-radio-error-focus-color** - Fallback focus color used when the radio is invalid and touched. _(default: undefined)_\n- **--m3e-radio-error-ripple-color** - Fallback ripple color used when the radio is invalid and touched. _(default: undefined)_\n- **--m3e-radio-error-icon-color** - Fallback icon color used when the radio is invalid and touched. _(default: undefined)_",
+      "attributes": [
+        {
+          "name": "disabled",
+          "description": "Whether the element is disabled.",
+          "values": []
+        },
+        {
+          "name": "name",
+          "description": "The name that identifies the element when submitting the associated form.",
+          "values": []
+        },
+        {
+          "name": "required",
+          "description": "Whether the element is required.",
+          "values": []
+        }
+      ],
+      "references": []
+    }
+  ]
+}