90
90
<PipComponent
91
91
v-if =" settings.pip"
92
92
v-bind =" pipProps"
93
- @click =" toggleColorPicker "
93
+ @click =" toggleCheck('textFieldIcon') "
94
94
/>
95
95
<ColorPickerIcon
96
96
v-else-if =" settings.prependInnerIcon"
122
122
<PipComponent
123
123
v-if =" settings.pip"
124
124
v-bind =" pipProps"
125
- @click =" toggleColorPicker "
125
+ @click =" toggleCheck('textFieldIcon') "
126
126
/>
127
127
<ColorPickerIcon
128
128
v-else-if =" settings.appendInnerIcon"
@@ -390,6 +390,7 @@ const cardClasses = computed(() => useCardClasses({
390
390
// ------------------------- Toggle Check //
391
391
// ? Checks to prevent double triggers //
392
392
function toggleCheck(trigger : string ) {
393
+ console .log (' toggleCheck' , trigger );
393
394
if (trigger === ' textField' && ! settings .readonlyInput && ! settings .readonly ) {
394
395
return ;
395
396
}
@@ -403,6 +404,7 @@ function toggleCheck(trigger: string) {
403
404
404
405
// ------------------------- Toggle Color Picker //
405
406
function toggleColorPicker(trigger ? : string | Event ): void {
407
+ console .log (' toggleColorPicker' , trigger );
406
408
const defaultCoords = { left: 0 , right: 0 , top: 0 , width: 0 };
407
409
const fieldContainer = fieldContainerRef .value ;
408
410
@@ -417,7 +419,10 @@ function toggleColorPicker(trigger?: string | Event): void {
417
419
return ;
418
420
}
419
421
422
+ console .log (' foo' , colorPickerOpen .value );
423
+
420
424
colorPickerOpen .value = ! colorPickerOpen .value ;
425
+ console .log (' foo' , colorPickerOpen .value );
421
426
422
427
// If color picker is closed no further action is needed //
423
428
if (! colorPickerOpen .value ) {
0 commit comments