toggle-components-library 1.30.0-beta.2 → 1.31.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/dist/toggle-components-library.common.js +81 -81
- 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 +81 -81
- package/dist/toggle-components-library.umd.js.map +1 -1
- package/dist/toggle-components-library.umd.min.js +1 -1
- package/dist/toggle-components-library.umd.min.js.map +1 -1
- package/package-lock.json +20275 -0
- package/package.json +1 -1
- package/src/components/forms/ToggleInputCrudField.vue +1 -6
- package/src/components/forms/ToggleInputRadioButtons.vue +6 -2
- package/src/sass/includes/_as_inputs.scss +3 -9
package/package.json
CHANGED
|
@@ -13,7 +13,7 @@
|
|
|
13
13
|
> {{ label }}
|
|
14
14
|
</button>
|
|
15
15
|
<label
|
|
16
|
-
|
|
16
|
+
class="toggle-input-crud-container-description"
|
|
17
17
|
> {{ description ? description : ' ' }}
|
|
18
18
|
</label>
|
|
19
19
|
|
|
@@ -65,12 +65,7 @@ export default {
|
|
|
65
65
|
empty:{
|
|
66
66
|
type: Boolean,
|
|
67
67
|
default: false
|
|
68
|
-
},
|
|
69
|
-
hideDescriptionOverflow:{
|
|
70
|
-
type: Boolean,
|
|
71
|
-
default: false
|
|
72
68
|
}
|
|
73
|
-
|
|
74
69
|
},
|
|
75
70
|
|
|
76
71
|
created : function(){
|
|
@@ -12,7 +12,7 @@
|
|
|
12
12
|
|
|
13
13
|
<ToggleInputCheckbox v-model="checkboxModel" :label="label" label_style="" v-if="inGroup" />
|
|
14
14
|
|
|
15
|
-
<div class="toggle-input-radio-container" v-if="!inGroup || (inGroup && checkboxModel)">
|
|
15
|
+
<div :class="['toggle-input-radio-container', {wrap: wrapInputs}]" v-if="!inGroup || (inGroup && checkboxModel)">
|
|
16
16
|
<label class="toggle-input-radio" v-for="(option, key) in options" v-bind:key="key">
|
|
17
17
|
<input type="radio" :value="option.value" :name="name ? name : 'ToggleInputRadio' " v-model="inputVal" :disabled="disabled" />
|
|
18
18
|
<div>
|
|
@@ -70,7 +70,11 @@ export default {
|
|
|
70
70
|
disabled: {
|
|
71
71
|
type: Boolean,
|
|
72
72
|
default: false
|
|
73
|
-
}
|
|
73
|
+
},
|
|
74
|
+
wrapInputs: {
|
|
75
|
+
type: Boolean,
|
|
76
|
+
default: true,
|
|
77
|
+
}
|
|
74
78
|
},
|
|
75
79
|
|
|
76
80
|
mounted : function(){
|
|
@@ -290,11 +290,13 @@
|
|
|
290
290
|
.toggle-input-radio-container{
|
|
291
291
|
|
|
292
292
|
display : flex;
|
|
293
|
-
flex-wrap: wrap;
|
|
294
293
|
padding-bottom:0.4rem;
|
|
295
294
|
width:100%;
|
|
296
295
|
clear: both;
|
|
297
296
|
float: left;
|
|
297
|
+
&.wrap {
|
|
298
|
+
flex-wrap: wrap;
|
|
299
|
+
}
|
|
298
300
|
.toggle-input-radio,.toggle-input-checkbox, .toggle-input-checkbox-inline{
|
|
299
301
|
background-color: $toggle-dark-grey;
|
|
300
302
|
}
|
|
@@ -720,14 +722,6 @@ $iconWidth:20px;
|
|
|
720
722
|
}
|
|
721
723
|
}
|
|
722
724
|
|
|
723
|
-
|
|
724
|
-
.toggle-input-crud-container-description-hide-overflow{
|
|
725
|
-
overflow-x: clip;
|
|
726
|
-
text-overflow: ellipsis;
|
|
727
|
-
white-space: nowrap;
|
|
728
|
-
width: inherit;
|
|
729
|
-
}
|
|
730
|
-
|
|
731
725
|
.toggle-input-crud-container-buttons{
|
|
732
726
|
.toggle-button-container{
|
|
733
727
|
display: block;
|