@kizmann/pico-js 1.0.1 → 1.0.3

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@kizmann/pico-js",
-    "version": "1.0.1",
+    "version": "1.0.3",
     "license": "MIT",
     "type": "module",
     "private": false,
@@ -12,6 +12,7 @@
     "files": [
         "dist/",
         "src/",
+        "types/",
         "package.json"
     ],
     "scripts": {
@@ -42,7 +43,7 @@
     },
     "dependencies": {
         "docsify": "^4.13.1",
-        "moment": "^2.30.1",
-        "global": "^4.4.0"
+        "global": "^4.4.0",
+        "moment": "^2.30.1"
     }
 }

package/src/element/example.js

@@ -16,7 +16,7 @@ export default class Example extends DefaultElement
 
     bind()
     {
-        if ( global.$ === undefined ) {
+        if ( window.$ === undefined ) {
             return console.error('Element ready function requires jquery.')
         }
 
@@ -47,7 +47,7 @@ export default class Example extends DefaultElement
             opacity: 1
         });
 
-        $(this.el).animate({ opacity: 0 }, options);
+        window.$(this.el).animate({ opacity: 0 }, options);
     }
 
     getReadyClass()

package/src/index.js

@@ -70,23 +70,23 @@ export const Pico = {
 }
 
 /**
- * @const global
+ * @const window
  */
 
