@kizmann/nano-ui 1.1.4 → 2.0.1

package/src/popover/src/popover/popover-handler.mjs

@@ -1,4 +1,4 @@
-import { UUID, Str, Obj, Dom, Any, Arr, Event } from "@kizmann/pico-js";
+import { Run, Str, Obj, Dom, Mix, Arr, Event } from "@kizmann/pico-js";
 import PopoverElement from "./popover-element.mjs";
 import PopoverHelper from "./popover-helper.mjs";
 
@@ -12,15 +12,15 @@ export class PopoverHandler
 
     static mount()
     {
-        Dom.find(window).on(PopoverHelper.getMouseDownEvent(), Any.throttle((e) => {
+        Dom.find(window).on(PopoverHelper.getMouseDownEvent(), Run.throttle((e) => {
             this.detectFadeOnCurrent(e);
         }, 30));
 
-        Dom.find(window).on(PopoverHelper.getScrollEvent(), Any.throttle((e) => {
+        Dom.find(window).on(PopoverHelper.getScrollEvent(), Run.throttle((e) => {
             this.detectScrollOnCurrent(e);
         }, 30));
 
-        Event.bind('NScrollbar:scroll', Any.throttle((e) => {
+        Event.bind('NScrollbar:scroll', Run.throttle((e) => {
             this.detectScrollOnCurrent(e);
         }, 30));
 
@@ -74,7 +74,7 @@ export class PopoverHandler
     {
         let current = Arr.last(this.current);
 
-        if ( Any.isEmpty(current) ) {
+        if ( Mix.isEmpty(current) ) {
             return;
         }
 

package/src/popover/src/popover/popover.jsx

@@ -1,4 +1,4 @@
-import { Arr, Any, Dom, Event, UUID } from "@kizmann/pico-js";
+import { Arr, Mix, Dom, Event, Hash } from "@kizmann/pico-js";
 
 
 export default {
@@ -146,7 +146,7 @@ export default {
     data()
     {
         return {
-            uid: UUID(),
+            uid: Hash.uuid(),
             tempValue: false,
             clientX: 0,
             clientY: 0,
@@ -171,7 +171,7 @@ export default {
 
     mounted()
     {
-        this.target = Dom.find(this.$el).previous().get(0);
+        this.target = Dom.find(this.$el).prev().get(0);
 
         if ( this.trigger === 'context' ) {
             this.target = Dom.find(this.$el).parent().get(0);
@@ -187,6 +187,7 @@ export default {
             width: this.width,
             scrollClose: this.scrollClose,
             multiClose: this.multiClose,
+            disabled: () => this.disabled,
         };
 
         if ( this.NPopover ) {
@@ -280,7 +281,7 @@ export default {
 
         let viewBody = this.modelValue;
 
-        if ( Any.isNull(this.modelValue) ) {
+        if ( Mix.isNull(this.modelValue) ) {
             viewBody = this.tempValue;
         }
 

package/src/popover/src/popover-option/popover-option.jsx

@@ -1,4 +1,4 @@
-import { Obj, Arr, Any, Dom } from "@kizmann/pico-js";
+import { Obj, Arr, Mix, Dom } from "@kizmann/pico-js";
 
 export default {
 

package/src/preview/src/preview/preview-handler.mjs

@@ -1,4 +1,4 @@
-import { Any, Arr, Obj, Dom } from "@kizmann/pico-js";
+import { Mix, Arr, Obj, Dom } from "@kizmann/pico-js";
 
 window.PreviewGroups = {};
 
@@ -33,7 +33,7 @@ export class PreviewHandler
 
     static next()
     {
-        if ( ! Any.isObject(this.current) ) {
+        if ( ! Mix.isRef(this.current) ) {
             return null;
         }
 
@@ -54,7 +54,7 @@ export class PreviewHandler
 
     static prev()
     {
-        if ( ! Any.isObject(this.current) ) {
+        if ( ! Mix.isRef(this.current) ) {
             return null;
         }
 
@@ -75,7 +75,7 @@ export class PreviewHandler
 
     static create()
     {
-        el = Dom.find('.n-preview-modal');
+        let el = Dom.find('.n-preview-modal');
 
         if ( el.length() ) {
             return el;
@@ -88,7 +88,7 @@ export class PreviewHandler
             'n-theme--dark'
         ];
 
-        let el = Dom.make('div', {
+        el = Dom.make('div', {
             classList: classList.join(' ')
         });
 
@@ -178,18 +178,18 @@ export class PreviewHandler
 
         this.switch(null);
 
-        el.removeClass(['n-ready', 'n-multi']);
+        el.remClass(['n-ready', 'n-multi']);
     }
 
     static switch(item)
     {
-        if ( Any.isObject(this.current) ) {
+        if ( Mix.isRef(this.current) ) {
             Obj.set(this.current, 'visible', false);
         }
 
         this.current = item;
 
-        if ( Any.isObject(this.current) ) {
+        if ( Mix.isRef(this.current) ) {
             Obj.set(this.current, 'visible', true);
         }
 

package/src/preview/src/preview/preview-helper.mjs

@@ -1,4 +1,4 @@
-import { Any, Arr, Dom, Obj } from "@kizmann/pico-js";
+import { Mix, Arr, Dom, Obj } from "@kizmann/pico-js";
 
 export class PreviewHelper
 {
@@ -12,7 +12,7 @@ export class PreviewHelper
             return fallback;
         }
 
-        if ( Any.isEmpty(match[1]) ) {
+        if ( Mix.isEmpty(match[1]) ) {
             return fallback;
         }
 
@@ -23,7 +23,7 @@ export class PreviewHelper
     {
         let file = Obj.get(source, 'name', source);
 
-        if ( Any.isEmpty(file) ) {
+        if ( Mix.isEmpty(file) ) {
             return fallback;
         }
 
@@ -48,7 +48,7 @@ export class PreviewHelper
     {
         let file = Obj.get(source, 'name', source);
 
-        if ( Any.isEmpty(file) ) {
+        if ( Mix.isEmpty(file) ) {
             return fallback;
         }
 
@@ -65,7 +65,7 @@ export class PreviewHelper
 
     static getVimeoKey(source, fallback = null)
     {
-        if ( ! Any.isString(source) ) {
+        if ( ! Mix.isString(source) ) {
             return fallback;
         }
 
@@ -86,7 +86,7 @@ export class PreviewHelper
 
     static getYoutubeKey(source, fallback)
     {
-        if ( ! Any.isString(source) ) {
+        if ( ! Mix.isString(source) ) {
             return fallback;
         }
 

package/src/preview/src/preview/preview.jsx

@@ -1,4 +1,4 @@
-import { UUID, Obj, Arr, Any, Event, Locale } from "@kizmann/pico-js";
+import { Hash, Obj, Arr, Mix, Event, Locale } from "@kizmann/pico-js";
 
 export default {
 
@@ -39,7 +39,7 @@ export default {
         group: {
             default()
             {
-                return UUID();
+                return Hash.uuid();
             },
             type: [String]
         },
@@ -129,7 +129,7 @@ export default {
 
     renderTitle()
     {
-        if ( Any.isEmpty(this.title) ) {
+        if ( Mix.isEmpty(this.title) ) {
             return null;
         }
 

package/src/preview/src/preview-image/preview-image.jsx

@@ -1,4 +1,4 @@
-import { Obj, Arr, Str, Any, Dom } from "@kizmann/pico-js";
+import { Obj, Arr, Run, Mix, Dom } from "@kizmann/pico-js";
 
 export default {
 
@@ -58,7 +58,7 @@ export default {
 
             this.tempSrc = null;
 
-            if ( Any.isObject(this.src) ) {
+            if ( Mix.isRef(this.src) ) {
                 return this.resolveData();
             }
 
@@ -72,7 +72,7 @@ export default {
                 /**
                  * Mark image as loaded
                  */
-                Any.delay(() => this.load = false, 200);
+                Run.delay(() => this.load = false, 200);
             });
 
             this.laod = true;

package/src/preview/src/preview-modal/preview-modal.jsx

@@ -1,4 +1,4 @@
-import { Any, Event, Obj, UUID } from "@kizmann/pico-js";
+import { Mix, Event, Obj, Hash } from "@kizmann/pico-js";
 
 export default {
 
@@ -32,7 +32,7 @@ export default {
         group: {
             default()
             {
-                return UUID();
+                return Hash.uuid();
             },
             type: [String]
         },
@@ -41,7 +41,7 @@ export default {
 
     data()
     {
-        return { uid: UUID(), visible: false };
+        return { uid: Hash.uuid(), visible: false };
     },
 
     computed: {

package/src/preview/src/preview-plain/preview-plain.jsx

@@ -1,4 +1,4 @@
-import { Any, Obj, Locale } from "@kizmann/pico-js";
+import { Mix, Obj, Locale } from "@kizmann/pico-js";
 
 export default {
 

package/src/preview/src/preview-video/preview-video.jsx

@@ -1,4 +1,4 @@
-import { Obj, Arr, Str, Any, Dom } from "@kizmann/pico-js";
+import { Obj, Arr, Str, Mix, Dom } from "@kizmann/pico-js";
 
 export default {
 
@@ -49,7 +49,7 @@ export default {
                 return;
             }
 
-            if ( Any.isObject(this.src) ) {
+            if ( Mix.isRef(this.src) ) {
                 this.resolveData();
             }
 

package/src/radio/src/radio/radio.jsx

@@ -1,4 +1,4 @@
-import { Arr, Obj, Any } from "@kizmann/pico-js";
+import { Arr, Obj, Mix } from "@kizmann/pico-js";
 
 export default {
 

package/src/radio/src/radio-group/radio-group.jsx

@@ -1,4 +1,4 @@
-import { Arr, Any } from "@kizmann/pico-js";
+import { Arr, Mix } from "@kizmann/pico-js";
 
 export default {
 

package/src/rating/src/rating/rating.jsx

@@ -1,4 +1,4 @@
-import { Num, Arr, Locale } from "@kizmann/pico-js";
+import { Str, Num, Arr, Locale } from "@kizmann/pico-js";
 
 export default {
 
@@ -108,7 +108,7 @@ export default {
     renderValue()
     {
         let vars = {
-            value: Num.format(this.modelValue, '.', '', this.fixed)
+            value: Str.number(this.modelValue, this.fixed)
         };
 
         if ( this.$slots.default ) {

package/src/resizer/src/resizer/resizer-next.jsx

@@ -1,4 +1,4 @@
-import { UUID, Arr, Obj, Dom, Any, Str, Locale, Event, Num } from "@kizmann/pico-js";
+import { Run, Arr, Obj, Dom, Mix, Str, Locale, Event, Num } from "@kizmann/pico-js";
 
 export default {
 
@@ -178,7 +178,7 @@ export default {
 
             let now = this.$el.getBoundingClientRect();
 
-            if ( Any.isEqual(this.last || {}, now) ) {
+            if ( Mix.isEqual(this.last || {}, now) ) {
                 return;
             }
 
@@ -207,7 +207,7 @@ export default {
                 width: this.tempValue + 'px', flex: '0 0 auto'
             };
 
-            Dom.find(this.$el).css(style);
+            Dom.find(this.$el).style(style);
         },
 
         updateRemoteWidth(el)
@@ -242,7 +242,7 @@ export default {
                 style.transform = `translateX(${this.tempValue - this.resizerWidth}px)`
             }
 
-            Dom.find(this.$refs.handle).css(style);
+            Dom.find(this.$refs.handle).style(style);
         },
 
         getTouchEvent(event)
@@ -271,10 +271,10 @@ export default {
             Dom.find(document.body).addClass('n-move');
 
             Dom.find(document).on(this.mouseup,
-                Any.framerate(this.onLeftMouseup, 60), this._.uid);
+                this.onLeftMouseup, this._.uid);
 
             Dom.find(document).on(this.mousemove,
-                Any.framerate(this.onLeftMousemove, 60), this._.uid);
+                this.onLeftMousemove, this._.uid);
         },
 
         onLeftMousemove(event)
@@ -307,7 +307,7 @@ export default {
                 transform: `translateX(-${targetWidth - this.resizerWidth}px)`
             };
 
-            Dom.find(this.$refs.handle).css(style);
+            Dom.find(this.$refs.handle).style(style);
         },
 
         onLeftMouseup(event)
@@ -341,19 +341,19 @@ export default {
 
             this.tempValue = Math.round(targetWidth);
 
-            Dom.find(this.$el).removeClass('n-move');
+            Dom.find(this.$el).remClass('n-move');
 
             let style = {
                 transform: `translateX(-${targetWidth - this.resizerWidth}px)`
             };
 
-            Dom.find(this.$refs.handle).css(style);
+            Dom.find(this.$refs.handle).style(style);
 
             let frameStyle = {
                 width: this.tempValue + 'px', flex: '0 0 auto'
             };
 
-            Dom.find(this.$el).css(frameStyle);
+            Dom.find(this.$el).style(frameStyle);
 
             delete this.clientX;
 
@@ -383,10 +383,10 @@ export default {
             Dom.find(document.body).addClass('n-move');
 
             Dom.find(document).on(this.mouseup,
-                Any.framerate(this.onRightMouseup, 60), this._.uid);
+                this.onRightMouseup, this._.uid);
 
             Dom.find(document).on(this.mousemove,
-                Any.framerate(this.onRightMousemove, 60), this._.uid);
+                this.onRightMousemove, this._.uid);
         },
 
         onRightMousemove(event)
@@ -416,7 +416,7 @@ export default {
                 transform: `translateX(${targetWidth - this.resizerWidth}px)`
             };
 
-            Dom.find(this.$refs.handle).css(style);
+            Dom.find(this.$refs.handle).style(style);
         },
 
         onRightMouseup(event)
@@ -450,19 +450,19 @@ export default {
 
             this.tempValue = Math.round(targetWidth);
 
-            Dom.find(this.$el).removeClass('n-move');
+            Dom.find(this.$el).remClass('n-move');
 
             let style = {
                 transform: `translateX(${targetWidth - this.resizerWidth}px)`
             };
 
-            Dom.find(this.$refs.handle).css(style);
+            Dom.find(this.$refs.handle).style(style);
 
             let frameStyle = {
                 width: this.tempValue + 'px', flex: '0 0 auto'
             };
 
-            Dom.find(this.$el).css(frameStyle);
+            Dom.find(this.$el).style(frameStyle);
 
             delete this.clientX;
 
@@ -516,17 +516,17 @@ export default {
 
         let style = {};
 
-        if ( !Any.isEmpty(this.flex) ) {
+        if ( !Mix.isEmpty(this.flex) ) {
             style['flex'] = this.flex;
         }
 
         let width = this.width;
 
-        if ( Any.isNumber(width) ) {
+        if ( Mix.isNumber(width) ) {
             width = width + 'px';
         }
 
-        if ( !Any.isEmpty(this.width) ) {
+        if ( !Mix.isEmpty(this.width) ) {
             style['width'] = this.width;
         }
 

package/src/resizer/src/resizer/resizer.jsx

@@ -1,4 +1,4 @@
-import { UUID, Arr, Obj, Dom, Any, Str, Locale, Event, Num } from "@kizmann/pico-js";
+import { Run, Arr, Obj, Dom, Mix, Str, Locale, Event, Num } from "@kizmann/pico-js";
 
 export default {
 
@@ -137,7 +137,7 @@ export default {
             this.forceWidth(...args)
         }, this._.uid);
 
-        Dom.find(window).on('resize', Any.debounce((...args) => {
+        Dom.find(window).on('resize', Run.debounce((...args) => {
             this.onResize(...args)
         }, 500), this._.uid);
 
@@ -180,7 +180,7 @@ export default {
                 width: this.tempValue + 'px', flex: '0 0 auto'
             };
 
-            Dom.find(this.$el).css(style);
+            Dom.find(this.$el).style(style);
         },
 
         updateWidth()
@@ -210,13 +210,13 @@ export default {
                 style.transform = `translateX(${this.tempValue - this.resizerWidth}px)`
             }
 
-            Dom.find(this.$refs.handle).css(style);
+            Dom.find(this.$refs.handle).style(style);
         },
 
         bindSizechange()
         {
             Dom.find(this.NScrollbar.$el).on('resized',
-                Any.debounce(this.updateWidth, 50), this._.uid);
+                Run.debounce(this.updateWidth, 50), this._.uid);
         },
 
         unbindSizechange()
@@ -261,10 +261,10 @@ export default {
             Dom.find(document.body).addClass('n-move');
 
             Dom.find(document).on(this.mouseup,
-                Any.framerate(this.onLeftMouseup, 60), this._.uid);
+                Mix.framerate(this.onLeftMouseup, 60), this._.uid);
 
             Dom.find(document).on(this.mousemove,
-                Any.framerate(this.onLeftMousemove, 60), this._.uid);
+                Mix.framerate(this.onLeftMousemove, 60), this._.uid);
         },
 
         onLeftMousemove(event)
@@ -295,7 +295,7 @@ export default {
                 transform: `translateX(-${targetWidth}px)`
             };
 
-            Dom.find(this.$refs.handle).css(style);
+            Dom.find(this.$refs.handle).style(style);
         },
 
         onLeftMouseup(event)
@@ -328,19 +328,19 @@ export default {
 
             this.tempValue = Math.round(targetWidth);
 
-            Dom.find(this.$el).removeClass('n-move');
+            Dom.find(this.$el).remClass('n-move');
 
             let style = {
                 transform: `translateX(-${targetWidth - this.resizerWidth}px)`
             };
 
-            Dom.find(this.$refs.handle).css(style);
+            Dom.find(this.$refs.handle).style(style);
 
             let frameStyle = {
                 width: this.tempValue + 'px', flex: '0 0 auto'
             };
 
-            Dom.find(this.$el).css(frameStyle);
+            Dom.find(this.$el).style(frameStyle);
 
             delete this.clientX;
 
@@ -368,10 +368,10 @@ export default {
             Dom.find(document.body).addClass('n-move');
 
             Dom.find(document).on(this.mouseup,
-                Any.framerate(this.onRightMouseup, 60), this._.uid);
+                Mix.framerate(this.onRightMouseup, 60), this._.uid);
 
             Dom.find(document).on(this.mousemove,
-                Any.framerate(this.onRightMousemove, 60), this._.uid);
+                Mix.framerate(this.onRightMousemove, 60), this._.uid);
         },
 
         onRightMousemove(event)
@@ -401,7 +401,7 @@ export default {
                 transform: `translateX(${targetWidth}px)`
             };
 
-            Dom.find(this.$refs.handle).css(style);
+            Dom.find(this.$refs.handle).style(style);
         },
 
         onRightMouseup(event)
@@ -434,19 +434,19 @@ export default {
 
             this.tempValue = Math.round(targetWidth);
 
-            Dom.find(this.$el).removeClass('n-move');
+            Dom.find(this.$el).remClass('n-move');
 
             let style = {
                 transform: `translateX(${targetWidth - this.resizerWidth}px)`
             };
 
-            Dom.find(this.$refs.handle).css(style);
+            Dom.find(this.$refs.handle).style(style);
 
             let frameStyle = {
                 width: this.tempValue + 'px', flex: '0 0 auto'
             };
 
-            Dom.find(this.$el).css(frameStyle);
+            Dom.find(this.$el).style(frameStyle);
 
             delete this.clientX;