@kizmann/pico-js 2.0.7 → 2.0.9

package/src/utils/Dom.js

@@ -1,214 +0,0 @@
-import { Arr, Mix, Dom } from "../index.esm.js";
-import { PicoDomFinderPlugin } from "../dom/DomFinder.js";
-import { PicoDomFormPlugin } from "../dom/DomForm.js";
-import { PicoDomEventPlugin } from "../dom/DomEvent.js";
-import { PicoDomBuilderPlugin } from "../dom/DomBuilder.js";
-import { PicoDomGlobalPlugin } from "../dom/DomGlobal.js";
-import { PicoDomRectanglePlugin } from "../dom/DomRectangle.js";
-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,
-    PicoDomGlobalPlugin,
-    PicoDomFormPlugin,
-    PicoDomEventPlugin,
-    PicoDomBuilderPlugin,
-    PicoDomRectanglePlugin,
-    PicoDomAttributePlugin,
-    PicoDomInviewPlugin,
-    PicoDomMetaPlugin,
-    PicoDomObserverPlugin,
-    PicoDomPopoverPlugin,
-];
-
-/**
- * @class PicoDom
- *
- * @typedef {import('../dom/DomFinder.js').PicoDomFinderInstance} PicoDomFinderInstance
- * @typedef {import('../dom/DomGlobal.js').PicoDomGlobalStatic} PicoDomGlobalStatic
- * @typedef {import('../dom/DomGlobal.js').PicoDomGlobalInstance} PicoDomGlobalInstance
- * @typedef {import('../dom/DomEvent.js').PicoDomEventStatic} PicoDomEventStatic
- * @typedef {import('../dom/DomEvent.js').PicoDomEventInstance} PicoDomEventInstance
- * @typedef {import('../dom/DomBuilder.js').PicoDomBuilderStatic} PicoDomBuilderStatic
- * @typedef {import('../dom/DomBuilder.js').PicoDomBuilderInstance} PicoDomBuilderInstance
- * @typedef {import('../dom/DomRectangle.js').PicoDomRectangleStatic} PicoDomRectangleStatic
- * @typedef {import('../dom/DomRectangle.js').PicoDomRectangleInstance} PicoDomRectangleInstance
- * @typedef {import('../dom/DomAttribute.js').PicoDomAttributeStatic} PicoDomAttributeStatic
- * @typedef {import('../dom/DomAttribute.js').PicoDomAttributeInstance} PicoDomAttributeInstance
- * @typedef {import('../dom/DomInview.js').PicoDomInviewStatic} PicoDomInviewStatic
- * @typedef {import('../dom/DomInview.js').PicoDomInviewInstance} PicoDomInviewInstance
- * @typedef {import('../dom/DomMeta.js').PicoDomMetaStatic} PicoDomMetaStatic
- * @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
- * @mixes PicoDomFormStatic
- * @mixes PicoDomEventStatic
- * @mixes PicoDomBuilderStatic
- * @mixes PicoDomRectangleStatic
- * @mixes PicoDomAttributeStatic
- * @mixes PicoDomInviewStatic
- * @mixes PicoDomMetaStatic
- * @mixes PicoDomObserverStatic
- * @mixes PicoDomPopoverStatic
- *
- * @extends PicoDomFinderInstance
- * @extends PicoDomGlobalInstance
- * @extends PicoDomFormInstance
- * @extends PicoDomEventInstance
- * @extends PicoDomBuilderInstance
- * @extends PicoDomRectangleInstance
- * @extends PicoDomAttributeInstance
- * @extends PicoDomInviewInstance
- * @extends PicoDomMetaInstance
- * @extends PicoDomObserverInstance
- * @extends PicoDomPopoverInstance
- */
-export class PicoDom {
-
-    /**
-     * Init hooks for constructor
-     *
-     * @type {Array<function>}
-     */
-    static init = [];
-
-    /**
-     * First selected element
-     *
-     * @type {HTMLElement}
-     */
-    el = null;
-
-    /**
-     * All selected elements
-     *
-     * @type {Array<HTMLElement>}
-     */
-    els = [];
-
-    /**
-     * Create Dom wrapper from input
-     *
-     * @example new Dom("body").get(0) // => HTMLElement
-     *
-     * @param {any} el Element or selector
-     * @param {...any} args Plugin args
-     */
-    constructor(el, ...args)
-    {
-        Arr.each(Dom.init, (fn) => {
-            el = fn.call(this, el, ...args);
-        });
-
-        if ( el instanceof Dom ) {
-            el = el.el;
-        }
-
-        if ( ! Mix.isArr(el) ) {
-            el = [el];
-        }
-
-        (this.el = el[0], this.els = el);
-    }
-
-    /**
-     * Create new Dom wrapper
-     *
-     * @example Dom.find("body") // => Dom
-     *
-     * @param {any} el Element or selector
-     * @param {...any} args Plugin args
-     * @returns {PicoDom} Dom wrapper
-     */
-    static find(el, ...args)
-    {
-        return new Dom(el, ...args);
-    }
-
-    /**
-     * Extend Dom with a plugin
-     *
-     * @example Dom.extend(fn)
-     *
-     * @param {function} plugin Plugin function
-     * @returns {void} No return value
-     */
-    static extend(plugin)
-    {
-        plugin.call({}, this);
-    }
-
-    /**
-     * Get window or empty object
-     *
-     * @example Dom.win().innerWidth // => number|undefined
-     *
-     * @returns {any} Window or {}
-     */
-    static win()
-    {
-        if ( globalThis.window == null ) {
-            return {};
-        }
-
-        return window;
-    }
-
-    /**
-     * Get document or empty object
-     *
-     * @example Dom.doc().body // => HTMLElement|undefined
-     *
-     * @returns {any} Document or {}
-     */
-    static doc()
-    {
-        if ( globalThis.document == null ) {
-            return {};
-        }
-
-        return document;
-    }
-
-    /**
-     * Get document.body or empty
-     *
-     * @example Dom.body().nodeType // => 1|undefined
-     *
-     * @returns {any} Body or {}
-     */
-    static body()
-    {
-        if ( ! this.doc().body ) {
-            return {};
-        }
-
-        return this.doc().body;
-    }
-
-}
-
-/**
- * @returns {typeof PicoDom}
- */
-export function PicoDomBuilder() {
-
-    let cls = PicoDom;
-
-    for ( const plugin of PicoDomPlugins ) {
-        cls = plugin.call(cls, cls);
-    }
-
-    return cls;
-}
-
-export default PicoDomBuilder;