-if ( typeof global.IE === 'undefined' && global.navigator ) {
-    global.IE = !! global.navigator.userAgent.match(/Edge\/|Trident\/|MSIE /);
+if ( typeof window.IE === 'undefined' && window.navigator ) {
+    window.IE = !! window.navigator.userAgent.match(/Edge\/|Trident\/|MSIE /);
 }
 
-if ( typeof global.WIN === 'undefined' && global.navigator ) {
-    global.WIN = !! global.navigator.userAgent.match(/Windows/);
+if ( typeof window.WIN === 'undefined' && window.navigator ) {
+    window.WIN = !! window.navigator.userAgent.match(/Windows/);
 }
 
-if ( typeof global.pi === 'undefined' && global.navigator ) {
-    global.pi = Pico;
+if ( typeof window.pi === 'undefined' && window.navigator ) {
+    window.pi = Pico;
 }
 
-if ( typeof global.pi !== 'undefined' && global.document ) {
-    global.pi.Dom.ready(global.pi.Element.listen);
+if ( typeof window.pi !== 'undefined' && window.document ) {
+    window.pi.Dom.ready(window.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(global, '_data', {});
+    static data = Obj.get(window, '_data', {});
 
     static has(input)
     {

package/src/library/locale.js

@@ -5,7 +5,7 @@ export class Locale
     /**
      * Get locales from window if present.
      */
-    static locales = Obj.get(global, '_locales', {});
+    static locales = Obj.get(window, '_locales', {});
 
     static pickByCount(splits, count)
     {

package/src/library/map.js

@@ -26,7 +26,7 @@ export default class Map
 
     constructor(el, options = {})
     {
-        if ( ! global.google ) {
+        if ( ! window.google ) {
             throw new Error('Google Maps is required for pi.Map');
         }
 
@@ -39,7 +39,7 @@ export default class Map
         options = Obj.assign({ gestureHandling: 'cooperative', scrollwheel: null, zoom: 12, center },
             Obj.except(options, ['lat', 'lng']));
 
-        this.map = new global.google.maps.Map(Dom.find(el).get(0), options)
+        this.map = new window.google.maps.Map(Dom.find(el).get(0), options)
     }
 
     static setMapStyle(style = [])
@@ -51,7 +51,7 @@ export default class Map
 
     static setMarkerStyle(key, style = {}, extra = {})
     {
-        if ( ! global.google ) {
+        if ( ! window.google ) {
             throw new Error('Google Maps is required for pi.Map');
         }
 
@@ -70,13 +70,13 @@ export default class Map
         let final = {};
 
         // Marker size
-        let size = new global.google.maps.Size(style.width, style.height);
+        let size = new window.google.maps.Size(style.width, style.height);
 
         // Point position
-        let origin = new global.google.maps.Point(0, 0);
+        let origin = new window.google.maps.Point(0, 0);
 
         // Point position
-        let anchor = new global.google.maps.Point(style.width / 2, style.height);
+        let anchor = new window.google.maps.Point(style.width / 2, style.height);
 
         final.default = {
             url: style.default, size: size, origin: origin, anchor: anchor, scaledSize: size
@@ -113,7 +113,7 @@ export default class Map
             return;
         }
 
-        if ( typeof global.MarkerClusterer === "undefined" ) {
+        if ( typeof window.MarkerClusterer === "undefined" ) {
             return console.error('Google Maps Cluster library not laoded!');
         }
 
@@ -140,7 +140,7 @@ export default class Map
             return visible && this.clusterFilter.call(this, item);
         });
 
-        this.cluster = new global.MarkerClusterer(this.map, Arr.each(markers, (item) => item.marker),
+        this.cluster = new window.MarkerClusterer(this.map, Arr.each(markers, (item) => item.marker),
             this.clusterOptions = options);
     }
 
@@ -383,7 +383,7 @@ export default class Map
             item.style = options.style;
         }
 
-        item.marker = new global.google.maps.Marker(options);
+        item.marker = new window.google.maps.Marker(options);
 
         if ( !options.visible ) {
             item.marker.setVisible(false);
@@ -410,7 +410,7 @@ export default class Map
         // Add marker default style
         item.marker.addListener('mouseout', () => this.leaveMarker(key));
 
-        item.info = new global.google.maps.InfoWindow({
+        item.info = new window.google.maps.InfoWindow({
             content: '<div class="gw-i-html">' + Obj.get(options, 'html') + '</div>'
         });
 
@@ -445,7 +445,7 @@ export default class Map
 
     getLocationByAddress(address, callback = null)
     {
-        let geocoderService = new global.google.maps.Geocoder();
+        let geocoderService = new window.google.maps.Geocoder();
 
         let geocoderPromise = (resolve, reject) => {
 
@@ -495,7 +495,7 @@ export default class Map
             markers = Obj.filter(this.markers, filter);
         }
 
-        let boundry = new global.google.maps.LatLngBounds();
+        let boundry = new window.google.maps.LatLngBounds();
 
         Obj.each(markers, (item) => {
             if ( item.marker.getVisible() ) {
@@ -526,10 +526,10 @@ export default class Map
     renderDirections(options)
     {
         // Get directions service
-        let directionsService = new global.google.maps.DirectionsService();
+        let directionsService = new window.google.maps.DirectionsService();
 
         // Get directions renderer
-        let directionsRenderer = new global.google.maps.DirectionsRenderer();
+        let directionsRenderer = new window.google.maps.DirectionsRenderer();
 
         if ( ! Obj.has(options, 'map') ) {
             options.map = this.map;

package/src/library/route.js

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

package/src/utility/dom.js

@@ -111,8 +111,8 @@ export class Dom
 
     static title(text = null, glue = ' - ')
     {
-        document.title = global.baseTitle !== undefined ?
-            text + glue + global.baseTitle : text;
+        document.title = window.baseTitle !== undefined ?
+            text + glue + window.baseTitle : text;
 
         return this;
     }

package/src/utility/now.js

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

package/src/utility/object.js

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

package/types/index.d.ts

@@ -0,0 +1,77 @@
+// types/index.d.ts
+import Cookie from "./library/cookie";
+import Data from "./library/data";
+import Element from "./library/element";
+import Event from "./library/event";
+import Locale from "./library/locale";
+import Map from "./library/map";
+import Queue from "./library/queue";
+import Route from "./library/route";
+
+import Dom from "./utility/dom";
+import Arr from "./utility/array";
+import Obj from "./utility/object";
+import Any from "./utility/any";
+import Num from "./utility/number";
+import Str from "./utility/string";
+import Now from "./utility/now";
+
+export declare module "@kizmann/pico-js" {
+
+    function UUID(): string;
+
+    const Cookie: Cookie;
+    const Data: Data;
+    const Element: Element;
+    const Event: Event;
+    const Locale: Locale;
+    const Map: Map;
+    const Queue: Queue;
+    const Route: Route;
+
+    const Dom: Dom;
+    const Arr: Arr;
+    const Obj: Obj;
+    const Any: Any;
+    const Str: Str;
+    const Num: Num;
+    const Now: Now;
+
+    export {
+        UUID,
+        Cookie,
+        Data,
+        Element,
+        Event,
+        Locale,
+        Map,
+        Queue,
+        Route,
+        Dom,
+        Arr,
+        Obj,
+        Any,
+        Str,
+        Num,
+        Now,
+    };
+
+    export default {
+        UUID,
+        Cookie,
+        Data,
+        Element,
+        Event,
+        Locale,
+        Map,
+        Queue,
+        Route,
+        Dom,
+        Arr,
+        Obj,
+        Any,
+        Str,
+        Num,
+        Now
+    };
+}

package/types/library/cookie.d.ts

@@ -0,0 +1,10 @@
+// types/utility/cookie.d.ts
+
+declare class Cookie {
+    static pattern: string;
+    static get(key: string, fallback?: any, decode?: 'string' | 'boolean' | 'float' | 'integer' | 'object' | 'array'): any;
+    static set(key: string, value: any, expire?: number | null, options?: object): void;
+    static forget(key: string, options?: object): void;
+}
+
+export default Cookie;

package/types/library/data.d.ts

@@ -0,0 +1,15 @@
+// types/utility/data.d.ts
+
+declare class Data {
+    static data: any;
+    static has(input: any): boolean;
+    static set(input: any, value: any): void;
+    static unset(input: any): void;
+    static get(input: any, fallback?: any, forceSet?: boolean): any;
+    static find(input: any, value: any, fallback?: any): any;
+    static replace(input: any, value: any): void;
+    static add(input: any, ...args: any[]): void;
+    static remove(input: any, ...args: any[]): void;
+}
+
+export default Data;

package/types/library/element.d.ts

@@ -0,0 +1,22 @@
+// types/utility/element.d.ts
+
+declare class Element {
+    static prefix: string;
+    static mount: string;
+    static inis: object;
+    static runs: any[];
+    static invi: any[];
+
+    static listen(): void;
+    static scroll(): void;
+    static alias(key: string, instance: any): typeof Element;
+    static bind(key: string, selector: any, options?: object): typeof Element;
+    static unbind(key: string, selector: any, options?: object): typeof Element;
+    static observe(key: string, plain?: boolean): typeof Element;
+    static bindInview(el: any, cb: Function): void;
+    static unbindInview(el: any, cb: Function): void;
+    static getPrefix(key: string): string;
+    static setPrefix(prefix: string): void;
+}
+
+export default Element;

package/types/library/event.d.ts

@@ -0,0 +1,13 @@
+// types/utility/event.d.ts
+
+declare class Event {
+    static events: any[];
+
+    static bind(name: string | string[], callback: Function, options?: any, paused?: boolean): typeof Event;
+    static unbind(name: string | string[], options?: any): typeof Event;
+    static fire(name: string, ...args: any[]): typeof Event;
+    static pause(name: string | string[], options?: any): typeof Event;
+    static unpause(name: string | string[], options?: any): typeof Event;
+}
+
+export default Event;

package/types/library/locale.d.ts

@@ -0,0 +1,14 @@
+// types/utility/locale.d.ts
+
+declare class Locale {
+    static locales: object;
+
+    static pickByCount(splits: string[], count: number): string;
+    static has(key: string): boolean;
+    static get(key: string, fallback?: string | null): string;
+    static set(key: string, value: string): typeof Locale;
+    static trans(key: string, values?: object): string;
+    static choice(key: string, count?: number, values?: object): string;
+}
+
+export default Locale;

package/types/library/map.d.ts

@@ -0,0 +1,43 @@
+// types/utility/map.d.ts
+
+declare class Map {
+    map: any;
+    static mapStyle: any[];
+    markers: object;
+    static markerStyles: object;
+    cluster: any;
+    clusterFilter: Function | null;
+    clusterOptions: object;
+    static hideMarkers: boolean;
+    static closeInfoWindows: boolean;
+
+    constructor(el: any, options?: object);
+
+    static setMapStyle(style?: any[]): typeof Map;
+    static setMarkerStyle(key: string, style?: object, extra?: object): typeof Map;
+
+    clusterMarkers(options?: object, filter?: Function | null, allowCreate?: boolean): void;
+    styleMarker(key: string, type?: string | null): void;
+    getMarker(key: string): any;
+    getMarkerVisibility(key: string, fallback?: boolean): boolean;
+    getMarkerPositon(key: string, fallback?: any): any;
+    toggleMarker(key: string): boolean;
+    showMarker(key: string): boolean;
+    hideMarker(key: string): boolean;
+    enterMarker(key: string): this;
+    leaveMarker(key: string): this;
+    getInfoVisibility(key: string, fallback?: boolean): boolean;
+    toggleInfo(key: string): boolean;
+    openInfo(key: string): boolean;
+    closeInfo(key: string): boolean;
+    createMarker(key?: string | null, options?: object): any;
+    setMarkerPosition(key: string, options?: object): void;
+    setMarkerByAddress(key: string, address: string): Promise<any>;
+    getLocationByAddress(address: string, callback?: Function | null): Promise<any>;
+    showMarkers(filter?: any): this;
+    getMarkerBoundry(filter?: any): any;
+    focusMarkers(filter?: any, maxZoom?: number, boundSpace?: number): this;
+    renderDirections(options: object): Promise<any>;
+}
+
+export default Map;

package/types/library/queue.d.ts

@@ -0,0 +1,18 @@
+// types/utility/queue.d.ts
+
+declare class Queue {
+    queue: Function[];
+    stopQueue: boolean;
+    activeQueue: boolean;
+
+    constructor(queue?: Function[]);
+
+    handler(queue: Function[], index: number): Function;
+    stop(): this;
+    clear(): this;
+    add(cb: Function): this;
+    run(): Queue;
+    active(): boolean;
+}
+
+export default Queue;

package/types/library/route.d.ts

@@ -0,0 +1,11 @@
+// types/utility/route.d.ts
+
+declare class Route {
+    static routes: object;
+
+    static set(key: string, value: string): void;
+    static get(key: string, values?: object | null, params?: object | null): string;
+    static goto(key: string, values?: object | null, params?: object | null): void;
+}
+
+export default Route;

package/types/utility/any.d.ts

@@ -0,0 +1,35 @@
+// types/utility/any.d.ts
+
+declare class Any {
+    static isEmpty(val: any): boolean;
+    static isNull(val: any): boolean;
+    static isEqual(obj: any, val: any): boolean;
+    static isString(val: any): boolean;
+    static isNumber(val: any): boolean;
+    static isBool(val: any): boolean;
+    static isFunction(val: any): boolean;
+    static isObject(val: any): boolean;
+    static isPlain(val: any): boolean;
+    static isArray(val: any): boolean;
+    static isDate(val: any): boolean;
+    static string(val: any): string;
+    static convertString(val: any, empty?: string): string;
+    static number(val: any, fallback?: number): number;
+    static integer(val: any): number;
+    static float(val: any): number;
+    static bool(val: any): boolean;
+    static boolean(val: any): boolean;
+    static convertBool(val: any, yes?: string, no?: string): string;
+    static convertBoolean(val: any, yes?: string, no?: string): string;
+    static convertDatetime(val: any, format?: string, empty?: string): string;
+    static vals(obj: any): any[];
+    static keys(obj: any): string[];
+    static async(callback: Function, ...args: any[]): typeof Any;
+    static delay(callback: Function, delay?: number, ...args: any[]): typeof Any;
+    static debounce(callback: Function, delay?: number, ref?: any): Function;
+    static throttle(callback: Function, delay?: number, ref?: any): Function;
+    static framerate(callback: Function, rate?: number, ref?: any): Function;
+    static form(obj: any): FormData;
+}
+
+export default Any;

package/types/utility/array.d.ts

@@ -0,0 +1,46 @@
+// types/utility/array.d.ts
+
+declare class Arr {
+    static make(count: number): number[];
+    static all(arr: any): any[];
+    static get(arr: any[], index: number, fallback?: any): any;
+    static set(arr: any[], index: number, value: any): any;
+    static first(arr: any[], fallback?: any): any;
+    static second(arr: any[], fallback?: any): any;
+    static third(arr: any[], fallback?: any): any;
+    static last(arr: any[], fallback?: any): any;
+    static prepend(arr: any[], val: any): any[];
+    static append(arr: any[], val: any): any[];
+    static sort(obj: any, key: any): any[];
+    static sortString(obj: any, key: any): any[];
+    static filter(arr: any[], filter: any): any[];
+    static filterIndex(arr: any[], filter: any): any[];
+    static find(arr: any[], val: any, fallback?: any): any;
+    static findIndex(arr: any[], val: any, fallback?: number): number;
+    static has(arr: any[], val: any): boolean;
+    static add(arr: any[], val: any, finder?: any): any[];
+    static replace(arr: any[], val: any, finder?: any): any[];
+    static remove(arr: any[], val: any): any[];
+    static toggle(arr: any[], val: any): any[];
+    static removeIndex(arr: any[], val: number): any[];
+    static insert(arr: any[], key: number, val: any): any[];
+    static slice(arr: any[], key: number, count?: number): any[];
+    static splice(arr: any[], key: number, count?: number): any[];
+    static equal(arr1: any[], arr2: any[]): boolean;
+    static includes(arr: any[], val: any): boolean;
+    static contains(arr: any[], val: any): boolean;
+    static concat(arr: any[], ...args: any[]): any[];
+    static clone(arr: any): any;
+    static merge(arr: any[], ...args: any[]): any[];
+    static push(arr: any[], ...args: any[]): any[];
+    static diff(arr: any[], val: any[]): any[];
+    static intersect(...args: any[][]): any[];
+    static chunk(arr: any[], chunk?: number): any[][];
+    static reduce(arr: any[], callback: Function, accumulator: any): any;
+    static extract(arr: any[], path: string): any[];
+    static each(arr: any[], callback: Function): any[];
+    static map(arr: any[], callback: Function): any[];
+    static recursive(arr: any, key: string, callback: Function, cascade?: any[]): any;
+}
+
+export default Arr;