@types/jqueryui/index.d.ts

/// <reference types="jquery" />

declare namespace JQueryUI {
    // Accordion //////////////////////////////////////////////////

    interface AccordionOptions extends AccordionEvents {
        active?: any; // boolean or number
        animate?: any; // boolean, number, string or object
        collapsible?: boolean | undefined;
        disabled?: boolean | undefined;
        event?: string | undefined;
        header?: string | undefined;
        heightStyle?: string | undefined;
        icons?: any;
    }

    interface AccordionUIParams {
        newHeader: JQuery;
        oldHeader: JQuery;
        newPanel: JQuery;
        oldPanel: JQuery;
    }

    interface AccordionEvent {
        (event: JQueryEventObject, ui: AccordionUIParams): void;
    }

    interface AccordionEvents {
        activate?: AccordionEvent | undefined;
        beforeActivate?: AccordionEvent | undefined;
        create?: AccordionEvent | undefined;
    }

    interface Accordion extends Widget, AccordionOptions {
    }

    // Autocomplete //////////////////////////////////////////////////

    interface AutocompleteOptions extends AutocompleteEvents {
        appendTo?: any; // Selector;
        autoFocus?: boolean | undefined;
        delay?: number | undefined;
        disabled?: boolean | undefined;
        minLength?: number | undefined;
        position?: any; // object
        source?: any; // [], string or ()
        classes?: AutocompleteClasses | undefined;
    }

    interface AutocompleteClasses {
        "ui-autocomplete"?: string | undefined;
        "ui-autocomplete-input"?: string | undefined;
    }

    interface AutocompleteUIParams {
        /**
         * The item selected from the menu, if any. Otherwise the property is null
         */
        item?: any;
        content?: any;
    }

    interface AutocompleteEvent {
        (event: JQueryEventObject, ui: AutocompleteUIParams): void;
    }

    interface AutocompleteEvents {
        change?: AutocompleteEvent | undefined;
        close?: AutocompleteEvent | undefined;
        create?: AutocompleteEvent | undefined;
        focus?: AutocompleteEvent | undefined;
        open?: AutocompleteEvent | undefined;
        response?: AutocompleteEvent | undefined;
        search?: AutocompleteEvent | undefined;
        select?: AutocompleteEvent | undefined;
    }

    interface Autocomplete extends Widget, AutocompleteOptions {
        escapeRegex: (value: string) => string;
        filter: (array: any, term: string) => any;
    }

    // Button //////////////////////////////////////////////////

    interface ButtonOptions {
        disabled?: boolean | undefined;
        icons?: any;
        label?: string | undefined;
        text?: string | boolean | undefined;
        click?: ((event?: Event) => void) | undefined;
    }

    interface Button extends Widget, ButtonOptions {
    }

    // Datepicker //////////////////////////////////////////////////

    interface DatepickerOptions {
        /**
         * An input element that is to be updated with the selected date from the datepicker. Use the altFormat option to change the format of the date within this field. Leave as blank for no alternate field.
         */
        altField?: any; // Selector, jQuery or Element
        /**
         * The dateFormat to be used for the altField option. This allows one date format to be shown to the user for selection purposes, while a different format is actually sent behind the scenes. For a full list of the possible formats see the formatDate function
         */
        altFormat?: string | undefined;
        /**
         * The text to display after each date field, e.g., to show the required format.
         */
        appendText?: string | undefined;
        /**
         * Set to true to automatically resize the input field to accommodate dates in the current dateFormat.
         */
        autoSize?: boolean | undefined;
        /**
         * A function that takes an input field and current datepicker instance and returns an options object to update the datepicker with. It is called just before the datepicker is displayed.
         */
        beforeShow?: ((input: Element, inst: any) => JQueryUI.DatepickerOptions) | undefined;
        /**
         * A function that takes a date as a parameter and must return an array with:
         * [0]: true/false indicating whether or not this date is selectable
         * [1]: a CSS class name to add to the date's cell or "" for the default presentation
         * [2]: an optional popup tooltip for this date
         * The function is called for each day in the datepicker before it is displayed.
         */
        beforeShowDay?: ((date: Date) => any[]) | undefined;
        /**
         * A URL of an image to use to display the datepicker when the showOn option is set to "button" or "both". If set, the buttonText option becomes the alt value and is not directly displayed.
         */
        buttonImage?: string | undefined;
        /**
         * Whether the button image should be rendered by itself instead of inside a button element. This option is only relevant if the buttonImage option has also been set.
         */
        buttonImageOnly?: boolean | undefined;
        /**
         * The text to display on the trigger button. Use in conjunction with the showOn option set to "button" or "both".
         */
        buttonText?: string | undefined;
        /**
         * A function to calculate the week of the year for a given date. The default implementation uses the ISO 8601 definition: weeks start on a Monday; the first week of the year contains the first Thursday of the year.
         */
        calculateWeek?: ((date: Date) => string) | undefined;
        /**
         * Whether the month should be rendered as a dropdown instead of text.
         */
        changeMonth?: boolean | undefined;
        /**
         * Whether the year should be rendered as a dropdown instead of text. Use the yearRange option to control which years are made available for selection.
         */
        changeYear?: boolean | undefined;
        /**
         * The text to display for the close link. Use the showButtonPanel option to display this button.
         */
        closeText?: string | undefined;
        /**
         * When true, entry in the input field is constrained to those characters allowed by the current dateFormat option.
         */
        constrainInput?: boolean | undefined;
        /**
         * The text to display for the current day link. Use the showButtonPanel option to display this button.
         */
        currentText?: string | undefined;
        /**
         * The format for parsed and displayed dates. For a full list of the possible formats see the formatDate function.
         */
        dateFormat?: string | undefined;
        /**
         * The list of long day names, starting from Sunday, for use as requested via the dateFormat option.
         */
        dayNames?: string[] | undefined;
        /**
         * The list of minimised day names, starting from Sunday, for use as column headers within the datepicker.
         */
        dayNamesMin?: string[] | undefined;
        /**
         * The list of abbreviated day names, starting from Sunday, for use as requested via the dateFormat option.
         */
        dayNamesShort?: string[] | undefined;
        /**
         * Set the date to highlight on first opening if the field is blank. Specify either an actual date via a Date object or as a string in the current dateFormat, or a number of days from today (e.g. +7) or a string of values and periods ('y' for years, 'm' for months, 'w' for weeks, 'd' for days, e.g. '+1m +7d'), or null for today.
         * Multiple types supported:
         * Date: A date object containing the default date.
         * Number: A number of days from today. For example 2 represents two days from today and -1 represents yesterday.
         * String: A string in the format defined by the dateFormat option, or a relative date. Relative dates must contain value and period pairs; valid periods are "y" for years, "m" for months, "w" for weeks, and "d" for days. For example, "+1m +7d" represents one month and seven days from today.
         */
        defaultDate?: any; // Date, number or string
        /**
         * Control the speed at which the datepicker appears, it may be a time in milliseconds or a string representing one of the three predefined speeds ("slow", "normal", "fast").
         */
        duration?: string | undefined;
        /**
         * Set the first day of the week: Sunday is 0, Monday is 1, etc.
         */
        firstDay?: number | undefined;
        /**
         * When true, the current day link moves to the currently selected date instead of today.
         */
        gotoCurrent?: boolean | undefined;
        /**
         * Normally the previous and next links are disabled when not applicable (see the minDate and maxDate options). You can hide them altogether by setting this attribute to true.
         */
        hideIfNoPrevNext?: boolean | undefined;
        /**
         * Whether the current language is drawn from right to left.
         */
        isRTL?: boolean | undefined;
        /**
         * The maximum selectable date. When set to null, there is no maximum.
         * Multiple types supported:
         * Date: A date object containing the maximum date.
         * Number: A number of days from today. For example 2 represents two days from today and -1 represents yesterday.
         * String: A string in the format defined by the dateFormat option, or a relative date. Relative dates must contain value and period pairs; valid periods are "y" for years, "m" for months, "w" for weeks, and "d" for days. For example, "+1m +7d" represents one month and seven days from today.
         */
        maxDate?: any; // Date, number or string
        /**
         * The minimum selectable date. When set to null, there is no minimum.
         * Multiple types supported:
         * Date: A date object containing the minimum date.
         * Number: A number of days from today. For example 2 represents two days from today and -1 represents yesterday.
         * String: A string in the format defined by the dateFormat option, or a relative date. Relative dates must contain value and period pairs; valid periods are "y" for years, "m" for months, "w" for weeks, and "d" for days. For example, "+1m +7d" represents one month and seven days from today.
         */
        minDate?: any; // Date, number or string
        /**
         * The list of full month names, for use as requested via the dateFormat option.
         */
        monthNames?: string[] | undefined;
        /**
         * The list of abbreviated month names, as used in the month header on each datepicker and as requested via the dateFormat option.
         */
        monthNamesShort?: string[] | undefined;
        /**
         * Whether the prevText and nextText options should be parsed as dates by the formatDate function, allowing them to display the target month names for example.
         */
        navigationAsDateFormat?: boolean | undefined;
        /**
         * The text to display for the next month link. With the standard ThemeRoller styling, this value is replaced by an icon.
         */
        nextText?: string | undefined;
        /**
         * The number of months to show at once.
         * Multiple types supported:
         * Number: The number of months to display in a single row.
         * Array: An array defining the number of rows and columns to display.
         */
        numberOfMonths?: any; // number or number[]
        /**
         * Called when the datepicker moves to a new month and/or year. The function receives the selected year, month (1-12), and the datepicker instance as parameters. this refers to the associated input field.
         */
        onChangeMonthYear?: ((year: number, month: number, inst: any) => void) | undefined;
        /**
         * Called when the datepicker is closed, whether or not a date is selected. The function receives the selected date as text ("" if none) and the datepicker instance as parameters. this refers to the associated input field.
         */
        onClose?: ((dateText: string, inst: any) => void) | undefined;
        /**
         * Called when the datepicker is selected. The function receives the selected date as text and the datepicker instance as parameters. this refers to the associated input field.
         */
        onSelect?: ((dateText: string, inst: any) => void) | undefined;
        /**
         * The text to display for the previous month link. With the standard ThemeRoller styling, this value is replaced by an icon.
         */
        prevText?: string | undefined;
        /**
         * Whether days in other months shown before or after the current month are selectable. This only applies if the showOtherMonths option is set to true.
         */
        selectOtherMonths?: boolean | undefined;
        /**
         * The cutoff year for determining the century for a date (used in conjunction with dateFormat 'y'). Any dates entered with a year value less than or equal to the cutoff year are considered to be in the current century, while those greater than it are deemed to be in the previous century.
         * Multiple types supported:
         * Number: A value between 0 and 99 indicating the cutoff year.
         * String: A relative number of years from the current year, e.g., "+3" or "-5".
         */
        shortYearCutoff?: any; // number or string
        /**
         * The name of the animation used to show and hide the datepicker. Use "show" (the default), "slideDown", "fadeIn", any of the jQuery UI effects. Set to an empty string to disable animation.
         */
        showAnim?: string | undefined;
        /**
         * Whether to display a button pane underneath the calendar. The button pane contains two buttons, a Today button that links to the current day, and a Done button that closes the datepicker. The buttons' text can be customized using the currentText and closeText options respectively.
         */
        showButtonPanel?: boolean | undefined;
        /**
         * When displaying multiple months via the numberOfMonths option, the showCurrentAtPos option defines which position to display the current month in.
         */
        showCurrentAtPos?: number | undefined;
        /**
         * Whether to show the month after the year in the header.
         */
        showMonthAfterYear?: boolean | undefined;
        /**
         * When the datepicker should appear. The datepicker can appear when the field receives focus ("focus"), when a button is clicked ("button"), or when either event occurs ("both").
         */
        showOn?: string | undefined;
        /**
         * If using one of the jQuery UI effects for the showAnim option, you can provide additional settings for that animation via this option.
         */
        showOptions?: any; // TODO
        /**
         * Whether to display dates in other months (non-selectable) at the start or end of the current month. To make these days selectable use the selectOtherMonths option.
         */
        showOtherMonths?: boolean | undefined;
        /**
         * When true, a column is added to show the week of the year. The calculateWeek option determines how the week of the year is calculated. You may also want to change the firstDay option.
         */
        showWeek?: boolean | undefined;
        /**
         * Set how many months to move when clicking the previous/next links.
         */
        stepMonths?: number | undefined;
        /**
         * The text to display for the week of the year column heading. Use the showWeek option to display this column.
         */
        weekHeader?: string | undefined;
        /**
         * The range of years displayed in the year drop-down: either relative to today's year ("-nn:+nn"), relative to the currently selected year ("c-nn:c+nn"), absolute ("nnnn:nnnn"), or combinations of these formats ("nnnn:-nn"). Note that this option only affects what appears in the drop-down, to restrict which dates may be selected use the minDate and/or maxDate options.
         */
        yearRange?: string | undefined;
        /**
         * Additional text to display after the year in the month headers.
         */
        yearSuffix?: string | undefined;
        /**
         * Set to true to automatically hide the datepicker.
         */
        autohide?: boolean | undefined;
        /**
         * Set to date to automatically enddate the datepicker.
         */
        endDate?: Date | undefined;
    }

