From 081a53f759cf32edc109da081bf30fcd95edcbef Mon Sep 17 00:00:00 2001
From: Stanislav Odnoletko <s.odnoletko@aristos.pw>
Date: Thu, 5 May 2022 10:04:51 +0300
Subject: [PATCH] added option hide selection button

---
 src/components/vue-tel-input.test.js | 10 ++++++++++
 src/components/vue-tel-input.vue     |  2 +-
 src/utils.js                         |  7 +++++++
 3 files changed, 18 insertions(+), 1 deletion(-)

diff --git a/src/components/vue-tel-input.test.js b/src/components/vue-tel-input.test.js
index 710dc161..5df84cc6 100644
--- a/src/components/vue-tel-input.test.js
+++ b/src/components/vue-tel-input.test.js
@@ -156,6 +156,16 @@ describe('Props', () => {
 
       expect(wrapper.find('.vti__dropdown-item .vti__flag').exists()).toBeFalsy();
     });
+    it('.hideSelection hide the select button from the list', () => {
+      const wrapper = shallowMount(VueTelInput, {
+        propsData: {
+          dropdownOptions: {
+            hideSelection: true,
+          },
+        },
+      });
+      expect(wrapper.find('.vti__selection').exists()).toBeFalsy();
+    });
   });
   describe(':ignoredCountries', () => {
     it('hides countries from the list', () => {
diff --git a/src/components/vue-tel-input.vue b/src/components/vue-tel-input.vue
index bb1a30b1..2eb74d15 100644
--- a/src/components/vue-tel-input.vue
+++ b/src/components/vue-tel-input.vue
@@ -14,7 +14,7 @@
       @keydown.esc="reset"
       @keydown.tab="reset"
     >
-      <span class="vti__selection">
+      <span class="vti__selection" v-if="!dropdownOptions.hideSelection">
         <span
           v-if="dropdownOptions.showFlags"
           :class="['vti__flag', activeCountryCode.toLowerCase()]"
diff --git a/src/utils.js b/src/utils.js
index 67c421aa..aa8765e5 100644
--- a/src/utils.js
+++ b/src/utils.js
@@ -101,6 +101,13 @@ export const allProps = [
     description: 'Show dial code in the dropdown selection',
     inDemo: true,
   },
+  {
+    name: 'dropdownOptions.hideSelection',
+    default: false,
+    type: Boolean,
+    description: 'Hide the select button from the list',
+    inDemo: true,
+  },
   {
     name: 'dropdownOptions.showFlags',
     default: true,