package/src/utils/Format.js

@@ -1,62 +0,0 @@
-import { PicoFormatParserPlugin } from "../format/FormatParser.js";
-import { PicoFormatParamPlugin } from "../format/FormatParam.js";
-import { PicoFormatOptionPlugin } from "../format/FormatOption.js";
-import { PicoFormatUrlPlugin } from "../format/FormatUrl.js";
-import { PicoFormatFilePlugin } from "../format/FormatFile.js";
-
-export const PicoFormatPlugins = [
-    PicoFormatParserPlugin,
-    PicoFormatParamPlugin,
-    PicoFormatOptionPlugin,
-    PicoFormatUrlPlugin,
-    PicoFormatFilePlugin,
-];
-
-/**
- * @class PicoFormat
- *
- * @typedef {import('../format/FormatParser.js').PicoFormatParserStatic} PicoFormatParserStatic
- * @typedef {import('../format/FormatParam.js').PicoFormatParamStatic} PicoFormatParamStatic
- * @typedef {import('../format/FormatOption.js').PicoFormatOptionStatic} PicoFormatOptionStatic
- * @typedef {import('../format/FormatUrl.js').PicoFormatUrlStatic} PicoFormatUrlStatic
- * @typedef {import('../format/FormatFile.js').PicoFormatFileStatic} PicoFormatFileStatic
- *
- * @mixes PicoFormatParserStatic
- * @mixes PicoFormatParamStatic
- * @mixes PicoFormatOptionStatic
- * @mixes PicoFormatUrlStatic
- * @mixes PicoFormatFileStatic
- */
-export class PicoFormat
-{
-
-    /**
-     * Extend format with a plugin
-     *
-     * @example For.extend(fn)
-     *
-     * @param {function} plugin Plugin function
-     * @returns {void} No return value
-     */
-    static extend(plugin)
-    {
-        plugin.call({}, this);
-    }
-
-}
-
-/**
- * @returns {typeof PicoFormat}
- */
-export function PicoFormatBuilder() {
-
-    let cls = PicoFormat;
-
-    for ( const plugin of PicoFormatPlugins ) {
-        cls = plugin.call(cls, cls);
-    }
-
-    return cls;
-}
-
-export default PicoFormatBuilder;