    interface DatepickerFormatDateOptions {
        dayNamesShort?: string[] | undefined;
        dayNames?: string[] | undefined;
        monthNamesShort?: string[] | undefined;
        monthNames?: string[] | undefined;
    }

    interface Datepicker extends Widget, DatepickerOptions {
        regional: { [languageCod3: string]: any };
        setDefaults(defaults: DatepickerOptions): void;
        formatDate(format: string, date: Date, settings?: DatepickerFormatDateOptions): string;
        parseDate(format: string, date: string, settings?: DatepickerFormatDateOptions): Date;
        iso8601Week(date: Date): number;
        noWeekends(date: Date): any[];
    }

    // Dialog //////////////////////////////////////////////////

    interface DialogOptions extends DialogEvents {
        autoOpen?: boolean | undefined;
        buttons?: { [buttonText: string]: (event?: Event) => void } | DialogButtonOptions[] | undefined;
        closeOnEscape?: boolean | undefined;
        classes?: DialogClasses | undefined;
        closeText?: string | undefined;
        appendTo?: string | undefined;
        dialogClass?: string | undefined;
        disabled?: boolean | undefined;
        draggable?: boolean | undefined;
        height?: number | string | undefined;
        hide?: boolean | number | string | DialogShowHideOptions | undefined;
        maxHeight?: number | undefined;
        maxWidth?: number | undefined;
        minHeight?: number | undefined;
        minWidth?: number | undefined;
        modal?: boolean | undefined;
        position?: any; // object, string or []
        resizable?: boolean | undefined;
        show?: boolean | number | string | DialogShowHideOptions | undefined;
        stack?: boolean | undefined;
        title?: string | undefined;
        width?: any; // number or string
        zIndex?: number | undefined;

        open?: DialogEvent | undefined;
        close?: DialogEvent | undefined;
    }

    interface DialogClasses {
        "ui-dialog"?: string | undefined;
        "ui-dialog-content"?: string | undefined;
        "ui-dialog-dragging"?: string | undefined;
        "ui-dialog-resizing"?: string | undefined;
        "ui-dialog-buttons"?: string | undefined;
        "ui-dialog-titlebar"?: string | undefined;
        "ui-dialog-title"?: string | undefined;
        "ui-dialog-titlebar-close"?: string | undefined;
        "ui-dialog-buttonpane"?: string | undefined;
        "ui-dialog-buttonset"?: string | undefined;
        "ui-widget-overlay"?: string | undefined;
    }

    interface DialogButtonOptions {
        icons?: any;
        showText?: string | boolean | undefined;
        text?: string | undefined;
        click?: ((eventObject: JQueryEventObject) => any) | undefined;
        [attr: string]: any; // attributes for the <button> element
    }

    interface DialogShowHideOptions {
        effect: string;
        delay?: number | undefined;
        duration?: number | undefined;
        easing?: string | undefined;
    }

    interface DialogUIParams {
    }

    interface DialogEvent {
        (event: JQueryEventObject, ui: DialogUIParams): void;
    }

    interface DialogEvents {
        beforeClose?: DialogEvent | undefined;
        close?: DialogEvent | undefined;
        create?: DialogEvent | undefined;
        drag?: DialogEvent | undefined;
        dragStart?: DialogEvent | undefined;
        dragStop?: DialogEvent | undefined;
        focus?: DialogEvent | undefined;
        open?: DialogEvent | undefined;
        resize?: DialogEvent | undefined;
        resizeStart?: DialogEvent | undefined;
        resizeStop?: DialogEvent | undefined;
    }

    interface Dialog extends Widget, DialogOptions {
    }

    // Draggable //////////////////////////////////////////////////

    interface DraggableEventUIParams {
        helper: JQuery;
        position: { top: number; left: number };
        originalPosition: { top: number; left: number };
        offset: { top: number; left: number };
    }

    interface DraggableEvent {
        (event: JQueryEventObject, ui: DraggableEventUIParams): void;
    }

    interface DraggableOptions extends DraggableEvents {
        disabled?: boolean | undefined;
        addClasses?: boolean | undefined;
        appendTo?: any;
        axis?: string | undefined;
        cancel?: string | undefined;
        classes?: DraggableClasses | undefined;
        connectToSortable?: Element | Element[] | JQuery | string | undefined;
        containment?: any;
        cursor?: string | undefined;
        cursorAt?: any;
        delay?: number | undefined;
        distance?: number | undefined;
        grid?: number[] | undefined;
        handle?: any;
        helper?: any;
        iframeFix?: any;
        opacity?: number | undefined;
        refreshPositions?: boolean | undefined;
        revert?: any;
        revertDuration?: number | undefined;
        scope?: string | undefined;
        scroll?: boolean | undefined;
        scrollSensitivity?: number | undefined;
        scrollSpeed?: number | undefined;
        snap?: any;
        snapMode?: string | undefined;
        snapTolerance?: number | undefined;
        stack?: string | undefined;
        zIndex?: number | undefined;
    }

    interface DraggableClasses {
        "ui-draggable"?: string | undefined;
        "ui-draggable-disabled"?: string | undefined;
        "ui-draggable-dragging"?: string | undefined;
        "ui-draggable-handle"?: string | undefined;
    }

