feat: export input elements

Signed-off-by: Florian-Schoenherr <[email protected]>

Author: Florian-Schoenherr

packages/api-generator/dist/index.js

@@ -240,6 +240,21 @@
         "type": "object"
       },
       "defaultValue": null
+    },
+    {
+      "visibility": "public",
+      "description": null,
+      "keywords": [],
+      "name": "button",
+      "kind": "let",
+      "static": false,
+      "readonly": false,
+      "type": {
+        "kind": "type",
+        "text": "object",
+        "type": "object"
+      },
+      "defaultValue": null
     }
   ],
   "computed": [],

packages/api-generator/src/Button.json

@@ -148,6 +148,21 @@
         "type": "object"
       },
       "defaultValue": null
+    },
+    {
+      "keywords": [],
+      "visibility": "public",
+      "description": "The <input/> element of the checkbox.",
+      "name": "inputElement",
+      "kind": "let",
+      "static": false,
+      "readonly": false,
+      "type": {
+        "kind": "type",
+        "text": "object",
+        "type": "object"
+      },
+      "defaultValue": null
     }
   ],
   "computed": [],

packages/api-generator/src/Checkbox.json

@@ -111,6 +111,21 @@
         "type": "object"
       },
       "defaultValue": null
+    },
+    {
+      "keywords": [],
+      "visibility": "public",
+      "description": "The <input/> element of the radio.",
+      "name": "inputElement",
+      "kind": "let",
+      "static": false,
+      "readonly": false,
+      "type": {
+        "kind": "type",
+        "text": "object",
+        "type": "object"
+      },
+      "defaultValue": null
     }
   ],
   "computed": [],

packages/api-generator/src/Radio.json

@@ -156,6 +156,21 @@
         "type": "object"
       },
       "defaultValue": null
+    },
+    {
+      "keywords": [],
+      "visibility": "public",
+      "description": "The <input/> element of the switch.",
+      "name": "inputElement",
+      "kind": "let",
+      "static": false,
+      "readonly": false,
+      "type": {
+        "kind": "type",
+        "text": "object",
+        "type": "object"
+      },
+      "defaultValue": null
     }
   ],
   "computed": [],

packages/api-generator/src/Switch.json

@@ -349,10 +349,34 @@
         "type": "object"
       },
       "defaultValue": null
+    },
+    {
+      "visibility": "public",
+      "description": null,
+      "keywords": [],
+      "name": "inputElement",
+      "kind": "let",
+      "static": false,
+      "readonly": false,
+      "type": {
+        "kind": "type",
+        "text": "object",
+        "type": "object"
+      },
+      "defaultValue": null
     }
   ],
   "computed": [],
-  "methods": [],
+  "methods": [
+    {
+      "visibility": "public",
+      "description": null,
+      "keywords": [],
+      "name": "validate",
+      "args": [],
+      "static": false
+    }
+  ],
   "components": [],
   "description": null,
   "keywords": [],
@@ -364,7 +388,7 @@
       "locations": null,
       "loc": null,
       "visibility": "public",
-      "description": "Slot for prepend inside the input.",
+      "description": "keypress Event is deprecated. Use keydown or keyup instead",
       "keywords": []
     },
     {
@@ -408,7 +432,7 @@
       "keywords": []
     },
     {
-      "name": "keyup",
+      "name": "keydown",
       "parent": "input",
       "modificators": [],
       "locations": null,
@@ -418,7 +442,7 @@
       "keywords": []
     },
     {
-      "name": "keydown",
+      "name": "keyup",
       "parent": "input",
       "modificators": [],
       "locations": null,

packages/api-generator/src/TextField.json

@@ -364,6 +364,21 @@
         "type": "object"
       },
       "defaultValue": null
+    },
+    {
+      "visibility": "public",
+      "description": null,
+      "keywords": [],
+      "name": "textarea",
+      "kind": "let",
+      "static": false,
+      "readonly": false,
+      "type": {
+        "kind": "type",
+        "text": "object",
+        "type": "object"
+      },
+      "defaultValue": null
     }
   ],
   "computed": [],

packages/api-generator/src/Textarea.json

@@ -19,12 +19,14 @@
   export let type = 'button';
   export let ripple = {};
   export let style = null;
+  export let button = null;
 </script>
 
 <style lang="scss" src="./Button.scss" global>
 </style>
 
 <button
+  bind:this={button}
   class="s-btn size-{size} {klass}"
   class:s-btn--fab={fab}
   class:icon

packages/svelte-materialify/src/components/Button/Button.svelte

@@ -37,6 +37,9 @@
   // Styles to add to checkbox.
   export let style = null;
 
+  // The <input/> element of the checkbox.
+  export let inputElement = null;
+
   id = id || `s-checkbox-${uid(5)}`;
 
   $: hasValidGroup = Array.isArray(group);
@@ -68,6 +71,7 @@
     use:TextColor={checked || indeterminate ? color : false}>
     <input
       type="checkbox"
+      bind:this={inputElement}
       role="checkbox"
       aria-checked={checked}
       bind:checked

packages/svelte-materialify/src/components/Checkbox/Checkbox.svelte

@@ -28,6 +28,9 @@
   // Styles for the radio wrapper.
   export let style = null;
 
+  // The <input/> element of the radio.
+  export let inputElement = null;
+
   id = id || `s-radio-${uid(5)}`;
   $: active = group === value;
 </script>
@@ -43,6 +46,7 @@
     use:Ripple={{ centered: true }}>
     <input
       type="radio"
+      bind:this={inputElement}
       role="radio"
       aria-selected={active}
       bind:group