toggle-components-library 1.27.3 → 1.27.5

package/package.json

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

package/src/components/forms/ToggleInputNumberUnit.vue

@@ -75,6 +75,17 @@ export default {
         prependString: {
           type: String,
           required: false
+        },
+        max: {
+          type: Number,
+          required: false,
+          validator(value) {
+            return value > 0
+          }
+        },
+        min: {
+          type: Number,
+          required: false
         }
     },
 
@@ -139,6 +150,17 @@ export default {
           if (this.value != '') {
             // When the user clicks out of the box, add the prepend and/or append values
             let tempValue = this.value;
+
+            // If max prop is set and value is greater than max, set value to max
+            if (this.max && (tempValue > this.max)) {
+              tempValue = this.max
+            }
+
+            // If min prop is set and value is less than min, set value to min
+            if (this.min && (tempValue < this.min)) {
+              tempValue = this.min
+            }
+
             if (this.appendString) {
               // First add the append string
               tempValue += this.appendString; 

package/src/sass/includes/_as_inputs.scss

@@ -302,7 +302,7 @@
         margin-left: 1rem;
     }
     .toggle-input-checkbox-icon {
-        height: 2.5rem;
+        height: 2rem;
         margin-left: auto ;
     }