    interface DraggableEvents {
        create?: DraggableEvent | undefined;
        start?: DraggableEvent | undefined;
        drag?: DraggableEvent | undefined;
        stop?: DraggableEvent | undefined;
    }

    interface Draggable extends Widget, DraggableOptions, DraggableEvent {
    }

    // Droppable //////////////////////////////////////////////////

    interface DroppableEventUIParam {
        draggable: JQuery;
        helper: JQuery;
        position: { top: number; left: number };
        offset: { top: number; left: number };
    }

    interface DroppableEvent {
        (event: JQueryEventObject, ui: DroppableEventUIParam): void;
    }

    interface DroppableOptions extends DroppableEvents {
        accept?: any;
        activeClass?: string | undefined;
        addClasses?: boolean | undefined;
        disabled?: boolean | undefined;
        greedy?: boolean | undefined;
        hoverClass?: string | undefined;
        scope?: string | undefined;
        tolerance?: string | undefined;
    }

    interface DroppableEvents {
        create?: DroppableEvent | undefined;
        activate?: DroppableEvent | undefined;
        deactivate?: DroppableEvent | undefined;
        over?: DroppableEvent | undefined;
        out?: DroppableEvent | undefined;
        drop?: DroppableEvent | undefined;
    }

    interface Droppable extends Widget, DroppableOptions {
    }

    // Menu //////////////////////////////////////////////////

    interface MenuOptions extends MenuEvents {
        disabled?: boolean | undefined;
        icons?: any;
        menus?: string | undefined;
        position?: any; // TODO
        role?: string | undefined;
    }

    interface MenuUIParams {
        item?: JQuery | undefined;
    }

    interface MenuEvent {
        (event: JQueryEventObject, ui: MenuUIParams): void;
    }

    interface MenuEvents {
        blur?: MenuEvent | undefined;
        create?: MenuEvent | undefined;
        focus?: MenuEvent | undefined;
        select?: MenuEvent | undefined;
    }

    interface Menu extends Widget, MenuOptions {
    }

    // Progressbar //////////////////////////////////////////////////

    interface ProgressbarOptions extends ProgressbarEvents {
        disabled?: boolean | undefined;
        value?: number | boolean | undefined;
        max?: number | undefined;
    }

    interface ProgressbarUIParams {
    }

    interface ProgressbarEvent {
        (event: JQueryEventObject, ui: ProgressbarUIParams): void;
    }

    interface ProgressbarEvents {
        change?: ProgressbarEvent | undefined;
        complete?: ProgressbarEvent | undefined;
        create?: ProgressbarEvent | undefined;
    }

    interface Progressbar extends Widget, ProgressbarOptions {
    }

    // Resizable //////////////////////////////////////////////////

    interface ResizableOptions extends ResizableEvents {
        alsoResize?: any; // Selector, JQuery or Element
        animate?: boolean | undefined;
        animateDuration?: any; // number or string
        animateEasing?: string | undefined;
        aspectRatio?: number | boolean;
        autoHide?: boolean | undefined;
        cancel?: string | undefined;
        classes?: Partial<Record<ResizableThemingClass, string>>;
        containment?: any; // Selector, Element or string
        delay?: number | undefined;
        disabled?: boolean | undefined;
        distance?: number | undefined;
        ghost?: boolean | undefined;
        grid?: any;
        handles?: any; // string or object
        helper?: string | undefined;
        maxHeight?: number | undefined;
        maxWidth?: number | undefined;
        minHeight?: number | undefined;
        minWidth?: number | undefined;
    }

    interface ResizableUIParams {
        element: JQuery;
        helper: JQuery;
        originalElement: JQuery;
        originalPosition: any;
        originalSize: any;
        position: any;
        size: any;
    }

    interface ResizableEvent {
        (event: JQueryEventObject, ui: ResizableUIParams): void;
    }

    interface ResizableEvents {
        resize?: ResizableEvent | undefined;
        start?: ResizableEvent | undefined;
        stop?: ResizableEvent | undefined;
        create?: ResizableEvent | undefined;
    }

    interface Resizable extends Widget, ResizableOptions {
    }

    type ResizableHandleDirection =
        | "n"
        | "e"
        | "s"
        | "w"
        | "ne"
        | "se"
        | "sw"
        | "nw"
        | "all";
    type ResizableThemingClass =
        | "ui-resizable"
        | "ui-resizable-resizing"
        | "ui-resizable-autohide"
        | "ui-resizable-handle"
        | `ui-resizable-${ResizableHandleDirection}`
        | "ui-resizable-ghost"
        | "ui-resizable-helper";

    // Selectable //////////////////////////////////////////////////

    interface SelectableOptions extends SelectableEvents {
        autoRefresh?: boolean | undefined;
        cancel?: string | undefined;
        delay?: number | undefined;
        disabled?: boolean | undefined;
        distance?: number | undefined;
        filter?: string | undefined;
        tolerance?: string | undefined;
    }

    interface SelectableEvents {
        selected?(event: JQueryEventObject, ui: { selected?: Element | undefined }): void;
        selecting?(event: JQueryEventObject, ui: { selecting?: Element | undefined }): void;
        start?(event: JQueryEventObject, ui: any): void;
        stop?(event: JQueryEventObject, ui: any): void;
        unselected?(event: JQueryEventObject, ui: { unselected: Element }): void;
        unselecting?(event: JQueryEventObject, ui: { unselecting: Element }): void;
    }

    interface Selectable extends Widget, SelectableOptions {
    }

    // SelectMenu //////////////////////////////////////////////////

    interface SelectMenuOptions extends SelectMenuEvents {
        appendTo?: string | undefined;
        classes?: SelectMenuClasses | undefined;
        disabled?: boolean | undefined;
        icons?: any;
        position?: JQueryPositionOptions | undefined;
        width?: number | undefined;
    }

    interface SelectMenuClasses {
        "ui-selectmenu-button"?: string | undefined;
        "ui-selectmenu-button-closed"?: string | undefined;
        "ui-selectmenu-button-open"?: string | undefined;
        "ui-selectmenu-text"?: string | undefined;
        "ui-selectmenu-icon"?: string | undefined;
        "ui-selectmenu-menu"?: string | undefined;
        "ui-selectmenu-open"?: string | undefined;
        "ui-selectmenu-optgroup"?: string | undefined;
    }

    interface SelectMenuUIParams {
        item?: JQuery | undefined;
    }

    interface SelectMenuEvent {
        (event: JQueryEventObject, ui: SelectMenuUIParams): void;
    }

    interface SelectMenuEvents {
        change?: SelectMenuEvent | undefined;
        close?: SelectMenuEvent | undefined;
        create?: SelectMenuEvent | undefined;
        focus?: SelectMenuEvent | undefined;
        open?: SelectMenuEvent | undefined;
        select?: SelectMenuEvent | undefined;
    }

    interface SelectMenu extends Widget, SelectMenuOptions {
    }

    // Slider //////////////////////////////////////////////////

    interface SliderOptions extends SliderEvents {
        animate?: any; // boolean, string or number
        disabled?: boolean | undefined;
        max?: number | undefined;
        min?: number | undefined;
        orientation?: string | undefined;
        range?: any; // boolean or string
        step?: number | undefined;
        value?: number | undefined;
        values?: number[] | undefined;
        highlight?: boolean | undefined;
        classes?: SliderClasses | undefined;
    }

    interface SliderClasses {
        "ui-slider"?: string | undefined;
        "ui-slider-horizontal"?: string | undefined;
        "ui-slider-vertical"?: string | undefined;
        "ui-slider-handle"?: string | undefined;
        "ui-slider-range"?: string | undefined;
        "ui-slider-range-min"?: string | undefined;
        "ui-slider-range-max"?: string | undefined;
    }

    interface SliderUIParams {
        handle?: JQuery | undefined;
        value?: number | undefined;
        values?: number[] | undefined;
    }

    interface SliderEvent {
        (event: JQueryEventObject, ui: SliderUIParams): void;
    }

    interface SliderEvents {
        change?: SliderEvent | undefined;
        create?: SliderEvent | undefined;
        slide?: SliderEvent | undefined;
        start?: SliderEvent | undefined;
        stop?: SliderEvent | undefined;
    }

    interface Slider extends Widget, SliderOptions {
    }

    // Sortable //////////////////////////////////////////////////

    interface SortableOptions extends SortableEvents {
        appendTo?: any; // jQuery, Element, Selector or string
        attribute?: string | undefined;
        axis?: string | undefined;
        cancel?: any; // Selector
        connectWith?: any; // Selector
        containment?: any; // Element, Selector or string
        cursor?: string | undefined;
        cursorAt?: any;
        delay?: number | undefined;
        disabled?: boolean | undefined;
        distance?: number | undefined;
        dropOnEmpty?: boolean | undefined;
        forceHelperSize?: boolean | undefined;
        forcePlaceholderSize?: boolean | undefined;
        grid?: number[] | undefined;
        helper?: string | ((event: JQueryEventObject, element: Sortable) => Element) | undefined;
        handle?: any; // Selector or Element
        items?: any; // Selector
        opacity?: number | undefined;
        placeholder?: string | undefined;
        revert?: any; // boolean or number
        scroll?: boolean | undefined;
        scrollSensitivity?: number | undefined;
        scrollSpeed?: number | undefined;
        tolerance?: string | undefined;
        zIndex?: number | undefined;
    }

