Refactor

api-generator/components/password.js

@@ -89,18 +89,6 @@ const PasswordProps = [
         default: "null",
         description: "Style class of the input field."
     },
-    {
-        name: "class",
-        type: "string",
-        default: "null",
-        description: "Style class of the component."
-    },
-    {
-        name: "style",
-        type: "any",
-        default: "null",
-        description: "Inline of the component."
-    },
     {
         name: "panelClass",
         type: "string",

src/components/password/Password.d.ts

@@ -66,23 +66,15 @@ export interface PasswordProps extends InputHTMLAttributes {
     /**
      * Inline style of the input field.
      */
-    inputStyle?: any;
+    inputStyle?: any | undefined;
     /**
      * Style class of the input field.
      */
-    inputClass?: any;
-    /**
-     * Inline style of the component.
-     */
-    style?: any;
-    /**
-     * Style class of the component input field.
-     */
-    class?: any;
+    inputClass?: any | undefined;
     /**
      * Style class of the overlay panel.
      */
-    panelClass?: any;
+    panelClass?: any | undefined;
 }
 
 export interface PasswordSlots {

src/components/password/Password.vue

@@ -1,6 +1,6 @@
 <template>
     <div :class="containerClass">
-        <PInputText ref="input" :id="inputId" :type="inputType" :value="modelValue" @input="onInput" @focus="onFocus" @blur="onBlur" @keyup="onKeyUp" v-bind="inputProps" />
+        <PInputText ref="input" :id="inputId" :type="inputType" :class="inputClass" :style="inputStyle" :value="modelValue" @input="onInput" @focus="onFocus" @blur="onBlur" @keyup="onKeyUp" v-bind="inputProps" />
         <i v-if="toggleMask" :class="toggleIconClass" @click="onMaskToggle" />
         <span class="p-hidden-accessible" aria-live="polite">
             {{infoText}}
@@ -86,6 +86,8 @@ export default {
             type: Boolean,
             default: false
         },
+        inputClass: null,
+        inputStyle: null,
         inputProps: null
     },
     data() {

src/views/password/PasswordDoc.vue

@@ -167,18 +167,6 @@ import Password from 'primevue/password';
                         <td>null</td>
                         <td>Style class of the input field.</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>panelClass</td>
                         <td>string</td>