@kizmann/pico-js 2.0.3 → 2.0.5

package/package.json

@@ -1,12 +1,13 @@
 {
     "name": "@kizmann/pico-js",
-    "version": "2.0.3",
+    "version": "2.0.5",
     "license": "MIT",
     "type": "module",
     "private": false,
     "author": "Eduard Kizmann <kizmann@protonmail.ch>",
     "repository": "https://github.com/vankizmann/pico-js",
     "main": "./src/index.esm.js",
+    "unpkg": "./dist/pico-js.browser.js",
     "jsnext:main": "./src/index.esm.js",
     "typings": "./types/index.esm.d.ts",
     "imports": {
@@ -42,6 +43,7 @@
         "lodash": "^4.17.23",
         "mini-css-extract-plugin": "^2.0.0",
         "mitata": "^1.0.34",
+        "moment": "^2.30.1",
         "postcss": "^8.4.31",
         "postcss-inline-svg": "^5.0.0",
         "postcss-loader": "^5.0.0",

package/src/dom/DomEvent.js

@@ -1,4 +1,4 @@
-import { Arr, Hash, Mix, Obj, Dom } from "../index.esm.js";
+import { Arr, Hash, Mix, Obj, Dom, Run } from "../index.esm.js";
 import { PicoDom } from "../utils/Dom.js";
 
 /**
@@ -6,7 +6,7 @@ import { PicoDom } from "../utils/Dom.js";
  */
 export class PicoDomEventStatic
 {
-    static events = [];
+    static $events = [];
 }
 
 /**
@@ -35,7 +35,7 @@ export class PicoDomEventInstance
             options = { id: options };
         }
 
-        Dom.events = Arr.append(Dom.events, {
+        Dom.$events = Arr.append(Dom.$events, {
             el, event, cb, selector, pause, options
         });
 
@@ -61,7 +61,7 @@ export class PicoDomEventInstance
             options = { id: options };
         }
 
-        let indexes = Arr.filterIndex(Dom.events, {
+        let indexes = Arr.filterIndex(Dom.$events, {
             el, event, selector, options
         });
 
@@ -74,10 +74,10 @@ export class PicoDomEventInstance
         };
 
         Arr.each(indexes.reverse(), (index) => {
-            el.removeEventListener(...args(Dom.events[index]));
+            el.removeEventListener(...args(Dom.$events[index]));
         });
 
-        Arr.splices(Dom.events, indexes);
+        Arr.splices(Dom.$events, indexes);
 
         return this;
     }
@@ -142,6 +142,27 @@ export class PicoDomEventInstance
         return this;
     }
 
+    /**
+     * Stop listening to event with specific options
+     *
+     * @example Dom.find("div").optoff({ id: "my-id" })
+     *
+     * @param {any} [options] Listener options
+     * @returns {PicoDom} Current instance
+     */
+    optoff(options = {})
+    {
+        Run.idle(() => {
+            Arr.filterRemove(Dom.$events, { options });
+        });
+
+        this.each((el) => {
+            el && el.removeAllListeners();
+        });
+
+        return this;
+    }
+
     /**
      * Listen to event once
      *

package/src/dom/DomGlobal.js

@@ -1,4 +1,4 @@
-import { Run, Mix, Obj, Dom } from "../index.esm.js";
+import { Run, Mix, Obj, Dom, Hash } from "../index.esm.js";
 import { PicoDom } from "../utils/Dom.js";
 
 /**
@@ -60,18 +60,18 @@ export class PicoDomGlobalStatic
      */
     static ready(cb, delay = 0, limit = 6000)
     {
+        let [id, el, event] = [
+            Hash.make(), Dom.find(document), 'DOMContentLoaded'
+        ];
+
         let fn = () => {
-            Run.delay(cb, delay);
+            (Run.delay(cb, delay), el.off(event, null, { id }));
         };
 
-        let [el, event] = [
-            Dom.find(document), 'DOMContentLoaded'
-        ];
-
         let ready = Dom.isDomReady;
 
         if ( ! ready() ) {
-            return (el.on(event, fn), this);
+            return (el.on(event, fn, { id }), this);
         }
 
         Run.wait(() => {

package/src/index.esm.js

@@ -1,13 +1,33 @@
-import { default as PicoRunner } from "./utils/Runner.js";
-import { default as PicoString } from "./utils/String.js";
-import { default as PicoNumber } from "./utils/Number.js";
-import { default as PicoArray } from "./utils/Array.js";
-import { default as PicoObject } from "./utils/Object.js";
-import { default as PicoMixed } from "./utils/Mixed.js";
-import { default as PicoHash } from "./utils/Hash.js";
-import { default as PicoEvent } from "./utils/Event.js";
-import { default as PicoLocale } from "./utils/Locale.js";
-import { default as PicoCookie } from "./utils/Cookie.js";
+import { PicoRunner, default as Run } from "./utils/Runner.js";
+import { PicoString, default as Str } from "./utils/String.js";
+import { PicoNumber, default as Num } from "./utils/Number.js";
+import { PicoArray, default as Arr } from "./utils/Array.js";
+import { PicoObject, default as Obj } from "./utils/Object.js";
+import { PicoMixed, default as Mix } from "./utils/Mixed.js";
+import { PicoHash, default as Hash } from "./utils/Hash.js";
+import { PicoEvent, default as Event } from "./utils/Event.js";
+import { PicoLocale, default as Locale } from "./utils/Locale.js";
+import { PicoCookie, default as Cookie } from "./utils/Cookie.js";
+
+/**
+ * @type {typeof PicoDom}
+ */
+const Dom = DomBuilder();
+
+/**
+ * @type {typeof PicoNow}
+ */
+const Now = NowBuilder();
+
+/**
+ * @type {typeof PicoFormat}
+ */
+const For = ForBuilder();
+
+export {
+    Dom, Now, For, Run, Str, Num, Arr, Obj, Mix, Hash, Event, Locale, Cookie
+}
+
 import { PicoDom, default as DomBuilder } from "./utils/Dom.js";
 import { PicoNow, default as NowBuilder } from "./utils/Now.js";
 import { PicoFormat, default as ForBuilder } from "./utils/Format.js";
@@ -31,72 +51,6 @@ export {
     Route, Element
 }
 
-/**
- * @type {typeof PicoDom}
- */
-export const Dom = DomBuilder();
-
-/**
- * @type {typeof PicoNow}
- */
-export const Now = NowBuilder();
-
-/**
- * @type {typeof PicoFormat}
- */
-export const For = ForBuilder();
-
-/**
- * @type {typeof PicoRunner}
- */
-export const Run = PicoRunner;
-
-/**
- * @type {typeof PicoString}
- */
-export const Str = PicoString;
-
-/**
- * @type {typeof PicoNumber}
- */
-export const Num = PicoNumber;
-
-/**
- * @type {typeof PicoArray}
- */
-export const Arr = PicoArray;
-
-/**
- * @type {typeof PicoObject}
- */
-export const Obj = PicoObject;
-
-/**
- * @type {typeof PicoMixed}
- */
-export const Mix = PicoMixed;
-
-/**
- * @type {typeof PicoHash}
- */
-export const Hash = PicoHash;
-
-/**
- * @type {typeof PicoEvent}
- */
-export const Event = PicoEvent;
-
-/**
- * @type {typeof PicoLocale}
- */
-export const Locale = PicoLocale;
-
-/**
- * @type {typeof PicoCookie}
- */
-export const Cookie = PicoCookie;
-
-
 /**
  * @type {typeof PicoMixed}
  */
@@ -112,5 +66,5 @@ export const Any = new Proxy({}, {
  */
 export const UUID = function () {
     console.warn('UUID() is deprecated, use Hash.make() instead.');
-    return PicoHash.make();
+    return Hash.make();
 };

package/src/now/NowDefault.js

@@ -396,7 +396,7 @@ export class PicoNowDefaultInstance
 /**
  * @see PicoNow.add
  */
-PicoNowGridInstance.prototype.addSecond = function (value) {
+PicoNowDefaultInstance.prototype.addSecond = function (value) {
     console.warn('Now.addSecond() is deprecated, use Now.add(value, \'second\') instead.');
     return this.add(value, 'second');
 }
@@ -404,7 +404,7 @@ PicoNowGridInstance.prototype.addSecond = function (value) {
 /**
  * @see PicoNow.sub
  */
-PicoNowGridInstance.prototype.subSecond = function (value) {
+PicoNowDefaultInstance.prototype.subSecond = function (value) {
     console.warn('Now.subSecond() is deprecated, use Now.sub(value, \'second\') instead.');
     return this.sub(value, 'second');
 }
@@ -412,7 +412,7 @@ PicoNowGridInstance.prototype.subSecond = function (value) {
 /**
  * @see PicoNow.add
  */
-PicoNowGridInstance.prototype.addMinute = function (value) {
+PicoNowDefaultInstance.prototype.addMinute = function (value) {
     console.warn('Now.addMinute() is deprecated, use Now.add(value, \'minute\') instead.');
     return this.add(value, 'minute');
 }
@@ -420,7 +420,7 @@ PicoNowGridInstance.prototype.addMinute = function (value) {
 /**
  * @see PicoNow.sub
  */
-PicoNowGridInstance.prototype.subMinute = function (value) {
+PicoNowDefaultInstance.prototype.subMinute = function (value) {
     console.warn('Now.subMinute() is deprecated, use Now.sub(value, \'minute\') instead.');
     return this.sub(value, 'minute');
 }
@@ -428,7 +428,7 @@ PicoNowGridInstance.prototype.subMinute = function (value) {
 /**
  * @see PicoNow.add
  */
-PicoNowGridInstance.prototype.addHour = function (value) {
+PicoNowDefaultInstance.prototype.addHour = function (value) {
     console.warn('Now.addHour() is deprecated, use Now.add(value, \'hour\') instead.');
     return this.add(value, 'hour');
 }
@@ -436,7 +436,7 @@ PicoNowGridInstance.prototype.addHour = function (value) {
 /**
  * @see PicoNow.sub
  */
-PicoNowGridInstance.prototype.subHour = function (value) {
+PicoNowDefaultInstance.prototype.subHour = function (value) {
     console.warn('Now.subHour() is deprecated, use Now.sub(value, \'hour\') instead.');
     return this.sub(value, 'hour');
 }
@@ -444,7 +444,7 @@ PicoNowGridInstance.prototype.subHour = function (value) {
 /**
  * @see PicoNow.add
  */
-PicoNowGridInstance.prototype.addDates = function (value) {
+PicoNowDefaultInstance.prototype.addDates = function (value) {
     console.warn('Now.addDates() is deprecated, use Now.add(value, \'date\') instead.');
     return this.add(value, 'date');
 }
@@ -452,7 +452,7 @@ PicoNowGridInstance.prototype.addDates = function (value) {
 /**
  * @see PicoNow.sub
  */
-PicoNowGridInstance.prototype.subDates = function (value) {
+PicoNowDefaultInstance.prototype.subDates = function (value) {
     console.warn('Now.subDates() is deprecated, use Now.sub(value, \'date\') instead.');
     return this.sub(value, 'date');
 }
@@ -460,7 +460,7 @@ PicoNowGridInstance.prototype.subDates = function (value) {
 /**
  * @see PicoNow.add
  */
-PicoNowGridInstance.prototype.addMonths = function (value) {
+PicoNowDefaultInstance.prototype.addMonths = function (value) {
     console.warn('Now.addMonths() is deprecated, use Now.add(value, \'month\') instead.');
     return this.add(value, 'month');
 }
@@ -468,7 +468,7 @@ PicoNowGridInstance.prototype.addMonths = function (value) {
 /**
  * @see PicoNow.sub
  */
-PicoNowGridInstance.prototype.subMonths = function (value) {
+PicoNowDefaultInstance.prototype.subMonths = function (value) {
     console.warn('Now.subMonths() is deprecated, use Now.sub(value, \'month\') instead.');
     return this.sub(value, 'month');
 }
@@ -476,7 +476,7 @@ PicoNowGridInstance.prototype.subMonths = function (value) {
 /**
  * @see PicoNow.add
  */
-PicoNowGridInstance.prototype.addYears = function (value) {
+PicoNowDefaultInstance.prototype.addYears = function (value) {
     console.warn('Now.addYears() is deprecated, use Now.add(value, \'year\') instead.');
     return this.add(value, 'year');
 }
@@ -484,7 +484,7 @@ PicoNowGridInstance.prototype.addYears = function (value) {
 /**
  * @see PicoNow.sub
  */
-PicoNowGridInstance.prototype.subYears = function (value) {
+PicoNowDefaultInstance.prototype.subYears = function (value) {
     console.warn('Now.subYears() is deprecated, use Now.sub(value, \'year\') instead.');
     return this.sub(value, 'year');
 }
@@ -492,7 +492,7 @@ PicoNowGridInstance.prototype.subYears = function (value) {
 /**
  * @see PicoNow.add
  */
-PicoNowGridInstance.prototype.addDecades = function (value) {
+PicoNowDefaultInstance.prototype.addDecades = function (value) {
     console.warn('Now.addDecades() is deprecated, use Now.grid(10 * value, \'year\') instead.');
     return this.add(10 * value, 'year');
 }
@@ -500,7 +500,7 @@ PicoNowGridInstance.prototype.addDecades = function (value) {
 /**
  * @see PicoNow.sub
  */
-PicoNowGridInstance.prototype.subDecades = function (value) {
+PicoNowDefaultInstance.prototype.subDecades = function (value) {
     console.warn('Now.subDecades() is deprecated, use Now.grid(10 * value, \'year\') instead.');
     return this.sub(10 * value, 'year');
 }
@@ -508,7 +508,7 @@ PicoNowGridInstance.prototype.subDecades = function (value) {
 /**
  * @see PicoNow.day
  */
-PicoNowGridInstance.prototype.humanDay = function () {
+PicoNowDefaultInstance.prototype.humanDay = function () {
     console.warn('Now.humanDay() is deprecated, use Now.day() instead.');
     return this.day();
 }
@@ -516,7 +516,7 @@ PicoNowGridInstance.prototype.humanDay = function () {
 /**
  * @see PicoNow.month
  */
-PicoNowGridInstance.prototype.humanMonth = function () {
+PicoNowDefaultInstance.prototype.humanMonth = function () {
     console.warn('Now.humanMonth() is deprecated, use Now.month() instead.');
     return this.month();
 }

package/src/utils/Array.js

@@ -231,25 +231,38 @@ export class PicoArray
      */
     static each(value, cb, retval = null)
     {
-        let [isArr, keys] = [
-            Mix.isArr(value), Mix.keys(value)
-        ];
+        if ( Mix.isObj(value) ) {
+            return this.eachObj(value, cb, retval);
+        }
 
-        let fn = (key) => {
-            return isArr ? parseInt(key) : key;
-        };
+        if ( value == null ) {
+            value = [];
+        }
+
+        let result = new Array(value.length);
+
+        for (let i = 0; i < value.length; i++) {
+            result[i] = cb(value[i], i);
+        }
 
-        let result = new Array(keys.length);
+        return retval != null ? retval : result;
+    }
 
-        for (let i = 0; i < keys.length; i++) {
-            result[i] = cb(value[keys[i]], fn(keys[i]));
+    static eachObj(value, cb, retval = null)
+    {
+        if ( Mix.isArr(value) ) {
+            return this.each(value, cb, retval);
         }
 
-        if ( retval != null ) {
-            return retval;
+        if ( value == null ) {
+            value = {};
         }
 
-        return result;
+        let result = Mix.keys(value).map((key) => {
+            return cb(value[key], key);
+        });
+
+        return retval != null ? retval : result;
     }
 
     /**
@@ -295,15 +308,30 @@ export class PicoArray
             return value;
         }
 
-        return this.map(value, (item) => {
+        if ( Mix.isObj(value) ) {
+            return this.recursiveObj(value, key, cb, cascade);
+        }
+
+        return this.each(value, (item) => {
             return (this.recursive(item[key], key, cb, [
                 ...cascade, value
-            ]), cb(item, cascade));
+            ]), cb(item, this.clone(cascade)));
         });
 
         // [{childs: [{ childs: [] } ] }, { childs: [] } ] }]
     }
 
+    static recursiveObj(value, key, cb, cascade = [])
+    {
+        if ( value == null ) {
+            return value;
+        }
+
+        return this.recursive(value[key], key, cb, [
+            ...cascade, value
+        ]), cb(item, this.clone(cascade))
+    }
+
     /**
      * Get matching indexes by filter
      *
@@ -315,6 +343,10 @@ export class PicoArray
      */
     static filterIndex(value, filter = null)
     {
+        if ( value == null ) {
+            return [];
+        }
+
         if ( filter == null ) {
             filter = (val) => !Mix.isEmpty(val);
         }
@@ -333,6 +365,21 @@ export class PicoArray
         });
     }
 
+    static filterRemove(value, filter = null)
+    {
+        if ( value == null ) {
+            return value;
+        }
+
+        let indexes = this.filterIndex(value, filter);
+
+        if ( indexes.length === 0 ) {
+            return value;
+        }
+
+        return this.splices(value, indexes);
+    }
+
     /**
      * Filter values by filter
      *
@@ -344,6 +391,10 @@ export class PicoArray
      */
     static filter(value, filter = null)
     {
+        if ( value == null ) {
+            return [];
+        }
+
         if ( filter == null ) {
             filter = (val) => !Mix.isEmpty(val);
         }
@@ -374,6 +425,10 @@ export class PicoArray
      */
     static findIndex(value, filter = null, fallback = - 1)
     {
+        if ( value == null ) {
+            return fallback;
+        }
+
         if ( filter == null ) {
             filter = (val) => !Mix.isEmpty(val);
         }
@@ -930,57 +985,57 @@ export class PicoArray
 /**
  * @see PicoArray.unset
  */
-PicoArray.removeIndex = (...args) => {
+PicoArray.removeIndex = function (...args) {
     console.warn('Arr.removeIndex() is deprecated, use Arr.unset() instead.');
-    return Arr.unset(...args);
+    return this.unset(...args);
 };
 
 /**
  * @see PicoArray.sortPrim
  */
-PicoArray.sortString = (...args) => {
+PicoArray.sortString = function (...args) {
     console.warn('Arr.sortString() is deprecated, use Arr.sortPrim() instead.');
-    return Arr.sortPrim(...args);
+    return this.sortPrim(...args);
 };
 
 /**
  * @see PicoArray.append
  */
-PicoArray.push = (...args) => {
+PicoArray.push = function (...args) {
     console.warn('Arr.push() is deprecated, use Arr.append() instead.');
-    return Arr.append(...args);
+    return this.append(...args);
 };
 
 /**
  * @see PicoArray.merge
  */
-PicoArray.concat = (...args) => {
+PicoArray.concat = function (...args) {
     console.warn('Arr.concat() is deprecated, use Arr.merge() instead.');
-    return Arr.merge(...args);
+    return this.merge(...args);
 };
 
 /**
  * @see PicoArray.matches
  */
-PicoArray.equal = (...args) => {
+PicoArray.equal = function (...args) {
     console.warn('Arr.equal() is deprecated, use Arr.matches() instead.');
-    return Arr.matches(...args);
+    return this.matches(...args);
 };
 
 /**
  * @see PicoArray.diff
  */
-PicoArray.diffrence = (...args) => {
+PicoArray.diffrence = function (...args) {
     console.warn('Arr.diffrence() is deprecated, use Arr.diff() instead.');
-    return Arr.diff(...args);
+    return this.diff(...args);
 };
 
 /**
  * @see PicoArray.isect
  */
-PicoArray.intersect = (...args) => {
+PicoArray.intersect = function (...args) {
     console.warn('Arr.intersect() is deprecated, use Arr.isect() instead.');
-    return Arr.isect(...args);
+    return this.isect(...args);
 };
 
 export default PicoArray;

package/src/utils/Cookie.js

@@ -134,7 +134,7 @@ export class PicoCookie
             this.$cookie[key] = value;
         }
 
-        let plain = key + '=' + value.replaceAll(...[
+        let plain = key + '=' + Mix.str(value).replaceAll(...[
             ';', '{:}'
         ]);
 

package/src/utils/Hash.js

@@ -1,4 +1,4 @@
-import { Str, Hash } from "../index.esm.js";
+import { Str } from "../index.esm.js";
 
 /**
  * @var {Array<string>} RADIX_NUMBER Radix from 0 to 9
@@ -96,7 +96,7 @@ export class PicoHash
         let hash = '';
 
         for ( let i = 0; i < length; i ++ ) {
-            hash += Hash.radix(radix);
+            hash += this.radix(radix);
         }
 
         for ( const k of Object.keys(map) ) {
@@ -121,9 +121,9 @@ export class PicoHash
         // Use only selected chars from the radix store
         for ( let i = 0; i < 31; i ++ ) {
             if ( i === 15 ) {
-                hash += Hash.radix(RADIX_UP19.length, RADIX_UP19);
+                hash += this.radix(RADIX_UP19.length, RADIX_UP19);
             } else {
-                hash += Hash.radix(RADIX_UUID.length, RADIX_UUID);
+                hash += this.radix(RADIX_UUID.length, RADIX_UUID);
             }
         }
 
@@ -153,7 +153,7 @@ export class PicoHash
         let hash = '';
 
         for ( let i = 0; i < length; i ++ ) {
-            hash += Hash.radix(radix.length, radix);
+            hash += this.radix(radix.length, radix);
         }
 
         return hash;

package/src/utils/Mixed.js

@@ -1,4 +1,4 @@
-import { Arr, go, Mix, Run, Now, Locale, Str, Obj } from "../index.esm.js";
+import { go, Arr, Mix, Run, Now, Locale, Str, Obj } from "../index.esm.js";
 
 export const MIX_REGEX = {
     'iso': /^\d{4}-\d{2}-\d{2}[T\s]\d{2}:\d{2}:\d{2}(?:\.\d+)?(?:Z|[+-]\d{2}:\d{2})$/,
@@ -279,7 +279,7 @@ export class PicoMixed
             return false;
         }
 
-        return Object.getPrototypeOf(value) === Object.prototype;
+        return typeof value === 'object' && value.constructor === Object;
     }
 
     /**
@@ -302,7 +302,7 @@ export class PicoMixed
             return false;
         }
 
-        return Object.getPrototypeOf(value) === Array.prototype;
+        return typeof value === 'object' && value.constructor === Array;
     }
 
     /**