@eturnity/eturnity_reusable_components 6.37.0-3d-qa-6.38.1 → 6.37.0-EDPM-8208.0
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/package.json
CHANGED
@@ -432,10 +432,6 @@ export default {
|
|
432
432
|
labelFontColor: {
|
433
433
|
required: false,
|
434
434
|
default: 'eturnityGrey'
|
435
|
-
},
|
436
|
-
focus:{
|
437
|
-
required: false,
|
438
|
-
default: false
|
439
435
|
}
|
440
436
|
},
|
441
437
|
computed: {
|
@@ -548,7 +544,7 @@ export default {
|
|
548
544
|
}
|
549
545
|
this.isFocused = true
|
550
546
|
this.$nextTick(() => {
|
551
|
-
this.$refs.inputField1.$el.
|
547
|
+
this.$refs.inputField1.$el.select()
|
552
548
|
})
|
553
549
|
this.$emit('input-focus')
|
554
550
|
},
|
@@ -634,17 +630,7 @@ export default {
|
|
634
630
|
})
|
635
631
|
}
|
636
632
|
},
|
637
|
-
mounted(){
|
638
|
-
if(this.focus){
|
639
|
-
this.focusInput()
|
640
|
-
}
|
641
|
-
},
|
642
633
|
watch: {
|
643
|
-
focus(value){
|
644
|
-
if(value){
|
645
|
-
this.focusInput()
|
646
|
-
}
|
647
|
-
},
|
648
634
|
clearInput: function (value) {
|
649
635
|
if (value) {
|
650
636
|
// If the value is typed, then we should clear the textInput on Continue
|
@@ -76,9 +76,7 @@
|
|
76
76
|
import styled from 'vue-styled-components'
|
77
77
|
import InfoText from '../../infoText'
|
78
78
|
import theme from '../../../assets/theme'
|
79
|
-
const Container = styled.div
|
80
|
-
width:100%
|
81
|
-
`
|
79
|
+
const Container = styled.div``
|
82
80
|
|
83
81
|
const flexAttrs = {
|
84
82
|
label: String,
|
@@ -94,7 +92,6 @@ const FlexWrapper = styled('div', flexAttrs)`
|
|
94
92
|
cursor: ${(props) => (props.disabled ? 'not-allowed' : 'pointer')};
|
95
93
|
grid-template-columns: ${(props) =>
|
96
94
|
props.alignItems === 'vertical' || !props.label ? '1fr' : 'auto 1fr'};
|
97
|
-
width:100%;
|
98
95
|
`
|
99
96
|
|
100
97
|
const toggleAttrs = {
|
@@ -120,7 +117,6 @@ const SwitchWrapper = styled('span', toggleAttrs)`
|
|
120
117
|
: props.size === 'small'
|
121
118
|
? '16px'
|
122
119
|
: '24px'};
|
123
|
-
width:100%;
|
124
120
|
`
|
125
121
|
const optionAttrs = {
|
126
122
|
isActive: Boolean,
|
@@ -143,10 +139,9 @@ const switchOption = styled('div', optionAttrs)`
|
|
143
139
|
line-height: 1;
|
144
140
|
text-align: center;
|
145
141
|
padding: 10px;
|
146
|
-
margin-right:
|
142
|
+
margin-right: -1px;
|
147
143
|
transition: all 0.1s ease-in-out;
|
148
144
|
overflow: hidden;
|
149
|
-
width:100%;
|
150
145
|
& :hover {
|
151
146
|
cursor: pointer;
|
152
147
|
}
|