@kizmann/pico-js 2.0.7 → 2.0.9

package/src/dom/{DomRectangle.js → DomRectangle.ts}

@@ -1,10 +1,19 @@
-import { Arr, Dom, Mix, Obj } from "../index.esm.js";
-import { PicoDom } from "../utils/Dom.js";
+import { Dom, Mix, Obj } from "../index.esm.ts";
+import { PicoDom, PicoDomInterface } from "../utils/Dom.ts";
+import PicoDomFinder from "./DomFinder.js";
+import PicoDomAttribute from "./DomAttribute.js";
+
+export interface PicoDomRectangle extends PicoDomInterface,
+    PicoDomFinder,
+    PicoDomAttribute
+{
+    //
+}
 
 /**
  * @memberof PicoDom
  */
-export class PicoDomRectangleStatic
+export class PicoDomRectangle
 {
     /**
      * Cast value to number
@@ -14,7 +23,7 @@ export class PicoDomRectangleStatic
      * @param {any} value Input value
      * @returns {number} Number value
      */
-    static num(value)
+    static num(value : any) : number
     {
         if ( typeof value === 'string' ) {
             value = value.replace(/(^\s+|\s$|px)/g, '');
@@ -22,22 +31,19 @@ export class PicoDomRectangleStatic
 
         return Mix.num(value, 0);
     }
-}
 
-/**
- * @memberof PicoDom
- * @extends {PicoDom}
- */
-export class PicoDomRectangleInstance
-{
-    rect(fallback = {})
+    rect(fallback : any = { left: 0, top: 0, width: 0, height: 0 })
     {
+        if ( !this.el.getBoundingClientRect ) {
+            return fallback;
+        }
+
         const rect = this.el.getBoundingClientRect();
 
         if ( rect == null ) {
             return fallback;
         }
-        
+
         return rect.toJSON();
     }
 
@@ -50,7 +56,7 @@ export class PicoDomRectangleInstance
      * @param {number} [fallback] Fallback value
      * @returns {any} Margin values
      */
-    margin(key = null, fallback = 0)
+    margin(key : string = null, fallback : number = 0) : any
     {
         let computed = this.computed();
 
@@ -77,7 +83,7 @@ export class PicoDomRectangleInstance
      * @param {number} [fallback] Fallback value
      * @returns {any} Padding values
      */
-    padding(key = null, fallback = 0)
+    padding(key : string = null, fallback : number = 0) : any
     {
         let computed = this.computed();
 
@@ -102,7 +108,7 @@ export class PicoDomRectangleInstance
      *
      * @returns {number} Height value
      */
-    height()
+    height() : number
     {
         if ( this.el == null ) {
             return 0;
@@ -122,7 +128,7 @@ export class PicoDomRectangleInstance
      *
      * @returns {number} Height value
      */
-    clientHeight()
+    clientHeight() : number
     {
         if ( this.el == null ) {
             return 0;
@@ -138,7 +144,7 @@ export class PicoDomRectangleInstance
      *
      * @returns {number} Height value
      */
-    scrollHeight()
+    scrollHeight() : number
     {
         if ( this.el == null ) {
             return 0;
@@ -154,7 +160,7 @@ export class PicoDomRectangleInstance
      *
      * @returns {number} Height value
      */
-    innerHeight()
+    innerHeight() : number
     {
         if ( this.el == null ) {
             return 0;
@@ -175,11 +181,11 @@ export class PicoDomRectangleInstance
      * @example Dom.find("div").realHeight({ display: "block" })
      *
      * @param {any} [style] Temp style
-     * @returns {number} Height value
+     * @returns {any} Height value
      */
-    realHeight(style = {})
+    realHeight(style : any = {}) : any
     {
-        let height = 'auto';
+        let height : number | string = 'auto';
 
         this.actual(() => {
             return height = this.height();
@@ -195,9 +201,9 @@ export class PicoDomRectangleInstance
      *
      * @param {any} [target] Target element
      * @param {boolean} [apply] Apply style
-     * @returns {number} Height value
+     * @returns {any} Height value
      */
-    evaluateHeight(target = null, apply = true)
+    evaluateHeight(target : any = null, apply : boolean = true) : any
     {
         target = Dom.find(target);
 
@@ -205,7 +211,7 @@ export class PicoDomRectangleInstance
             target = this.parent();
         }
 
-        let height = 'auto';
+        let height : number | string = 'auto';
 
         this.actual(() => {
             height = target.innerHeight();
@@ -225,7 +231,7 @@ export class PicoDomRectangleInstance
      *
      * @returns {number} Width value
      */
-    width()
+    width() : number
     {
         if ( this.el == null ) {
             return 0;
@@ -245,7 +251,7 @@ export class PicoDomRectangleInstance
      *
      * @returns {number} Width value
      */
-    clientWidth()
+    clientWidth() : number
     {
         if ( this.el == null ) {
             return 0;
@@ -261,7 +267,7 @@ export class PicoDomRectangleInstance
      *
      * @returns {number} Width value
      */
-    scrollWidth()
+    scrollWidth() : number
     {
         if ( this.el == null ) {
             return 0;
@@ -277,7 +283,7 @@ export class PicoDomRectangleInstance
      *
      * @returns {number} Width value
      */
-    innerWidth()
+    innerWidth() : number
     {
         if ( this.el == null ) {
             return 0;
@@ -298,11 +304,11 @@ export class PicoDomRectangleInstance
      * @example Dom.find("div").realWidth({ display: "block" })
      *
      * @param {any} [style] Temp style
-     * @returns {number} Width value
+     * @returns {any} Width value
      */
-    realWidth(style = {})
+    realWidth(style = {}) : any
     {
-        let width = 'auto';
+        let width : number | string = 'auto';
 
         this.actual(() => {
             return width = this.width();
@@ -318,9 +324,9 @@ export class PicoDomRectangleInstance
      *
      * @param {any} [target] Target element
      * @param {boolean} [apply] Apply style
-     * @returns {number} Width value
+     * @returns {any} Width value
      */
-    evaluateWidth(target = null, apply = true)
+    evaluateWidth(target : any = null, apply : boolean = true) : any
     {
         target = Dom.find(target);
 
@@ -328,7 +334,7 @@ export class PicoDomRectangleInstance
             target = this.parent();
         }
 
-        let width = 'auto';
+        let width : number | string = 'auto';
 
         this.actual(() => {
             width = target.innerWidth();
@@ -350,7 +356,7 @@ export class PicoDomRectangleInstance
      * @param {any} [boundry] View boundry
      * @returns {any} Offset values
      */
-    offset(key = null, boundry = null)
+    offset(key : string = null, boundry : any = null) : any
     {
         let offset = this.getOffset(boundry);
 
@@ -369,7 +375,7 @@ export class PicoDomRectangleInstance
      * @param {any} [boundry] View boundry
      * @returns {number} Top offset
      */
-    offsetTop(boundry = null)
+    offsetTop(boundry : any = null) : number
     {
         return this.offset('top', boundry);
     }
@@ -382,7 +388,7 @@ export class PicoDomRectangleInstance
      * @param {any} [boundry] View boundry
      * @returns {number} Bottom offset
      */
-    offsetBottom(boundry = null)
+    offsetBottom(boundry : any = null) : number
     {
         return this.offset('bottom', boundry);
     }
@@ -395,7 +401,7 @@ export class PicoDomRectangleInstance
      * @param {any} [boundry] View boundry
      * @returns {number} Left offset
      */
-    offsetLeft(boundry = null)
+    offsetLeft(boundry : any = null) : number
     {
         return this.offset('left', boundry);
     }
@@ -408,7 +414,7 @@ export class PicoDomRectangleInstance
      * @param {any} [boundry] View boundry
      * @returns {number} Right offset
      */
-    offsetRight(boundry = null)
+    offsetRight(boundry : any = null) : number
     {
         return this.offset('right', boundry);
     }
@@ -418,11 +424,11 @@ export class PicoDomRectangleInstance
      *
      * @example Dom.find("div").loopOffset((el) => console.log(el))
      *
-     * @param {function} cb Callback fn
+     * @param {Function} cb Callback fn
      * @param {any} [boundry] Loop limit
      * @returns {PicoDom} Current instance
      */
-    loopOffset(cb, boundry = null)
+    loopOffset(cb : Function, boundry : any = null) : PicoDom
     {
         if ( boundry == null ) {
             boundry = Dom.body();
@@ -432,7 +438,7 @@ export class PicoDomRectangleInstance
             cb.call({}, el);
         }
 
-        return this;
+        return <PicoDom> <unknown> this;
     }
 
     /**
@@ -445,7 +451,7 @@ export class PicoDomRectangleInstance
      * @param {number} height Element height
      * @returns {any} Calculated offset
      */
-    calcOffset(offset, width, height)
+    calcOffset(offset : any, width : number, height : number) : any
     {
         let size = {
             right: Dom.body().scrollWidth - offset.left - width,
@@ -463,7 +469,7 @@ export class PicoDomRectangleInstance
      * @param {any} [boundry] View boundry
      * @returns {any} Offset values
      */
-    getOffset(boundry = null)
+    getOffset(boundry : any = null) : any
     {
         if ( boundry == null ) {
             boundry = Dom.body();
@@ -477,7 +483,7 @@ export class PicoDomRectangleInstance
             return source;
         }
 
-        cb = (el) => {
+        cb = (el : any) => {
             source.top += Dom.num(el.offsetTop, 0);
             source.left += Dom.num(el.offsetLeft, 0);
         };
@@ -494,7 +500,7 @@ export class PicoDomRectangleInstance
             top: 0, left: 0, bottom: 0, right: 0
         };
 
-        cb = (el) => {
+        cb = (el : any) => {
             target.top += Dom.num(el.offsetTop, 0);
             target.left += Dom.num(el.offsetLeft, 0);
         };
@@ -522,7 +528,7 @@ export class PicoDomRectangleInstance
      * @param {any} [boundry] View boundry
      * @returns {any} Scroll values
      */
-    scroll(key = null, boundry = null)
+    scroll(key : any = null, boundry : any = null) : any
     {
         let scroll = this.getScroll(boundry);
 
@@ -540,15 +546,15 @@ export class PicoDomRectangleInstance
      *
      * @param {any} [value] Scroll value
      * @param {any} [boundry] View boundry
-     * @returns {number|PicoDom} Value or instance
+     * @returns {any} Value or instance
      */
-    scrollTop(value = null, boundry = null)
+    scrollTop(value : any = null, boundry : any = null) : any
     {
         if ( value == null ) {
             return this.scroll('top', boundry);
         }
 
-        this.each((el) => {
+        this.each((el : any) => {
             el.scrollTop = value;
         });
 
@@ -562,15 +568,15 @@ export class PicoDomRectangleInstance
      *
      * @param {any} [value] Scroll value
      * @param {any} [boundry] View boundry
-     * @returns {number|PicoDom} Value or instance
+     * @returns {any} Value or instance
      */
-    scrollLeft(value = null, boundry = null)
+    scrollLeft(value : any = null, boundry : any = null) : any
     {
         if ( value == null ) {
             return this.scroll('left', boundry);
         }
 
-        this.each((el) => {
+        this.each((el : any) => {
             el.scrollLeft = value;
         });
 
@@ -585,7 +591,7 @@ export class PicoDomRectangleInstance
      * @param {any} [boundry] View boundry
      * @returns {any} Scroll values
      */
-    getScroll(boundry = null)
+    getScroll(boundry : any = null) : any
     {
         if ( boundry == null ) {
             boundry = Dom.win();
@@ -599,7 +605,7 @@ export class PicoDomRectangleInstance
             return source;
         }
 
-        cb = (el) => {
+        cb = (el : any) => {
             source.top += Dom.num(el.scrollTop || el.pageYOffset || 0);
             source.left += Dom.num(el.scrollLeft || el.pageXOffset || 0);
         }
@@ -610,7 +616,7 @@ export class PicoDomRectangleInstance
             top: 0, left: 0
         };
 
-        cb = (el) => {
+        cb = (el : any) => {
             target.top += Dom.num(el.scrollTop || el.pageYOffset || 0);
             target.left += Dom.num(el.scrollLeft || el.pageXOffset || 0);
         };
@@ -625,45 +631,22 @@ export class PicoDomRectangleInstance
 
 }
 
-/**
- * @see PicoDom.loopOffsetParent
- */
-PicoDomRectangleInstance.prototype.loopOffsetParent = function (...args) {
+// @ts-ignore
+PicoDomRectangle.prototype.loopOffsetParent = function (...args : Parameters<typeof PicoDomRectangle.prototype.loopOffset>) {
     console.warn('Dom.loopOffsetParent() is deprecated, use Dom.loopOffset() instead.');
     return this.loopOffset(...args);
 };
 
-/**
- * @see PicoDom.scrollTopGlobal
- */
-PicoDomRectangleInstance.prototype.scrollTopGlobal = function () {
+// @ts-ignore
+PicoDomRectangle.prototype.scrollTopGlobal = function () {
     console.warn('Dom.scrollTopGlobal() is deprecated, use Dom.scroll(\'top\') instead.');
     return this.scroll('top', null);
 };
 
-/**
- * @see PicoDom.scrollLeftGlobal
- */
-PicoDomRectangleInstance.prototype.scrollLeftGlobal = function () {
+// @ts-ignore
+PicoDomRectangle.prototype.scrollLeftGlobal = function () {
     console.warn('Dom.scrollLeftGlobal() is deprecated, use Dom.scroll(\'left\') instead.');
     return this.scroll('left', null);
 };
 
-/**
- * @param {typeof PicoDom} self
- * @returns {typeof PicoDom}
- */
-export const PicoDomRectanglePlugin = function (self) {
-
-    Obj.each(Mix.class(PicoDomRectangleStatic), (fn, id) => {
-        self[id] = fn;
-    });
-
-    Obj.each(Mix.proto(PicoDomRectangleInstance), (fn, id) => {
-        self.prototype[id] = fn;
-    });
-
-    // self.init.push(PicoDomRectangleInstance.constructor);
-
-    return self;
-}
+export default PicoDomRectangle;

package/src/format/{FormatFile.js → FormatFile.ts}

@@ -1,17 +1,17 @@
-import { Mix, Obj, Num } from "../index.esm.js";
-import { PicoFormat } from "../utils/Format.js";
+import { Mix, Obj, Num } from "../index.esm.ts";
+import { PicoFormat } from "../utils/Format.ts";
 
 export const FILE_UNITS = [
     'B', 'KB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB', 'YB'
 ];
 
-/**
- * @memberof PicoFormat
- * @extends {PicoFormat}
- */
-export class PicoFormatFileStatic
+export interface PicoFormatFile
 {
+    //
+}
 
+export class PicoFormatFile
+{
     /**
      * Format file size
      *
@@ -21,18 +21,18 @@ export class PicoFormatFileStatic
      * @param {number} [decimals] Decimal points
      * @returns {string} Formatted size
      */
-    static filesize(value, decimals = 1)
+    static filesize(value : any, decimals : number = 1) : string
     {
-        if ( ! Mix.isNum(value) ) {
+        if ( !Mix.isNum(value) ) {
             value = Mix.num(value, 0);
         }
 
-        let fn = (i) => {
+        let fn = (i : any) => {
             return Num.fixed(value / Math.pow(1000, i), decimals);
         }
 
         for ( let i = 0; i < FILE_UNITS.length; i++ ) {
-            if ( value <= Math.pow(1000, i+1) ) {
+            if ( value <= Math.pow(1000, i + 1) ) {
                 return fn(i) + ' ' + FILE_UNITS[i]
             }
         }
@@ -42,15 +42,4 @@ export class PicoFormatFileStatic
 
 }
 
-/**
- * @param {typeof PicoFormat} self
- * @returns {typeof PicoFormat}
- */
-export const PicoFormatFilePlugin = function (self) {
-
-    Obj.each(Mix.class(PicoFormatFileStatic), (fn, id) => {
-        self[id] = fn;
-    });
-
-    return self;
-}
+export default PicoFormatFile;

package/src/format/{FormatOption.js → FormatOption.ts}

@@ -1,14 +1,16 @@
-import { Arr, For, Mix, Obj } from "../index.esm.js";
-import { PicoFormat } from "../utils/Format.js";
+import { Arr, For, Mix, Obj } from "../index.esm.ts";
+import { PicoFormat } from "../utils/Format.ts";
 
 export const OPTION_REGEX = {
     entry: /(^|;)(\s*(?<key>.*?)\s*:\s*(?<val>".*?"|'.*?'|.*?)\s*)(?=;|$)/g
 };
 
-/**
- * @memberof PicoFormat
- */
-export class PicoFormatOptionStatic
+export interface PicoFormatOption
+{
+    //
+}
+
+export class PicoFormatOption
 {
 
     /**
@@ -20,13 +22,13 @@ export class PicoFormatOptionStatic
      * @param {boolean} [space] Add space
      * @returns {string} Options string
      */
-    static castOptions(options = {}, space = true)
+    static castOptions(options : any = {}, space : boolean = true) : string
     {
         if ( Mix.isEmpty(options) ) {
             return '';
         }
 
-        let result = Arr.each(options, (val, key) => {
+        let result = Arr.each(options, (val : any, key : any) => {
             return this.castOption(key, val, null, space);
         });
 
@@ -44,7 +46,7 @@ export class PicoFormatOptionStatic
      * @param {boolean} [space] Add space
      * @returns {string} Option string
      */
-    static castOption(key, value, path = null, space = true)
+    static castOption(key : string, value : any, path : string = null, space : boolean = true) : string
     {
         if ( path != null ) {
             key = path + '.' + key;
@@ -56,7 +58,7 @@ export class PicoFormatOptionStatic
             return Mix.str(key) + div + For.casted(value, false);
         }
 
-        let result = Arr.map(value, (v, k) => {
+        let result = Arr.map(value, (v : any, k : any) => {
             return this.castOption(k, v, key, space);
         });
 
@@ -71,7 +73,7 @@ export class PicoFormatOptionStatic
      * @param {string} value Options string
      * @returns {any} Options object
      */
-    static parseOptions(value)
+    static parseOptions(value : string) : any
     {
         if ( Mix.isEmpty(value) ) {
             return {};
@@ -89,22 +91,11 @@ export class PicoFormatOptionStatic
             For.keyed, For.parsed
         ];
 
-        return Arr.reduce(Array.from(matches), (result, { groups }) => {
+        return Arr.reduce(Array.from(matches), (result : any, { groups }) => {
             return Obj.set(result, key(groups.key), val(groups.val));
         }, {});
     }
 
 }
 
-/**
- * @param {typeof PicoFormat} self
- * @returns {typeof PicoFormat}
- */
-export const PicoFormatOptionPlugin = function (self) {
-
-    Obj.each(Mix.class(PicoFormatOptionStatic), (fn, id) => {
-        self[id] = fn;
-    });
-
-    return self;
-}
+export default PicoFormatOption;

package/src/format/{FormatParam.js → FormatParam.ts}

@@ -1,17 +1,17 @@
-import { Arr, Mix, Obj, For } from "../index.esm.js";
-import { PicoFormat } from "../utils/Format.js";
+import { Arr, Mix, Obj, For } from "../index.esm.ts";
+import { PicoFormat } from "../utils/Format.ts";
 
 export const PARAM_REGEX = {
     entry: /(?<=^|&|\?)(\s*(?<key>.*?)\s*=\s*(?<val>".*?"|'.*?'|.*?)\s*)(?=&|$)/g
 };
 
-/**
- * @memberof PicoFormat
- * @extends {PicoFormat}
- */
-export class PicoFormatParamStatic
+export interface PicoFormatParam
 {
+    //
+}
 
+export class PicoFormatParam
+{
     /**
      * Cast object to params string
      *
@@ -20,13 +20,13 @@ export class PicoFormatParamStatic
      * @param {any} [params] Input params
      * @returns {string} Params string
      */
-    static castParams(params = {})
+    static castParams(params : any = {}) : string
     {
         if ( Mix.isEmpty(params) ) {
             return '';
         }
 
-        let result = Arr.each(params, (val, key) => {
+        let result = Arr.each(params, (val : any, key : any) => {
             return this.castParam(key, val);
         });
 
@@ -43,7 +43,7 @@ export class PicoFormatParamStatic
      * @param {string} [path] Key path
      * @returns {string} Param string
      */
-    static castParam(key, value, path = null)
+    static castParam(key : string, value : any, path : string = null) : string
     {
         if ( path != null ) {
             key = path + '[' + key + ']';
@@ -53,7 +53,7 @@ export class PicoFormatParamStatic
             return Mix.str(key) + '=' + For.casted(value, true);
         }
 
-        let result = Arr.each(value, (v, k) => {
+        let result = Arr.each(value, (v : any, k : any) => {
             return this.castParam(Mix.isArr(value) ? '' : k, v, key);
         });
 
@@ -68,7 +68,7 @@ export class PicoFormatParamStatic
      * @param {string} value Params string
      * @returns {any} Params object
      */
-    static parseParams(value)
+    static parseParams(value : string) : any
     {
         if ( Mix.isEmpty(value) ) {
             return {};
@@ -88,22 +88,11 @@ export class PicoFormatParamStatic
             For.keyed, For.parsed
         ];
 
-        return Arr.reduce(Array.from(matches), (result, { groups }) => {
+        return Arr.reduce(Array.from(matches), (result : any, { groups }) => {
             return Obj.set(result, key(groups.key), val(groups.val));
         }, {});
     }
 
 }
 
-/**
- * @param {typeof PicoFormat} self
- * @returns {typeof PicoFormat}
- */
-export const PicoFormatParamPlugin = function (self) {
-
-    Obj.each(Mix.class(PicoFormatParamStatic), (fn, id) => {
-        self[id] = fn;
-    });
-
-    return self;
-}
+export default PicoFormatParam;