    interface SortableUIParams {
        helper: JQuery;
        item: JQuery;
        offset: any;
        position: any;
        originalPosition: any;
        sender: JQuery;
        placeholder: JQuery;
    }

    interface SortableEvent {
        (event: JQueryEventObject, ui: SortableUIParams): void;
    }

    interface SortableEvents {
        activate?: SortableEvent | undefined;
        beforeStop?: SortableEvent | undefined;
        change?: SortableEvent | undefined;
        deactivate?: SortableEvent | undefined;
        out?: SortableEvent | undefined;
        over?: SortableEvent | undefined;
        receive?: SortableEvent | undefined;
        remove?: SortableEvent | undefined;
        sort?: SortableEvent | undefined;
        start?: SortableEvent | undefined;
        stop?: SortableEvent | undefined;
        update?: SortableEvent | undefined;
    }

    interface Sortable extends Widget, SortableOptions, SortableEvents {
    }

    // Spinner //////////////////////////////////////////////////

    interface SpinnerOptions extends SpinnerEvents {
        culture?: string | undefined;
        disabled?: boolean | undefined;
        icons?: any;
        incremental?: any; // boolean or ()
        max?: any; // number or string
        min?: any; // number or string
        numberFormat?: string | undefined;
        page?: number | undefined;
        step?: any; // number or string
    }

    interface SpinnerUIParam {
        value: number;
    }

    interface SpinnerEvent<T> {
        (event: JQueryEventObject, ui: T): void;
    }

    interface SpinnerEvents {
        change?: SpinnerEvent<{}> | undefined;
        create?: SpinnerEvent<{}> | undefined;
        spin?: SpinnerEvent<SpinnerUIParam> | undefined;
        start?: SpinnerEvent<{}> | undefined;
        stop?: SpinnerEvent<{}> | undefined;
    }

    interface Spinner extends Widget, SpinnerOptions {
    }

    // Tabs //////////////////////////////////////////////////

    interface TabsOptions extends TabsEvents {
        active?: any; // boolean or number
        classes?: TabClasses | undefined;
        collapsible?: boolean | undefined;
        disabled?: any; // boolean or []
        event?: string | undefined;
        heightStyle?: string | undefined;
        hide?: any; // boolean, number, string or object
        show?: any; // boolean, number, string or object
    }

    interface TabClasses {
        "ui-tabs"?: string | undefined;
        "ui-tabs-collapsible"?: string | undefined;
        "ui-tabs-nav"?: string | undefined;
        "ui-tabs-tab"?: string | undefined;
        "ui-tabs-active"?: string | undefined;
        "ui-tabs-loading"?: string | undefined;
        "ui-tabs-anchor"?: string | undefined;
        "ui-tabs-panel"?: string | undefined;
    }

    interface TabsActivationUIParams {
        newTab: JQuery;
        oldTab: JQuery;
        newPanel: JQuery;
        oldPanel: JQuery;
    }

    interface TabsBeforeLoadUIParams {
        tab: JQuery;
        panel: JQuery;
        jqXHR: JQueryXHR;
        ajaxSettings: any;
    }

    interface TabsCreateOrLoadUIParams {
        tab: JQuery;
        panel: JQuery;
    }

    interface TabsEvent<UI> {
        (event: JQueryEventObject, ui: UI): void;
    }

    interface TabsEvents {
        activate?: TabsEvent<TabsActivationUIParams> | undefined;
        beforeActivate?: TabsEvent<TabsActivationUIParams> | undefined;
        beforeLoad?: TabsEvent<TabsBeforeLoadUIParams> | undefined;
        load?: TabsEvent<TabsCreateOrLoadUIParams> | undefined;
        create?: TabsEvent<TabsCreateOrLoadUIParams> | undefined;
    }

    interface Tabs extends Widget, TabsOptions {
    }

    // Tooltip //////////////////////////////////////////////////

    interface TooltipOptions extends TooltipEvents {
        content?: any; // () or string
        disabled?: boolean | undefined;
        hide?: any; // boolean, number, string or object
        items?: string | JQuery | undefined;
        position?: any; // TODO
        show?: any; // boolean, number, string or object
        tooltipClass?: string | undefined; // deprecated in jQuery UI 1.12
        track?: boolean | undefined;
        classes?: { [key: string]: string } | undefined;
    }

    interface TooltipUIParams {
        tooltip: JQuery;
    }

    interface TooltipEvent {
        (event: JQueryEventObject, ui: TooltipUIParams): void;
    }

    interface TooltipEvents {
        close?: TooltipEvent | undefined;
        open?: TooltipEvent | undefined;
    }

    interface Tooltip extends Widget, TooltipOptions {
    }

    // Effects //////////////////////////////////////////////////

    interface EffectOptions {
        effect: string;
        easing?: string | undefined;
        duration?: number | undefined;
        complete: Function;
    }

    interface BlindEffect {
        direction?: string | undefined;
    }

    interface BounceEffect {
        distance?: number | undefined;
        times?: number | undefined;
    }

    interface ClipEffect {
        direction?: number | undefined;
    }

    interface DropEffect {
        direction?: number | undefined;
    }

    interface ExplodeEffect {
        pieces?: number | undefined;
    }

    interface FadeEffect {}

    interface FoldEffect {
        size?: any;
        horizFirst?: boolean | undefined;
    }

    interface HighlightEffect {
        color?: string | undefined;
    }

    interface PuffEffect {
        percent?: number | undefined;
    }

    interface PulsateEffect {
        times?: number | undefined;
    }

    interface ScaleEffect {
        direction?: string | undefined;
        origin?: string[] | undefined;
        percent?: number | undefined;
        scale?: string | undefined;
    }

    interface ShakeEffect {
        direction?: string | undefined;
        distance?: number | undefined;
        times?: number | undefined;
    }

    interface SizeEffect {
        to?: any;
        origin?: string[] | undefined;
        scale?: string | undefined;
    }

    interface SlideEffect {
        direction?: string | undefined;
        distance?: number | undefined;
    }

    interface TransferEffect {
        className?: string | undefined;
        to?: string | undefined;
    }

    interface JQueryPositionOptions {
        my?: string | undefined;
        at?: string | undefined;
        of?: any;
        collision?: string | undefined;
        using?: Function | undefined;
        within?: any;
    }

    // UI //////////////////////////////////////////////////

    interface MouseOptions {
        cancel?: string | undefined;
        delay?: number | undefined;
        distance?: number | undefined;
    }

    interface KeyCode {
        BACKSPACE: number;
        COMMA: number;
        DELETE: number;
        DOWN: number;
        END: number;
        ENTER: number;
        ESCAPE: number;
        HOME: number;
        LEFT: number;
        NUMPAD_ADD: number;
        NUMPAD_DECIMAL: number;
        NUMPAD_DIVIDE: number;
        NUMPAD_ENTER: number;
        NUMPAD_MULTIPLY: number;
        NUMPAD_SUBTRACT: number;
        PAGE_DOWN: number;
        PAGE_UP: number;
        PERIOD: number;
        RIGHT: number;
        SPACE: number;
        TAB: number;
        UP: number;
    }

    interface UI {
        mouse(method: string): JQuery;
        mouse(options: MouseOptions): JQuery;
        mouse(optionLiteral: string, optionName: string, optionValue: any): JQuery;
        mouse(optionLiteral: string, optionValue: any): any;

        accordion: Accordion;
        autocomplete: Autocomplete;
        button: Button;
        buttonset: Button;
        datepicker: Datepicker;
        dialog: Dialog;
        keyCode: KeyCode;
        menu: Menu;
        progressbar: Progressbar;
        selectmenu: SelectMenu;
        slider: Slider;
        spinner: Spinner;
        tabs: Tabs;
        tooltip: Tooltip;
        version: string;
    }

    // Widget //////////////////////////////////////////////////

    interface WidgetOptions {
        disabled?: boolean | undefined;
        hide?: any;
        show?: any;
    }

    interface WidgetCommonProperties {
        element: JQuery;
        defaultElement: string;
        document: Document;
        namespace: string;
        uuid: string;
        widgetEventPrefix: string;
        widgetFullName: string;
        window: Window;
    }

    interface Widget {
        (methodName: string): JQuery;
        (options: WidgetOptions): JQuery;
        (options: AccordionOptions): JQuery;
        (optionLiteral: string, optionName: string): any;
        (optionLiteral: string, options: WidgetOptions): any;
        (optionLiteral: string, optionName: string, optionValue: any): JQuery;

        <T>(name: string, prototype: T & ThisType<T & WidgetCommonProperties>): JQuery;
        <T>(name: string, base: Function, prototype: T & ThisType<T & WidgetCommonProperties>): JQuery;
    }

    ////////////////////////////////////////////////////////////////////////////////////////////////////
}

