export declare class Pages {
    private readonly body;
    VERSION: string;
    SUPPORT: string;
    constructor();
    init(): void;
    /**
     * @function setUserAgent
     * @description SET User Device Name to mobile | desktop
     * @returns {void} - Appends Device to body
     */
    private setUserAgent;
    isMobile: () => boolean;
    /**
     * @function setFullScreen
     * @description Make Browser fullscreen.
     */
    setFullScreen(element: any): void;
    /**
     * @function getColor
     * @param elem {HTMLElement}
     */
    private getCurrentStyle;
    /**
     * @function getColor
     * @description Get Color from CSS
     * @param {string} color - pages color class eg: primary,master,master-light etc.
     * @param {number} opacity
     * @returns {string} rgba presentation of color
     */
    getColor(color: string, opacity: string | number): string;
    isVisible(element: any): boolean;
    /**
     *
     * @param size Check visiblity for device size
     */
    private checkVisiblity;
    /**
     * @function isVisibleXs
     * @description Checks if the screen size is XS - Extra Small i.e below W480px
     * @returns boolean
     */
    isVisibleXs(): boolean;
    /**
     * @function isVisibleSm
     * @description Checks if the screen size is SM - Small Screen i.e Above W480px
     * @returns boolean
     */
    isVisibleSm(): boolean;
    /**
     * @function isVisibleMd
     * @description Checks if the screen size is MD - Medium Screen i.e Above W1024px
     * @returns boolean
     */
    isVisibleMd(): boolean;
    /**
     * @function isVisibleLg
     * @description Checks if the screen size is LG - Large Screen i.e Above W1200px
     * @returns boolean
     */
    isVisibleLg(): boolean;
    /**
     * @function isVisibleXl
     * @description Checks if the screen size is XL - Extra Large Screen
     * @returns boolean
     */
    isVisibleXl(): boolean;
    isTouchDevice(): boolean;
    initializeDataAPI: (_component: any, constructor: any, collection: any) => void;
    hasClass(el: HTMLElement, className: string): boolean;
    addClass(el: HTMLElement, className: string): void;
    removeClass(el: HTMLElement, className: string): void;
    toggleClass(el: HTMLElement, className: string): void;
    offset(el: HTMLElement): {
        left: number;
        top: number;
    };
    wrap(el: HTMLElement, wrapper: HTMLElement): void;
    wrapAll(elms: Node[] | NodeListOf<Node> | NodeListOf<ChildNode>, wrapper: HTMLElement): HTMLElement;
    insertAfter(newNode: Element, referenceNode: Element): void;
    getElementsByClassName(element: Element, classNAME: string): Element[];
    queryElement(selector: any, parent?: Element | Document): HTMLElement;
    queryElements(selector: any, parent?: Element | Document): HTMLElement[];
    getClosest(elem: Node, selector: any): Element;
    hasParent(e: any, p: any): boolean;
    addEvent(el: any, type: string, handler: EventListener): void;
    removeEvent(el: any, type: string, handler: EventListener): void;
    on(element: EventTarget, event: string, handler: (this: HTMLElement, e: Event) => void): void;
    off(element: EventTarget, event: string, handler: EventListener): void;
    one(element: EventTarget, event: string, handler: EventListener): void;
    live(selector: string, event: string, callback: (this: HTMLElement, e: Event) => void, context?: any): void;
    extend<A>(a: A, b: A): A;
}
export declare var pg: Pages;