Files
DefinitelyTyped/jqueryui/jqueryui.d.ts
2014-04-17 10:10:17 +01:00

1401 lines
48 KiB
TypeScript

// Type definitions for jQueryUI 1.9
// Project: http://jqueryui.com/
// Definitions by: Boris Yankov <https://github.com/borisyankov/>
// Definitions: https://github.com/borisyankov/DefinitelyTyped
/// <reference path="../jquery/jquery.d.ts"/>
declare module JQueryUI {
// Accordion //////////////////////////////////////////////////
interface AccordionOptions {
active?: any; // boolean or number
animate?: any; // boolean, number, string or object
collapsible?: boolean;
disabled?: boolean;
event?: string;
header?: string;
heightStyle?: string;
icons?: any;
}
interface AccordionUIParams {
newHeader: JQuery;
oldHeader: JQuery;
newPanel: JQuery;
oldPanel: JQuery;
}
interface AccordionEvent {
(event: Event, ui: AccordionUIParams): void;
}
interface AccordionEvents {
activate?: AccordionEvent;
beforeActivate?: AccordionEvent;
create?: AccordionEvent;
}
interface Accordion extends Widget, AccordionOptions, AccordionEvents {
}
// Autocomplete //////////////////////////////////////////////////
interface AutocompleteOptions {
appendTo?: any; //Selector;
autoFocus?: boolean;
delay?: number;
disabled?: boolean;
minLength?: number;
position?: string;
source?: any; // [], string or ()
}
interface AutocompleteUIParams {
}
interface AutocompleteEvent {
(event: Event, ui: AutocompleteUIParams): void;
}
interface AutocompleteEvents {
change?: AutocompleteEvent;
close?: AutocompleteEvent;
create?: AutocompleteEvent;
focus?: AutocompleteEvent;
open?: AutocompleteEvent;
response?: AutocompleteEvent;
search?: AutocompleteEvent;
select?: AutocompleteEvent;
}
interface Autocomplete extends Widget, AutocompleteOptions, AutocompleteEvents {
escapeRegex: (value: string) => string;
}
// Button //////////////////////////////////////////////////
interface ButtonOptions {
disabled?: boolean;
icons?: any;
label?: string;
text?: boolean;
}
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;
/**
* The text to display after each date field, e.g., to show the required format.
*/
appendText?: string;
/**
* Set to true to automatically resize the input field to accommodate dates in the current dateFormat.
*/
autoSize?: boolean;
/**
* 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;
/**
* 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[];
/**
* 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;
/**
* 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;
/**
* The text to display on the trigger button. Use in conjunction with the showOn option set to "button" or "both".
*/
buttonText?: string;
/**
* 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;
changeMonth?: boolean;
changeYear?: boolean;
closeText?: string;
constrainInput?: boolean;
currentText?: string;
dateFormat?: string;
dayNames?: string[];
dayNamesMin?: string[];
dayNamesShort?: string[];
defaultDateType?: any; // Date, number or string
duration?: string;
firstDay?: number;
gotoCurrent?: boolean;
hideIfNoPrevNext?: boolean;
isRTL?: boolean;
maxDate?: any; // Date, number or string
minDate?: any; // Date, number or string
monthNames?: string[];
monthNamesShort?: string[];
navigationAsDateFormat?: boolean;
nextText?: string;
numberOfMonths?: any; // number or []
onChangeMonthYear?: (year: number, month: number, inst: any) => void;
onClose?: (dateText: string, inst: any) => void;
onSelect?: (dateText: string, inst: any) => void;
prevText?: string;
selectOtherMonths?: boolean;
shortYearCutoff?: any; // number or string
showAnim?: string;
showButtonPanel?: boolean;
showCurrentAtPos?: number;
showMonthAfterYear?: boolean;
showOn?: string;
showOptions?: any; // TODO
showOtherMonths?: boolean;
showWeek?: boolean;
stepMonths?: number;
weekHeader?: string;
yearRange?: string;
yearSuffix?: string;
}
interface DatepickerFormatDateOptions {
dayNamesShort?: string[];
dayNames?: string[];
monthNamesShort?: string[];
monthNames?: string[];
}
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 {
autoOpen?: boolean;
buttons?: any; // object or []
closeOnEscape?: boolean;
closeText?: string;
dialogClass?: string;
disabled?: boolean;
draggable?: boolean;
height?: any; // number or string
maxHeight?: number;
maxWidth?: number;
minHeight?: number;
minWidth?: number;
modal?: boolean;
position?: any; // object, string or []
resizable?: boolean;
show?: any; // number, string or object
stack?: boolean;
title?: string;
width?: any; // number or string
zIndex?: number;
close?: DialogEvent;
}
interface DialogUIParams {
}
interface DialogEvent {
(event: Event, ui: DialogUIParams): void;
}
interface DialogEvents {
beforeClose?: DialogEvent;
close?: DialogEvent;
create?: DialogEvent;
drag?: DialogEvent;
dragStart?: DialogEvent;
dragStop?: DialogEvent;
focus?: DialogEvent;
open?: DialogEvent;
resize?: DialogEvent;
resizeStart?: DialogEvent;
resizeStop?: DialogEvent;
}
interface Dialog extends Widget, DialogOptions, DialogEvents {
}
// Draggable //////////////////////////////////////////////////
interface DraggableEventUIParams {
helper: JQuery;
position: { top: number; left: number; };
offset: { top: number; left: number; };
}
interface DraggableEvent {
(event: Event, ui: DraggableEventUIParams): void;
}
interface DraggableOptions {
disabled?: boolean;
addClasses?: boolean;
appendTo?: any;
axis?: string;
cancel?: string;
connectToSortable?: string;
containment?: any;
cursor?: string;
cursorAt?: any;
delay?: number;
distance?: number;
grid?: number[];
handle?: any;
helper?: any;
iframeFix?: any;
opacity?: number;
refreshPositions?: boolean;
revert?: any;
revertDuration?: number;
scope?: string;
scroll?: boolean;
scrollSensitivity?: number;
scrollSpeed?: number;
snap?: any;
snapMode?: string;
snapTolerance?: number;
stack?: string;
zIndex?: number;
}
interface DraggableEvents {
create?: DraggableEvent;
start?: DraggableEvent;
drag?: DraggableEvent;
stop?: DraggableEvent;
}
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: Event, ui: DroppableEventUIParam): void;
}
interface DroppableOptions {
disabled?: boolean;
accept?: any;
activeClass?: string;
greedy?: boolean;
hoverClass?: string;
scope?: string;
tolerance?: string;
}
interface DroppableEvents {
create?: DroppableEvent;
activate?: DroppableEvent;
deactivate?: DroppableEvent;
over?: DroppableEvent;
out?: DroppableEvent;
drop?: DroppableEvent;
}
interface Droppable extends Widget, DroppableOptions, DroppableEvents {
}
// Menu //////////////////////////////////////////////////
interface MenuOptions {
disabled?: boolean;
icons?: any;
menus?: string;
position?: any; // TODO
role?: string;
}
interface MenuUIParams {
}
interface MenuEvent {
(event: Event, ui: MenuUIParams): void;
}
interface MenuEvents {
blur?: MenuEvent;
create?: MenuEvent;
focus?: MenuEvent;
select?: MenuEvent;
}
interface Menu extends Widget, MenuOptions, MenuEvents {
}
// Progressbar //////////////////////////////////////////////////
interface ProgressbarOptions {
disabled?: boolean;
value?: number;
}
interface ProgressbarUIParams {
}
interface ProgressbarEvent {
(event: Event, ui: ProgressbarUIParams): void;
}
interface ProgressbarEvents {
change?: ProgressbarEvent;
complete?: ProgressbarEvent;
create?: ProgressbarEvent;
}
interface Progressbar extends Widget, ProgressbarOptions, ProgressbarEvents {
}
// Resizable //////////////////////////////////////////////////
interface ResizableOptions {
alsoResize?: any; // Selector, JQuery or Element
animate?: boolean;
animateDuration?: any; // number or string
animateEasing?: string;
aspectRatio?: any; // boolean or number
autoHide?: boolean;
cancel?: string;
containment?: any; // Selector, Element or string
delay?: number;
disabled?: boolean;
distance?: number;
ghost?: boolean;
grid?: any;
handles?: any; // string or object
helper?: string;
maxHeight?: number;
maxWidth?: number;
minHeight?: number;
minWidth?: number;
}
interface ResizableUIParams {
element: JQuery;
helper: JQuery;
originalElement: JQuery;
originalPosition: any;
originalSize: any;
position: any;
size: any;
}
interface ResizableEvent {
(event: Event, ui: ResizableUIParams): void;
}
interface ResizableEvents {
resize?: ResizableEvent;
start?: ResizableEvent;
stop?: ResizableEvent;
}
interface Resizable extends Widget, ResizableOptions, ResizableEvents {
}
// Selectable //////////////////////////////////////////////////
interface SelectableOptions {
autoRefresh?: boolean;
cancel?: string;
delay?: number;
disabled?: boolean;
distance?: number;
filter?: string;
tolerance?: string;
}
interface SelectableEvents {
selected? (event: Event, ui: { selected?: Element; }): void;
selecting? (event: Event, ui: { selecting?: Element; }): void;
start? (event: Event, ui: any): void;
stop? (event: Event, ui: any): void;
unselected? (event: Event, ui: { unselected: Element; }): void;
unselecting? (event: Event, ui: { unselecting: Element; }): void;
}
interface Selectable extends Widget, SelectableOptions, SelectableEvents {
}
// Slider //////////////////////////////////////////////////
interface SliderOptions {
animate?: any; // boolean, string or number
disabled?: boolean;
max?: number;
min?: number;
orientation?: string;
range?: any; // boolean or string
step?: number;
// value?: number;
// values?: number[];
}
interface SliderUIParams {
}
interface SliderEvent {
(event: Event, ui: SliderUIParams): void;
}
interface SliderEvents {
change?: SliderEvent;
create?: SliderEvent;
slide?: SliderEvent;
start?: SliderEvent;
stop?: SliderEvent;
}
interface Slider extends Widget, SliderOptions, SliderEvents {
}
// Sortable //////////////////////////////////////////////////
interface SortableOptions extends SortableEvents {
appendTo?: any; // jQuery, Element, Selector or string
axis?: string;
cancel?: any; // Selector
connectWith?: any; // Selector
containment?: any; // Element, Selector or string
cursor?: string;
cursorAt?: any;
delay?: number;
disabled?: boolean;
distance?: number;
dropOnEmpty?: boolean;
forceHelperSize?: boolean;
forcePlaceholderSize?: boolean;
grid?: number[];
handle?: any; // Selector or Element
items?: any; // Selector
opacity?: number;
placeholder?: string;
revert?: any; // boolean or number
scroll?: boolean;
scrollSensitivity?: number;
scrollSpeed?: number;
tolerance?: string;
zIndex?: number;
}
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;
beforeStop?: SortableEvent;
change?: SortableEvent;
deactivate?: SortableEvent;
out?: SortableEvent;
over?: SortableEvent;
receive?: SortableEvent;
remove?: SortableEvent;
sort?: SortableEvent;
start?: SortableEvent;
stop?: SortableEvent;
update?: SortableEvent;
}
interface Sortable extends Widget, SortableOptions, SortableEvents {
}
// Spinner //////////////////////////////////////////////////
interface SpinnerOptions {
culture?: string;
disabled?: boolean;
icons?: any;
incremental?: any; // boolean or ()
max?: any; // number or string
min?: any; // number or string
numberFormat?: string;
page?: number;
step?: any; // number or string
}
interface SpinnerUIParams {
}
interface SpinnerEvent {
(event: Event, ui: SpinnerUIParams): void;
}
interface SpinnerEvents {
spin?: SpinnerEvent;
start?: SpinnerEvent;
stop?: SpinnerEvent;
}
interface Spinner extends Widget, SpinnerOptions, SpinnerEvents {
}
// Tabs //////////////////////////////////////////////////
interface TabsOptions {
active?: any; // boolean or number
collapsible?: boolean;
disabled?: any; // boolean or []
event?: string;
heightStyle?: string;
hide?: any; // boolean, number, string or object
show?: any; // boolean, number, string or object
activate?: TabsEvent;
}
interface TabsUIParams {
newTab: JQuery;
oldTab: JQuery;
newPanel: JQuery;
oldPanel: JQuery;
}
interface TabsEvent {
(event: Event, ui: TabsUIParams): void;
}
interface TabsEvents {
activate?: TabsEvent;
beforeActivate?: TabsEvent;
beforeLoad?: TabsEvent;
load?: TabsEvent;
}
interface Tabs extends Widget, TabsOptions, TabsEvents {
}
// Tooltip //////////////////////////////////////////////////
interface TooltipOptions {
content?: any; // () or string
disabled?: boolean;
hide?: any; // boolean, number, string or object
items?: string;
position?: any; // TODO
show?: any; // boolean, number, string or object
tooltipClass?: string;
track?: boolean;
}
interface TooltipUIParams {
}
interface TooltipEvent {
(event: Event, ui: TooltipUIParams): void;
}
interface TooltipEvents {
close?: TooltipEvent;
open?: TooltipEvent;
}
interface Tooltip extends Widget, TooltipOptions, TooltipEvents {
}
// Effects //////////////////////////////////////////////////
interface EffectOptions {
effect: string;
easing?: string;
duration: any;
complete: Function;
}
interface BlindEffect {
direction?: string;
}
interface BounceEffect {
distance?: number;
times?: number;
}
interface ClipEffect {
direction?: number;
}
interface DropEffect {
direction?: number;
}
interface ExplodeEffect {
pieces?: number;
}
interface FadeEffect { }
interface FoldEffect {
size?: any;
horizFirst?: boolean;
}
interface HighlightEffect {
color?: string;
}
interface PuffEffect {
percent?: number;
}
interface PulsateEffect {
times?: number;
}
interface ScaleEffect {
direction?: string;
origin?: string[];
percent?: number;
scale?: string;
}
interface ShakeEffect {
direction?: string;
distance?: number;
times?: number;
}
interface SizeEffect {
to?: any;
origin?: string[];
scale?: string;
}
interface SlideEffect {
direction?: string;
distance?: number;
}
interface TransferEffect {
className?: string;
to?: string;
}
interface JQueryPositionOptions {
my?: string;
at?: string;
of?: any;
collision?: string;
using?: Function;
within?: any;
}
// UI //////////////////////////////////////////////////
interface MouseOptions {
cancel?: string;
delay?: number;
distance?: number;
}
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;
slider: Slider;
spinner: Spinner;
tabs: Tabs;
tooltip: Tooltip;
version: string;
}
// Widget //////////////////////////////////////////////////
interface WidgetOptions {
disabled?: boolean;
hide?: any;
show?: any;
}
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;
(name: string, prototype: any): JQuery;
(name: string, base: Function, prototype: any): 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;
/**
* 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 'buttonText'
*/
datepicker(methodName: 'option', optionName: 'calculateWeek'): (date: Date) => string;
/**
* Set the calculateWeek option, after initialization
*
* @param methodName 'option'
* @param optionName 'buttonText'
* @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;
/**
* 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;
menu(methodName: 'blur'): void;
menu(methodName: 'collapse', event?: JQueryEventObject): void;
menu(methodName: 'collapseAll', event?: JQueryEventObject, all?: boolean): void;
menu(methodName: 'destroy'): void;
menu(methodName: 'disable'): void;
menu(methodName: 'enable'): void;
menu(methodName: string, event: JQueryEventObject, item: JQuery): void;
menu(methodName: 'focus', event: JQueryEventObject, item: JQuery): void;
menu(methodName: 'isFirstItem'): boolean;
menu(methodName: 'isLastItem'): boolean;
menu(methodName: 'next', event?: JQueryEventObject): void;
menu(methodName: 'nextPage', event?: JQueryEventObject): void;
menu(methodName: 'previous', event?: JQueryEventObject): void;
menu(methodName: 'previousPage', event?: JQueryEventObject): void;
menu(methodName: 'refresh'): void;
menu(methodName: 'select', event?: JQueryEventObject): void;
menu(methodName: 'widget'): JQuery;
menu(methodName: string): JQuery;
menu(options: JQueryUI.MenuOptions): JQuery;
menu(optionLiteral: string, optionName: string): any;
menu(optionLiteral: string, options: JQueryUI.MenuOptions): any;
menu(optionLiteral: string, optionName: string, optionValue: any): JQuery;
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;
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'): Array<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: Array<number>): void;
slider(methodName: 'values', values: Array<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'): string[];
sortable(methodName: string): JQuery;
sortable(options: JQueryUI.SortableOptions): JQuery;
sortable(optionLiteral: string, optionName: string): any;
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: 'enable'): void;
tabs(methodName: 'load', index: number): void;
tabs(methodName: 'refresh'): void;
tabs(methodName: 'widget'): 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): JQuery;
addClass(classNames: string, speed?: string, callback?: Function): JQuery;
addClass(classNames: string, speed?: number, easing?: string, callback?: Function): JQuery;
addClass(classNames: string, speed?: string, easing?: string, callback?: Function): JQuery;
removeClass(classNames: string, speed?: number, callback?: Function): JQuery;
removeClass(classNames: string, speed?: string, callback?: Function): JQuery;
removeClass(classNames: string, speed?: number, easing?: string, callback?: Function): JQuery;
removeClass(classNames: string, speed?: string, easing?: string, callback?: Function): JQuery;
switchClass(removeClassName: string, addClassName: string, duration?: number, easing?: string, complete?: Function): JQuery;
switchClass(removeClassName: string, addClassName: string, duration?: string, easing?: string, complete?: Function): JQuery;
toggleClass(className: string, duration?: number, easing?: string, complete?: Function): JQuery;
toggleClass(className: string, duration?: string, easing?: string, complete?: Function): JQuery;
toggleClass(className: string, aswitch?: boolean, duration?: number, easing?: string, complete?: Function): JQuery;
toggleClass(className: string, aswitch?: boolean, duration?: string, easing?: string, complete?: Function): JQuery;
effect(options: any): JQuery;
effect(effect: string, options?: any, duration?: number, complete?: Function): JQuery;
effect(effect: string, options?: any, duration?: string, complete?: Function): JQuery;
hide(options: any): JQuery;
hide(effect: string, options?: any, duration?: number, complete?: Function): JQuery;
hide(effect: string, options?: any, duration?: string, complete?: Function): JQuery;
show(options: any): JQuery;
show(effect: string, options?: any, duration?: number, complete?: Function): JQuery;
show(effect: string, options?: any, duration?: string, complete?: Function): JQuery;
toggle(options: any): JQuery;
toggle(effect: string, options?: any, duration?: number, complete?: Function): JQuery;
toggle(effect: string, options?: any, duration?: string, complete?: Function): JQuery;
position(options: JQueryUI.JQueryPositionOptions): JQuery;
enableSelection(): JQuery;
disableSelection(): JQuery;
focus(delay: number, callback?: Function): JQuery;
uniqueId(): JQuery;
removeUniqueId(): JQuery;
scrollParent(): JQuery;
zIndex(): JQuery;
zIndex(zIndex: number): JQuery;
widget: JQueryUI.Widget;
jQuery: JQueryStatic;
}
interface JQueryStatic {
ui: JQueryUI.UI;
datepicker: JQueryUI.Datepicker;
widget: JQueryUI.Widget;
Widget: JQueryUI.Widget;
}