From 2281caae8b153b5a353500e0e644e9b3b9132b54 Mon Sep 17 00:00:00 2001
From: cagataycivici <cagatay.civici@gmail.com>
Date: Sun, 16 Dec 2018 23:35:33 +0300
Subject: [PATCH] Apply highlight on false value as well

---
 src/components/tristatecheckbox/TriStateCheckbox.vue | 7 ++-----
 1 file changed, 2 insertions(+), 5 deletions(-)

diff --git a/src/components/tristatecheckbox/TriStateCheckbox.vue b/src/components/tristatecheckbox/TriStateCheckbox.vue
index 011edc28f..47f5afe39 100644
--- a/src/components/tristatecheckbox/TriStateCheckbox.vue
+++ b/src/components/tristatecheckbox/TriStateCheckbox.vue
@@ -1,10 +1,10 @@
 <template>
    <div class="p-checkbox p-component" @click="onClick($event)">
        <div class="p-hidden-accessible">
-           <input ref="input" :id="inputId" type="checkbox" :name="name" :checked="checked" :disabled="disabled" @focus="onFocus()" @blur="onBlur()"
+           <input ref="input" :id="inputId" type="checkbox" :name="name" :checked="value === true" :disabled="disabled" @focus="onFocus()" @blur="onBlur()"
                     :autocomplete="autocomplete" :autofocus="autofocus">
         </div>
-        <div ref="box" :class="['p-checkbox-box p-component', {'p-highlight': checked, 'p-disabled': disabled, 'p-focus': focused}]">
+        <div ref="box" :class="['p-checkbox-box p-component', {'p-highlight': (value != null), 'p-disabled': disabled, 'p-focus': focused}]">
             <span :class="['p-checkbox-icon p-c', icon]"></span>
         </div>
     </div>
@@ -62,9 +62,6 @@ export default {
         }
     },
     computed: {
-        checked() {
-            return this.value === true;
-        },
         icon() {
             let icon;
             switch (this.value) {