package/types/wip/Element.d.ts

@@ -1,119 +0,0 @@
-export class PicoElement {
-    /**
-     * Prefix for attribute selector.
-     */
-    static prefix: string;
-    /**
-     * Mounted identifier.
-     */
-    static mount: string;
-    /**
-     * Instance storage.
-     */
-    static inis: {};
-    /**
-     * Runtime storage.
-     */
-    static runs: any[];
-    /**
-     * Instance storage.
-     */
-    static invi: any[];
-    /**
-     * Listen to scroll events
-     *
-     * @example PicoElement.listen()
-     *
-     * @returns {void} No return value
-     */
-    static listen(): void;
-    /**
-     * Handle scroll visibility
-     *
-     * @example PicoElement.scroll()
-     *
-     * @returns {void} No return value
-     */
-    static scroll(): void;
-    /**
-     * Register element alias
-     *
-     * @example PicoElement.alias("tab", Tab)
-     *
-     * @param {string} key Alias key
-     * @param {any} instance Class instance
-     * @returns {PicoElement} Current class
-     */
-    static alias(key: string, instance: any): PicoElement;
-    /**
-     * Bind element to selector
-     *
-     * @example PicoElement.bind("tab", ".tabs")
-     *
-     * @param {string} key Alias key
-     * @param {any} selector Dom selector
-     * @param {any} [options] Init options
-     * @returns {PicoElement} Current class
-     */
-    static bind(key: string, selector: any, options?: any): PicoElement;
-    /**
-     * Unbind element from selector
-     *
-     * @example PicoElement.unbind("tab", ".tabs")
-     *
-     * @param {string} key Alias key
-     * @param {any} selector Dom selector
-     * @param {any} [options] Init options
-     * @returns {PicoElement} Current class
-     */
-    static unbind(key: string, selector: any, options?: any): PicoElement;
-    /**
-     * Observe DOM changes
-     *
-     * @example PicoElement.observe("tab")
-     *
-     * @param {string} key Alias key
-     * @param {boolean} [plain] Plain options
-     * @returns {PicoElement} Current class
-     */
-    static observe(key: string, plain?: boolean): PicoElement;
-    /**
-     * Bind element on inview
-     *
-     * @example PicoElement.bindInview(el, cb)
-     *
-     * @param {Element} el Target element
-     * @param {function} cb Callback fn
-     * @returns {void} No return value
-     */
-    static bindInview(el: Element, cb: Function): void;
-    /**
-     * Unbind element on inview
-     *
-     * @example PicoElement.unbindInview(el, cb)
-     *
-     * @param {Element} el Target element
-     * @param {function} cb Callback fn
-     * @returns {void} No return value
-     */
-    static unbindInview(el: Element, cb: Function): void;
-    /**
-     * Get attribute prefix
-     *
-     * @example PicoElement.getPrefix("tab") // => "js-tab"
-     *
-     * @param {string} [key] Alias key
-     * @returns {string} Attribute prefix
-     */
-    static getPrefix(key?: string): string;
-    /**
-     * Set attribute prefix
-     *
-     * @example PicoElement.setPrefix("pi")
-     *
-     * @param {string} prefix New prefix
-     * @returns {void} No return value
-     */
-    static setPrefix(prefix: string): void;
-}
-export default PicoElement;