interface JQuery {
    accordion(): JQuery;
    accordion(methodName: "destroy"): void;
    accordion(methodName: "disable"): void;
    accordion(methodName: "enable"): void;
    accordion(methodName: "refresh"): void;
    accordion(methodName: "widget"): JQuery;
    accordion(methodName: string): JQuery;
    accordion(options: JQueryUI.AccordionOptions): JQuery;
    accordion(optionLiteral: string, optionName: string): any;
    accordion(optionLiteral: string, options: JQueryUI.AccordionOptions): any;
    accordion(optionLiteral: string, optionName: string, optionValue: any): JQuery;

    autocomplete(): JQuery;
    autocomplete(methodName: "close"): void;
    autocomplete(methodName: "destroy"): void;
    autocomplete(methodName: "disable"): void;
    autocomplete(methodName: "enable"): void;
    autocomplete(methodName: "search", value?: string): void;
    autocomplete(methodName: "widget"): JQuery;
    autocomplete(methodName: string): JQuery;
    autocomplete(options: JQueryUI.AutocompleteOptions): JQuery;
    autocomplete(optionLiteral: string, optionName: string): any;
    autocomplete(optionLiteral: string, options: JQueryUI.AutocompleteOptions): any;
    autocomplete(optionLiteral: string, optionName: string, optionValue: any): JQuery;

    button(): JQuery;
    button(methodName: "destroy"): void;
    button(methodName: "disable"): void;
    button(methodName: "enable"): void;
    button(methodName: "refresh"): void;
    button(methodName: "widget"): JQuery;
    button(methodName: string): JQuery;
    button(options: JQueryUI.ButtonOptions): JQuery;
    button(optionLiteral: string, optionName: string): any;
    button(optionLiteral: string, options: JQueryUI.ButtonOptions): any;
    button(optionLiteral: string, optionName: string, optionValue: any): JQuery;

    buttonset(): JQuery;
    buttonset(methodName: "destroy"): void;
    buttonset(methodName: "disable"): void;
    buttonset(methodName: "enable"): void;
    buttonset(methodName: "refresh"): void;
    buttonset(methodName: "widget"): JQuery;
    buttonset(methodName: string): JQuery;
    buttonset(options: JQueryUI.ButtonOptions): JQuery;
    buttonset(optionLiteral: string, optionName: string): any;
    buttonset(optionLiteral: string, options: JQueryUI.ButtonOptions): any;
    buttonset(optionLiteral: string, optionName: string, optionValue: any): JQuery;

    /**
     * Initialize a datepicker
     */
    datepicker(): JQuery;
    /**
     * Removes the datepicker functionality completely. This will return the element back to its pre-init state.
     *
     * @param methodName 'destroy'
     */
    datepicker(methodName: "destroy"): JQuery;
    /**
     * Opens the datepicker in a dialog box.
     *
     * @param methodName 'dialog'
     * @param date The initial date.
     * @param onSelect A callback function when a date is selected. The function receives the date text and date picker instance as parameters.
     * @param settings The new settings for the date picker.
     * @param pos The position of the top/left of the dialog as [x, y] or a MouseEvent that contains the coordinates. If not specified the dialog is centered on the screen.
     */
    datepicker(
        methodName: "dialog",
        date: Date,
        onSelect?: () => void,
        settings?: JQueryUI.DatepickerOptions,
        pos?: number[],
    ): JQuery;
    /**
     * Opens the datepicker in a dialog box.
     *
     * @param methodName 'dialog'
     * @param date The initial date.
     * @param onSelect A callback function when a date is selected. The function receives the date text and date picker instance as parameters.
     * @param settings The new settings for the date picker.
     * @param pos The position of the top/left of the dialog as [x, y] or a MouseEvent that contains the coordinates. If not specified the dialog is centered on the screen.
     */
    datepicker(
        methodName: "dialog",
        date: Date,
        onSelect?: () => void,
        settings?: JQueryUI.DatepickerOptions,
        pos?: MouseEvent,
    ): JQuery;
    /**
     * Opens the datepicker in a dialog box.
     *
     * @param methodName 'dialog'
     * @param date The initial date.
     * @param onSelect A callback function when a date is selected. The function receives the date text and date picker instance as parameters.
     * @param settings The new settings for the date picker.
     * @param pos The position of the top/left of the dialog as [x, y] or a MouseEvent that contains the coordinates. If not specified the dialog is centered on the screen.
     */
    datepicker(
        methodName: "dialog",
        date: string,
        onSelect?: () => void,
        settings?: JQueryUI.DatepickerOptions,
        pos?: number[],
    ): JQuery;
    /**
     * Opens the datepicker in a dialog box.
     *
     * @param methodName 'dialog'
     * @param date The initial date.
     * @param onSelect A callback function when a date is selected. The function receives the date text and date picker instance as parameters.
     * @param settings The new settings for the date picker.
     * @param pos The position of the top/left of the dialog as [x, y] or a MouseEvent that contains the coordinates. If not specified the dialog is centered on the screen.
     */
    datepicker(
        methodName: "dialog",
        date: string,
        onSelect?: () => void,
        settings?: JQueryUI.DatepickerOptions,
        pos?: MouseEvent,
    ): JQuery;
    /**
     * Returns the current date for the datepicker or null if no date has been selected.
     *
     * @param methodName 'getDate'
     */
    datepicker(methodName: "getDate"): Date;
    /**
     * Close a previously opened date picker.
     *
     * @param methodName 'hide'
     */
    datepicker(methodName: "hide"): JQuery;
    /**
     * Determine whether a date picker has been disabled.
     *
     * @param methodName 'isDisabled'
     */
    datepicker(methodName: "isDisabled"): boolean;
    /**
     * Redraw the date picker, after having made some external modifications.
     *
     * @param methodName 'refresh'
     */
    datepicker(methodName: "refresh"): JQuery;
    /**
     * Sets the date for the datepicker. The new date may be a Date object or a string in the current date format (e.g., "01/26/2009"), a number of days from today (e.g., +7) or a string of values and periods ("y" for years, "m" for months, "w" for weeks, "d" for days, e.g., "+1m +7d"), or null to clear the selected date.
     *
     * @param methodName 'setDate'
     * @param date The new date.
     */
    datepicker(methodName: "setDate", date: Date): JQuery;
    /**
     * Sets the date for the datepicker. The new date may be a Date object or a string in the current date format (e.g., "01/26/2009"), a number of days from today (e.g., +7) or a string of values and periods ("y" for years, "m" for months, "w" for weeks, "d" for days, e.g., "+1m +7d"), or null to clear the selected date.
     *
     * @param methodName 'setDate'
     * @param date The new date.
     */
    datepicker(methodName: "setDate", date: string): JQuery;
    /**
     * Open the date picker. If the datepicker is attached to an input, the input must be visible for the datepicker to be shown.
     *
     * @param methodName 'show'
     */
    datepicker(methodName: "show"): JQuery;
    /**
     * Returns a jQuery object containing the datepicker.
     *
     * @param methodName 'widget'
     */
    datepicker(methodName: "widget"): JQuery;

    /**
     * Get the altField option, after initialization
     *
     * @param methodName 'option'
     * @param optionName 'altField'
     */
    datepicker(methodName: "option", optionName: "altField"): any;
    /**
     * Set the altField option, after initialization
     *
     * @param methodName 'option'
     * @param optionName 'altField'
     * @param altFieldValue An input element that is to be updated with the selected date from the datepicker. Use the altFormat option to change the format of the date within this field. Leave as blank for no alternate field.
     */
    datepicker(methodName: "option", optionName: "altField", altFieldValue: string): JQuery;
    /**
     * Set the altField option, after initialization
     *
     * @param methodName 'option'
     * @param optionName 'altField'
     * @param altFieldValue An input element that is to be updated with the selected date from the datepicker. Use the altFormat option to change the format of the date within this field. Leave as blank for no alternate field.
     */
    datepicker(methodName: "option", optionName: "altField", altFieldValue: JQuery): JQuery;
    /**
     * Set the altField option, after initialization
     *
     * @param methodName 'option'
     * @param optionName 'altField'
     * @param altFieldValue An input element that is to be updated with the selected date from the datepicker. Use the altFormat option to change the format of the date within this field. Leave as blank for no alternate field.
     */
    datepicker(methodName: "option", optionName: "altField", altFieldValue: Element): JQuery;

    /**
     * Get the altFormat option, after initialization
     *
     * @param methodName 'option'
     * @param optionName 'altFormat'
     */
    datepicker(methodName: "option", optionName: "altFormat"): string;
    /**
     * Set the altFormat option, after initialization
     *
     * @param methodName 'option'
     * @param optionName 'altFormat'
     * @param altFormatValue The dateFormat to be used for the altField option. This allows one date format to be shown to the user for selection purposes, while a different format is actually sent behind the scenes. For a full list of the possible formats see the formatDate function
     */
    datepicker(methodName: "option", optionName: "altFormat", altFormatValue: string): JQuery;

    /**
     * Get the appendText option, after initialization
     *
     * @param methodName 'option'
     * @param optionName 'appendText'
     */
    datepicker(methodName: "option", optionName: "appendText"): string;
    /**
     * Set the appendText option, after initialization
     *
     * @param methodName 'option'
     * @param optionName 'appendText'
     * @param appendTextValue The text to display after each date field, e.g., to show the required format.
     */
    datepicker(methodName: "option", optionName: "appendText", appendTextValue: string): JQuery;

