toggle-components-library 1.25.19 → 1.27.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "toggle-components-library",
-  "version": "1.25.19",
+  "version": "1.27.0",
   "private": false,
   "scripts": {
     "serve": "vue-cli-service serve",

package/src/components/forms/ToggleInputCheckbox.vue

@@ -5,6 +5,9 @@
             <div>
                 <span class="toggle-input-checkbox-check-element "></span>
                 <span  :class="[ 'toggle-input-checkbox-label', label_style ]" >{{label}}</span>
+               
+                <img v-if="iconUrl" v-bind:src="iconUrl" :alt="iconAlt" class="toggle-input-checkbox-icon"/>
+               
             </div>
         </label>
 
@@ -17,6 +20,13 @@ import { mixins } from '../mixins/mixins'
 export default {
     mixins:[mixins],
     props: {
+        iconUrl: {
+      type: String,
+    },
+    
+    iconAlt: {
+      type: String,
+    },
         value: {
             type: [Boolean, Array]
         },

package/src/components/forms/ToggleInputSelect.vue

@@ -1,6 +1,6 @@
 <template>
 
-<div class="toggle-input-container" :class="{'toggle-input-is-invalid':isInvalid }"  v-on:click="focusClosestInput">
+<div class="toggle-input-container" :class="{'toggle-input-is-invalid':isInvalid, 'toggle-input-is-disabled':disabled}"  v-on:click="focusClosestInput">
     <label 
         v-if="label"
         :for="name ? name : 'ToggleInputSelect' " 
@@ -15,6 +15,7 @@
             v-model="inputVal" 
             :autocomplete="autocomplete ? 'on' : 'off' "
             :required="required"
+            :disabled="disabled"
             :style="`${fontFamily ? 'font-family: ' + fontFamily : ''}`"
             >
                 <option value="">Select an option</option>
@@ -77,6 +78,11 @@ export default {
         fontFamily: {
             type: String,
             required: false
+        },
+        disabled: {
+          type: Boolean,
+          required: false,
+          default: false
         }
     },
 

package/src/sass/includes/_as_inputs.scss

@@ -301,6 +301,11 @@
     .toggle-input-radio-button-img{
         margin-left: 1rem;
     }
+    .toggle-input-checkbox-icon {
+        height: 2rem;
+        float: right;
+        padding-left: 10px;
+    }
 
 }