From 18dffa5a892da5437699a7c15617c0920b57d5a8 Mon Sep 17 00:00:00 2001
From: cagataycivici <cagatay.civici@gmail.com>
Date: Mon, 13 Jan 2020 13:01:29 +0300
Subject: [PATCH] Add aria labelled by

---
 src/components/colorpicker/ColorPicker.d.ts | 1 +
 src/components/colorpicker/ColorPicker.vue  | 6 +++++-
 src/views/colorpicker/ColorPickerDoc.vue    | 6 ++++++
 3 files changed, 12 insertions(+), 1 deletion(-)

diff --git a/src/components/colorpicker/ColorPicker.d.ts b/src/components/colorpicker/ColorPicker.d.ts
index 4d53e7d5c..a921a9a70 100644
--- a/src/components/colorpicker/ColorPicker.d.ts
+++ b/src/components/colorpicker/ColorPicker.d.ts
@@ -9,5 +9,6 @@ export declare class ColorPicker extends Vue {
     tabindex?: string;
     autoZIndex?: boolean;
     baseZIndex?: number;
+    ariaLabelledBy?: string;
     $emit(eventName: 'input', value: any): this;
 }
\ No newline at end of file
diff --git a/src/components/colorpicker/ColorPicker.vue b/src/components/colorpicker/ColorPicker.vue
index 0021b4545..f44d07780 100644
--- a/src/components/colorpicker/ColorPicker.vue
+++ b/src/components/colorpicker/ColorPicker.vue
@@ -1,7 +1,7 @@
 <template>
     <div :class="containerClass">
         <input ref="input" type="text" :class="inputClass" readonly="readonly" :tabindex="tabindex" :disabled="disabled"
-            @click="onInputClick" @keydown="onInputKeydown" v-if="!inline"/>
+            @click="onInputClick" @keydown="onInputKeydown" v-if="!inline" :aria-labelledby="ariaLabelledBy"/>
         <transition name="p-input-overlay" @enter="onOverlayEnter" @leave="onOverlayLeave">
             <div ref="picker" :class="pickerClass" v-if="inline ? true : overlayVisible">
                 <div class="p-colorpicker-content">
@@ -55,6 +55,10 @@ export default {
         baseZIndex: {
             type: Number,
             default: 0
+        },
+        ariaLabelledBy: {
+            type: String,
+            default: null
         }
     },
     data() {
diff --git a/src/views/colorpicker/ColorPickerDoc.vue b/src/views/colorpicker/ColorPickerDoc.vue
index 25c50303d..e3124a268 100644
--- a/src/views/colorpicker/ColorPickerDoc.vue
+++ b/src/views/colorpicker/ColorPickerDoc.vue
@@ -90,6 +90,12 @@ export default {
                                 <td>true</td>
                                 <td>Whether to automatically manage layering.</td>
                             </tr>
+                            <tr>
+                                <td>ariaLabelledBy</td>
+                                <td>string</td>
+                                <td>null</td>
+                                <td>Establishes relationships between the component and label(s) where its value should be one or more element IDs.</td>
+                            </tr>
                         </tbody>
                     </table>
                 </div>