Refactor #2801 - InputSwitch

api-generator/components/inputswitch.js

@@ -5,18 +5,6 @@ const InputSwitchProps = [
         default: "null",
         description: "Specifies whether a inputswitch should be checked or not."
     },
-    {
-        name: "class",
-        type: "string",
-        default: "null",
-        description: "Style class of the component."
-    },
-    {
-        name: "style",
-        type: "any",
-        default: "null",
-        description: "Inline of the component."
-    },
     {
         name: "trueValue",
         type: "any",
@@ -28,7 +16,25 @@ const InputSwitchProps = [
         type: "any",
         default: "null",
         description: "Value in unchecked state."
-    }
+    },
+    {
+        name: "inputId",
+        type: "string",
+        default: "null",
+        description: "Identifier of the underlying input element."
+    },
+    {
+        name: "inputStyle",
+        type: "any",
+        default: "null",
+        description: "Inline style of the input field."
+    },
+    {
+        name: "inputClass",
+        type: "string",
+        default: "null",
+        description: "Style class of the input field."
+    },
 ];
 
 const InputSwitchEvents = [

src/components/inputswitch/InputSwitch.d.ts

@@ -5,14 +5,6 @@ export interface InputSwitchProps {
      * Specifies whether a inputswitch should be checked or not.
      */
     modelValue?: boolean | string | undefined;
-    /**
-     * Inline style of the component.
-     */
-    class?: any;
-    /**
-     * Style class of the component input field.
-     */
-    style?: any;
     /**
      * Value in checked state.
      */
@@ -21,6 +13,22 @@ export interface InputSwitchProps {
      * Value in unchecked state.
      */
     falseValue?: any;
+    /**
+     * 	Identifier of the underlying input element.
+     */
+    inputId?: string | undefined;
+    /**
+     * Style class of the input field.
+     */
+    inputClass?: any | undefined;
+    /**
+     * Inline style of the input field.
+     */
+    inputStyle?: any | undefined;
+    /**
+     * 
+     */
+    inputProps?: object | undefined;
 }
 
 export interface InputSwitchSlots {

src/components/inputswitch/InputSwitch.vue

@@ -1,7 +1,7 @@
 <template>
     <div :class="containerClass" @click="onClick($event)">
         <div class="p-hidden-accessible">
-            <input :id="inputId" ref="input" type="checkbox" role="switch" :checked="checked" :disabled="disabled"
+            <input :id="inputId" ref="input" type="checkbox" role="switch" :class="inputClass" :style="inputStyle" :checked="checked" :disabled="disabled"
                 @focus="onFocus($event)" @blur="onBlur($event)" v-bind="inputProps">
         </div>
         <span class="p-inputswitch-slider"></span>
@@ -30,6 +30,8 @@ export default {
             default: false
         },
         inputId: null,
+        inputClass: null,
+        inputStyle: null,
         inputProps: null
     },
     data() {

src/views/inputswitch/InputSwitchDoc.vue

@@ -62,18 +62,6 @@ export default {
                         <td>boolean</td>
                         <td>null</td>
                         <td>Specifies whether a inputswitch should be checked or not.</td>
-                    </tr>
-					<tr>
-                        <td>style</td>
-                        <td>any</td>
-                        <td>null</td>
-                        <td>Style class of the component input field.</td>
-                    </tr>
-                    <tr>
-                        <td>class</td>
-                        <td>string</td>
-                        <td>null</td>
-                        <td>Inline style of the component.</td>
                     </tr>
 					<tr>
                         <td>trueValue</td>
@@ -86,6 +74,24 @@ export default {
                         <td>any</td>
                         <td>null</td>
                         <td>Value in unchecked state.</td>
+                    </tr>
+					<tr>
+                        <td>inputId</td>
+                        <td>string</td>
+                        <td>null</td>
+                        <td>Style class of the component input field.</td>
+                    </tr>
+                    <tr>
+                        <td>inputClass</td>
+                        <td>string</td>
+                        <td>null</td>
+                        <td>Style class of the input field.</td>
+                    </tr>
+                    <tr>
+                        <td>inputStyle</td>
+                        <td>any</td>
+                        <td>null</td>
+                        <td>Inline style of the input field.</td>
                     </tr>
 				</tbody>
 			</table>