@kizmann/nano-ui 1.0.2 → 1.0.3

package/src/config/src/builder/prototypes/slider/n-slider.js

@@ -1,11 +1,11 @@
 import { Locale } from "@kizmann/pico-js";
 
-global.NanoBuilderTypes['NSlider'] = Locale.trans('NSlider');
+window.NanoBuilderTypes['NSlider'] = Locale.trans('NSlider');
 
-global.NanoBuilderIndexies['NSlider'] = {
+window.NanoBuilderIndexies['NSlider'] = {
     childs: false, props: {}
 };
 
-global.NanoBuilderIndexies['NSlider']['props'] = {
+window.NanoBuilderIndexies['NSlider']['props'] = {
     //
 };

package/src/config/src/builder/prototypes/switch/n-switch.js

@@ -1,12 +1,12 @@
 import { Locale } from "@kizmann/pico-js";
 
-global.NanoBuilderTypes['NSwitch'] = Locale.trans('NSwitch');
+window.NanoBuilderTypes['NSwitch'] = Locale.trans('NSwitch');
 
-global.NanoBuilderIndexies['NSwitch'] = {
+window.NanoBuilderIndexies['NSwitch'] = {
     childs: true, props: {}
 };
 
-global.NanoBuilderIndexies['NSwitch']['props'] = {
+window.NanoBuilderIndexies['NSwitch']['props'] = {
     modelValue: {
         for: ['binds', 'props'], type: 'Any'
     },
@@ -17,15 +17,15 @@ global.NanoBuilderIndexies['NSwitch']['props'] = {
         for: ['binds', 'props'], type: 'Any'
     },
     onType: {
-        for: ['binds', 'props'], type: 'String', options: global.NanoPrototypeTypes
+        for: ['binds', 'props'], type: 'String', options: window.NanoPrototypeTypes
     },
     offType: {
-        for: ['binds', 'props'], type: 'String', options: global.NanoPrototypeTypes
+        for: ['binds', 'props'], type: 'String', options: window.NanoPrototypeTypes
     },
     size: {
-        for: ['binds', 'props'], type: 'String', options: global.NanoPrototypeSizes
+        for: ['binds', 'props'], type: 'String', options: window.NanoPrototypeSizes
     },
     disabled: {
-        for: ['binds', 'props'], type: 'Boolean', options: global.NanoPrototypeBools
+        for: ['binds', 'props'], type: 'Boolean', options: window.NanoPrototypeBools
     },
 };

package/src/config/src/builder/prototypes/table/n-table-column.js

@@ -1,11 +1,11 @@
 import { Locale } from "@kizmann/pico-js";
 
-global.NanoBuilderTypes['NTableColumn'] = Locale.trans('NTableColumn');
+window.NanoBuilderTypes['NTableColumn'] = Locale.trans('NTableColumn');
 
-global.NanoBuilderIndexies['NTableColumn'] = {
+window.NanoBuilderIndexies['NTableColumn'] = {
     childs: false, props: {}
 };
 
-global.NanoBuilderIndexies['NTableColumn']['props'] = {
+window.NanoBuilderIndexies['NTableColumn']['props'] = {
     //
 };

package/src/config/src/builder/prototypes/table/n-table.js

@@ -1,11 +1,11 @@
 import { Locale } from "@kizmann/pico-js";
 
-global.NanoBuilderTypes['NTable'] = Locale.trans('NTable');
+window.NanoBuilderTypes['NTable'] = Locale.trans('NTable');
 
-global.NanoBuilderIndexies['NTable'] = {
+window.NanoBuilderIndexies['NTable'] = {
     childs: false, props: {}
 };
 
-global.NanoBuilderIndexies['NTable']['props'] = {
+window.NanoBuilderIndexies['NTable']['props'] = {
     //
 };

package/src/config/src/builder/prototypes/tabs/n-tabs-item.js

@@ -1,11 +1,11 @@
 import { Locale } from "@kizmann/pico-js";
 
-global.NanoBuilderTypes['NTabsItem'] = Locale.trans('NTabsItem');
+window.NanoBuilderTypes['NTabsItem'] = Locale.trans('NTabsItem');
 
-global.NanoBuilderIndexies['NTabsItem'] = {
+window.NanoBuilderIndexies['NTabsItem'] = {
     childs: false, props: {}
 };
 
-global.NanoBuilderIndexies['NTabsItem']['props'] = {
+window.NanoBuilderIndexies['NTabsItem']['props'] = {
     //
 };

package/src/config/src/builder/prototypes/tabs/n-tabs.js

@@ -1,11 +1,11 @@
 import { Locale } from "@kizmann/pico-js";
 
-global.NanoBuilderTypes['NTabs'] = Locale.trans('NTabs');
+window.NanoBuilderTypes['NTabs'] = Locale.trans('NTabs');
 
-global.NanoBuilderIndexies['NTabs'] = {
+window.NanoBuilderIndexies['NTabs'] = {
     childs: false, props: {}
 };
 
-global.NanoBuilderIndexies['NTabs']['props'] = {
+window.NanoBuilderIndexies['NTabs']['props'] = {
     //
 };

package/src/config/src/builder/prototypes/tags/n-tags-item.js

@@ -1,11 +1,11 @@
 import { Locale } from "@kizmann/pico-js";
 
-global.NanoBuilderTypes['NTagsItem'] = Locale.trans('NTagsItem');
+window.NanoBuilderTypes['NTagsItem'] = Locale.trans('NTagsItem');
 
-global.NanoBuilderIndexies['NTagsItem'] = {
+window.NanoBuilderIndexies['NTagsItem'] = {
     childs: false, props: {}
 };
 
-global.NanoBuilderIndexies['NTagsItem']['props'] = {
+window.NanoBuilderIndexies['NTagsItem']['props'] = {
     //
 };

package/src/config/src/builder/prototypes/tags/n-tags.js

@@ -1,11 +1,11 @@
 import { Locale } from "@kizmann/pico-js";
 
-global.NanoBuilderTypes['NTags'] = Locale.trans('NTags');
+window.NanoBuilderTypes['NTags'] = Locale.trans('NTags');
 
-global.NanoBuilderIndexies['NTags'] = {
+window.NanoBuilderIndexies['NTags'] = {
     childs: false, props: {}
 };
 
-global.NanoBuilderIndexies['NTags']['props'] = {
+window.NanoBuilderIndexies['NTags']['props'] = {
     //
 };

package/src/config/src/builder/prototypes/textarea/n-textarea.js

@@ -1,11 +1,11 @@
 import { Locale } from "@kizmann/pico-js";
 
-global.NanoBuilderTypes['NButton'] = Locale.trans('NButton');
+window.NanoBuilderTypes['NButton'] = Locale.trans('NButton');
 
-global.NanoBuilderIndexies['NButton'] = {
+window.NanoBuilderIndexies['NButton'] = {
     childs: false, props: {}
 };
 
-global.NanoBuilderIndexies['NButton']['props'] = {
+window.NanoBuilderIndexies['NButton']['props'] = {
     //
 };

package/src/config/src/builder/prototypes/timepicker/n-timepicker.js

@@ -1,11 +1,11 @@
 import { Locale } from "@kizmann/pico-js";
 
-global.NanoBuilderTypes['NTimepicker'] = Locale.trans('NTimepicker');
+window.NanoBuilderTypes['NTimepicker'] = Locale.trans('NTimepicker');
 
-global.NanoBuilderIndexies['NTimepicker'] = {
+window.NanoBuilderIndexies['NTimepicker'] = {
     childs: false, props: {}
 };
 
-global.NanoBuilderIndexies['NTimepicker']['props'] = {
+window.NanoBuilderIndexies['NTimepicker']['props'] = {
     //
 };

package/src/config/src/builder/prototypes/transfer/n-transfer.js

@@ -1,11 +1,11 @@
 import { Locale } from "@kizmann/pico-js";
 
-global.NanoBuilderTypes['NTransfer'] = Locale.trans('NTransfer');
+window.NanoBuilderTypes['NTransfer'] = Locale.trans('NTransfer');
 
-global.NanoBuilderIndexies['NTransfer'] = {
+window.NanoBuilderIndexies['NTransfer'] = {
     childs: false, props: {}
 };
 
-global.NanoBuilderIndexies['NTransfer']['props'] = {
+window.NanoBuilderIndexies['NTransfer']['props'] = {
     //
 };

package/src/draggable/src/draggrid/draggrid.js

@@ -1,7 +1,7 @@
 import { UUID, Num, Arr, Obj, Dom, Any, Event, Locale } from "@kizmann/pico-js";
 import NDraghandler from "../draghandler/draghandler";
 
-global.DEBUG_NDLIST = false;
+window.DEBUG_NDLIST = false;
 
 export default {
 
@@ -390,7 +390,7 @@ export default {
         {
             this.virtuals = this.drag.reduce(this.items);
 
-            if ( global.DEBUG_NDLIST ) {
+            if ( window.DEBUG_NDLIST ) {
                 console.log('Total virtual items mounted: ' + this.virtuals.length);
             }
         },

package/src/draggable/src/draggrid-item/draggrid-item.js

@@ -137,7 +137,7 @@ export default {
         {
             this.NDraggable.setCurrent(this);
 
-            if ( Arr.has(global.keyMods, 91) ) {
+            if ( Arr.has(window.keyMods, 91) ) {
                 this.NDraggable.selectItem(this);
             }
 

package/src/draggable/src/draghandler/draghandler.js

@@ -1,6 +1,6 @@
 import { Arr, Obj, Num, Any, Dom, Event, Locale, UUID } from "@kizmann/pico-js";
 
-global.dragMods = [];
+window.dragMods = [];
 
 class NDragCounter
 {
@@ -38,21 +38,21 @@ class NDragCounter
 
     update()
     {
-        global.dragMods = global.keyMods;
+        window.dragMods = window.keyMods;
 
         let classList = [
             'n-draggable__counter'
         ];
 
-        if ( Arr.has(global.dragMods, 18) ) {
+        if ( Arr.has(window.dragMods, 18) ) {
             classList.push('n-modify--alt');
         }
 
-        if ( Arr.has(global.dragMods, 17) ) {
+        if ( Arr.has(window.dragMods, 17) ) {
             classList.push('n-modify--ctrl');
         }
 
-        if ( Arr.has(global.dragMods, 91) ) {
+        if ( Arr.has(window.dragMods, 91) ) {
             classList.push('n-modify--meta');
         }
 
@@ -61,7 +61,7 @@ class NDragCounter
 
 }
 
-global.DragCounter = new NDragCounter;
+window.DragCounter = new NDragCounter;
 
 class NDragIndicator
 {
@@ -154,8 +154,8 @@ class NDraghandler
     {
         this.DragIndicator = new NDragIndicator(frame || this.rootNode.$el);
 
-        if ( global.DragCache ) {
-            this.bindDragstart.call(this, ...global.DragCache);
+        if ( window.DragCache ) {
+            this.bindDragstart.call(this, ...window.DragCache);
         }
 
         Dom.find(this.rootNode.$el).on('dragenter', (event) => {
@@ -356,7 +356,7 @@ class NDraghandler
             return Arr.find(this.rootNode.virtuals, { [this.rootNode.uniqueProp]: id });
         });
 
-        global.DragCounter.get(event, cache.length);
+        window.DragCounter.get(event, cache.length);
 
         Arr.map(cache, (value) => {
             return { value, item: Obj.get(this.rootNode, value.route) };
@@ -365,7 +365,7 @@ class NDraghandler
         Event.fire('NDrag:start', this.rootNode.group,
             this.dropNodes = cache);
 
-        global.DragCache = [
+        window.DragCache = [
             this.rootNode.group, this.dropNodes
         ];
 
@@ -462,7 +462,7 @@ class NDraghandler
 
         Event.fire('NDrag:end');
 
-        global.DragCache = null;
+        window.DragCache = null;
     }
 
     onDragdropNode(event, node)
@@ -646,15 +646,15 @@ class NDraghandler
 
         let eventName = 'move';
 
-        if ( Arr.has(global.dragMods, 18) ) {
+        if ( Arr.has(window.dragMods, 18) ) {
             eventName = 'moveAlt';
         }
 
-        if ( Arr.has(global.dragMods, 17) ) {
+        if ( Arr.has(window.dragMods, 17) ) {
             eventName = 'moveCtrl';
         }
 
-        if ( Arr.has(global.dragMods, 91) ) {
+        if ( Arr.has(window.dragMods, 91) ) {
             eventName = 'moveMeta';
         }
 

package/src/draggable/src/draglist/draglist.js

@@ -1,7 +1,7 @@
 import { UUID, Num, Arr, Obj, Dom, Any, Event, Locale } from "@kizmann/pico-js";
 import NDraghandler from "../draghandler/draghandler";
 
-global.DEBUG_NDLIST = false;
+window.DEBUG_NDLIST = false;
 
 export default {
 
@@ -445,7 +445,7 @@ export default {
         {
             this.virtuals = this.drag.reduce(this.items);
 
-            if ( global.DEBUG_NDLIST ) {
+            if ( window.DEBUG_NDLIST ) {
                 console.log('Total virtual items mounted: ' + this.virtuals.length);
             }
         },

package/src/draggable/src/draglist-item/draglist-item.js

@@ -157,7 +157,7 @@ export default {
 
             this.NDraggable.setCurrent(this);
 
-            if ( Arr.has(global.keyMods, 91) ) {
+            if ( Arr.has(window.keyMods, 91) ) {
                 this.NDraggable.selectItem(this);
             }
 

package/src/draggable/src/dropzone/dropzone.js

@@ -1,7 +1,7 @@
 import { UUID, Num, Arr, Obj, Dom, Any, Event, Locale } from "@kizmann/pico-js";
 import NDraghandler from "../draghandler/draghandler";
 
-global.DEBUG_NDLIST = false;
+window.DEBUG_NDLIST = false;
 
 export default {
 

package/src/index.js

@@ -31,17 +31,17 @@ export const Settings = {
     notifyPosition: 'bottom-start'
 };
 
-export function Install(App, Icons = {}, Styles = {})
+export function Install(App, Icons = {})
 {
     /**
-     * @const global.pi
+     * @const window.pi
      */
 
-    if ( typeof global.pi === 'undefined' ) {
+    if ( typeof window.pi === 'undefined' ) {
         return console.error('pico-js is not available.');
     }
 
-    Obj.each(global.pi, (value, key) => {
+    Obj.each(window.pi, (value, key) => {
         App.config.globalProperties[key] = value;
     });
 
@@ -52,8 +52,8 @@ export function Install(App, Icons = {}, Styles = {})
     App.config.globalProperties.trans = Locale.trans;
     App.config.globalProperties.choice = Locale.choice;
 
-    global.nano.Icons = Obj.assign(Icons, global.nano.Icons);
-    global.nano.Settings = Obj.assign(Settings, global.nano.Settings);
+    window.nano.Icons = Obj.assign(Icons, window.nano.Icons);
+    window.nano.Settings = Obj.assign(Settings, window.nano.Settings);
 
     require('./alert/index').default(App);
     require('./notification/index').default(App);
@@ -103,26 +103,26 @@ export const Nano = {
     Icons: Icons, Settings: Settings, Install: Install
 };
 
-global.keyMods = [];
+window.keyMods = [];
 
 Dom.find(document).on('keydown', (event) => {
-    Arr.add(global.keyMods, event.which);
+    Arr.add(window.keyMods, event.which);
 });
 
 Dom.find(document).on('keyup', (event) => {
-    Arr.remove(global.keyMods, event.which);
+    Arr.remove(window.keyMods, event.which);
 });
 
 Dom.find(document).on('dragstart', (event) => {
-    Arr.add(global.keyMods, event.which);
+    Arr.add(window.keyMods, event.which);
 });
 
 Dom.find(document).on('dragend', (event) => {
-    global.keyMods = [];
+    window.keyMods = [];
 });
 
-if ( typeof global.nano === 'undefined' ) {
-    global.nano = Nano;
+if ( typeof window.nano === 'undefined' ) {
+    window.nano = Nano;
 }
 
 export default Nano;

package/src/preview/src/preview/preview.js

@@ -129,11 +129,11 @@ export default {
                 if ( Arr.has(exts, extension) ) fallback = key;
             });
 
-            if ( global.resolveVimeo(file) ) {
+            if ( window.resolveVimeo(file) ) {
                 fallback = 'video';
             }
 
-            if ( global.resolveYoutube(file) ) {
+            if ( window.resolveYoutube(file) ) {
                 fallback = 'video';
             }
 

package/src/preview/src/preview-video/preview-video.js

@@ -1,6 +1,6 @@
 import { Obj, Arr, Str, Any, Dom } from "@kizmann/pico-js";
 
-global.resolveYoutube = function(url, fallback = null) {
+window.resolveYoutube = function(url, fallback = null) {
 
     if ( ! Any.isString(url) ) {
         return fallback;
@@ -33,7 +33,7 @@ global.resolveYoutube = function(url, fallback = null) {
     return fallback;
 }
 
-global.resolveVimeo = function(url, fallback = null) {
+window.resolveVimeo = function(url, fallback = null) {
 
     if ( ! Any.isString(url) ) {
         return fallback;
@@ -117,7 +117,7 @@ export default {
 
         resolveYoutube()
         {
-            let youtube = global.resolveYoutube(this.src);
+            let youtube = window.resolveYoutube(this.src);
 
             if ( ! youtube ) {
                 return false;
@@ -132,7 +132,7 @@ export default {
 
         resolveVimeo()
         {
-            let vimeo = global.resolveVimeo(this.src);
+            let vimeo = window.resolveVimeo(this.src);
 
             if ( ! vimeo ) {
                 return false;

package/src/virtualscroller/src/virtualscroller/virtualscroller.beta.js

@@ -1,6 +1,6 @@
 import { Arr, Obj, Any, Dom } from "@kizmann/pico-js";
 
-global.DEBUG_NVSCROLL = false;
+window.DEBUG_NVSCROLL = false;
 
 export default {
 

package/types/index.d.ts

@@ -0,0 +1,44 @@
+// types/index.d.ts
+// import Cookie from "./library/cookie";
+
+declare interface IconsInterface {
+    handle: string;
+    checked: string;
+    circle: string;
+    intermediate: string;
+    clock: string;
+    calendar: string;
+    times: string;
+    primary: string;
+    success: string;
+    warning: string;
+    danger: string;
+    info: string;
+    angleUp: string;
+    angleRight: string;
+    angleDown: string;
+    angleLeft: string;
+    angleDoubleLeft: string;
+    angleDoubleRight: string;
+    [key: string]: string;
+}
+
+export declare module "@kizmann/nano-ui" {
+
+    function Install(App: any, Icons?: Partial<IconsInterface>): void;
+
+    const Icons: typeof IconsInterface;
+    const Settings: typeof SettingsInterface;
+
+    export {
+        Icons,
+        Settings,
+        Install
+    };
+
+    export default {
+        Icons,
+        Settings,
+        Install
+    };
+}