    /**
     * Get the autoSize option, after initialization
     *
     * @param methodName 'option'
     * @param optionName 'autoSize'
     */
    datepicker(methodName: "option", optionName: "autoSize"): boolean;
    /**
     * Set the autoSize option, after initialization
     *
     * @param methodName 'option'
     * @param optionName 'autoSize'
     * @param autoSizeValue Set to true to automatically resize the input field to accommodate dates in the current dateFormat.
     */
    datepicker(methodName: "option", optionName: "autoSize", autoSizeValue: boolean): JQuery;

    /**
     * Get the beforeShow option, after initialization
     *
     * @param methodName 'option'
     * @param optionName 'beforeShow'
     */
    datepicker(
        methodName: "option",
        optionName: "beforeShow",
    ): (input: Element, inst: any) => JQueryUI.DatepickerOptions;
    /**
     * Set the beforeShow option, after initialization
     *
     * @param methodName 'option'
     * @param optionName 'beforeShow'
     * @param beforeShowValue A function that takes an input field and current datepicker instance and returns an options object to update the datepicker with. It is called just before the datepicker is displayed.
     */
    datepicker(
        methodName: "option",
        optionName: "beforeShow",
        beforeShowValue: (input: Element, inst: any) => JQueryUI.DatepickerOptions,
    ): JQuery;

    /**
     * Get the beforeShow option, after initialization
     *
     * @param methodName 'option'
     * @param optionName 'beforeShowDay'
     */
    datepicker(methodName: "option", optionName: "beforeShowDay"): (date: Date) => any[];
    /**
     * Set the beforeShow option, after initialization
     *
     * @param methodName 'option'
     * @param optionName 'beforeShowDay'
     * @param beforeShowDayValue A function that takes a date as a parameter and must return an array with:
     * [0]: true/false indicating whether or not this date is selectable
     * [1]: a CSS class name to add to the date's cell or "" for the default presentation
     * [2]: an optional popup tooltip for this date
     * The function is called for each day in the datepicker before it is displayed.
     */
    datepicker(methodName: "option", optionName: "beforeShowDay", beforeShowDayValue: (date: Date) => any[]): JQuery;

    /**
     * Get the buttonImage option, after initialization
     *
     * @param methodName 'option'
     * @param optionName 'buttonImage'
     */
    datepicker(methodName: "option", optionName: "buttonImage"): string;
    /**
     * Set the buttonImage option, after initialization
     *
     * @param methodName 'option'
     * @param optionName 'buttonImage'
     * @param buttonImageValue A URL of an image to use to display the datepicker when the showOn option is set to "button" or "both". If set, the buttonText option becomes the alt value and is not directly displayed.
     */
    datepicker(methodName: "option", optionName: "buttonImage", buttonImageValue: string): JQuery;

    /**
     * Get the buttonImageOnly option, after initialization
     *
     * @param methodName 'option'
     * @param optionName 'buttonImageOnly'
     */
    datepicker(methodName: "option", optionName: "buttonImageOnly"): boolean;
    /**
     * Set the buttonImageOnly option, after initialization
     *
     * @param methodName 'option'
     * @param optionName 'buttonImageOnly'
     * @param buttonImageOnlyValue Whether the button image should be rendered by itself instead of inside a button element. This option is only relevant if the buttonImage option has also been set.
     */
    datepicker(methodName: "option", optionName: "buttonImageOnly", buttonImageOnlyValue: boolean): JQuery;

    /**
     * Get the buttonText option, after initialization
     *
     * @param methodName 'option'
     * @param optionName 'buttonText'
     */
    datepicker(methodName: "option", optionName: "buttonText"): string;

    /**
     * Get the autohide option, after initialization
     *
     * @param methodName 'option'
     * @param optionName 'autohide'
     */
    datepicker(methodName: "option", optionName: "autohide"): boolean;

    /**
     * Get the endDate after initialization
     *
     * @param methodName 'option'
     * @param optionName 'endDate'
     */
    datepicker(methodName: "option", optionName: "endDate"): Date;
    /**
     * Set the buttonText option, after initialization
     *
     * @param methodName 'option'
     * @param optionName 'buttonText'
     * @param buttonTextValue The text to display on the trigger button. Use in conjunction with the showOn option set to "button" or "both".
     */
    datepicker(methodName: "option", optionName: "buttonText", buttonTextValue: string): JQuery;

    /**
     * Get the calculateWeek option, after initialization
     *
     * @param methodName 'option'
     * @param optionName 'calculateWeek'
     */
    datepicker(methodName: "option", optionName: "calculateWeek"): (date: Date) => string;
    /**
     * Set the calculateWeek option, after initialization
     *
     * @param methodName 'option'
     * @param optionName 'calculateWeek'
     * @param calculateWeekValue A function to calculate the week of the year for a given date. The default implementation uses the ISO 8601 definition: weeks start on a Monday; the first week of the year contains the first Thursday of the year.
     */
    datepicker(methodName: "option", optionName: "calculateWeek", calculateWeekValue: (date: Date) => string): JQuery;

    /**
     * Get the changeMonth option, after initialization
     *
     * @param methodName 'option'
     * @param optionName 'changeMonth'
     */
    datepicker(methodName: "option", optionName: "changeMonth"): boolean;
    /**
     * Set the changeMonth option, after initialization
     *
     * @param methodName 'option'
     * @param optionName 'changeMonth'
     * @param changeMonthValue Whether the month should be rendered as a dropdown instead of text.
     */
    datepicker(methodName: "option", optionName: "changeMonth", changeMonthValue: boolean): JQuery;

    /**
     * Get the changeYear option, after initialization
     *
     * @param methodName 'option'
     * @param optionName 'changeYear'
     */
    datepicker(methodName: "option", optionName: "changeYear"): boolean;
    /**
     * Set the changeYear option, after initialization
     *
     * @param methodName 'option'
     * @param optionName 'changeYear'
     * @param changeYearValue Whether the year should be rendered as a dropdown instead of text. Use the yearRange option to control which years are made available for selection.
     */
    datepicker(methodName: "option", optionName: "changeYear", changeYearValue: boolean): JQuery;

    /**
     * Get the closeText option, after initialization
     *
     * @param methodName 'option'
     * @param optionName 'closeText'
     */
    datepicker(methodName: "option", optionName: "closeText"): string;
    /**
     * Set the closeText option, after initialization
     *
     * @param methodName 'option'
     * @param optionName 'closeText'
     * @param closeTextValue The text to display for the close link. Use the showButtonPanel option to display this button.
     */
    datepicker(methodName: "option", optionName: "closeText", closeTextValue: string): JQuery;

    /**
     * Get the constrainInput option, after initialization
     *
     * @param methodName 'option'
     * @param optionName 'constrainInput'
     */
    datepicker(methodName: "option", optionName: "constrainInput"): boolean;
    /**
     * Set the constrainInput option, after initialization
     *
     * @param methodName 'option'
     * @param optionName 'constrainInput'
     * @param constrainInputValue When true, entry in the input field is constrained to those characters allowed by the current dateFormat option.
     */
    datepicker(methodName: "option", optionName: "constrainInput", constrainInputValue: boolean): JQuery;

    /**
     * Get the currentText option, after initialization
     *
     * @param methodName 'option'
     * @param optionName 'currentText'
     */
    datepicker(methodName: "option", optionName: "currentText"): string;
    /**
     * Set the currentText option, after initialization
     *
     * @param methodName 'option'
     * @param optionName 'currentText'
     * @param currentTextValue The text to display for the current day link. Use the showButtonPanel option to display this button.
     */
    datepicker(methodName: "option", optionName: "currentText", currentTextValue: string): JQuery;

    /**
     * Get the dateFormat option, after initialization
     *
     * @param methodName 'option'
     * @param optionName 'dateFormat'
     */
    datepicker(methodName: "option", optionName: "dateFormat"): string;
    /**
     * Set the dateFormat option, after initialization
     *
     * @param methodName 'option'
     * @param optionName 'dateFormat'
     * @param dateFormatValue The format for parsed and displayed dates. For a full list of the possible formats see the formatDate function.
     */
    datepicker(methodName: "option", optionName: "dateFormat", dateFormatValue: string): JQuery;

    /**
     * Get the dayNames option, after initialization
     *
     * @param methodName 'option'
     * @param optionName 'dayNames'
     */
    datepicker(methodName: "option", optionName: "dayNames"): string[];
    /**
     * Set the dayNames option, after initialization
     *
     * @param methodName 'option'
     * @param optionName 'dayNames'
     * @param dayNamesValue The list of long day names, starting from Sunday, for use as requested via the dateFormat option.
     */
    datepicker(methodName: "option", optionName: "dayNames", dayNamesValue: string[]): JQuery;

    /**
     * Get the dayNamesMin option, after initialization
     *
     * @param methodName 'option'
     * @param optionName 'dayNamesMin'
     */
    datepicker(methodName: "option", optionName: "dayNamesMin"): string[];
    /**
     * Set the dayNamesMin option, after initialization
     *
     * @param methodName 'option'
     * @param optionName 'dayNamesMin'
     * @param dayNamesMinValue The list of minimised day names, starting from Sunday, for use as column headers within the datepicker.
     */
    datepicker(methodName: "option", optionName: "dayNamesMin", dayNamesMinValue: string[]): JQuery;

