@kizmann/nano-ui 0.7.20 → 0.7.22

package/package.json

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

package/src/modal/src/modal/modal.js

@@ -169,7 +169,6 @@ export default {
         }
 
         Dom.find(document.body).append(this.$el);
-
     },
 
     beforeUnmount()
@@ -220,7 +219,7 @@ export default {
 
         stopRefreshTimeout()
         {
-            clearInterval(this.refresh);
+            clearTimeout(this.refresh);
 
             Dom.find(this.$el).removeClass('n-ready');
         },
@@ -233,13 +232,22 @@ export default {
 
             window.zIndex += 1;
 
-            Dom.find(this.$el).attr('data-modal', 
+            Dom.find(this.$el).attr('data-modal',
                 window.zIndex);
 
-            Dom.find(this.$el).css({ 
+            Dom.find(this.$el).css({
                 'z-index': window.zIndex
             });
 
+            this.queueRefreshTimeout();
+        },
+
+        queueRefreshTimeout()
+        {
+            if ( ! this.tempValue ) {
+                return this.stopRefreshTimeout();
+            }
+
             this.refresh = setTimeout(() => {
                 Dom.find(this.$el).addClass('n-ready');
             }, 100);
@@ -280,7 +288,7 @@ export default {
                 return;
             }
 
-            let extractIndex = (modal) => { 
+            let extractIndex = (modal) => {
                 return Dom.find(modal).attr('data-modal');
             };
 
@@ -403,6 +411,10 @@ export default {
             'n-modal--' + this.position
         ];
 
+        if ( this.tempValue ) {
+            this.queueRefreshTimeout();
+        }
+
         if ( this.renderClose ) {
             classList.push('n-closable');
         }
@@ -419,7 +431,7 @@ export default {
 
         return (
             <div class={classList}>
-                { [innerHtml, this.ctor('renderBackdrop')()] } 
+                { [innerHtml, this.ctor('renderBackdrop')()] }
             </div>
         );
     }

package/src/popover/src/popover-option/popover-option.js

@@ -115,6 +115,8 @@ export default {
             if ( this.NPopover && this.clickClose ) {
                 this.NPopover.close();
             }
+
+            this.$emit('fakeclick', event);
         }
 
     },

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

@@ -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, index, value) }</span>
+                <span>{ Obj.get(this.labels, key, value) }</span>
             </div>
         );
     },