@kizmann/pico-js 2.0.7 → 2.0.9

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

@@ -1,10 +1,15 @@
-import { Run, Mix, Obj, Dom, Hash } from "../index.esm.js";
-import { PicoDom } from "../utils/Dom.js";
+import { Run, Dom, Hash } from "../index.esm.ts";
+import { PicoDom, PicoDomInterface } from "../utils/Dom.ts";
+
+export interface PicoDomGlobal extends PicoDomInterface
+{
+    //
+}
 
 /**
  * @memberof PicoDom
  */
-export class PicoDomGlobalStatic
+export class PicoDomGlobal
 {
     /**
      * Get document ready state
@@ -13,7 +18,7 @@ export class PicoDomGlobalStatic
      *
      * @returns {string} State string
      */
-    static getDomState()
+    static getDomState() : string
     {
         return document.readyState;
     }
@@ -25,7 +30,7 @@ export class PicoDomGlobalStatic
      *
      * @returns {boolean} True if ready
      */
-    static isDomReady()
+    static isDomReady() : boolean
     {
         return Dom.getDomState() === 'complete';
     }
@@ -37,7 +42,7 @@ export class PicoDomGlobalStatic
      *
      * @returns {boolean} True if complete
      */
-    static isDomComplete()
+    static isDomComplete() : boolean
     {
         let state = Dom.getDomState();
 
@@ -53,12 +58,12 @@ export class PicoDomGlobalStatic
      *
      * @example Dom.ready(cb)
      *
-     * @param {function} cb Callback fn
+     * @param {Function} cb Callback fn
      * @param {number} [delay] Execution delay
      * @param {number} [limit] Wait limit
      * @returns {PicoDom} Static class
      */
-    static ready(cb, delay = 0, limit = 6000)
+    static ready(cb : Function, delay : number = 0, limit : number = 6000) : PicoDom
     {
         let [id, el, event] = [
             Hash.make(), Dom.find(document), 'DOMContentLoaded'
@@ -70,7 +75,8 @@ export class PicoDomGlobalStatic
 
         let ready = Dom.isDomReady;
 
-        if ( ! ready() ) {
+        if ( !ready() ) {
+            // @ts-ignore
             return (el.on(event, fn, { id }), this);
         }
 
@@ -78,7 +84,7 @@ export class PicoDomGlobalStatic
             if ( ready() ) return (fn(), true);
         }, 10, limit);
 
-        return this;
+        return <PicoDom> <unknown> this;
     }
 
     /**
@@ -86,12 +92,12 @@ export class PicoDomGlobalStatic
      *
      * @example Dom.complete(cb)
      *
-     * @param {function} cb Callback fn
+     * @param {Function} cb Callback fn
      * @param {number} [delay] Execution delay
      * @param {number} [limit] Wait limit
      * @returns {PicoDom} Static class
      */
-    static complete(cb, delay = 0, limit = 6000)
+    static complete(cb : Function, delay : number = 0, limit : number = 6000) : PicoDom
     {
         let fn = () => {
             Run.delay(cb, delay);
@@ -103,29 +109,18 @@ export class PicoDomGlobalStatic
 
         let ready = Dom.isDomComplete;
 
-        if ( ! ready() ) {
+        if ( !ready() ) {
+            // @ts-ignore
             return (el.on(event, fn), this);
         }
 
         Run.wait(() => {
-            if ( ready() ) return (fn(), true);
+            if ( ready() ) fn();
         }, 10, limit);
 
-        return this;
+        return <PicoDom> <unknown> this;
     }
 
-}
-
-PicoDomGlobalStatic.required = () => {
-    console.error('Dom.required() is not implemented anymore.');
-}
-
-/**
- * @memberof PicoDom
- * @extends {PicoDom}
- */
-export class PicoDomGlobalInstance
-{
     /**
      * Check if node is complete
      *
@@ -133,7 +128,7 @@ export class PicoDomGlobalInstance
      *
      * @returns {boolean} True if complete
      */
-    isNodeComplete()
+    isNodeComplete() : boolean
     {
         if ( this.el == null ) {
             return false;
@@ -147,7 +142,7 @@ export class PicoDomGlobalInstance
             return true;
         }
 
-        return !! this.el.complete;
+        return !!this.el.complete;
     }
 
     /**
@@ -155,14 +150,14 @@ export class PicoDomGlobalInstance
      *
      * @example Dom.find("img").loaded(cb)
      *
-     * @param {function} cb Callback fn
+     * @param {Function} cb Callback fn
      * @param {number} [limit] Wait limit
      * @returns {PicoDom} Current instance
      */
-    loaded(cb, limit = 6000)
+    loaded(cb : Function, limit : number = 6000) : PicoDom
     {
-        if ( ! this.el ) {
-            return this;
+        if ( !this.el ) {
+            return <PicoDom> <unknown> this;
         }
 
         let ready = this.isNodeComplete;
@@ -171,25 +166,13 @@ export class PicoDomGlobalInstance
             if ( ready.call(this) ) return (cb(), true);
         }, 10, limit);
 
-        return this;
+        return <PicoDom> <unknown> this;
     }
 }
 
-/**
- * @param {typeof PicoDom} self
- * @returns {typeof PicoDom}
- */
-export const PicoDomGlobalPlugin = function (self) {
-
-    Obj.each(Mix.class(PicoDomGlobalStatic), (fn, id) => {
-        self[id] = fn;
-    });
-
-    Obj.each(Mix.proto(PicoDomGlobalInstance), (fn, id) => {
-        self.prototype[id] = fn;
-    });
-
-    // self.init.push(PicoDomGlobalInstance.constructor);
+// @ts-ignore
+PicoDomGlobal.required = () => {
+    console.error('Dom.required() is not implemented anymore.');
+}
 
-    return self;
-}
+export default PicoDomGlobal;

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

@@ -1,10 +1,19 @@
-import { Arr, Dom, Mix, Obj } from "../index.esm.js";
-import { PicoDom } from "../utils/Dom.js";
+import { Arr, Dom, Mix } from "../index.esm.ts";
+import { PicoDomInterface } from "../utils/Dom.ts";
+import PicoDomFinder from "./DomFinder.js";
+import PicoDomRectangle from "./DomRectangle.js";
+
+export interface PicoDomInview extends PicoDomInterface,
+    PicoDomFinder,
+    PicoDomRectangle
+{
+    //
+}
 
 /**
  * @memberof PicoDom
  */
-export class PicoDomInviewStatic
+export class PicoDomInview
 {
 
     /**
@@ -13,10 +22,10 @@ export class PicoDomInviewStatic
      * @example Dom.inviewMaxY(".item")
      *
      * @param {any} options Find options
-     * @param {function} [cb] Success callback
+     * @param {Function} [cb] Success callback
      * @returns {any} Found element
      */
-    static inviewMaxY(options, cb = null)
+    static inviewMaxY(options : any, cb : Function = null) : any
     {
         let defaults = {
             boundry: null, multiple: false, threshold: 0, mode: 'ratio'
@@ -30,7 +39,7 @@ export class PicoDomInviewStatic
             ...defaults, ...options
         };
 
-        if ( ! options.el ) {
+        if ( !options.el ) {
             throw new Error('Dom.inviewY() requires an element.');
         }
 
@@ -38,13 +47,13 @@ export class PicoDomInviewStatic
             options.threshold, options.mode, options.boundry
         ];
 
-        let fn = (el) => {
+        let fn = (el : any) => {
             return Dom.find(el).isInviewY(...args);
         };
 
         let els = [];
 
-        Dom.find(options.el).each((el) => {
+        Dom.find(options.el).each((el : any) => {
             if ( fn(el) ) (cb ? cb(el) : null, els.push(el));
         });
 
@@ -61,10 +70,10 @@ export class PicoDomInviewStatic
      * @example Dom.inviewMaxX(".item")
      *
      * @param {any} options Find options
-     * @param {function} [cb] Success callback
+     * @param {Function} [cb] Success callback
      * @returns {any} Found element
      */
-    static inviewMaxX(options, cb = null)
+    static inviewMaxX(options : any, cb : Function = null) : any
     {
         let defaults = {
             boundry: null, multiple: false, threshold: 0, mode: 'ratio'
@@ -78,7 +87,7 @@ export class PicoDomInviewStatic
             ...defaults, ...options
         };
 
-        if ( ! options.el ) {
+        if ( !options.el ) {
             throw new Error('Dom.inviewX() requires an element.');
         }
 
@@ -86,13 +95,13 @@ export class PicoDomInviewStatic
             options.threshold, options.mode, options.boundry
         ];
 
-        let fn = (el) => {
+        let fn = (el : any) => {
             return Dom.find(el).isInviewX(...args);
         };
 
         let els = [];
 
-        Dom.find(options.el).each((el) => {
+        Dom.find(options.el).each((el : any) => {
             if ( fn(el) ) (cb ? cb(el) : null, els.push(el));
         });
 
@@ -103,14 +112,6 @@ export class PicoDomInviewStatic
         return Arr.first(els);
     }
 
-}
-
-/**
- * @memberof PicoDom
- * @extends {PicoDom}
- */
-export class PicoDomInviewInstance
-{
     /**
      * Get X view offset
      *
@@ -118,7 +119,7 @@ export class PicoDomInviewInstance
      *
      * @returns {any} Offset object
      */
-    viewoffX()
+    viewoffX() : any
     {
         if ( this.el == null ) {
             return { top: 0, bot: 0 };
@@ -151,9 +152,9 @@ export class PicoDomInviewInstance
      * @param {any} [boundry] View boundry
      * @returns {number} Inview pixels
      */
-    inviewX(boundry = null)
+    inviewX(boundry : any = null) : number
     {
-        let { left, right } = Dom.find(boundry).viewoffY();
+        let { left, right } : any = Dom.find(boundry).viewoffY();
 
         let [viewport, height] = [
             Dom.win().innerHeight - right - left, this.height()
@@ -180,7 +181,7 @@ export class PicoDomInviewInstance
      * @param {any} [boundry] View boundry
      * @returns {number} Inview ratio
      */
-    inratioX(boundry = null)
+    inratioX(boundry : any = null) : number
     {
         return 1 / this.width() * this.inviewX(boundry);
     }
@@ -195,7 +196,7 @@ export class PicoDomInviewInstance
      * @param {any} [boundry] View boundry
      * @returns {boolean} True if inview
      */
-    isInviewX(threshold = 0.1, mode = 'ratio', boundry = null)
+    isInviewX(threshold : number = 0.1, mode : string = 'ratio', boundry : any = null) : boolean
     {
         if ( mode === 'pixel' ) {
             return this.inviewX(boundry) > threshold;
@@ -211,7 +212,7 @@ export class PicoDomInviewInstance
      *
      * @returns {any} Offset object
      */
-    viewoffY()
+    viewoffY() : any
     {
         if ( this.el == null ) {
             return { top: 0, bottom: 0 };
@@ -244,9 +245,9 @@ export class PicoDomInviewInstance
      * @param {any} [boundry] View boundry
      * @returns {number} Inview pixels
      */
-    inviewY(boundry = null)
+    inviewY(boundry : any = null) : number
     {
-        let { top, bottom } = Dom.find(boundry).viewoffY();
+        let { top, bottom } : any = Dom.find(boundry).viewoffY();
 
         let [viewport, height] = [
             Dom.win().innerHeight - bottom - top, this.height()
@@ -273,7 +274,7 @@ export class PicoDomInviewInstance
      * @param {any} [boundry] View boundry
      * @returns {number} Inview ratio
      */
-    inratioY(boundry = null)
+    inratioY(boundry : any = null) : number
     {
         return 1 / this.height() * this.inviewY(boundry);
     }
@@ -288,7 +289,7 @@ export class PicoDomInviewInstance
      * @param {any} [boundry] View boundry
      * @returns {boolean} True if inview
      */
-    isInviewY(threshold = 0.1, mode = 'ratio', boundry = null)
+    isInviewY(threshold : number = 0.1, mode : string = 'ratio', boundry : any = null) : boolean
     {
         if ( mode === 'pixel' ) {
             return this.inviewY(boundry) > threshold;
@@ -298,37 +299,16 @@ export class PicoDomInviewInstance
     }
 }
 
-/**
- * @see PicoDom.inviewY
- */
-PicoDomInviewInstance.prototype.inviewHeight = function (...args) {
+// @ts-ignore
+PicoDomInview.prototype.inviewHeight = function (...args : Parameters<typeof PicoDomInview.prototype.inviewY>) {
     console.warn('Dom.inviewHeight() is deprecated, use Dom.inviewY() instead.');
     return this.inviewY(...args);
 }
 
-/**
- * @see PicoDom.inviewX
- */
-PicoDomInviewInstance.prototype.inviewWidth = function (...args) {
+// @ts-ignore
+PicoDomInview.prototype.inviewWidth = function (...args : Parameters<typeof PicoDomInview.prototype.inviewX>) {
     console.warn('Dom.inviewWidth() is deprecated, use Dom.inviewX() instead.');
     return this.inviewX(...args);
 }
 
-/**
- * @param {typeof PicoDom} self
- * @returns {typeof PicoDom}
- */
-export const PicoDomInviewPlugin = function (self) {
-
-    Obj.each(Mix.class(PicoDomInviewStatic), (fn, id) => {
-        self[id] = fn;
-    });
-
-    Obj.each(Mix.proto(PicoDomInviewInstance), (fn, id) => {
-        self.prototype[id] = fn;
-    });
-
-    // self.init.push(PicoDomInviewInstance.constructor);
-
-    return self;
-}
+export default PicoDomInview;

package/src/dom/DomMeta.ts

@@ -0,0 +1,48 @@
+import { Dom, Locale } from "../index.esm.ts";
+import { PicoDom, PicoDomInterface } from "../utils/Dom.ts";
+
+export interface PicoDomMeta extends PicoDomInterface
+{
+    //
+}
+
+/**
+ * @memberof PicoDom
+ */
+export class PicoDomMeta
+{
+    /**
+     * @type {any}
+     */
+    static $meta : any = {};
+
+    /**
+     * Set document title
+     *
+     * @example Dom.setMetaTitle("Home")
+     *
+     * @param {string} value New title
+     * @param {string} [glue] Title glue
+     * @returns {PicoDom} Static class
+     */
+    static setMetaTitle(value : string, glue : string = ':value - :title') : PicoDom
+    {
+        if ( !this.$meta.title ) {
+            this.$meta.title = Dom.doc().title;
+        }
+
+        document.title = Locale.replace(glue, {
+            value, title: this.$meta.title
+        });
+
+        return <PicoDom> <unknown> this;
+    }
+}
+
+// @ts-ignore
+PicoDomMeta.title = (value : string) => {
+    console.warn('Dom.title() is deprecated, use Dom.setMetaTitle() instead.');
+    return Dom.setMetaTitle(value);
+};
+
+export default PicoDomMeta;

package/src/dom/DomObserver.ts

@@ -0,0 +1,17 @@
+import { Arr, Mix, Obj, Dom } from "../index.esm.ts";
+import { PicoDom, PicoDomInterface } from "../utils/Dom.ts";
+
+export interface PicoDomObserver extends PicoDomInterface
+{
+    //
+}
+
+/**
+ * @memberof PicoDom
+ */
+export class PicoDomObserver
+{
+    //
+}
+
+export default PicoDomObserver;

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

@@ -1,22 +1,20 @@
-import { Arr, Mix, Obj, Dom } from "../index.esm.js";
-import { PicoDom } from "../utils/Dom.js";
+import { Obj, Dom } from "../index.esm.ts";
+import { PicoDom, PicoDomInterface } from "../utils/Dom.ts";
+import PicoDomRectangle from "./DomRectangle.js";
 
-/**
- * @memberof PicoDom
- */
-export class PicoDomPopoverStatic
+export interface PicoDomPopover extends PicoDomInterface,
+    PicoDomRectangle
 {
     //
 }
 
 /**
  * @memberof PicoDom
- * @extends {PicoDom}
  */
-export class PicoDomPopoverInstance
+export class PicoDomPopover
 {
 
-    popover(target, position = 'botttom-center', options = {})
+    popover(target : any, position : string = 'botttom-center', options : any = {}) : any
     {
         if ( /^(top|bottom)-/.test(position) ) {
             return this.popoverY(target, position, options);
@@ -27,7 +25,7 @@ export class PicoDomPopoverInstance
         }
     }
 
-    popoverY(target, position = 'bottom-center', options = {})
+    popoverY(target : any, position : string = 'bottom-center', options : any = {}) : any
     {
         target = Dom.find(target);
 
@@ -36,14 +34,14 @@ export class PicoDomPopoverInstance
         ];
 
         if ( options.x ) {
-            rect = {...rect, left: options.x, width: 1 };
+            rect = { ...rect, left: options.x, width: 1 };
         }
 
         if ( options.y ) {
-            rect = {...rect, top: options.y, height: 1 };
+            rect = { ...rect, top: options.y, height: 1 };
         }
 
-        if ( ! options.width ) {
+        if ( !options.width ) {
             // self.width = rect.width;
         }
 
@@ -81,7 +79,7 @@ export class PicoDomPopoverInstance
             inverse = inverse.replace(/^bottom-/, 'top-');
         }
 
-        let win = {
+        let win : any = {
             x: window.innerWidth, y: window.innerHeight
         };
 
@@ -95,7 +93,7 @@ export class PicoDomPopoverInstance
             ...options, offset
         };
 
-        if ( broken && ! options.offset ) {
+        if ( broken && !options.offset ) {
             return this.popoverY(target, inverse, rebound);
         }
 
@@ -122,7 +120,7 @@ export class PicoDomPopoverInstance
         return { ...result, position };
     }
 
-    popoverX(target, position = 'left-center', options = {})
+    popoverX(target : any, position : string = 'left-center', options : any = {}) : any
     {
         target = Dom.find(target);
 
@@ -130,7 +128,7 @@ export class PicoDomPopoverInstance
             target.rect(), this.rect()
         ];
 
-        if ( ! options.height ) {
+        if ( !options.height ) {
             // self.height = rect.height;
         }
 
@@ -168,7 +166,7 @@ export class PicoDomPopoverInstance
             inverse = inverse.replace(/^right-/, 'left-');
         }
 
-        let win = {
+        let win : any = {
             x: window.innerWidth, y: window.innerHeight
         };
 
@@ -182,7 +180,7 @@ export class PicoDomPopoverInstance
             ...options, offset
         };
 
-        if ( broken && ! options.offset ) {
+        if ( broken && !options.offset ) {
             return this.popoverX(target, inverse, rebound);
         }
 
@@ -201,7 +199,7 @@ export class PicoDomPopoverInstance
         return { ...result, position };
     }
 
-    popoverNormalize(offset, self, rect, win)
+    popoverNormalize(offset : any, self : any, rect : any, win : any)
     {
         const scroll = Dom.find(document.body).scroll();
 
@@ -227,7 +225,7 @@ export class PicoDomPopoverInstance
             x: offset.x + scroll.left, y: offset.y + scroll.top
         }
 
-        Obj.each(offset, (v, k) => {
+        Obj.each(offset, (v : any, k : any) => {
             offset[k] = Math.round(v);
         });
 
@@ -244,21 +242,4 @@ export class PicoDomPopoverInstance
 
 }
 
-/**
- * @param {typeof PicoDom} self
- * @returns {typeof PicoDom}
- */
-export const PicoDomPopoverPlugin = function (self) {
-
-    Obj.each(Mix.class(PicoDomPopoverStatic), (fn, id) => {
-        self[id] = fn;
-    });
-
-    Obj.each(Mix.proto(PicoDomPopoverInstance), (fn, id) => {
-        self.prototype[id] = fn;
-    });
-
-    // self.init.push(PicoDomPopoverInstance.constructor);
-
-    return self;
-}
+export default PicoDomPopover;