toggle-components-library 1.14.4 → 1.16.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 +1583 -779
- 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 +1583 -779
- package/dist/toggle-components-library.umd.js.map +1 -1
- package/dist/toggle-components-library.umd.min.js +3 -3
- package/dist/toggle-components-library.umd.min.js.map +1 -1
- package/package.json +1 -1
- package/src/components/forms/ToggleColourPicker.vue +16 -15
- package/src/components/forms/ToggleFontPicker.vue +1 -0
- package/src/components/tables/ToggleTable.vue +6 -2
- package/src/sass/includes/_as_inputs.scss +1 -0
- package/src/sass/includes/_as_text.scss +1 -1
- package/package-lock.json +0 -43707
package/package.json
CHANGED
|
@@ -1,21 +1,23 @@
|
|
|
1
1
|
<template>
|
|
2
2
|
<div class="toggle-input-container" :class="{'toggle-input-is-invalid':isInvalid }">
|
|
3
3
|
|
|
4
|
-
<div
|
|
5
|
-
<
|
|
6
|
-
|
|
7
|
-
|
|
4
|
+
<div class="color-picker-container" ref="colorpicker">
|
|
5
|
+
<div>
|
|
6
|
+
<label class="toggle-input-label">{{label}}</label>
|
|
7
|
+
<input :name="name" type="text" class="toggle-input-colour-picker toggle-input" v-model="colorValue" @input="updateFromInput" :style="'outline-color:'+borderColour"/>
|
|
8
|
+
<span class="toggle-color-picker-current-color" :style="'background-color: ' + borderColour" @click="togglePicker()"></span>
|
|
9
|
+
</div>
|
|
10
|
+
|
|
11
|
+
<chrome-picker class="toggle-chrome-picker" :value="colors" v-if="displayPicker" @input="updateFromPicker"/>
|
|
12
|
+
|
|
13
|
+
<label
|
|
14
|
+
class="toggle-input-label-error"
|
|
15
|
+
v-if="isInvalid"
|
|
16
|
+
:for="name ? name : 'ToggleInputText' "
|
|
17
|
+
>
|
|
18
|
+
{{ errorMessage }}
|
|
19
|
+
</label>
|
|
8
20
|
</div>
|
|
9
|
-
|
|
10
|
-
<chrome-picker class="toggle-chrome-picker" :value="colors" v-if="displayPicker" @input="updateFromPicker"/>
|
|
11
|
-
|
|
12
|
-
<label
|
|
13
|
-
class="toggle-input-label-error"
|
|
14
|
-
v-if="isInvalid"
|
|
15
|
-
:for="name ? name : 'ToggleInputText' "
|
|
16
|
-
>
|
|
17
|
-
{{ errorMessage }}
|
|
18
|
-
</label>
|
|
19
21
|
</div>
|
|
20
22
|
</template>
|
|
21
23
|
|
|
@@ -167,7 +169,6 @@ export default {
|
|
|
167
169
|
},
|
|
168
170
|
|
|
169
171
|
documentClick(e) {
|
|
170
|
-
console.log('fda');
|
|
171
172
|
var el = this.$refs.colorpicker,
|
|
172
173
|
target = e.target;
|
|
173
174
|
if(el !== target && !el.contains(target)) {
|
|
@@ -102,12 +102,16 @@ export default {
|
|
|
102
102
|
return this.fields;
|
|
103
103
|
},
|
|
104
104
|
|
|
105
|
-
searchActive() {
|
|
105
|
+
searchActive() {
|
|
106
106
|
if(this.editingInput) {
|
|
107
107
|
return true;
|
|
108
108
|
}
|
|
109
109
|
for(let col in this.searchModels){
|
|
110
|
-
if
|
|
110
|
+
if(!this.searchModels[col])
|
|
111
|
+
return false;
|
|
112
|
+
if (this.searchModels[col].start !== undefined) {
|
|
113
|
+
return true;
|
|
114
|
+
}
|
|
111
115
|
else if(this.searchModels[col]) return true;
|
|
112
116
|
}
|
|
113
117
|
return false;
|