package/types/wip/Map.d.ts

@@ -1,254 +0,0 @@
-/**
- * @const {object} google
- */
-export class PicoMap {
-    static mapStyle: any[];
-    static markerStyles: {};
-    static hideMarkers: boolean;
-    static closeInfoWindows: boolean;
-    /**
-     * Set global map style
-     *
-     * @example Map.setMapStyle(style)
-     *
-     * @param {Array<any>} [style] Style array
-     * @returns {PicoMap} Current class
-     */
-    static setMapStyle(style?: Array<any>): PicoMap;
-    /**
-     * Set marker style
-     *
-     * @example Map.setMarkerStyle("default", { default: "icon.png" })
-     *
-     * @param {string} key Style key
-     * @param {any} [style] Style options
-     * @param {any} [extra] Extra options
-     * @returns {PicoMap} Current class
-     */
-    static setMarkerStyle(key: string, style?: any, extra?: any): PicoMap;
-    /**
-     * Create map instance
-     *
-     * @example new Map("#map", { lat: 0, lng: 0 })
-     *
-     * @param {any} el Target element
-     * @param {any} [options] Map options
-     */
-    constructor(el: any, options?: any);
-    map: any;
-    markers: {};
-    cluster: any;
-    clusterFilter: any;
-    clusterOptions: {};
-    /**
-     * Cluster map markers
-     *
-     * @example map.clusterMarkers()
-     *
-     * @param {any} [options] Cluster options
-     * @param {any} [filter] Marker filter
-     * @param {boolean} [allowCreate] Create cluster
-     * @returns {void} No return value
-     */
-    clusterMarkers(options?: any, filter?: any, allowCreate?: boolean): void;
-    /**
-     * Apply style to marker
-     *
-     * @example map.styleMarker("m1", "hover")
-     *
-     * @param {string} key Marker key
-     * @param {any} [type] Style type
-     * @returns {void} No return value
-     */
-    styleMarker(key: string, type?: any): void;
-    /**
-     * Get marker by key
-     *
-     * @example map.getMarker("m1")
-     *
-     * @param {string} key Marker key
-     * @returns {any} Marker object
-     */
-    getMarker(key: string): any;
-    /**
-     * Check if marker is visible
-     *
-     * @example map.getMarkerVisibility("m1") // => true
-     *
-     * @param {string} key Marker key
-     * @param {boolean} [fallback] Fallback value
-     * @returns {boolean} Visibility state
-     */
-    getMarkerVisibility(key: string, fallback?: boolean): boolean;
-    /**
-     * Get marker position
-     *
-     * @example map.getMarkerPositon("m1") // => LatLng
-     *
-     * @param {string} key Marker key
-     * @param {any} [fallback] Fallback value
-     * @returns {any} Position object
-     */
-    getMarkerPositon(key: string, fallback?: any): any;
-    /**
-     * Toggle marker visibility
-     *
-     * @example map.toggleMarker("m1")
-     *
-     * @param {string} key Marker key
-     * @returns {boolean|void} Visibility state
-     */
-    toggleMarker(key: string): boolean | void;
-    /**
-     * Show marker on map
-     *
-     * @example map.showMarker("m1")
-     *
-     * @param {string} key Marker key
-     * @returns {boolean|void} Previous state
-     */
-    showMarker(key: string): boolean | void;
-    /**
-     * Hide marker on map
-     *
-     * @example map.hideMarker("m1")
-     *
-     * @param {string} key Marker key
-     * @returns {boolean|void} Previous state
-     */
-    hideMarker(key: string): boolean | void;
-    /**
-     * Marker hover enter
-     *
-     * @example map.enterMarker("m1")
-     *
-     * @param {string} key Marker key
-     * @returns {this|void} Current instance
-     */
-    enterMarker(key: string): this | void;
-    /**
-     * Marker hover leave
-     *
-     * @example map.leaveMarker("m1")
-     *
-     * @param {string} key Marker key
-     * @returns {this|void} Current instance
-     */
-    leaveMarker(key: string): this | void;
-    /**
-     * Check if info is open
-     *
-     * @example map.getInfoVisibility("m1") // => true
-     *
-     * @param {string} key Marker key
-     * @param {boolean} [fallback] Fallback value
-     * @returns {boolean} Visibility state
-     */
-    getInfoVisibility(key: string, fallback?: boolean): boolean;
-    /**
-     * Toggle info window
-     *
-     * @example map.toggleInfo("m1")
-     *
-     * @param {string} key Marker key
-     * @returns {boolean|void} Visibility state
-     */
-    toggleInfo(key: string): boolean | void;
-    /**
-     * Open info window
-     *
-     * @example map.openInfo("m1")
-     *
-     * @param {string} key Marker key
-     * @returns {boolean|void} Previous state
-     */
-    openInfo(key: string): boolean | void;
-    /**
-     * Close info window
-     *
-     * @example map.closeInfo("m1")
-     *
-     * @param {string} key Marker key
-     * @returns {boolean|void} Previous state
-     */
-    closeInfo(key: string): boolean | void;
-    /**
-     * Create map marker
-     *
-     * @example map.createMarker("m1", { lat: 0, lng: 0 })
-     *
-     * @param {any} [key] Marker key
-     * @param {any} [options] Marker options
-     * @returns {any} Marker object
-     */
-    createMarker(key?: any, options?: any): any;
-    /**
-     * Set marker position
-     *
-     * @example map.setMarkerPosition("m1", { lat: 0, lng: 0 })
-     *
-     * @param {string} key Marker key
-     * @param {any} [options] Position options
-     * @returns {void} No return value
-     */
-    setMarkerPosition(key: string, options?: any): void;
-    /**
-     * Set marker by address
-     *
-     * @example map.setMarkerByAddress("m1", "Address")
-     *
-     * @param {string} key Marker key
-     * @param {any} address Search address
-     * @returns {Promise<any>} Response promise
-     */
-    setMarkerByAddress(key: string, address: any): Promise<any>;
-    /**
-     * Get location by address
-     *
-     * @example map.getLocationByAddress("Address")
-     *
-     * @param {any} address Search address
-     * @param {function} [callback] Success callback
-     * @returns {Promise<any>} Response promise
-     */
-    getLocationByAddress(address: any, callback?: Function): Promise<any>;
-    /**
-     * Show markers on map
-     *
-     * @example map.showMarkers()
-     *
-     * @param {any} [filter] Marker filter
-     * @returns {PicoMap} Current instance
-     */
-    showMarkers(filter?: any): PicoMap;
-    /**
-     * Get marker boundary
-     *
-     * @example map.getMarkerBoundry() // => LatLngBounds
-     *
-     * @param {any} [filter] Marker filter
-     * @returns {any} Boundary object
-     */
-    getMarkerBoundry(filter?: any): any;
-    /**
-     * Focus markers on map
-     *
-     * @example map.focusMarkers()
-     *
-     * @param {any} [filter] Marker filter
-     * @param {number} [maxZoom] Max zoom level
-     * @param {number} [boundSpace] Viewport space
-     * @returns {PicoMap} Current instance
-     */
-    focusMarkers(filter?: any, maxZoom?: number, boundSpace?: number): PicoMap;
-    /**
-     * Render directions on map
-     *
-     * @example map.renderDirections({ origin: "A", destination: "B" })
-     *
-     * @param {any} options Render options
-     * @returns {Promise<any>} Response promise
-     */
-    renderDirections(options: any): Promise<any>;
-}
-export default PicoMap;