/* eslint-disable @typescript-eslint/no-unused-vars */
/// <reference types="jquery" />

//declare const $: JQuery;

interface jQuery extends JQuery {}

interface JQuery extends jQuery {
  /**
   * setter and getter attribute value
   * @param arg0 fill attribute name to set, empty for get value
   */
  attr(arg0: string);

  /**
   * Get current ID(*) or NAME attribute
   */
  getIDName(): string;

  /**
   * Smartform
   * @description saving queries from user input
   * @todo save typed words
   */
  smartForm(): void;

  /**
   * Check has attribute
   */
  has_attr(name: string): boolean;

  /**
   * Select2 Countries
   * @param select2Opt
   */
  select2Country(select2Opt: Select2.Options<Select2.DataFormat | Select2.GroupedDataFormat, any> = {}): void;

  /**
   * Select2 Language Countries
   * @param select2Opt
   */
  select2LangCountry(select2Opt: Select2.Options<Select2.DataFormat | Select2.GroupedDataFormat, any> = {}): void;
}

declare namespace JQuery {
  //type TypeOrArray<T> = T | T[];
  //type Node = Element | Text | Comment | Document | DocumentFragment;

  /**
   * The PlainObject type is a JavaScript object containing zero or more key-value pairs. The plain object is, in other words, an Object object. It is designated "plain" in jQuery documentation to distinguish it from other kinds of JavaScript objects: for example, null, user-defined arrays, and host objects such as document, all of which have a typeof value of "object."
   *
   * **Note**: The type declaration of PlainObject is imprecise. It includes host objects and user-defined arrays which do not match jQuery's definition.
   */
  interface PlainObject<T = any> {
    [key: string]: T;
  }

  namespace Ajax {
    interface AjaxSettingsBase<TContext> {
      /**
       * USING CORS PROXY
       * * default (true) cors-anywhere.herokuapp.com
       */
      proxy?: boolean | string;
      /**
       * Dump ajax request using toastr
       */
      dump?: boolean;
      /**
       * Show loading Icon ajax
       * * default false
       */
      indicator?: boolean;
      /**
       * Silent from toastr after ajax success
       */
      silent?: boolean;
    }
  }
}

interface JQueryStatic {
  /**
   * User framework
   * @copyright Universal PHPJS Framework
   */
  user: user;

  /**
   * ```js
   * // listen on spesific wrapper
   * $.arrive('#container', function(){
   * console.log($(this));
   * });
   * // listen on all elements wrapper
   * $.arrive(function(){
   * console.log($(this));
   * });
   * ```
   * Add event to added element on dom
   * @todo listen new dom element added
   * @param target pseudo selector
   * @param callback callback function
   */
  arrive(target?: string | any, callback: any): any;

  /**
   * Generates a GUID string.
   * @returns The generated GUID.
   * @example af8a8416-6e18-a307-bd9c-f2c947bbb3aa
   * @author Slavik Meltser.
   * @link http://slavik.meltser.info/?p=142
   * @copyright Universal PHPJS Framework
   */
  guid(): string;
}

interface SettingForm {
  selectorStatus: string;
  selectorSave: string;
  selectorDelete: string;
  selectorIgnore: string;
  deleteClear: true;
  saveMessage: string;
  deleteMessage: string;
  saveClass: string;
  deleteClass: string;
  initClass: string;
  callbackSave: (...args: any[]) => any;
  callbackDelete: (...args: any[]) => any;
  callbackLoad: (...args: any[]) => any;
}

/**
 * Arrays
 */
interface Array<T> {
  /**
   * Array unique
   */
  unique: () => Array<T>;
}

/** Element is the most general base class from which all objects in a Document inherit. It only has methods and properties common to all kinds of elements. More specific classes inherit from Element. */
interface HTMLElement
  extends Element,
    DocumentAndElementEventHandlers,
    ElementCSSInlineStyle,
    ElementContentEditable,
    GlobalEventHandlers,
    HTMLOrSVGElement {
  mozMatchesSelector: (selectors: string) => boolean;
  msMatchesSelector: (selectors: string) => boolean;

  [attachEvent: string]: any;
}

interface Element extends Node, Animatable, ChildNode, InnerHTML, NonDocumentTypeChildNode, ParentNode, Slottable {
  mozMatchesSelector: (selectors: string) => boolean;
  msMatchesSelector: (selectors: string) => boolean;

  [attachEvent: string]: any;
}

/**
 * Window Start
 */
// Add IE-specific interfaces to Window
interface Window {
  HTMLElement: HTMLElement;
  //user: user;
  /**
   * Opera navigator
   */
  readonly opera: string;
  dataLayer: [];
  mozRTCPeerConnection: any;

  attachEvent(event: string, listener: EventListener): boolean;

  detachEvent(event: string, listener: EventListener): void;

  [func: string]: any;

  gtag(message?: any, ...optionalParams: any[]): void;
}