@kizmann/pico-js 1.0.11 → 1.0.13

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@kizmann/pico-js",
-    "version": "1.0.11",
+    "version": "1.0.13",
     "license": "MIT",
     "type": "module",
     "private": false,

package/src/index.js

@@ -69,24 +69,22 @@ export const Pico = {
     Route: Route,
 }
 
-/**
- * @const window
- */
+let win = Any.global();
 
-if ( typeof window.IE === 'undefined' && window.navigator ) {
-    window.IE = !! window.navigator.userAgent.match(/Edge\/|Trident\/|MSIE /);
+if ( typeof win.IE === 'undefined' && win.navigator ) {
+    win.IE = !! win.navigator.userAgent.match(/Edge\/|Trident\/|MSIE /);
 }
 
-if ( typeof window.WIN === 'undefined' && window.navigator ) {
-    window.WIN = !! window.navigator.userAgent.match(/Windows/);
+if ( typeof win.WIN === 'undefined' && win.navigator ) {
+    win.WIN = !! win.navigator.userAgent.match(/Windows/);
 }
 
-if ( typeof window.pi === 'undefined' && window.navigator ) {
-    window.pi = Pico;
+if ( typeof win.pi === 'undefined' && win.navigator ) {
+    win.pi = Pico;
 }
 
-if ( typeof window.pi !== 'undefined' && window.document ) {
-    window.pi.Dom.ready(window.pi.Element.listen);
+if ( typeof win.pi !== 'undefined' && win.document ) {
+    win.pi.Dom.ready(win.pi.Element.listen);
 }
 
 export default Pico;

package/src/library/data.js

@@ -2,7 +2,7 @@ import { Arr, Obj, Num, Any, Event } from "../index.js";
 
 export class Data
 {
-    static data = Obj.get(window, '_data', {});
+    static data = Obj.get(Any.global(), '_data', {});
 
     static has(input)
     {

package/src/library/locale.js

@@ -1,11 +1,11 @@
-import { Obj } from "../index.js";
+import { Obj, Any } from "../index.js";
 
 export class Locale
 {
     /**
      * Get locales from window if present.
      */
-    static locales = Obj.get(window, '_locales', {});
+    static locales = Obj.get(Any.global(), '_locales', {});
 
     static pickByCount(splits, count)
     {

package/src/library/route.js

@@ -2,7 +2,7 @@ import { Obj, Str, Any } from "../index.js";
 
 export default class Route
 {
-    static routes = Obj.get(window, '_routes', {});
+    static routes = Obj.get(Any.global(), '_routes', {});
 
     static set (key, value)
     {

package/src/utility/any.js

@@ -2,6 +2,19 @@ import { Arr, Obj, Now } from "../index.js";
 
 export class Any
 {
+    static global(fallback = {})
+    {
+        if ( window !== undefined ) {
+            return window;
+        }
+
+        if ( global !== undefined ) {
+            return global;
+        }
+
+        return fallback;
+    }
+
     static isEmpty(val)
     {
         if ( this.isNumber(val) ) {

package/src/utility/dom.js

@@ -133,11 +133,13 @@ export class Dom
         return this.get(0) && this.get(0).is(':visible');
     }
 
-    inviewHeight()
+    inviewHeight(boundry = window)
     {
+        let parent = Dom.find(boundry);
+
         let viewport = {
-            width: Dom.find(window).width(),
-            height: Dom.find(window).height(),
+            width: parent.width(),
+            height: parent.height(),
         };
 
         let element = {
@@ -148,10 +150,12 @@ export class Dom
         let scroll = this.scroll(),
             offset = this.offset();
 
-        let bottom = offset.top + element.height;
+        let [top, bottom] = [
+            scroll.top + parent.offset('top'), offset.top + element.height
+        ];
 
-        return Math.max(0, Math.min(bottom, viewport.height + scroll.top) -
-            Math.max(offset.top, scroll.top))
+        return Math.max(0, Math.min(bottom, viewport.height + top) -
+            Math.max(offset.top, top))
     }
 
     inviewX(ratio = 0)
@@ -212,10 +216,13 @@ export class Dom
             options = { el: options };
         }
 
+        let boundry = Dom.find(options.parent)
+            .closestScrollable(window);
+
         options = Obj.assign({}, defaults, options);
 
         let safeback = (item) => {
-            return Math.min(Dom.find(item.el).height() * 0.5, Dom.find(window).height() * 0.2);
+            return Math.min(Dom.find(item.el).height() * 0.5, Dom.find(boundry).height() * 0.2);
         };
 
         let safezone = options.safezone;
@@ -236,7 +243,7 @@ export class Dom
 
         parent.each((el) => {
             items.push({
-                el, attr: Dom.find(el).attr(attr), height: Dom.find(el).inviewHeight()
+                el, attr: Dom.find(el).attr(attr), height: Dom.find(el).inviewHeight(boundry)
             });
         });
 
@@ -245,7 +252,7 @@ export class Dom
         });
 
         results = Arr.sort(results, (a, b) => {
-            return a.height > b.height ? -1 : 1;
+            return a.height >= b.height ? -1 : 1;
         });
 
         Arr.each(results, (item, index) => {
@@ -438,6 +445,10 @@ export class Dom
             return Dom.find(null);
         }
 
+        if ( el instanceof Window ) {
+            el = document;
+        }
+
         let nodes = el.querySelectorAll(selector);
 
         nodes = Array.prototype.slice.call(nodes);

package/src/utility/now.js

@@ -7,7 +7,9 @@ export class Now
 
     constructor(date = null, format = 'YYYY-MM-DD HH:mm:ss')
     {
-        if ( ! window.moment ) {
+        let win = Any.global();
+
+        if ( ! win.moment ) {
             throw new Error('Moment.js is required for pi.Now');
         }
 
@@ -18,14 +20,14 @@ export class Now
         this.initialDate = date;
 
         if ( ! Any.isString(date) ) {
-            this.moment = window.moment(date || new Date, format);
+            this.moment = win.moment(date || new Date, format);
         }
 
         if ( this.moment !== null ) {
             return this;
         }
 
-        this.moment = window.moment(date.match(/^now/) ?
+        this.moment = win.moment(date.match(/^now/) ?
             new Date : date, format);
 
         let second = this.initialDate.match(/(\+|-)([0-9]+)seconds?/);
@@ -92,7 +94,7 @@ export class Now
     valid()
     {
         return ! Any.isEmpty(this.initialDate) &&
-            window.moment(this.initialDate).isValid();
+            Any.global().moment(this.initialDate).isValid();
     }
 
     clone()

package/src/utility/object.js

@@ -362,7 +362,7 @@ export class Obj
     {
         let result = {};
 
-        if ( window.FormData && obj instanceof FormData ) {
+        if ( FormData && obj instanceof FormData ) {
 
             for ( let [key, value] of obj.entries() ) {
                 result[key] = callback(value, key);