    /**
     * Get the dayNamesShort option, after initialization
     *
     * @param methodName 'option'
     * @param optionName 'dayNamesShort'
     */
    datepicker(methodName: "option", optionName: "dayNamesShort"): string[];
    /**
     * Set the dayNamesShort option, after initialization
     *
     * @param methodName 'option'
     * @param optionName 'dayNamesShort'
     * @param dayNamesShortValue The list of abbreviated day names, starting from Sunday, for use as requested via the dateFormat option.
     */
    datepicker(methodName: "option", optionName: "dayNamesShort", dayNamesShortValue: string[]): JQuery;

    /**
     * Get the defaultDate option, after initialization
     *
     * @param methodName 'option'
     * @param optionName 'defaultDate'
     */
    datepicker(methodName: "option", optionName: "defaultDate"): any;
    /**
     * Set the defaultDate option, after initialization
     *
     * @param methodName 'option'
     * @param optionName 'defaultDate'
     * @param defaultDateValue A date object containing the default date.
     */
    datepicker(methodName: "option", optionName: "defaultDate", defaultDateValue: Date): JQuery;
    /**
     * Set the defaultDate option, after initialization
     *
     * @param methodName 'option'
     * @param optionName 'defaultDate'
     * @param defaultDateValue A number of days from today. For example 2 represents two days from today and -1 represents yesterday.
     */
    datepicker(methodName: "option", optionName: "defaultDate", defaultDateValue: number): JQuery;
    /**
     * Set the defaultDate option, after initialization
     *
     * @param methodName 'option'
     * @param optionName 'defaultDate'
     * @param defaultDateValue A string in the format defined by the dateFormat option, or a relative date. Relative dates must contain value and period pairs; valid periods are "y" for years, "m" for months, "w" for weeks, and "d" for days. For example, "+1m +7d" represents one month and seven days from today.
     */
    datepicker(methodName: "option", optionName: "defaultDate", defaultDateValue: string): JQuery;

    /**
     * Get the duration option, after initialization
     *
     * @param methodName 'option'
     * @param optionName 'duration'
     */
    datepicker(methodName: "option", optionName: "duration"): string;
    /**
     * Set the duration option, after initialization
     *
     * @param methodName 'option'
     * @param optionName 'duration'
     * @param durationValue Control the speed at which the datepicker appears, it may be a time in milliseconds or a string representing one of the three predefined speeds ("slow", "normal", "fast").
     */
    datepicker(methodName: "option", optionName: "duration", durationValue: string): JQuery;

    /**
     * Get the firstDay option, after initialization
     *
     * @param methodName 'option'
     * @param optionName 'firstDay'
     */
    datepicker(methodName: "option", optionName: "firstDay"): number;
    /**
     * Set the firstDay option, after initialization
     *
     * @param methodName 'option'
     * @param optionName 'firstDay'
     * @param firstDayValue Set the first day of the week: Sunday is 0, Monday is 1, etc.
     */
    datepicker(methodName: "option", optionName: "firstDay", firstDayValue: number): JQuery;

    /**
     * Get the gotoCurrent option, after initialization
     *
     * @param methodName 'option'
     * @param optionName 'gotoCurrent'
     */
    datepicker(methodName: "option", optionName: "gotoCurrent"): boolean;
    /**
     * Set the gotoCurrent option, after initialization
     *
     * @param methodName 'option'
     * @param optionName 'gotoCurrent'
     * @param gotoCurrentValue When true, the current day link moves to the currently selected date instead of today.
     */
    datepicker(methodName: "option", optionName: "gotoCurrent", gotoCurrentValue: boolean): JQuery;

    /**
     * Gets the value currently associated with the specified optionName.
     *
     * @param methodName 'option'
     * @param optionName The name of the option to get.
     */
    datepicker(methodName: "option", optionName: string): any;

    datepicker(methodName: "option", optionName: string, ...otherParams: any[]): any; // Used for getting and setting options

    datepicker(methodName: string, ...otherParams: any[]): any;

    /**
     * Initialize a datepicker with the given options
     */
    datepicker(options: JQueryUI.DatepickerOptions): JQuery;

    dialog(): JQuery;
    dialog(methodName: "close"): JQuery;
    dialog(methodName: "destroy"): JQuery;
    dialog(methodName: "isOpen"): boolean;
    dialog(methodName: "moveToTop"): JQuery;
    dialog(methodName: "open"): JQuery;
    dialog(methodName: "widget"): JQuery;
    dialog(methodName: string): JQuery;
    dialog(options: JQueryUI.DialogOptions): JQuery;
    dialog(optionLiteral: string, optionName: string): any;
    dialog(optionLiteral: string, options: JQueryUI.DialogOptions): any;
    dialog(optionLiteral: string, optionName: string, optionValue: any): JQuery;

    draggable(): JQuery;
    draggable(methodName: "destroy"): void;
    draggable(methodName: "disable"): void;
    draggable(methodName: "enable"): void;
    draggable(methodName: "widget"): JQuery;
    draggable(methodName: string): JQuery;
    draggable(options: JQueryUI.DraggableOptions): JQuery;
    draggable(optionLiteral: string, optionName: string): any;
    draggable(optionLiteral: string, options: JQueryUI.DraggableOptions): any;
    draggable(optionLiteral: string, optionName: string, optionValue: any): JQuery;

    droppable(): JQuery;
    droppable(methodName: "destroy"): void;
    droppable(methodName: "disable"): void;
    droppable(methodName: "enable"): void;
    droppable(methodName: "widget"): JQuery;
    droppable(methodName: string): JQuery;
    droppable(options: JQueryUI.DroppableOptions): JQuery;
    droppable(optionLiteral: string, optionName: string): any;
    droppable(optionLiteral: string, options: JQueryUI.DraggableOptions): any;
    droppable(optionLiteral: string, optionName: string, optionValue: any): JQuery;

    menu: {
        (): JQuery;
        (methodName: "blur"): void;
        (methodName: "collapse", event?: JQueryEventObject): void;
        (methodName: "collapseAll", event?: JQueryEventObject, all?: boolean): void;
        (methodName: "destroy"): void;
        (methodName: "disable"): void;
        (methodName: "enable"): void;
        (methodName: string, event: JQueryEventObject, item: JQuery): void;
        (methodName: "focus", event: JQueryEventObject, item: JQuery): void;
        (methodName: "isFirstItem"): boolean;
        (methodName: "isLastItem"): boolean;
        (methodName: "next", event?: JQueryEventObject): void;
        (methodName: "nextPage", event?: JQueryEventObject): void;
        (methodName: "previous", event?: JQueryEventObject): void;
        (methodName: "previousPage", event?: JQueryEventObject): void;
        (methodName: "refresh"): void;
        (methodName: "select", event?: JQueryEventObject): void;
        (methodName: "widget"): JQuery;
        (methodName: string): JQuery;
        (options: JQueryUI.MenuOptions): JQuery;
        (optionLiteral: string, optionName: string): any;
        (optionLiteral: string, options: JQueryUI.MenuOptions): any;
        (optionLiteral: string, optionName: string, optionValue: any): JQuery;
        active: boolean;
    };

    progressbar(): JQuery;
    progressbar(methodName: "destroy"): void;
    progressbar(methodName: "disable"): void;
    progressbar(methodName: "enable"): void;
    progressbar(methodName: "refresh"): void;
    progressbar(methodName: "value"): any; // number or boolean
    progressbar(methodName: "value", value: number): void;
    progressbar(methodName: "value", value: boolean): void;
    progressbar(methodName: "widget"): JQuery;
    progressbar(methodName: string): JQuery;
    progressbar(options: JQueryUI.ProgressbarOptions): JQuery;
    progressbar(optionLiteral: string, optionName: string): any;
    progressbar(optionLiteral: string, options: JQueryUI.ProgressbarOptions): any;
    progressbar(optionLiteral: string, optionName: string, optionValue: any): JQuery;

    resizable(): JQuery;
    resizable(methodName: "destroy"): void;
    resizable(methodName: "disable"): void;
    resizable(methodName: "enable"): void;
    resizable(methodName: "widget"): JQuery;
    resizable(methodName: string): JQuery;
    resizable(options: JQueryUI.ResizableOptions): JQuery;
    resizable(optionLiteral: string, optionName: string): any;
    resizable(optionLiteral: string, options: JQueryUI.ResizableOptions): any;
    resizable(optionLiteral: string, optionName: string, optionValue: any): JQuery;

    selectable(): JQuery;
    selectable(methodName: "destroy"): void;
    selectable(methodName: "disable"): void;
    selectable(methodName: "enable"): void;
    selectable(methodName: "widget"): JQuery;
    selectable(methodName: string): JQuery;
    selectable(options: JQueryUI.SelectableOptions): JQuery;
    selectable(optionLiteral: string, optionName: string): any;
    selectable(optionLiteral: string, options: JQueryUI.SelectableOptions): any;
    selectable(optionLiteral: string, optionName: string, optionValue: any): JQuery;

