toggle-components-library 1.30.0 → 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.
Files changed (11) hide show
  1. package/dist/toggle-components-library.common.js +75 -69
  2. package/dist/toggle-components-library.common.js.map +1 -1
  3. package/dist/toggle-components-library.css +1 -1
  4. package/dist/toggle-components-library.umd.js +75 -69
  5. package/dist/toggle-components-library.umd.js.map +1 -1
  6. package/dist/toggle-components-library.umd.min.js +1 -1
  7. package/dist/toggle-components-library.umd.min.js.map +1 -1
  8. package/package-lock.json +1 -1
  9. package/package.json +1 -1
  10. package/src/components/forms/ToggleInputRadioButtons.vue +6 -2
  11. package/src/sass/includes/_as_inputs.scss +3 -1
package/package-lock.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "toggle-components-library",
3
- "version": "1.30.0",
3
+ "version": "1.31.0",
4
4
  "lockfileVersion": 1,
5
5
  "requires": true,
6
6
  "dependencies": {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "toggle-components-library",
3
- "version": "1.30.0",
3
+ "version": "1.31.0",
4
4
  "private": false,
5
5
  "scripts": {
6
6
  "serve": "vue-cli-service serve",
package/src/components/forms/ToggleInputRadioButtons.vue CHANGED
@@ -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(){
package/src/sass/includes/_as_inputs.scss CHANGED
@@ -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
  }