From 3a2dd2f159f92743ec3147c93248b905e0d63dc2 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Tu=C4=9F=C3=A7e=20K=C3=BC=C3=A7=C3=BCko=C4=9Flu?=
 <tugcekucukoglu.860@gmail.com>
Date: Tue, 5 Jul 2022 15:18:05 +0300
Subject: [PATCH] Accessibility for Password

---
 api-generator/components/password.js  | 6 ------
 src/components/password/Password.d.ts | 4 ----
 src/components/password/Password.vue  | 9 ++++++---
 src/views/password/PasswordDoc.vue    | 8 +-------
 4 files changed, 7 insertions(+), 20 deletions(-)

diff --git a/api-generator/components/password.js b/api-generator/components/password.js
index fd3c77456..0cb122793 100644
--- a/api-generator/components/password.js
+++ b/api-generator/components/password.js
@@ -5,12 +5,6 @@ const PasswordProps = [
         default: "null",
         description: "Value of the component."
     },
-    {
-        name: "id",
-        type: "string",
-        default: "null",
-        description: "Unique identifier of the element."
-    },
     {
         name: "inputId",
         type: "string",
diff --git a/src/components/password/Password.d.ts b/src/components/password/Password.d.ts
index 458fec443..5b0ecf340 100755
--- a/src/components/password/Password.d.ts
+++ b/src/components/password/Password.d.ts
@@ -8,10 +8,6 @@ export interface PasswordProps extends InputHTMLAttributes {
      * Value of the component.
      */
     modelValue?: Nullable<string>;
-    /**
-     * Unique identifier of the element.
-     */
-    id?: string | undefined;
     /**
      * Identifier of the underlying input element.
      */
diff --git a/src/components/password/Password.vue b/src/components/password/Password.vue
index 5d4a5bcd6..cf5b38167 100755
--- a/src/components/password/Password.vue
+++ b/src/components/password/Password.vue
@@ -1,6 +1,6 @@
 <template>
-    <div :class="containerClass" v-bind="passwordProps">
-        <PInputText ref="input" :type="inputType" :value="modelValue" @input="onInput" @focus="onFocus" @blur="onBlur" @keyup="onKeyUp" v-bind="inputProps" />
+    <div :class="containerClass">
+        <PInputText ref="input" :id="inputId" :type="inputType" :value="modelValue" @input="onInput" @focus="onFocus" @blur="onBlur" @keyup="onKeyUp" v-bind="inputProps" />
         <i v-if="toggleMask" :class="toggleIconClass" @click="onMaskToggle" />
         <Portal :appendTo="appendTo">
             <transition name="p-connected-overlay" @enter="onOverlayEnter" @leave="onOverlayLeave" @after-leave="onOverlayAfterLeave">
@@ -30,6 +30,10 @@ export default {
     emits: ['update:modelValue', 'change', 'focus', 'blur'],
     props: {
         modelValue: String,
+        inputId: {
+            type: String,
+            default: null
+        },
         promptLabel: {
             type: String,
             default: null
@@ -79,7 +83,6 @@ export default {
             type: Boolean,
             default: false
         },
-        passwordProps: null,
         inputProps: null
     },
     data() {
diff --git a/src/views/password/PasswordDoc.vue b/src/views/password/PasswordDoc.vue
index 2ee71ba2a..7c6564597 100755
--- a/src/views/password/PasswordDoc.vue
+++ b/src/views/password/PasswordDoc.vue
@@ -82,12 +82,6 @@ import Password from 'primevue/password';
                         <td>null</td>
                         <td>Value of the component.</td>
                     </tr>
-                    <tr>
-                        <td>id</td>
-                        <td>string</td>
-                        <td>null</td>
-                        <td>Unique identifier of the element.</td>
-                    </tr>
                     <tr>
                         <td>inputId</td>
                         <td>string</td>
@@ -259,7 +253,7 @@ import Password from 'primevue/password';
 
 <pre v-code><code>
 &lt;label for="pwd1"&gt;Password&lt;/label&gt;
-&lt;Password id="pwd1" /&gt;
+&lt;Password inputId="pwd1" /&gt;
 
 &lt;span id="pwd2"&gt;Password&lt;/span&gt;
 &lt;Password aria-labelledby="pwd2" /&gt;