From da0a8c6689a92ca1f2eaf5c77846878ad9075af2 Mon Sep 17 00:00:00 2001
From: cagataycivici <cagatay.civici@gmail.com>
Date: Sun, 9 Dec 2018 21:46:24 +0300
Subject: [PATCH] Disabled option support for Listbox

---
 src/components/listbox/ListBox.vue | 12 ++++++++----
 1 file changed, 8 insertions(+), 4 deletions(-)

diff --git a/src/components/listbox/ListBox.vue b/src/components/listbox/ListBox.vue
index c9f92478a..4f5672eba 100644
--- a/src/components/listbox/ListBox.vue
+++ b/src/components/listbox/ListBox.vue
@@ -8,8 +8,8 @@
         </div>
         <div class="p-listbox-list-wrapper" :style="listStyle">
             <ul class="p-listbox-list">
-                <li v-for="(option, i) of visibleOptions" tabindex="0" :class="['p-listbox-item', {'p-highlight': isSelected(option)}]" :aria-label="getOptionLabel(option)"
-                    :key="getOptionLabel(option)" @click="onOptionSelect($event, option)" @touchend="onOptionTouchEnd()" @keydown="onOptionKeyDown($event, option)">
+                <li v-for="(option, i) of visibleOptions" :tabindex="isOptionDisabled(option) ? null : '0'" :class="['p-listbox-item', {'p-highlight': isSelected(option), 'p-disabled': isOptionDisabled(option)}]" 
+                    :aria-label="getOptionLabel(option)" :key="getOptionLabel(option)" @click="onOptionSelect($event, option)" @touchend="onOptionTouchEnd()" @keydown="onOptionKeyDown($event, option)">
                     <slot :option="option" :index="i">  
                         {{getOptionLabel(option)}}
                     </slot>
@@ -34,7 +34,8 @@ export default {
         metaKeySelection: Boolean,
         filter: Boolean,
         optionLabel: null,
-        optionValue: null
+        optionValue: null,
+        optionDisabled: null
     },
     optionTouched: false,
     data() {
@@ -49,8 +50,11 @@ export default {
         getOptionValue(option) {
             return this.optionValue ? ObjectUtils.resolveFieldData(option, this.optionValue) : option;
         },
+        isOptionDisabled(option) {
+            return this.optionDisabled ? ObjectUtils.resolveFieldData(option, this.optionDisabled) : false;
+        },
         onOptionSelect(event, option) {
-            if (this.disabled) {
+            if (this.disabled || this.isOptionDisabled(option)) {
                 return;
             }