@kizmann/pico-js 2.0.5 → 2.0.7

package/src/utils/Array.js

@@ -1,4 +1,4 @@
-import { Obj, Mix } from "../index.esm.js";
+import { Obj, Mix, Any } from "../index.esm.js";
 
 export class PicoArray
 {
@@ -30,7 +30,7 @@ export class PicoArray
      */
     static get(value, index, fallback = null)
     {
-        if ( ! Mix.isArr(value) ) {
+        if ( !Mix.isArr(value) ) {
             return value;
         }
 
@@ -111,10 +111,14 @@ export class PicoArray
             return this.findIndex(value, search) !== - 1;
         }
 
-        if ( ! Mix.isArr(value) ) {
+        if ( !Mix.isRef(value) ) {
             value = [value];
         }
 
+        if ( !Mix.isArr(value) ) {
+            value = Mix.vals(value);
+        }
+
         let index = value.findIndex((val) => {
             return val == search;
         });
@@ -241,13 +245,23 @@ export class PicoArray
 
         let result = new Array(value.length);
 
-        for (let i = 0; i < value.length; i++) {
+        for ( let i = 0; i < value.length; i ++ ) {
             result[i] = cb(value[i], i);
         }
 
         return retval != null ? retval : result;
     }
 
+    /**
+     * Iterate over object keys
+     *
+     * @example Arr.eachObj({a:1}, (v,k) => v+1) // => [2]
+     *
+     * @param {any} value Input object
+     * @param {function} cb Iterate callback
+     * @param {any} [retval] Return value override
+     * @returns {any} Mapped values or retval
+     */
     static eachObj(value, cb, retval = null)
     {
         if ( Mix.isArr(value) ) {
@@ -304,32 +318,36 @@ export class PicoArray
      */
     static recursive(value, key, cb, cascade = [])
     {
-        if ( value == null ) {
-            return value;
+        // NIE WIEDER ANFASSEN !!!
+        let fn = (cas) => (val) => {
+            return this.recursive(val, key, cb, cas);
+        };
+
+        if ( Mix.isArr(value) ) {
+            return this.map(value, fn(cascade));
         }
 
         if ( Mix.isObj(value) ) {
-            return this.recursiveObj(value, key, cb, cascade);
+            value = cb(value, cascade) ?? value;
         }
 
-        return this.each(value, (item) => {
-            return (this.recursive(item[key], key, cb, [
-                ...cascade, value
-            ]), cb(item, this.clone(cascade)));
-        });
-
-        // [{childs: [{ childs: [] } ] }, { childs: [] } ] }]
-    }
+        cascade = [
+            ...this.clone(cascade), value
+        ];
 
-    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))
+        if ( Mix.isObj(value[key]) ) {
+            value[key] = fn(cascade)(value[key]);
+        }
+
+        if ( Mix.isArr(value[key]) ) {
+            value[key] = this.map(value[key], fn(cascade));
+        }
+
+        return value;
     }
 
     /**
@@ -365,6 +383,15 @@ export class PicoArray
         });
     }
 
+    /**
+     * Remove values matching filter (mutates)
+     *
+     * @example Arr.filterRemove([1,2], 2) // => [1]
+     *
+     * @param {any} value Input list
+     * @param {any} [filter] Filter spec
+     * @returns {any} Mutated list
+     */
     static filterRemove(value, filter = null)
     {
         if ( value == null ) {
@@ -531,8 +558,12 @@ export class PicoArray
      */
     static sortDeep(value, key)
     {
+        let fn = (val) => {
+            return Obj.get(val, key);
+        }
+
         let keys = Mix.keys(value).sort((a, b) => {
-            return Mix.compare(Obj.get(a, key), Obj.get(b, key));
+            return Mix.compare(fn(value[a]), fn(value[b]));
         });
 
         let result = [];
@@ -625,7 +656,7 @@ export class PicoArray
             finder = target;
         }
 
-        if ( this.findIndex(value, finder) !== -1 ) {
+        if ( this.findIndex(value, finder) !== - 1 ) {
             return value;
         }
 
@@ -650,7 +681,7 @@ export class PicoArray
 
         let index = this.findIndex(value, finder);
 
-        if ( index !== -1 ) {
+        if ( index !== - 1 ) {
             this.splice(value, index, 1);
         }
 
@@ -675,7 +706,7 @@ export class PicoArray
 
         let index = this.findIndex(value, finder);
 
-        if ( index === -1 ) {
+        if ( index === - 1 ) {
             return value;
         }
 
@@ -701,7 +732,7 @@ export class PicoArray
 
         let index = this.findIndex(value, finder);
 
-        if ( index === -1 ) {
+        if ( index === - 1 ) {
             return (value.push(target), value);
         }
 
@@ -791,7 +822,7 @@ export class PicoArray
             return Obj.clone(value);
         }
 
-        if ( ! Mix.isArr(value) ) {
+        if ( !Mix.isArr(value) ) {
             return value;
         }
 
@@ -905,7 +936,7 @@ export class PicoArray
             return Obj.includes(value, search);
         }
 
-        if ( ! Mix.isArr(search) ) {
+        if ( !Mix.isArr(search) ) {
             return value === search;
         }
 
@@ -917,7 +948,7 @@ export class PicoArray
             return true;
         }
 
-        for ( let i = 0; result === false && i < length; i++) {
+        for ( let i = 0; result === false && i < length; i ++ ) {
             result ||= this.has(value, search[i]);
         }
 
@@ -938,7 +969,7 @@ export class PicoArray
         let result = true;
 
         for ( let key of Mix.vals(val) ) {
-            result &&= Mix.vals(arr).indexOf(key) !== -1;
+            result &&= Mix.vals(arr).indexOf(key) !== - 1;
         }
 
         return result;
@@ -959,7 +990,7 @@ export class PicoArray
             return Obj.matches(value, search);
         }
 
-        if ( ! Mix.isArr(value) ) {
+        if ( !Mix.isArr(value) ) {
             return value === search;
         }
 
@@ -973,7 +1004,7 @@ export class PicoArray
             return false;
         }
 
-        for ( let i = 0; result === true && i < length; i++) {
+        for ( let i = 0; result === true && i < length; i ++ ) {
             result &&= this.has(value, search[i]);
         }
 

package/src/utils/Dom.js

@@ -9,6 +9,7 @@ import { PicoDomAttributePlugin } from "../dom/DomAttribute.js";
 import { PicoDomInviewPlugin } from "../dom/DomInview.js";
 import { PicoDomMetaPlugin } from "../dom/DomMeta.js";
 import { PicoDomObserverPlugin } from "../dom/DomObserver.js";
+import { PicoDomPopoverPlugin } from "../dom/DomPopover.js";
 
 export const PicoDomPlugins = [
     PicoDomFinderPlugin,
@@ -21,6 +22,7 @@ export const PicoDomPlugins = [
     PicoDomInviewPlugin,
     PicoDomMetaPlugin,
     PicoDomObserverPlugin,
+    PicoDomPopoverPlugin,
 ];
 
 /**
@@ -43,6 +45,8 @@ export const PicoDomPlugins = [
  * @typedef {import('../dom/DomMeta.js').PicoDomMetaInstance} PicoDomMetaInstance
  * @typedef {import('../dom/DomObserver.js').PicoDomObserverStatic} PicoDomObserverStatic
  * @typedef {import('../dom/DomObserver.js').PicoDomObserverInstance} PicoDomObserverInstance
+ * @typedef {import('../dom/DomPopover.js').PicoDomPopoverStatic} PicoDomPopoverStatic
+ * @typedef {import('../dom/DomPopover.js').PicoDomPopoverInstance} PicoDomPopoverInstance
  *
  * @mixes PicoDomFinderStatic
  * @mixes PicoDomGlobalStatic
@@ -54,6 +58,7 @@ export const PicoDomPlugins = [
  * @mixes PicoDomInviewStatic
  * @mixes PicoDomMetaStatic
  * @mixes PicoDomObserverStatic
+ * @mixes PicoDomPopoverStatic
  *
  * @extends PicoDomFinderInstance
  * @extends PicoDomGlobalInstance
@@ -65,6 +70,7 @@ export const PicoDomPlugins = [
  * @extends PicoDomInviewInstance
  * @extends PicoDomMetaInstance
  * @extends PicoDomObserverInstance
+ * @extends PicoDomPopoverInstance
  */
 export class PicoDom {
 

package/src/utils/Mixed.js

@@ -454,6 +454,10 @@ export class PicoMixed
             return [];
         }
 
+        if ( this.isFunc(value.toJSON) ) {
+            value = value.toJSON();
+        }
+
         if ( this.isIter(value) ) {
             value = this.iter(value);
         }
@@ -476,6 +480,10 @@ export class PicoMixed
             return [];
         }
 
+        if ( this.isFunc(value.toJSON) ) {
+            value = value.toJSON();
+        }
+
         if ( this.isIter(value) ) {
             value = this.iter(value);
         }

package/src/utils/Runner.js

@@ -233,18 +233,28 @@ export class PicoRunner
      *
      * @param {function} cb Callback to run
      * @param {string} key Buffer key
-     * @param {number} [order] Sort order
+     * @param {number} [priority] Sort priority
      * @returns {function} Buffered handler
      */
-    static framebuffer(cb, key, order = 1000)
+    static framebuffer(cb, key, priority = 1000)
     {
+        const item = {
+            key, cb, priority, args: [], active: false
+        };
+
+        Arr.add(this.$buffer, item);
+
         return (e, ...args) => {
 
-            Arr.replace(PicoRunner.$buffer, {
-                key, cb, order, args: [e, ...args], active: true
-            }, { key });
+            if ( /^drag/.test(e.type) ) {
+                e.preventDefault();
+            }
 
-            (e.preventDefault(), PicoRunner.runFramebuffer());
+            Obj.assign(item, {
+                args: [e, ...args], active: true
+            });
+
+            this.runFramebuffer();
         };
     }
 
@@ -265,7 +275,7 @@ export class PicoRunner
             this.runFramebuffer();
         }, 50);
 
-        if ( Date.now() - this.$timer <= 50 ) {
+        if ( Date.now() - this.$timer < 50 ) {
             return;
         }
 
@@ -283,10 +293,10 @@ export class PicoRunner
             return;
         }
 
-        this.frame(() => {
-            Arr.each(Arr.sort(buffer, 'order'), (item) => {
-                item.cb(...item.args); item.active = false;
-            });
+        buffer = Arr.sort(buffer, 'priority');
+
+        Arr.each(buffer.reverse(), (item) => {
+            item.cb(...item.args); item.active = false;
         });
     }
 

package/src/utils/{Event.js → Signal.js}

@@ -1,5 +1,6 @@
 import { Str, Event, For, Mix, Arr } from "../index.esm.js";
-export class PicoEvent
+
+export class PicoSignal
 {
     static $events = [];
 
@@ -13,7 +14,7 @@ export class PicoEvent
      * @param {function} cb Event callback
      * @param {any} [options] Listener options
      * @param {boolean} [paused] Start paused
-     * @returns {typeof PicoEvent} Event class
+     * @returns {typeof PicoSignal} Event class
      */
     static bind(event, cb, options = {}, paused = false)
     {
@@ -40,7 +41,7 @@ export class PicoEvent
      *
      * @param {any} event Event name(s)
      * @param {any} [options] Listener options
-     * @returns {typeof PicoEvent} Event class
+     * @returns {typeof PicoSignal} Event class
      */
     static unbind(event, options = {})
     {
@@ -66,7 +67,7 @@ export class PicoEvent
      *
      * @param {string} event Event name
      * @param {...any} args Event args
-     * @returns {typeof PicoEvent} Event class
+     * @returns {typeof PicoSignal} Event class
      */
     static fire(event, ...args)
     {
@@ -90,7 +91,7 @@ export class PicoEvent
      *
      * @param {any} event Event name(s)
      * @param {any} [options] Listener options
-     * @returns {typeof PicoEvent} Event class
+     * @returns {typeof PicoSignal} Event class
      */
     static pause(event, options = {})
     {
@@ -116,7 +117,7 @@ export class PicoEvent
      *
      * @param {any} event Event name(s)
      * @param {any} [options] Listener options
-     * @returns {typeof PicoEvent} Event class
+     * @returns {typeof PicoSignal} Event class
      */
     static unpause(event, options = {})
     {
@@ -137,4 +138,4 @@ export class PicoEvent
 
 }
 
-export default PicoEvent;
+export default PicoSignal;

package/types/dom/DomEvent.d.ts

@@ -98,9 +98,10 @@ export class PicoDomEventInstance {
      * @example Dom.find("div").fire("click")
      *
      * @param {string} event Event name
+     * @param {object} [detail] Event detail
      * @returns {PicoDom} Current instance
      */
-    fire(event: string): PicoDom;
+    fire(event: string, detail?: object): PicoDom;
     /**
      * @see PicoDom.once
      */

package/types/dom/DomFinder.d.ts

@@ -213,6 +213,7 @@ export class PicoDomFinderInstance {
      * @returns {Element} Found element
      */
     closest(selector: any): Element;
+    upnode(selector: any): PicoDom;
     /**
      * Get previous element
      *

package/types/dom/DomObserver.d.ts

@@ -8,15 +8,6 @@ export class PicoDomObserverStatic {
  * @extends {PicoDom}
  */
 export class PicoDomObserverInstance {
-    /**
-     * Get or set element value
-     *
-     * @example Dom.find("input").value("hello")
-     *
-     * @param {any} [value] New value
-     * @returns {any|PicoDom} Value or instance
-     */
-    value(value?: any): any | PicoDom;
 }
 export function PicoDomObserverPlugin(self: typeof PicoDom): typeof PicoDom;
 import { PicoDom } from "../utils/Dom.js";

package/types/dom/DomPopover.d.ts

@@ -0,0 +1,17 @@
+/**
+ * @memberof PicoDom
+ */
+export class PicoDomPopoverStatic {
+}
+/**
+ * @memberof PicoDom
+ * @extends {PicoDom}
+ */
+export class PicoDomPopoverInstance {
+    popover(target: any, position?: string, options?: {}): any;
+    popoverY(target: any, position?: string, options?: {}): any;
+    popoverX(target: any, position?: string, options?: {}): any;
+    popoverNormalize(offset: any, self: any, rect: any, win: any): any;
+}
+export function PicoDomPopoverPlugin(self: typeof PicoDom): typeof PicoDom;
+import { PicoDom } from "../utils/Dom.js";

package/types/dom/DomRectangle.d.ts

@@ -17,6 +17,7 @@ export class PicoDomRectangleStatic {
  * @extends {PicoDom}
  */
 export class PicoDomRectangleInstance {
+    rect(fallback?: {}): any;
     /**
      * Get margin values
      *

package/types/index.esm.d.ts

@@ -2,6 +2,10 @@
  * @type {typeof PicoMixed}
  */
 export const Any: typeof PicoMixed;
+/**
+ * @type {typeof PicoMixed}
+ */
+export const Event: typeof PicoMixed;
 export function UUID(): string;
 /**
  * @type {typeof PicoDom}
@@ -22,7 +26,7 @@ import { default as Arr } from "./utils/Array.js";
 import { default as Obj } from "./utils/Object.js";
 import { default as Mix } from "./utils/Mixed.js";
 import { default as Hash } from "./utils/Hash.js";
-import { default as Event } from "./utils/Event.js";
+import { default as Signal } from "./utils/Signal.js";
 import { default as Locale } from "./utils/Locale.js";
 import { default as Cookie } from "./utils/Cookie.js";
 import { go } from "./tool/scope.js";
@@ -36,4 +40,4 @@ import { PicoMixed } from "./utils/Mixed.js";
 import { PicoDom } from "./utils/Dom.js";
 import { PicoNow } from "./utils/Now.js";
 import { PicoFormat } from "./utils/Format.js";
-export { Run, Str, Num, Arr, Obj, Mix, Hash, Event, Locale, Cookie, go, browser, device, Map, Data, Route, Element };
+export { Run, Str, Num, Arr, Obj, Mix, Hash, Signal, Locale, Cookie, go, browser, device, Map, Data, Route, Element };

package/types/now/NowFormat.d.ts

@@ -3,6 +3,9 @@ export namespace NOW_FORMAT {
     let LL: string;
     let LLL: string;
     let LLLL: string;
+    let LT: string;
+    let LTS: string;
+    let LTSD: string;
 }
 export namespace NOW_PARSE {
     let second: string;

package/types/utils/Array.d.ts

@@ -134,7 +134,17 @@ export class PicoArray {
      * @returns {any} Mapped array
      */
     static each(value: any, cb: Function, retval?: any): any;
-    static eachObj(value: any, cb: any, retval?: any): any;
+    /**
+     * Iterate over object keys
+     *
+     * @example Arr.eachObj({a:1}, (v,k) => v+1) // => [2]
+     *
+     * @param {any} value Input object
+     * @param {function} cb Iterate callback
+     * @param {any} [retval] Return value override
+     * @returns {any} Mapped values or retval
+     */
+    static eachObj(value: any, cb: Function, retval?: any): any;
     /**
      * Map values in place (mutates)
      *
@@ -157,7 +167,6 @@ export class PicoArray {
      * @returns {any} Mapped tree
      */
     static recursive(value: any, key: string, cb: Function, cascade?: Array<any>): any;
-    static recursiveObj(value: any, key: any, cb: any, cascade?: any[]): any;
     /**
      * Get matching indexes by filter
      *
@@ -168,6 +177,15 @@ export class PicoArray {
      * @returns {Array<string>} Matching keys
      */
     static filterIndex(value: any, filter?: any): Array<string>;
+    /**
+     * Remove values matching filter (mutates)
+     *
+     * @example Arr.filterRemove([1,2], 2) // => [1]
+     *
+     * @param {any} value Input list
+     * @param {any} [filter] Filter spec
+     * @returns {any} Mutated list
+     */
     static filterRemove(value: any, filter?: any): any;
     /**
      * Filter values by filter

package/types/utils/Dom.d.ts

@@ -23,6 +23,8 @@ export const PicoDomPlugins: ((self: typeof PicoDom) => typeof PicoDom)[];
  * @typedef {import('../dom/DomMeta.js').PicoDomMetaInstance} PicoDomMetaInstance
  * @typedef {import('../dom/DomObserver.js').PicoDomObserverStatic} PicoDomObserverStatic
  * @typedef {import('../dom/DomObserver.js').PicoDomObserverInstance} PicoDomObserverInstance
+ * @typedef {import('../dom/DomPopover.js').PicoDomPopoverStatic} PicoDomPopoverStatic
+ * @typedef {import('../dom/DomPopover.js').PicoDomPopoverInstance} PicoDomPopoverInstance
  *
  * @mixes PicoDomFinderStatic
  * @mixes PicoDomGlobalStatic
@@ -34,6 +36,7 @@ export const PicoDomPlugins: ((self: typeof PicoDom) => typeof PicoDom)[];
  * @mixes PicoDomInviewStatic
  * @mixes PicoDomMetaStatic
  * @mixes PicoDomObserverStatic
+ * @mixes PicoDomPopoverStatic
  *
  * @extends PicoDomFinderInstance
  * @extends PicoDomGlobalInstance
@@ -45,6 +48,7 @@ export const PicoDomPlugins: ((self: typeof PicoDom) => typeof PicoDom)[];
  * @extends PicoDomInviewInstance
  * @extends PicoDomMetaInstance
  * @extends PicoDomObserverInstance
+ * @extends PicoDomPopoverInstance
  */
 export class PicoDom {
     /**
@@ -136,3 +140,5 @@ export type PicoDomMetaStatic = import("../dom/DomMeta.js").PicoDomMetaStatic;
 export type PicoDomMetaInstance = import("../dom/DomMeta.js").PicoDomMetaInstance;
 export type PicoDomObserverStatic = import("../dom/DomObserver.js").PicoDomObserverStatic;
 export type PicoDomObserverInstance = import("../dom/DomObserver.js").PicoDomObserverInstance;
+export type PicoDomPopoverStatic = import("../dom/DomPopover.js").PicoDomPopoverStatic;
+export type PicoDomPopoverInstance = import("../dom/DomPopover.js").PicoDomPopoverInstance;

package/types/utils/Runner.d.ts

@@ -107,10 +107,10 @@ export class PicoRunner {
      *
      * @param {function} cb Callback to run
      * @param {string} key Buffer key
-     * @param {number} [order] Sort order
+     * @param {number} [priority] Sort priority
      * @returns {function} Buffered handler
      */
-    static framebuffer(cb: Function, key: string, order?: number): Function;
+    static framebuffer(cb: Function, key: string, priority?: number): Function;
     /**
      * Flush buffered frame events
      *

package/types/utils/{Event.d.ts → Signal.d.ts}

@@ -1,4 +1,4 @@
-export class PicoEvent {
+export class PicoSignal {
     static $events: any[];
     /**
      * Bind callback to event name
@@ -10,9 +10,9 @@ export class PicoEvent {
      * @param {function} cb Event callback
      * @param {any} [options] Listener options
      * @param {boolean} [paused] Start paused
-     * @returns {typeof PicoEvent} Event class
+     * @returns {typeof PicoSignal} Event class
      */
-    static bind(event: any, cb: Function, options?: any, paused?: boolean): typeof PicoEvent;
+    static bind(event: any, cb: Function, options?: any, paused?: boolean): typeof PicoSignal;
     /**
      * Unbind callback(s) from event
      *
@@ -21,9 +21,9 @@ export class PicoEvent {
      *
      * @param {any} event Event name(s)
      * @param {any} [options] Listener options
-     * @returns {typeof PicoEvent} Event class
+     * @returns {typeof PicoSignal} Event class
      */
-    static unbind(event: any, options?: any): typeof PicoEvent;
+    static unbind(event: any, options?: any): typeof PicoSignal;
     /**
      * Fire event with arguments
      *
@@ -31,9 +31,9 @@ export class PicoEvent {
      *
      * @param {string} event Event name
      * @param {...any} args Event args
-     * @returns {typeof PicoEvent} Event class
+     * @returns {typeof PicoSignal} Event class
      */
-    static fire(event: string, ...args: any[]): typeof PicoEvent;
+    static fire(event: string, ...args: any[]): typeof PicoSignal;
     /**
      * Pause listeners for event
      *
@@ -41,9 +41,9 @@ export class PicoEvent {
      *
      * @param {any} event Event name(s)
      * @param {any} [options] Listener options
-     * @returns {typeof PicoEvent} Event class
+     * @returns {typeof PicoSignal} Event class
      */
-    static pause(event: any, options?: any): typeof PicoEvent;
+    static pause(event: any, options?: any): typeof PicoSignal;
     /**
      * Unpause listeners for event
      *
@@ -51,8 +51,8 @@ export class PicoEvent {
      *
      * @param {any} event Event name(s)
      * @param {any} [options] Listener options
-     * @returns {typeof PicoEvent} Event class
+     * @returns {typeof PicoSignal} Event class
      */
-    static unpause(event: any, options?: any): typeof PicoEvent;
+    static unpause(event: any, options?: any): typeof PicoSignal;
 }
-export default Event;
+export default PicoSignal;