@kizmann/nano-ui 1.1.4 → 2.0.0

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;
 

package/src/scrollbar/src/scrollbar/scrollbar.jsx

@@ -1,4 +1,4 @@
-import { Arr, Obj, Dom, Any, Str, Event, UUID } from "@kizmann/pico-js";
+import { Run, Arr, Obj, Dom, Mix, Str, Event, Hash } from "@kizmann/pico-js";
 
 export default {
 
@@ -101,7 +101,7 @@ export default {
     data()
     {
         return {
-            uid: UUID(), init: false, native: false, height: 0, width: 0
+            uid: Hash.uuid(), init: false, native: false, height: 0, width: 0
         };
     },
 
@@ -172,7 +172,7 @@ export default {
                 width: Math.round(rect.width), height: Math.round(rect.height)
             };
 
-            if ( Any.isEqual(this.state, now) ) {
+            if ( Mix.isEqual(this.state, now) ) {
                 return;
             }
 
@@ -200,7 +200,7 @@ export default {
                     Math.round(this.$refs.wrapper.getBoundingClientRect().height)
                 ];
 
-                Dom.find(this.$el).removeClass('is-paused');
+                Dom.find(this.$el).remClass('is-paused');
             });
 
             let outer = {
@@ -212,7 +212,7 @@ export default {
                 width === this.width, height === this.height
             ]
 
-            if ( ! Arr.has(rainbow, true) && Any.isEqual(this.outer, outer) ) {
+            if ( ! Arr.has(rainbow, true) && Mix.isEqual(this.outer, outer) ) {
                 return;
             }
 
@@ -242,7 +242,7 @@ export default {
                 styles.height = this.height + 'px';
             }
 
-            Dom.find(this.$refs.spacer).css(styles);
+            Dom.find(this.$refs.spacer).style(styles);
 
             this.adaptScrollHeight();
             this.adaptScrollWidth();
@@ -256,11 +256,11 @@ export default {
 
         scrollTo(x = 0, y = 0, delay = 0)
         {
-            if ( Any.isEmpty(delay) ) {
+            if ( Mix.isEmpty(delay) ) {
                 return this.scrollTo(x, y);
             }
 
-            Any.delay(() => this.onScrollTo(x, y), delay);
+            Run.delay(() => this.onScrollTo(x, y), delay);
         },
 
         onScrollTo(x = 0, y = 0)
@@ -277,7 +277,7 @@ export default {
 
         scrollIntoView(selector, delay = 0, padding = 0)
         {
-            Any.delay(() => this.onScrollIntoView(selector, padding), delay);
+            Run.delay(() => this.onScrollIntoView(selector, padding), delay);
         },
 
         onScrollIntoView(selector, padding = 0)
@@ -361,7 +361,7 @@ export default {
             this.heightRatio = (maxHeight - (barHeight - height)
                 - this.offsetY) / maxHeight;
 
-            Dom.find(this.$refs.vbar).css({
+            Dom.find(this.$refs.vbar).style({
                 height: (this.barHeight = Math.ceil(barHeight)) + 'px'
             });
 
@@ -372,7 +372,7 @@ export default {
             }
 
             if ( !this.hasVtrack ) {
-                Dom.find(this.$el).removeClass('has-vtrack');
+                Dom.find(this.$el).remClass('has-vtrack');
             }
 
             this.adaptScrollPosition();
@@ -411,7 +411,7 @@ export default {
             this.widthRatio = (maxWidth - (barWidth - width)
                 - this.offsetX) / maxWidth;
 
-            Dom.find(this.$refs.hbar).css({
+            Dom.find(this.$refs.hbar).style({
                 width: (this.barWidth = Math.ceil(barWidth)) + 'px'
             });
 
@@ -422,7 +422,7 @@ export default {
             }
 
             if ( !this.hasHtrack ) {
-                Dom.find(this.$el).removeClass('has-htrack');
+                Dom.find(this.$el).remClass('has-htrack');
             }
 
             this.adaptScrollPosition();
@@ -447,7 +447,7 @@ export default {
 
             if ( !this.vbarTop || vbarTop !== this.vbarTop ) {
 
-                Dom.find(this.$refs.vbar).css({
+                Dom.find(this.$refs.vbar).style({
                     transform: `translateY(${vbarTop}px) translateZ(0)`
                 });
 
@@ -459,7 +459,7 @@ export default {
 
             if ( !this.hbarLeft || hbarLeft !== this.hbarLeft ) {
 
-                Dom.find(this.$refs.hbar).css({
+                Dom.find(this.$refs.hbar).style({
                     transform: `translateX(${hbarLeft}px) translateZ(0)`
                 });
 
@@ -541,7 +541,7 @@ export default {
             Dom.find(document).off(this.mouseup,
                 null, this._.uid);
 
-            Dom.find(this.$refs.vbar).removeClass('is-active');
+            Dom.find(this.$refs.vbar).remClass('is-active');
         },
 
         onHbarMousedown(event)
@@ -593,7 +593,7 @@ export default {
             Dom.find(document).off(this.mouseup,
                 null, this._.uid);
 
-            Dom.find(this.$refs.hbar).removeClass('is-active');
+            Dom.find(this.$refs.hbar).remClass('is-active');
         },
 
     },