@kizmann/nano-ui 0.7.18 → 0.7.21

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@kizmann/nano-ui",
-    "version": "0.7.18",
+    "version": "0.7.21",
     "license": "MIT",
     "private": false,
     "author": "Eduard Kizmann <kizmann@protonmail.ch>",

package/src/slider/src/slider/slider.js

@@ -186,7 +186,7 @@ export default {
 
         getValPos(value)
         {
-            return Num.fixed(this.width / this.minmax * value, 2) + 'px';
+            return Num.fixed(this.width / this.minmax * (value - this.fixmin), 2) + 'px';
         },
 
         getValStyle(value)
@@ -196,7 +196,7 @@ export default {
 
         getBarPos()
         {
-            return Num.fixed(this.width / this.minmax * this.tempValue[0], 2) + 'px';
+            return Num.fixed(this.width / this.minmax * (this.tempValue[0] - this.fixmin), 2) + 'px';
         },
 
         getBarWidth()
@@ -220,7 +220,7 @@ export default {
                 Arr.first(this.steps);
 
             let diff = Arr.each(this.steps, (step) => {
-                return Math.abs((range / 100 * width) - step);
+                return Math.abs((range / 100 * width) - step + this.fixmin);
             });
 
             let index = Arr.findIndex(diff, Math.min(...diff));
@@ -318,9 +318,11 @@ export default {
             this.onMousedown(event, this.index = index);
         };
 
+        let key = Arr.findIndex(this.steps, value);
+
         return (
             <div class="n-slider__handle" {...handleProps}>
-                <span>{ Obj.get(this.labels, value, value) }</span>
+                <span>{ Obj.get(this.labels, key, value) }</span>
             </div>
         );
     },