toggle-components-library 1.28.6-beta.0 → 1.28.6-beta.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/toggle-components-library.common.js +75 -77
- package/dist/toggle-components-library.common.js.map +1 -1
- package/dist/toggle-components-library.css +1 -1
- package/dist/toggle-components-library.umd.js +75 -77
- package/dist/toggle-components-library.umd.js.map +1 -1
- package/dist/toggle-components-library.umd.min.js +8 -8
- package/dist/toggle-components-library.umd.min.js.map +1 -1
- package/package-lock.json +1 -1
- package/package.json +1 -1
- package/src/components/forms/ToggleContactSearch.vue +3 -5
- package/src/sass/includes/_as_inputs.scss +22 -2
package/package-lock.json
CHANGED
package/package.json
CHANGED
|
@@ -23,7 +23,7 @@
|
|
|
23
23
|
|
|
24
24
|
<input :class="{'toggle-contact-search-input': true, 'toggle-contact-search-disabled': disabled}" v-model="inputVal" :disabled="disabled || loading" type="text" :placeholder="placeholder" @keyup.enter="onEnter">
|
|
25
25
|
|
|
26
|
-
<div v-if="
|
|
26
|
+
<div v-if="loading" class="toggle-inline-loader-container">
|
|
27
27
|
<div class="toggle-inline-loader"></div>
|
|
28
28
|
</div>
|
|
29
29
|
<div v-else :class="{'toggle-contact-search-magnifying-glass-icon': true, 'toggle-contact-search-magnifying-glass-icon-disabled': disabled}" @click="onSearch"></div>
|
|
@@ -31,7 +31,7 @@
|
|
|
31
31
|
|
|
32
32
|
<Transition name="drop-down">
|
|
33
33
|
<div v-if="showDropdown" class="toggle-contact-search-dropdown-container">
|
|
34
|
-
<div v-for="type, i in types" @click="inputType = type; showDropdown = false;
|
|
34
|
+
<div v-for="type, i in types" @click="inputType = type; showDropdown = false; loading = false" :key="i">
|
|
35
35
|
<div class="toggle-contact-search-dropdown-item">
|
|
36
36
|
<div class="toggle-contact-search-icon-dropdown" :class="iconForType(type)"></div>
|
|
37
37
|
<label class="toggle-contact-search-dropdown-item-label" :class="{'toggle-contact-search-dropwdown-item-highlighted': type == inputType}">
|
|
@@ -82,8 +82,7 @@ export default {
|
|
|
82
82
|
data() {
|
|
83
83
|
return {
|
|
84
84
|
inputType: 'email',
|
|
85
|
-
showDropdown: false
|
|
86
|
-
isLoading: false
|
|
85
|
+
showDropdown: false
|
|
87
86
|
}
|
|
88
87
|
},
|
|
89
88
|
watch: {
|
|
@@ -95,7 +94,6 @@ export default {
|
|
|
95
94
|
},
|
|
96
95
|
created() {
|
|
97
96
|
window.addEventListener('click', this.windowClick, true);
|
|
98
|
-
this.isLoading = this.loading;
|
|
99
97
|
},
|
|
100
98
|
beforeDestroy() {
|
|
101
99
|
window.removeEventListener('click', this.windowClick, true);
|
|
@@ -982,12 +982,32 @@ $iconWidth:20px;
|
|
|
982
982
|
background-color: #FFFFFF;
|
|
983
983
|
}
|
|
984
984
|
|
|
985
|
-
.toggle-contact-search-input::placeholder
|
|
986
|
-
|
|
985
|
+
.toggle-contact-search-input::placeholder {
|
|
986
|
+
color: #C5CED8;
|
|
987
|
+
opacity: 1;
|
|
988
|
+
}
|
|
989
|
+
.toggle-contact-search-input:-ms-input-placeholder {
|
|
990
|
+
color: #C5CED8;
|
|
991
|
+
opacity: 1;
|
|
992
|
+
}
|
|
987
993
|
.toggle-contact-search-input::-ms-input-placeholder {
|
|
988
994
|
color: #C5CED8;
|
|
989
995
|
opacity: 1;
|
|
990
996
|
}
|
|
997
|
+
.toggle-contact-search-input::-webkit-input-placeholder {
|
|
998
|
+
color: #C5CED8;
|
|
999
|
+
opacity: 1;
|
|
1000
|
+
}
|
|
1001
|
+
.toggle-contact-search-input:-moz-placeholder {
|
|
1002
|
+
color: #C5CED8;
|
|
1003
|
+
opacity: 1;
|
|
1004
|
+
}
|
|
1005
|
+
.toggle-contact-search-input::-ms-placeholder {
|
|
1006
|
+
color: #C5CED8;
|
|
1007
|
+
opacity: 1;
|
|
1008
|
+
}
|
|
1009
|
+
|
|
1010
|
+
|
|
991
1011
|
|
|
992
1012
|
.toggle-contact-search-icon {
|
|
993
1013
|
max-width: 20px;
|