jason/DigitalConsumer.ISS
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

format before code

Browse source
This commit is contained in:
Bill Richardson 2023-07-24 11:31:35 -04:00
parent a1b21c9e19
commit aa780e2c02
1 changed files with 21 additions and 21 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

42
src/digital-components/textbox-question/textbox-question.vue
View file

@ -74,20 +74,20 @@ export default {
props: { props: {
type: { type: {
type: String, type: String,
default: 'text' default: 'text',
}, },
placeholderText: { placeholderText: {
type: String, type: String,
default: '' default: '',
}, },
displayQuestionText: { displayQuestionText: {
type: Boolean, type: Boolean,
default: true default: true,
}, },
modelValue: String, modelValue: String,
inputId: { inputId: {
type: String, type: String,
required: true required: true,
}, },
isDisabled: Boolean, isDisabled: Boolean,
isRequired: Boolean, isRequired: Boolean,
@ -96,7 +96,7 @@ export default {
hasError: Boolean, hasError: Boolean,
mask: { mask: {
type: String, type: String,
default: '' default: '',
}, },
validationRules: String, validationRules: String,
cmsWidgetName: String, cmsWidgetName: String,
@ -107,7 +107,7 @@ export default {
includeSelectIcon: Boolean, includeSelectIcon: Boolean,
min: String, min: String,
max: String, max: String,
disableAutoFill: Boolean disableAutoFill: Boolean,
}, },
emits: ['focus', 'update:modelValue', 'textboxQuestionEvent.inputIdAssigned'], emits: ['focus', 'update:modelValue', 'textboxQuestionEvent.inputIdAssigned'],
setup(props) { setup(props) {
@ -116,12 +116,12 @@ export default {
let initialValue; let initialValue;
switch (typeof modelValue) { switch (typeof modelValue) {
case 'number': case 'number':
initialValue = modelValue; initialValue = modelValue;
break; break;
default: default:
initialValue = modelValue && modelValue.length > 0 ? modelValue : ''; initialValue = modelValue && modelValue.length > 0 ? modelValue : '';
break; break;
} }
const fieldOptions = { const fieldOptions = {
@ -141,7 +141,7 @@ export default {
handleChange, handleChange,
validate, validate,
meta, meta,
errors errors,
}; };
}, },
computed: { computed: {
@ -154,7 +154,7 @@ export default {
}, },
set(newValue) { set(newValue) {
this.$emit('update:modelValue', newValue); this.$emit('update:modelValue', newValue);
} },
}, },
labelText: { labelText: {
get() { get() {
@ -167,7 +167,7 @@ export default {
word = [ word = [
word.toString().slice(0, position), word.toString().slice(0, position),
noBreakChar, noBreakChar,
word.toString().slice(position) word.toString().slice(position),
].join(''); ].join('');
questionText += `${word} `; questionText += `${word} `;
}); });
@ -178,8 +178,8 @@ export default {
} }
return questionText; return questionText;
} },
} },
}, },
watch: { watch: {
async value(newValue) { async value(newValue) {
@ -217,7 +217,7 @@ input[type="date"]::-webkit-inner-spin-button {
display: none; display: none;
} }
input[type="date"]::-webkit-calendar-picker-indicator { input[type='date']::-webkit-calendar-picker-indicator {
position: absolute; position: absolute;
top: 50%; top: 50%;
transform: translateY(-50%); transform: translateY(-50%);
@ -256,10 +256,10 @@ input[type="date"]::-webkit-calendar-picker-indicator {
.input-wrapper { .input-wrapper {
position: relative; position: relative;
&.has-search-icon { &.has-search-icon {
input[type="text"] { input[type='text'] {
border-radius: 50rem; border-radius: 50rem;
} }
button[type="submit"] { button[type='submit'] {
position: absolute; position: absolute;
top: 50%; top: 50%;
transform: translateY(-50%); transform: translateY(-50%);
@ -277,7 +277,7 @@ input[type="date"]::-webkit-calendar-picker-indicator {
} }
} }
&.has-select-icon { &.has-select-icon {
button[type="submit"] { button[type='submit'] {
position: absolute; position: absolute;
top: 50%; top: 50%;
transform: translateY(-50%); transform: translateY(-50%);