    selectmenu(): JQuery;
    selectmenu(methodName: "close"): JQuery;
    selectmenu(methodName: "destroy"): JQuery;
    selectmenu(methodName: "disable"): JQuery;
    selectmenu(methodName: "enable"): JQuery;
    selectmenu(methodName: "instance"): any;
    selectmenu(methodName: "menuWidget"): JQuery;
    selectmenu(methodName: "open"): JQuery;
    selectmenu(methodName: "refresh"): JQuery;
    selectmenu(methodName: "widget"): JQuery;
    selectmenu(methodName: string): JQuery;
    selectmenu(options: JQueryUI.SelectMenuOptions): JQuery;
    selectmenu(optionLiteral: string, optionName: string): any;
    selectmenu(optionLiteral: string, options: JQueryUI.SelectMenuOptions): any;
    selectmenu(optionLiteral: string, optionName: string, optionValue: any): JQuery;

    slider(): JQuery;
    slider(methodName: "destroy"): void;
    slider(methodName: "disable"): void;
    slider(methodName: "enable"): void;
    slider(methodName: "refresh"): void;
    slider(methodName: "value"): number;
    slider(methodName: "value", value: number): void;
    slider(methodName: "values"): number[];
    slider(methodName: "values", index: number): number;
    slider(methodName: string, index: number, value: number): void;
    slider(methodName: "values", index: number, value: number): void;
    slider(methodName: string, values: number[]): void;
    slider(methodName: "values", values: number[]): void;
    slider(methodName: "widget"): JQuery;
    slider(methodName: string): JQuery;
    slider(options: JQueryUI.SliderOptions): JQuery;
    slider(optionLiteral: string, optionName: string): any;
    slider(optionLiteral: string, options: JQueryUI.SliderOptions): any;
    slider(optionLiteral: string, optionName: string, optionValue: any): JQuery;

    sortable(): JQuery;
    sortable(methodName: "destroy"): void;
    sortable(methodName: "disable"): void;
    sortable(methodName: "enable"): void;
    sortable(methodName: "widget"): JQuery;
    sortable(methodName: "toArray", options?: { attribute?: string | undefined }): string[];
    sortable(methodName: string): JQuery;
    sortable(options: JQueryUI.SortableOptions): JQuery;
    sortable(optionLiteral: string, optionName: string): any;
    sortable(
        methodName: "serialize",
        options?: { key?: string | undefined; attribute?: string | undefined; expression?: RegExp | undefined },
    ): string;
    sortable(optionLiteral: string, options: JQueryUI.SortableOptions): any;
    sortable(optionLiteral: string, optionName: string, optionValue: any): JQuery;

    spinner(): JQuery;
    spinner(methodName: "destroy"): void;
    spinner(methodName: "disable"): void;
    spinner(methodName: "enable"): void;
    spinner(methodName: "pageDown", pages?: number): void;
    spinner(methodName: "pageUp", pages?: number): void;
    spinner(methodName: "stepDown", steps?: number): void;
    spinner(methodName: "stepUp", steps?: number): void;
    spinner(methodName: "value"): number;
    spinner(methodName: "value", value: number): void;
    spinner(methodName: "widget"): JQuery;
    spinner(methodName: string): JQuery;
    spinner(options: JQueryUI.SpinnerOptions): JQuery;
    spinner(optionLiteral: string, optionName: string): any;
    spinner(optionLiteral: string, options: JQueryUI.SpinnerOptions): any;
    spinner(optionLiteral: string, optionName: string, optionValue: any): JQuery;

    tabs(): JQuery;
    tabs(methodName: "destroy"): void;
    tabs(methodName: "disable"): void;
    tabs(methodName: "disable", index: number): void;
    tabs(methodName: "enable"): void;
    tabs(methodName: "enable", index: number): void;
    tabs(methodName: "load", index: number): void;
    tabs(methodName: "refresh"): void;
    tabs(methodName: "widget"): JQuery;
    tabs(methodName: "select", index: number): JQuery;
    tabs(methodName: string): JQuery;
    tabs(options: JQueryUI.TabsOptions): JQuery;
    tabs(optionLiteral: string, optionName: string): any;
    tabs(optionLiteral: string, options: JQueryUI.TabsOptions): any;
    tabs(optionLiteral: string, optionName: string, optionValue: any): JQuery;

    tooltip(): JQuery;
    tooltip(methodName: "destroy"): void;
    tooltip(methodName: "disable"): void;
    tooltip(methodName: "enable"): void;
    tooltip(methodName: "open"): void;
    tooltip(methodName: "close"): void;
    tooltip(methodName: "widget"): JQuery;
    tooltip(methodName: string): JQuery;
    tooltip(options: JQueryUI.TooltipOptions): JQuery;
    tooltip(optionLiteral: string, optionName: string): any;
    tooltip(optionLiteral: string, options: JQueryUI.TooltipOptions): any;
    tooltip(optionLiteral: string, optionName: string, optionValue: any): JQuery;

    addClass(classNames: string, speed?: number, callback?: Function): this;
    addClass(classNames: string, speed?: string, callback?: Function): this;
    addClass(classNames: string, speed?: number, easing?: string, callback?: Function): this;
    addClass(classNames: string, speed?: string, easing?: string, callback?: Function): this;

    removeClass(classNames: string, speed?: number, callback?: Function): this;
    removeClass(classNames: string, speed?: string, callback?: Function): this;
    removeClass(classNames: string, speed?: number, easing?: string, callback?: Function): this;
    removeClass(classNames: string, speed?: string, easing?: string, callback?: Function): this;

    switchClass(
        removeClassName: string,
        addClassName: string,
        duration?: number,
        easing?: string,
        complete?: Function,
    ): this;
    switchClass(
        removeClassName: string,
        addClassName: string,
        duration?: string,
        easing?: string,
        complete?: Function,
    ): this;

    toggleClass(className: string, duration?: number, easing?: string, complete?: Function): this;
    toggleClass(className: string, duration?: string, easing?: string, complete?: Function): this;
    toggleClass(className: string, aswitch?: boolean, duration?: number, easing?: string, complete?: Function): this;
    toggleClass(className: string, aswitch?: boolean, duration?: string, easing?: string, complete?: Function): this;

    effect(options: any): this;
    effect(effect: string, options?: any, duration?: number, complete?: Function): this;
    effect(effect: string, options?: any, duration?: string, complete?: Function): this;

    hide(options: any): this;
    hide(effect: string, options?: any, duration?: number, complete?: Function): this;
    hide(effect: string, options?: any, duration?: string, complete?: Function): this;

    show(options: any): this;
    show(effect: string, options?: any, duration?: number, complete?: Function): this;
    show(effect: string, options?: any, duration?: string, complete?: Function): this;

    toggle(options: any): this;
    toggle(effect: string, options?: any, duration?: number, complete?: Function): this;
    toggle(effect: string, options?: any, duration?: string, complete?: Function): this;

    position(options: JQueryUI.JQueryPositionOptions): JQuery;

    enableSelection(): JQuery;
    disableSelection(): JQuery;
    focus(delay: number, callback?: Function): JQuery;
    uniqueId(): JQuery;
    removeUniqueId(): JQuery;
    scrollParent(): JQuery;
    zIndex(): number;
    zIndex(zIndex: number): JQuery;

    widget: JQueryUI.Widget;

    jQuery: JQueryStatic;
}

interface JQueryStatic {
    ui: JQueryUI.UI;
    datepicker: JQueryUI.Datepicker;
    widget: JQueryUI.Widget;
    Widget: JQueryUI.Widget;
}

interface JQueryEasingFunctions {
    easeInQuad: JQueryEasingFunction;
    easeOutQuad: JQueryEasingFunction;
    easeInOutQuad: JQueryEasingFunction;
    easeInCubic: JQueryEasingFunction;
    easeOutCubic: JQueryEasingFunction;
    easeInOutCubic: JQueryEasingFunction;
    easeInQuart: JQueryEasingFunction;
    easeOutQuart: JQueryEasingFunction;
    easeInOutQuart: JQueryEasingFunction;
    easeInQuint: JQueryEasingFunction;
    easeOutQuint: JQueryEasingFunction;
    easeInOutQuint: JQueryEasingFunction;
    easeInExpo: JQueryEasingFunction;
    easeOutExpo: JQueryEasingFunction;
    easeInOutExpo: JQueryEasingFunction;
    easeInSine: JQueryEasingFunction;
    easeOutSine: JQueryEasingFunction;
    easeInOutSine: JQueryEasingFunction;
    easeInCirc: JQueryEasingFunction;
    easeOutCirc: JQueryEasingFunction;
    easeInOutCirc: JQueryEasingFunction;
    easeInElastic: JQueryEasingFunction;
    easeOutElastic: JQueryEasingFunction;
    easeInOutElastic: JQueryEasingFunction;
    easeInBack: JQueryEasingFunction;
    easeOutBack: JQueryEasingFunction;
    easeInOutBack: JQueryEasingFunction;
    easeInBounce: JQueryEasingFunction;
    easeOutBounce: JQueryEasingFunction;
    easeInOutBounce: JQueryEasingFunction;
}