@kizmann/nano-ui 1.1.4 → 2.0.0

package/src/info/src/info/info.jsx

@@ -1,4 +1,4 @@
-import { Arr, Any, Obj, Event, UUID } from "@kizmann/pico-js";
+import { Arr, Mix, Obj, Event, Hash, Run } from "@kizmann/pico-js";
 
 export default {
 
@@ -61,7 +61,7 @@ export default {
     data()
     {
         return {
-            uid: UUID(),
+            uid: Hash.uuid(),
             elements: [],
             options: [],
             tempValue: this.item,
@@ -91,7 +91,7 @@ export default {
 
     updated()
     {
-        Any.delay(() => {
+        Run.delay(() => {
             if ( this.$refs.scrollbar ) {
                 // this.$refs.scrollbar.adaptHeight();
             }
@@ -108,7 +108,7 @@ export default {
 
             this.options = this.syncEvent;
 
-            if ( Any.isFunction(this.options) ) {
+            if ( Mix.isFunction(this.options) ) {
                 this.options = this.options(this);
             }
 
@@ -165,7 +165,7 @@ export default {
 
     renderBody()
     {
-        if ( Any.isEmpty(this.tempValue) ) {
+        if ( Mix.isEmpty(this.tempValue) ) {
             return this.ctor('renderEmpty')();
         }
 
@@ -180,7 +180,7 @@ export default {
 
         return (
             <div class="n-info__body">
-                {Any.vals(elements)}
+                {Mix.vals(elements)}
             </div>
         );
     },

package/src/info/src/info-column/info-column.jsx

@@ -1,4 +1,4 @@
-import { UUID, Obj, Locale, Str } from "@kizmann/pico-js";
+import { Hash, Obj, Locale, Str } from "@kizmann/pico-js";
 import { h, resolveComponent } from "vue";
 
 export default {
@@ -115,7 +115,7 @@ export default {
     data()
     {
         return {
-            uid: UUID()
+            uid: Hash.uuid()
         };
     },
 

package/src/info/src/info-field/types/info-field-boolean.jsx

@@ -1,4 +1,4 @@
-import { Any } from "@kizmann/pico-js";
+import { Str } from "@kizmann/pico-js";
 import InfoField from "../info-field.jsx";
 
 export default {
@@ -17,7 +17,7 @@ export default {
 
         return (
             <div>
-                <span>{ Any.convertBoolean(this.input, this.column.trueText, this.column.falseText) }</span>
+                <span>{ Str.boolean(this.input, this.column.trueText, this.column.falseText) }</span>
             </div>
         );
     }

package/src/info/src/info-field/types/info-field-datetime.jsx

@@ -1,4 +1,4 @@
-import { Any } from "@kizmann/pico-js";
+import { Str } from "@kizmann/pico-js";
 import InfoField from "../info-field.jsx";
 
 export default {
@@ -17,7 +17,7 @@ export default {
 
         return (
             <div>
-                <span>{ Any.convertDatetime(this.input, this.column.datetimeFormat, this.column.emptyText) }</span>
+                <span>{ Str.datetime(this.input, this.column.datetimeFormat, this.column.emptyText) }</span>
             </div>
         );
     }

package/src/info/src/info-field/types/info-field-option.jsx

@@ -1,4 +1,4 @@
-import { Arr, Obj, Any } from "@kizmann/pico-js";
+import { Arr, Obj, Mix } from "@kizmann/pico-js";
 import InfoField from "../info-field.jsx";
 
 export default {
@@ -11,7 +11,7 @@ export default {
     {
         let options = this.column.options;
 
-        if ( Any.isFunction(options) ) {
+        if ( Mix.isFunction(options) ) {
             options = this.column.options(this);
         }
 
@@ -41,7 +41,7 @@ export default {
             );
         }
 
-        let input = ! Any.isObject(this.input) ?
+        let input = ! Mix.isRef(this.input) ?
             [this.input] : this.input;
 
         return (

package/src/info/src/info-field/types/info-field-string.jsx

@@ -1,4 +1,4 @@
-import { Any } from "@kizmann/pico-js";
+import { Str } from "@kizmann/pico-js";
 import InfoField from "../info-field.jsx";
 
 export default {
@@ -17,7 +17,7 @@ export default {
 
         return (
             <div>
-                <span>{ Any.convertString(this.input, this.column.emptyText) }</span>
+                <span>{ Str.string(this.input, this.column.emptyText) }</span>
             </div>
         );
     }

package/src/input-number/src/input-number/input-number.jsx

@@ -1,4 +1,4 @@
-import { Arr, Obj, Num, Now, Any, Dom, Locale } from "@kizmann/pico-js";
+import { Str, Obj, Num, Now, Mix, Dom, Locale } from "@kizmann/pico-js";
 import { h } from "vue";
 
 export default {
@@ -159,11 +159,11 @@ export default {
 
         getValue(value = null)
         {
-            if ( Any.isNull(value) ) {
+            if ( Mix.isNull(value) ) {
                 value = this.modelValue;
             }
 
-            if ( Any.isEmpty(value) ) {
+            if ( Mix.isEmpty(value) ) {
                 return this.min;
             }
 
@@ -172,12 +172,11 @@ export default {
 
         getDisplayValue()
         {
-            if ( Any.isEmpty(this.tempValue) ) {
+            if ( Mix.isEmpty(this.tempValue) ) {
                 return null;
             }
 
-            let value = Num.format(this.tempValue,
-                this.decimals, ' ', this.precision);
+            let value = Str.number(this.tempValue, this.precision);
 
             return Locale.trans(this.format, { count: value });
         },
@@ -388,7 +387,7 @@ export default {
 
     renderClear()
     {
-        if ( !this.clearable || Any.isEmpty(this.tempValue) ) {
+        if ( !this.clearable || Mix.isEmpty(this.tempValue) ) {
             return null;
         }
 
@@ -413,7 +412,7 @@ export default {
             'n-input-number--' + this.size,
         ];
 
-        if ( Any.isEmpty(this.modelValue) ) {
+        if ( Mix.isEmpty(this.modelValue) ) {
             classList.push('n-empty');
         }
 

package/src/loader/src/loader/loader.jsx

@@ -1,4 +1,4 @@
-import { UUID, Num, Obj, Any, Dom, Locale } from "@kizmann/pico-js";
+import { Run } from "@kizmann/pico-js";
 
 export default {
 
@@ -91,12 +91,12 @@ export default {
                 return this.restartTimer(timing);
             }
 
-            this.timeout = setTimeout(() => this.tempVisible = false, 
+            this.timeout = setTimeout(() => this.tempVisible = false,
                 this.debounce);
         },
 
         restartTimer(timing = 0) {
-            Any.delay(this.startTimer, this.minimum - timing + 10);
+            Run.delay(this.startTimer, this.minimum - timing + 10);
         }
 
     },

package/src/map/src/map/map.jsx

@@ -1,4 +1,4 @@
-import { Arr, Map, Any } from "@kizmann/pico-js";
+import { Arr, Map, Run } from "@kizmann/pico-js";
 
 export default {
 
@@ -48,12 +48,12 @@ export default {
 
         lat()
         {
-            Any.delay(() => this.tempMap.focusMarkers(), 100);
+            Run.delay(() => this.tempMap.focusMarkers(), 100);
         },
 
         lng()
         {
-            Any.delay(() => this.tempMap.focusMarkers(), 100);
+            Run.delay(() => this.tempMap.focusMarkers(), 100);
         }
 
     },

package/src/map/src/map-marker/map-marker.jsx

@@ -1,4 +1,4 @@
-import { UUID, Obj, Num, Any } from "@kizmann/pico-js";
+import { Hash, Obj, Num, Mix, Run } from "@kizmann/pico-js";
 
 export default {
 
@@ -51,7 +51,7 @@ export default {
     data()
     {
         return {
-            id: UUID(), tempMarker: null
+            id: Hash.uuid(), tempMarker: null
         };
     },
 
@@ -76,14 +76,14 @@ export default {
                 lat: Num.float(this.lat), lng: Num.float(this.lng), draggable: this.drag
             }, this.options);
 
-            if ( ! Any.isEmpty(this.$slots.default) ) {
+            if ( ! Mix.isEmpty(this.$slots.default) ) {
                 options.html = this.$el.innerHTML;
             }
 
             this.tempMarker = this.NMap.getMap().createMarker(this.id, options);
 
             this.tempMarker.marker.addListener('position_changed',
-                Any.debounce(this.updateMarkerPosition));
+                Run.debounce(this.updateMarkerPosition));
 
             this.tempMarker.marker.addListener('dragstart',
                 () => this.$emit('dragstart', this.tempMarker));

package/src/mixins/src/cmer.js

@@ -1,4 +1,4 @@
-import { Arr, Obj, Any } from "@kizmann/pico-js";
+import { Arr, Obj, Mix } from "@kizmann/pico-js";
 
 export default {
 
@@ -6,27 +6,27 @@ export default {
     {
         let attrsList = {};
 
-        if ( Any.isString(classList) ) {
+        if ( Mix.isString(classList) ) {
             attrsList[classList] = true;
         }
 
-        if ( Any.isArray(classList) ) {
+        if ( Mix.isArray(classList) ) {
             Arr.each(classList, (value) => attrsList[value] = true);
         }
 
-        if ( Any.isPlain(classList) ) {
+        if ( Mix.isObj(classList) ) {
             Obj.assign(attrsList, classList);
         }
 
-        if ( Any.isString(this.$attrs.class) ) {
+        if ( Mix.isString(this.$attrs.class) ) {
             attrsList[this.$attrs.class] = true;
         }
 
-        if ( Any.isArray(this.$attrs.class) ) {
+        if ( Mix.isArray(this.$attrs.class) ) {
             Arr.each(this.$attrs.class, (value) => attrsList[value] = true);
         }
 
-        if ( Any.isPlain(this.$attrs.class) ) {
+        if ( Mix.isObj(this.$attrs.class) ) {
             Obj.assign(attrsList, this.$attrs.class);
         }
 

package/src/mixins/src/cslo.js

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

package/src/modal/src/modal/modal.jsx

@@ -1,4 +1,4 @@
-import { UUID, Num, Arr, Obj, Any, Dom, Locale } from "@kizmann/pico-js";
+import { Run, Arr, Obj, Mix, Dom, Locale } from "@kizmann/pico-js";
 
 export default {
 
@@ -152,7 +152,7 @@ export default {
     mounted()
     {
         this.target = Dom.find(this.selector || this.$el)
-            .previous().get(0);
+            .prev().get(0);
 
         Dom.find(document.body).on('mousedown',
             this.eventClick, this._.uid);
@@ -165,7 +165,7 @@ export default {
         };
 
         if ( this.modelValue ) {
-            Any.delay(showModal, 100);
+            Run.delay(showModal, 100);
         }
 
         Dom.find(document.body).append(this.$el);
@@ -221,7 +221,7 @@ export default {
         {
             clearTimeout(this.refresh);
 
-            Dom.find(this.$el).removeClass('n-ready');
+            Dom.find(this.$el).remClass('n-ready');
         },
 
         startRefreshTimeout()
@@ -235,7 +235,7 @@ export default {
             Dom.find(this.$el).attr('data-modal',
                 window.zIndex);
 
-            Dom.find(this.$el).css({
+            Dom.find(this.$el).style({
                 'z-index': window.zIndex
             });
 

package/src/notification/src/notification/notification-handler.mjs

@@ -1,4 +1,4 @@
-import { UUID, Str, Obj, Dom, Any } from "@kizmann/pico-js";
+import { Hash, Str, Run, Dom, Mix } from "@kizmann/pico-js";
 import NotificationElement from "./notification-element.mjs";
 
 window.NotificationBag = {};
@@ -20,14 +20,14 @@ export class NotificationHandler
         window.NotificationBag[uid].append(wrapper);
 
         // Queue remove
-        Any.delay(() => {
+        Run.delay(() => {
             NotificationHandler.remove(uid);
         }, el.options.duration);
 
         return uid;
     }
 
-    static create(uid = UUID(), ...args)
+    static create(uid = Hash.uuid(), ...args)
     {
         window.NotificationBag[uid] = new NotificationElement(...args);
 

package/src/paginator/src/paginator/paginator.jsx

@@ -1,4 +1,4 @@
-import { Str, Num, Arr, Any } from "@kizmann/pico-js";
+import { Str, Num, Arr, Mix } from "@kizmann/pico-js";
 
 export default {
 
@@ -82,7 +82,7 @@ export default {
 
         pageOptions()
         {
-            return Arr.make(this.pages || 1);
+            return Arr.make(this.pages || 1, (i) => i+1);
         }
 
     },
@@ -390,7 +390,7 @@ export default {
         let renderFunction = this.ctor('render' +
             Str.ucfirst(view));
 
-        if ( Any.isFunction(renderFunction) ) {
+        if ( Mix.isFunction(renderFunction) ) {
             return renderFunction();
         }
 

package/src/popover/src/popover/popover-element.mjs

@@ -1,4 +1,4 @@
-import { Any, Dom, Arr, Obj, UUID } from "@kizmann/pico-js";
+import { Mix, Dom, Arr, Obj, Run, Hash } from "@kizmann/pico-js";
 import { PopoverHelper } from "./popover-helper.mjs";
 import PopoverHandler from "./popover-handler.mjs";
 
@@ -34,7 +34,7 @@ export class PopoverElement
         });
 
         if ( ! options.uid ) {
-            options.uid = UUID()
+            options.uid = Hash.uuid()
         }
 
         this.bind();
@@ -46,17 +46,17 @@ export class PopoverElement
 
         if ( trigger === 'hover' ) {
             Dom.find(document.body).on(PopoverHelper.getHoverEvent(),
-                Any.framerate((e) => this.onHover(e), 30), { uid });
+                Run.framerate((e) => this.onHover(e), 15), { uid });
         }
 
         if ( trigger === 'click' ) {
             Dom.find(document.body).on(PopoverHelper.getClickEvent(),
-                Any.throttle((e) => this.onClick(e), 30), { uid });
+                Run.throttle((e) => this.onClick(e), 30), { uid });
         }
 
         if ( trigger === 'context' ) {
             Dom.find(document.body).on(PopoverHelper.getContextEvent(),
-                Any.throttle((e) => this.onContext(e), 30), { uid });
+                Run.throttle((e) => this.onContext(e), 30), { uid });
         }
     }
 
@@ -84,7 +84,7 @@ export class PopoverElement
     {
         let { parent } = this.options;
 
-        if ( Any.isEmpty(parent) ) {
+        if ( Mix.isEmpty(parent) ) {
             return [];
         }
 
@@ -135,7 +135,7 @@ export class PopoverElement
 
         Dom.find(el).attr('data-ready', 'true');
 
-        if ( Any.isFunction(this.events['open']) ) {
+        if ( Mix.isFunction(this.events['open']) ) {
             this.events['open'].apply({}, [event]);
         }
 
@@ -169,7 +169,7 @@ export class PopoverElement
 
         Dom.find(el).attr('data-ready', null);
 
-        if ( Any.isFunction(this.events['close']) ) {
+        if ( Mix.isFunction(this.events['close']) ) {
             this.events['close'].apply({}, [event]);
         }
 
@@ -288,7 +288,7 @@ export class PopoverElement
             window.zIndex = 9000;
         }
 
-        let style = Obj.assign(Dom.find(el).css(), {
+        let style = Obj.assign(Dom.find(el).style(), {
             'z-index':  window.zIndex++,
             'top':      Math.round(offset.y + scroll.top) + 'px',
             'left':     Math.round(offset.x + scroll.left) + 'px',
@@ -300,7 +300,7 @@ export class PopoverElement
             style.width = Math.round(rect.width) + 'px';
         }
 
-        Dom.find(el).css(style);
+        Dom.find(el).style(style);
 
         if ( ! style['--n-parent-width'] ) {
             style['--n-parent-width'] = `${rect.width}px`;
@@ -318,7 +318,7 @@ export class PopoverElement
             style['--n-node-height'] = `${el.clientHeight}px`;
         }
 
-        Dom.find(el).css(style);
+        Dom.find(el).style(style);
     }
 
     getTargetHorizontal(position, fallback = null)
@@ -555,7 +555,7 @@ export class PopoverElement
 
 
         if ( width > 0 ) {
-            Dom.find(el).css({ width: `${width}px`});
+            Dom.find(el).style({ width: `${width}px`});
         }
 
         if ( position.match(/^(top|bottom)\-/) ) {

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;
         }
 
@@ -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;
         }