@mescius/inputman

declare namespace GC { export namespace InputMan { /** * Represents the license key for evaluation version and production version. */ var LicenseKey: string; var appearanceStyle: AppearanceStyle; export abstract class GcInputManBase { constructor(inputEl: HTMLInputElement | HTMLTextAreaElement, config?: GcInputManBaseConfig); /** Get or Set */ autoDropDown: boolean; /** Get or Set */ showClearButton: boolean; /** Get or Set */ showCopyButton: boolean; /** Get or Set */ showHelpButton: boolean; /** Get or Set */ helpContent: string; /** Get or Set */ copyMessage: string; /** Get or Set */ copiedMessage: string; /** Get or Set */ enabled: boolean; /** Get or Set */ readOnly: boolean; /** Get or Set */ visible: boolean; /** Set */ dropDownButtonVisible: boolean; /** Set */ spinButtonVisible: boolean; /** Get or Set */ autoScale: boolean; /** Get or Set */ minScaleFactor: number; /** Get or Set */ container: HTMLElement; /** Get */ readonly dropDownWindow: IDropDownContainer; /** Get */ readonly componentName: string; /** Get or Set */ tabIndex: number; /** Get or Set */ floatingLabelText: string; /** Get or Set */ floatingLabelType: FloatingLabelType; /** Get or Set */ floatingLabelDirection: FloatingLabelDirection; /** Get or Set */ width: number | string; /** Get or Set */ height: number | string; /** Get or Set */ minWidth: number | string; /** Get or Set */ minHeight: number | string; /** Get or Set */ maxWidth: number | string; /** Get or Set */ maxHeight: number | string; /** Get or Set */ fontSize: number | string; setAutoDropDown(v: boolean): void; getEnabled(): boolean; setEnabled(v: boolean): void; getReadOnly(): boolean; getVisible(): boolean; setVisible(v: boolean): void; createDropDown(dropDownButtonAlignment?: DropDownButtonAlignment, showDropDown?: boolean): IDropDownContainer; setDropDownButtonVisible(value: boolean): void; getDropDownWindow(): IDropDownContainer; getOriginalInputElement(): HTMLInputElement | HTMLTextAreaElement; getUIInputElement(): HTMLInputElement | HTMLTextAreaElement; getLayoutElement(): HTMLDivElement; setAutoScale(value: boolean): void; setMinScaleFactor(value: number): void; autoScaleText(): void; setExitOnLastChar(v: boolean): void; setEditMode(v: EditMode): void; setExitOnLeftRightKey(v: ExitOnLeftRightKey): void; setText(value: string): void; setWatermarkDisplayNullText(v: string): void; setWatermarkNullText(v: string): void; clear(): void; getText(): string; getDisplayText(): string; getUseClipboard(): boolean; setUseClipboard(v: boolean): void; getIsOverwrite(): boolean; setSelectedText(v: string): void; getSelectedText(): string; getSelectionLength(): number; setSelectionLength(v: number): void; getSelectionStart(): number; setSelectionStart(v: number): void; selectAll(): void; deselectAll(): void; setExitOnEnterKey(value: ExitKey): void; setReadOnly(v: boolean): void; setFocus(): void; onSyncValueToOriginalInput(cb: (value: boolean | number | string | object, originalInput: HTMLInputElement | HTMLTextAreaElement) => void): void; getHost(): HTMLElement; setContainer(el: HTMLElement): void; destroy(): void; onEditStatusChanged(f: (sender: this) => void): void; removeEditStatusChanged(f: (sender: this) => void): void; onTextChanged(f: (sender: this) => void): void; removeTextChanged(f: (sender: this) => void): void; onSpinUp(f: (sender: this) => void): void; removeSpinUp(f: (sender: this) => void): void; onSpinDown(f: (sender: this) => void): void; removeSpinDown(f: (sender: this) => void): void; onKeyExit(f: (sender: this) => void): void; removeKeyExit(f: (sender: this) => void): void; onInvalidInput(f: (sender: this) => void): void; removeInvalidInput(f: (sender: this) => void): void; onInput(f: (sender: this, args: InputArgs) => void): void; removeInput(f: (sender: this, args: InputArgs) => void): void; onFocusOut(f: (sender: this) => void): void; removeFocusOut(f: (sender: this) => void): void; onKeyUp(f: (sender: this, args?: CustomEventArgs) => void): void; removeKeyUp(f: (sender: this, args?: CustomEventArgs) => void): void; onKeyDown(f: (sender: this, args?: CustomEventArgs) => void): void; removeKeyDown(f: (sender: this, args?: CustomEventArgs) => void): void; } export class GcCalculator { constructor(container: HTMLElement, config?: GcCalculatorConfig); /** Get */ /** * Get the Wrap HtmlElement of current control */ readonly element: HTMLElement; /** Get or Set */ /** * Indicate whether the control displays the output box * The default value for this property is <b>true</b>. */ showOutput: boolean; /** Get or Set */ visible: boolean; /** Get or Set */ enabled: boolean; /** Get */ /** * Indicate whether the current control status is invalid, * For example, divide by 0, the status will become invaild */ readonly isInvalid: boolean; /** Get */ /** * Indicate the displayed text */ readonly text: string; /** Get or Set */ /** * Set the current calculator value, the value will be used as the left operand, * the value of memory value will not change, if the calculator is in an invalid state, the invalid state will be removed */ value: number | null; /** Get */ readonly memoryValue: number | null; /** Get or Set */ buttonText: object; /** Get */ readonly componentName: string; destroy(): void; getHost(): HTMLElement; /** * let the calcultor get the focus */ focus(): void; /** * restore the button text with default state, if some cutomized texts are applied before. */ restoreButtonText(): void; /** * perform the click action just like clicking the specific key */ performClick(btnKey: GcCalculatorKey): void; } export class GcCalendar { constructor(container: HTMLElement, config?: GcCalendarConfig); /** Get */ readonly calendarZoomRange: CalendarZoomRange | CalendarType[]; /** Get or Set */ dimensions: Dimensions; /** Get or Set */ focusDate: Date; /** Get or Set */ selections: Date[]; /** Get or Set */ selectedDate: Date; /** Get */ readonly holidayGroupsCount: number; /** Get or Set */ maxDate: Date; /** Get or Set */ minDate: Date; /** Get or Set */ maxSelectionCount: number; /** Get or Set */ selectionMode: CalendarSelectionMode; /** Get or Set */ allowSelection: AllowSelection; /** Get or Set */ emptyRows: EmptyRows; /** Get or Set */ enabled: boolean; /** Get or Set */ firstDayOfWeek: DayOfWeek; /** Get or Set */ firstFiscalMonth: Months; /** Get or Set */ firstMonthInView: Months; /** Get or Set */ yearMonthFormat: string; /** Get or Set */ weekTitleSelect: boolean; /** Get or Set */ weekNumberSelect: boolean; /** Get or Set */ headerFormat: string; /** Get or Set */ showZoomButton: boolean; /** Get or Set */ showRokuyou: Rokuyou; /** Get or Set */ showHeader: boolean; /** Get or Set */ showToday: boolean; /** Get or Set */ showWeekNumber: boolean; /** Get or Set */ showTrailing: boolean; /** Get or Set */ calendarType: CalendarType; /** Get or Set */ calendarYear: CalendarYear; /** Get or Set */ visible: boolean; /** Get or Set */ showNavigator: CalendarNavigators; /** Get or Set */ navigatorOrientation: NavigatorOrientation; /** Get or Set */ overrideTipText: string; /** Get */ readonly componentName: string; /** Get or Set */ scrollRate: number; /** Get or Set */ autoSwitch: boolean; /** Get or Set */ showAnimation: boolean; /** Set */ showContextMenu: boolean; /** Get or Set */ allowResize: boolean; /** Get or Set */ width: number | string; /** Get or Set */ height: number | string; /** Get or Set */ minWidth: number | string; /** Get or Set */ minHeight: number | string; /** Get or Set */ maxWidth: number | string; /** Get or Set */ maxHeight: number | string; destroy(): void; setFocusDate(value: Date): this; getFocusDate(): Date; setMaxDate(value: Date): void; setMinDate(value: Date): void; setMaxSelectionCount(value: number): void; setSelectionMode(value: CalendarSelectionMode): void; setSelections(value: Date[]): this; getSelections(): Date[]; setAllowSelection(value: AllowSelection): void; setSelectedDate(value: Date, disableEvents?: boolean): this; getSelectedDate(): Date; setEmptyRows(value: EmptyRows): void; setEnabled(value: boolean): this; setFirstDayOfWeek(value: DayOfWeek): void; setFirstFiscalMonth(value: Months): void; setFirstMonthInView(value: Months): void; setYearMonthFormat(value: string): void; setWeekTitleSelect(value: boolean): void; setWeekNumberSelect(value: boolean): void; setHeaderFormat(value: string): void; setShowZoomButton(value: boolean): void; setShowRokuyou(value: Rokuyou): void; setShowHeader(value: boolean): void; setShowToday(value: boolean): void; setShowWeekNumber(value: boolean): void; setShowTrailing(value: boolean): void; setCalendarType(value: CalendarType, ignoreAnimation?: boolean): this; setCalendarYear(value: CalendarYear): void; setVisible(value: boolean): this; setCalendarDimensions(width: number, height: number): void; setShowNavigator(value: CalendarNavigators): void; setNavigatorOrientation(value: NavigatorOrientation): void; setOverrideTipText(value: string): void; getHost(): HTMLElement; scrollMonth(value: number): this; scrollYear(value: number): this; getWeekday(weekday: string): WeekDay; getHolidayGroupIndex(item: HolidayGroup): number; getHolidayGroup(item: string | number): HolidayGroup; getHolidayGroupsCount(): number; addHolidayGroup(item: HolidayGroup): void; insertHolidayGroup(index: number, item: HolidayGroup): void; removeHolidayGroup(item: HolidayGroup): void; removeHolidayGroupAt(index: number): void; clearHolidayGroups(): void; onClickDate(callBack: (sender: this) => void): void; onScrolled(callBack: (sender: this) => void): void; onFocusDateChanged(callBack: (sender: this) => void): void; onSelectedDateChanged(callBack: (sender: this) => void): void; } export class HolidayGroup { constructor(name?: string, isActive?: boolean); /** Get */ readonly count: number; /** Get or Set */ isActive: boolean; getHoliday(index: number): Holiday; getHolidaysCount(): number; getHolidayIndex(item: Holiday): void; addHoliday(item: Holiday): void; clearHolidays(): void; insertHoliday(index: number, item: Holiday): void; removeHoliday(item: Holiday): void; removeHolidayAt(index: number): void; getIsActive(): boolean; setIsActive(isActive: boolean): void; setOverride(weekday: string, overrideFlag: HolidayOverride): void; getOverride(weekday: string): HolidayOverride; setWeekFlags(weekday: string, flags: WeekFlags): void; getWeekFlags(weekday: string): WeekFlags; } export class Holiday { constructor(name?: string, startMonth?: number, startDay?: number, endMonth?: number, endDay?: number); /** Get or Set */ name: string; /** Get or Set */ startMonth: number; /** Get or Set */ startDay: number; /** Get or Set */ endMonth: number; /** Get or Set */ endDay: number; setName(value: string): void; getName(): string; setStartMonth(value: number): void; getStartMonth(): number; setStartDay(value: number): void; getStartDay(): number; setEndMonth(value: number): void; getEndMonth(): number; setEndDay(value: number): void; getEndDay(): number; isHoliday(date: Date): boolean; } export class ForceHoliday { constructor(name?: string, startDate?: Date, endDate?: Date); /** Get or Set */ name: string; /** Get or Set */ start: Date; /** Get or Set */ end: Date; setName(value: string): void; getName(): string; setStart(value: Date | string): void; getStart(): Date; setEnd(value: Date | string): void; getEnd(): Date; isHoliday(date: Date): boolean; } export class ForceWorkday { constructor(name?: string, startDate?: Date, endDate?: Date); /** Get or Set */ name: string; /** Get or Set */ start: Date; /** Get or Set */ end: Date; setName(value: string): void; getName(): string; setStart(value: Date | string): void; getStart(): Date; setEnd(value: Date | string): void; getEnd(): Date; isHoliday(date: Date): boolean; } export class DayOfWeekHoliday { constructor(name?: string, month?: MonthFlags, dayOfWeekInMonth?: WeekFlags, dayOfWeek?: DayOfWeek); /** Get or Set */ name: string; /** Get or Set */ month: MonthFlags; /** Get or Set */ dayOfWeekInMonth: WeekFlags; /** Get or Set */ dayOfWeek: DayOfWeek; setName(value: string): void; getName(): string; setMonth(value: MonthFlags): void; getMonth(): MonthFlags; setDayOfWeekInMonth(value: WeekFlags): void; getDayOfWeekInMonth(): WeekFlags; setDayOfWeek(value: DayOfWeek): void; getDayOfWeek(): DayOfWeek; isHoliday(date: Date): boolean; } export class ForceDayOfWeekHoliday { constructor(name?: string, year?: number, month?: MonthFlags, dayOfWeekInMonth?: WeekFlags, dayOfWeek?: DayOfWeek); /** Get */ readonly isYearly: boolean; /** Get or Set */ year: number; /** Get or Set */ name: string; /** Get or Set */ month: MonthFlags; /** Get or Set */ dayOfWeekInMonth: WeekFlags; /** Get or Set */ dayOfWeek: DayOfWeek; getIsYearly(): boolean; setYear(value: number): void; getYear(): number; setName(value: string): void; getName(): string; setMonth(value: MonthFlags): void; getMonth(): MonthFlags; setDayOfWeekInMonth(value: WeekFlags): void; getDayOfWeekInMonth(): WeekFlags; setDayOfWeek(value: DayOfWeek): void; getDayOfWeek(): DayOfWeek; isHoliday(date: Date): boolean; } export class ForceDayOfWeekWorkday { constructor(name?: string, year?: number, month?: number, dayOfWeekInMonth?: WeekFlags, dayOfWeek?: DayOfWeek); /** Get */ readonly isYearly: boolean; /** Get or Set */ year: number; /** Get or Set */ name: string; /** Get or Set */ month: MonthFlags; /** Get or Set */ dayOfWeekInMonth: WeekFlags; /** Get or Set */ dayOfWeek: DayOfWeek; getIsYearly(): boolean; setYear(value: number): void; getYear(): number; setName(value: string): void; getName(): string; setMonth(value: MonthFlags): void; getMonth(): MonthFlags; setDayOfWeekInMonth(value: WeekFlags): void; getDayOfWeekInMonth(): WeekFlags; setDayOfWeek(value: DayOfWeek): void; getDayOfWeek(): DayOfWeek; isHoliday(date: Date): boolean; } export class WeekdaysGroup { constructor(); fireWeekDayChangedEvent(propertyName: string): void; monday(): WeekDay; tuesday(): WeekDay; wednesday(): WeekDay; thursday(): WeekDay; friday(): WeekDay; saturday(): WeekDay; sunday(): WeekDay; weekDay(index: number): WeekDay; } export class WeekDay { constructor(owner: WeekdaysGroup); setDayName(value: string): void; getReflectToTitle(): boolean; setReflectToTitle(value: boolean): void; getWeekFlags(): WeekFlags; setWeekFlags(value: WeekFlags): void; } export class GcComboBox { constructor(ele: HTMLSelectElement, option?: ComboBoxConfig); /** Get or Set */ selectedIndex: number; /** Get or Set */ selectedItem: string | object; /** Get or Set */ selectedValue: number | string | boolean | object; /** Get or Set */ checkedIndices: number[]; /** Get or Set */ checkedItems: object[] | string[]; /** Get or Set */ checkedValues: number[] | string[] | boolean[] | object[]; /** Get or Set */ items: number[] | string[] | boolean[] | object[]; /** Get */ readonly displayText: string; /** Get or Set */ readOnly: boolean; /** Get */ readonly isOverwrite: boolean; /** Get */ readonly dropDownWindow: IDropDownContainer; /** Get or Set */ allowDropDownResize: boolean; /** Get or Set */ allowColumnResize: boolean; /** Get or Set */ text: string; /** Get or Set */ autoFilter: AutoFilter; /** Get or Set */ autoSelect: boolean; /** Get or Set */ editable: boolean; /** Get or Set */ watermarkDisplayNullText: string; /** Get or Set */ watermarkNullText: string; /** Get or Set */ ellipsis: EllipsisMode; /** Get or Set */ acceptsCrlf: CrLfMode; /** Get or Set */ acceptsTabChar: TabCharMode; /** Get or Set */ ellipsisString: string; /** Get or Set */ editMode: EditMode; /** Get or Set */ exitOnLeftRightKey: ExitOnLeftRightKey; /** Get or Set */ highlightText: boolean; /** Get or Set */ useClipboard: boolean; /** Get or Set */ exitOnEnterKey: ExitKey; /** Get or Set */ showTip: boolean; /** Get or Set */ enabled: boolean; /** Get or Set */ visible: boolean; /** Get or Set */ container: HTMLElement; /** Get or Set */ autoDropDown: boolean; /** Get or Set */ dropDownButtonVisible: boolean; /** Set */ spinButtonVisible: boolean; /** Get or Set */ spinWheel: boolean; /** Get or Set */ showClearButton: boolean; /** Get or Set */ showHelpButton: boolean; /** Get or Set */ showCopyButton: boolean; /** Get or Set */ helpContent: string; /** Get or Set */ copyMessage: string; /** Get or Set */ copiedMessage: string; /** Get or Set */ autoScale: boolean; /** Get or Set */ minScaleFactor: number; /** Get */ readonly componentName: string; /** Set */ spinButton: SpinButtonAlignment; /** Get or Set */ multipleItemSeparator: string; /** Get or Set */ tabIndex: number; /** Get or Set */ autoCompleteMode: AutoCompleteMode; /** Get or Set */ autoCompleteMatchMode: AutoCompleteMatchMode; /** Get or Set */ floatingLabelText: string; /** Get or Set */ floatingLabelType: FloatingLabelType; /** Get or Set */ floatingLabelDirection: FloatingLabelDirection; /** Get or Set */ width: number | string; /** Get or Set */ height: number | string; /** Get or Set */ minWidth: number | string; /** Get or Set */ minHeight: number | string; /** Get or Set */ maxWidth: number | string; /** Get or Set */ maxHeight: number | string; /** Get or Set */ fontSize: number | string; /** Get */ readonly dropDown: IDropDownContainer; /** Set */ allowSpin: SpinType; /** Get or Set */ checkBySpace: boolean; /** Get */ readonly dropDownType: ComboDropDownType; /** Get */ readonly displayMemberPath: string; /** Get */ readonly valueMemberPath: string; /** Get */ readonly dropDownList: GcListBox; /** Get */ readonly dropDownTree: IComboBoxDropDownTree; /** Set */ showContextMenu: boolean; destroy(): void; addEventListener(eventName: GcComboBoxEvent, func: (sender: this, eventArgs?: object) => void): void; removeEventListener(eventName: GcComboBoxEvent, func?: (sender: this, eventArgs?: object) => void): void; getSelectedIndex(): number; getSelectedItem(): object | string; getSelectedValue(): number | string | boolean | object; setSelectedIndex(index: number): void; setSelectedValue(value: number | string | boolean | object): void; setSelectedItem(item: object | string): void; getCheckedIndices(): number[]; getCheckedItems(): object[]; getCheckedValues(): number[] | string[] | boolean[] | object[]; setCheckedIndices(indices: number[]): void; setCheckedValues(values: number[] | string[] | boolean[] | object[]): void; setCheckedItems(items: object[]): void; clearSelected(): void; clearChecked(): void; setItems(items: object[]): void; getItems(): number[] | string[] | boolean[] | object[]; addItem(item: number | string | boolean | object, parentItem?: object): void; addItems(items: number[] | string[] | boolean[] | object[], parentItem?: object): void; insertItems(items: number[] | string[] | boolean[] | object[], start: number, parentItem?: object): void; clearItems(): void; insertItem(item: number | string | boolean | object, start: number, parentItem?: object): void; findString(str: string, start?: number, col?: string): number; findStringExact(str: string, start?: number, col?: string): number; findStringInAll(str: string, start?: number): number; findStringExactInAll(str: string, start?: number): number; setAllowDropDownResize(value: boolean): void; setAllowColumnResize(value: boolean): void; getDisplayText(): string; addSpinButton(leftSide: boolean): void; filter(filterInfos: FilterInfo[] | FilterFunc): void; sort(sortInfo: SortInfo | SortFunc | TreeViewSortFunc): void; setAutoFilter(type: AutoFilter): void; setAutoSelect(value: boolean): void; doSpinDown(increment?: number): void; doSpinUp(increment?: number): void; setEditable(value: boolean): void; setReadOnly(value: boolean): void; getReadOnly(): boolean; setWatermarkDisplayNullText(v: string): void; setWatermarkNullText(v: string): void; setAcceptsCrlf(v: CrLfMode): void; setEditMode(v: EditMode): void; setEllipsis(v: EllipsisMode): void; setEllipsisString(v: string): void; setExitOnLeftRightKey(v: ExitOnLeftRightKey): void; setHighlightText(v: boolean): void; getIsOverwrite(): boolean; setUseClipboard(v: boolean): void; setExitOnEnterKey(v: ExitKey): void; setShowTip(value: boolean): void; setEnabled(v: boolean): void; setVisible(v: boolean): void; updateColumnAutoFit(config: AutofitInfo[]): void; getDropDownWindow(): IDropDownContainer; setContainer(el: HTMLElement): void; setAutoDropDown(v: boolean): void; setDropDownButtonVisible(value: boolean): void; setText(text: string): void; setSpinWheel(v: boolean): void; setFocus(): void; setSelectionStart(value: number): void; selectAll(): void; getTargetControl(): GcInputManBase; setShowClearButton(v: boolean): void; setAutoScale(value: boolean): void; setMinScaleFactor(value: number): void; autoScaleText(): void; getDropDownColumnWidth(col: string): number | null; setDropDownColumnWidth(col: string, width: number | string): void; getHost(): HTMLElement; } export class GcDateTime extends GcInputManBase { constructor(inputEl: HTMLInputElement, config?: GcDateTimeConfig); /** Get or Set */ selectionStart: number; /** Get */ readonly isOverwrite: boolean; /** Get or Set */ selectionLength: number; /** Get or Set */ value: Date | string; /** Get or Set */ number: number | string; /** Get or Set */ text: string; /** Get or Set */ selectedText: string; /** Get */ readonly currentField: DateCursorPosition; /** Get */ readonly displayText: string; /** Get or Set */ acceptsCrlf: CrLfMode; /** Get or Set */ clipContent: ClipContent; /** Get or Set */ useClipboard: boolean; /** Get or Set */ maxDate: Date | string; /** Get or Set */ minDate: Date | string; /** Get or Set */ formatPattern: string; /** Get or Set */ spinIncrement: number; /** Get or Set */ spinOnKeys: boolean; /** Get or Set */ spinWheel: boolean; /** Get or Set */ spinWrap: boolean; /** Get or Set */ allowSpin: boolean | SpinType; /** Get or Set */ displayFormatPattern: string; /** Get or Set */ watermarkEmptyEraText: string; /** Get or Set */ displayWatermarkEmptyEraText: string; /** Get or Set */ watermarkNullText: string; /** Get or Set */ watermarkDisplayNullText: string; /** Get or Set */ promptChar: string; /** Get or Set */ editMode: EditMode; /** Get or Set */ AMDesignator: string; /** Get or Set */ PMDesignator: string; /** Get or Set */ twoDigitYearMax: number; /** Get or Set */ hour12Mode: Hour12Mode; /** Get or Set */ cursorPosition: DateCursorPosition; /** Get or Set */ tabAction: TabAction; /** Get or Set */ maxMinBehavior: MaxMinBehavior; /** Get or Set */ highlightText: HighlightText; /** Get or Set */ midnightAs24: boolean; /** Get or Set */ exitOnLastChar: boolean; /** Get or Set */ exitOnLeftRightKey: ExitOnLeftRightKey; /** Get or Set */ showLiterals: ShowLiterals; /** Get or Set */ adjustValueOnFocus: boolean; /** Get or Set */ useTwoDigitYearMax: boolean; /** Get or Set */ validateMode: ValidateMode; /** Get or Set */ watermarkDisplayEmptyEraText: string; /** Get or Set */ exitOnEnterKey: ExitKey; /** Set */ spinButton: SpinButtonAlignment; /** Get or Set */ autoConvert: boolean; /** Set */ showContextMenu: boolean; /** Get */ readonly dropDownCalendar: GcDropDownCalendar; setAcceptsCrlf(v: CrLfMode): void; setClipContent(v: ClipContent): void; setMaxDate(v: Date | string): void; setMinDate(v: Date | string): void; setValue(v: Date | string): void; getValue(): Date | null; setNumber(v: number | string): void; setFormatPattern(v: string): void; setSpinIncrement(v: number): void; setSpinOnKeys(v: boolean): void; setSpinWheel(v: boolean): void; setSpinWrap(v: boolean): void; setAllowSpin(v: boolean | SpinType): void; setDisplayFormatPattern(v: string): void; setWatermarkEmptyEraText(v: string): void; setDisplayWatermarkEmptyEraText(v: string): void; setPromptChar(v: string): void; setAMDesignator(v: string): void; setPMDesignator(v: string): void; setTwoDigitYearMax(v: number): void; setHour12Mode(v: Hour12Mode): void; setCursorPosition(v: DateCursorPosition): void; setTabAction(v: TabAction): void; setMaxMinBehavior(v: MaxMinBehavior): void; setHighlightText(v: HighlightText): void; setMidnightAs24(v: boolean): void; setShowLiterals(value: ShowLiterals): void; setAdjustValueOnFocus(value: boolean): void; setUseTwoDigitYearMax(value: boolean): void; setValidateMode(value: ValidateMode): void; setWatermarkDisplayEmptyEraText(value: string): void; doSpinDown(param1?: number, param2?: number): void; doSpinUp(param1?: number, param2?: number): void; getNumber(): number; getCurrentField(): DateCursorPosition; addSpinButton(alignment: SpinButtonAlignment): void; onInvalidRange(f: (sender: this) => void): void; removeInvalidRange(f: (sender: this) => void): void; onInvalidValue(f: (sender: this) => void): void; removeInvalidValue(f: (sender: this) => void): void; onNumberChanged(f: (sender: this) => void): void; removeNumberChanged(f: (sender: this) => void): void; onValueChanged(f: (sender: this) => void): void; removeValueChanged(f: (sender: this) => void): void; addDropDown( dropdownButtonAlignment: DropDownButtonAlignment, type?: DateDropDownType, config?: GcDateTimeCalendarConfig | GcDateTimeDropDownPickerConfig ): void; addDropDownCalendar(dropdownButtonAlignment?: DropDownButtonAlignment): void; getDropDownCalendar(): GcDropDownCalendar; } export class GcDateTimePicker { constructor(eleHtml: HTMLElement, pickerConfig?: PickerConfig); /** Get or Set */ value: Date; /** Get or Set */ visible: boolean; /** Get or Set */ maxDate: Date | string | number; /** Get or Set */ minDate: Date | string | number; /** Get or Set */ pickerType: PickerType; /** Get or Set */ secondsInterval: Interval; /** Get or Set */ minuteInterval: Interval; /** Get or Set */ enabled: boolean; /** Get or Set */ isShowSeconds: boolean; /** Get or Set */ isShowMidnightAs24: boolean; /** Get */ readonly componentName: string; destroy(): void; getHost(): HTMLElement; setVisible(visible: boolean): void; addEventListener(eventType: GcDateTimePickerEvent, func: (sender?: this, args?: GcDateTimePickerEventArgs) => void): void; removeEventListener(eventType: GcDateTimePickerEvent, func: (sender?: this, args?: GcDateTimePickerEventArgs) => void): void; setMaxDate(maxDate: Date | string | number): void; setMinDate(minDate: Date | string | number): void; setPickerType(type: PickerType): void; showSeconds(v: boolean): void; getValue(): Date; setValue(date: Date): void; showMidnightAs24(value: boolean): void; setSecondsInterval(interval: Interval): void; setMinuteInterval(interval: Interval): void; setEnabled(value: boolean): void; } export abstract class DropDownBase { constructor(dropDownContainer: IDropDownContainer); } export class GcDropDownSlider extends DropDownBase { constructor(dropDownOwner: IDropDownSliderOwner, dropDownContainer: IDropDownContainer, config?: IGcDropDownSliderConfig); /** Get or Set */ min: number; /** Get or Set */ max: number; /** Get or Set */ step: number | null; /** Get or Set */ marks: number[]; /** Get or Set */ valueChangeMode: SliderValueChangeMode; /** Get or Set */ direction: SliderDirection; /** Get or Set */ showMarkLabel: boolean; /** Get or Set */ markLabelFormat: FormatFunction; /** Get or Set */ markLabelPosition: SliderTooltipPosition; /** Get or Set */ tooltipShowMode: SliderTooltipShowMode; /** Get or Set */ tooltipFormat: FormatFunction; /** Get or Set */ tooltipPosition: SliderTooltipPosition; /** Get or Set */ showMarkTip: boolean; /** Get or Set */ markTipFormat: FormatFunction; /** Get or Set */ keyStep: number; /** Get or Set */ width: string | number; /** Get or Set */ height: string | number; } export class GcDropDown { /** Get or Set */ static animationType: DropDownAnimationType; /** Get or Set */ static appendDropDownToBody: boolean; } export class GcDropDownCalendar extends DropDownBase { constructor(dropDownOwner: IDropDownOwner, dropDownContainer: IDropDownContainer, config?: GcDateTimeCalendarConfig); /** Get or Set */ calendarDimensions: Dimensions; /** Get */ readonly selectedDate: Date; /** Get or Set */ focusDate: Date; /** Get */ readonly holidayGroupsCount: number; /** Get or Set */ maxDate: Date; /** Get or Set */ minDate: Date; /** Get or Set */ defaultDate: Date | null; /** Get or Set */ allowSelection: AllowSelection; /** Get or Set */ emptyRows: EmptyRows; /** Get or Set */ firstDayOfWeek: DayOfWeek; /** Get or Set */ firstMonthInView: Months; /** Get or Set */ yearMonthFormat: string; /** Get or Set */ headerFormat: string; /** Get or Set */ showZoomButton: boolean; /** Get or Set */ showRokuyou: Rokuyou; /** Get or Set */ showHeader: boolean; /** Get or Set */ showToday: boolean; /** Get or Set */ showWeekNumber: boolean; /** Get or Set */ showTrailing: boolean; /** Get or Set */ calendarType: CalendarType; /** Get */ readonly calendarZoomRange: CalendarZoomRange | CalendarType[]; /** Get or Set */ showNavigator: CalendarNavigators; /** Get or Set */ navigatorOrientation: NavigatorOrientation; /** Get or Set */ overrideTipText: string; /** Set */ showContextMenu: boolean; /** Get or Set */ autoSwitch: boolean; /** Get or Set */ width: number | string; /** Get or Set */ height: number | string; /** Get or Set */ allowResize: boolean; /** Get or Set */ minWidth: number | string; /** Get or Set */ minHeight: number | string; /** Get or Set */ maxWidth: number | string; /** Get or Set */ maxHeight: number | string; getValue(): Date; setValue(v: Date): void; toggleOpen(showAnimation?: boolean): void; close(showAnimation?: boolean): void; open(): void; getElement(): HTMLElement; getSelectedDate(): Date; setFocusDate(value: Date): void; getFocusDate(): Date; setMaxDate(value: Date): void; setMinDate(value: Date): void; setAllowSelection(value: AllowSelection): void; setEmptyRows(value: EmptyRows): void; setFirstDayOfWeek(value: DayOfWeek): void; setFirstMonthInView(value: Months): void; setYearMonthFormat(value: string): void; setHeaderFormat(value: string): void; setShowZoomButton(value: boolean): void; setShowRokuyou(value: Rokuyou): void; setShowHeader(value: boolean): void; setShowToday(value: boolean): void; setShowWeekNumber(value: boolean): void; setShowTrailing(value: boolean): void; setCalendarType(value: CalendarType, ignoreAnimation?: boolean): void; setCalendarDimensions(width: number, height: number): void; setShowNavigator(value: CalendarNavigators): void; setNavigatorOrientation(value: NavigatorOrientation): void; setOverrideTipText(value: string): void; getHolidayGroup(indexOrName: string): HolidayGroup; getHolidayGroupsCount(): number; addHolidayGroup(item: HolidayGroup): void; clearHolidayGroups(): void; getHolidayGroupIndex(item: HolidayGroup): number; insertHolidayGroup(index: number, item: HolidayGroup): void; removeHolidayGroup(item: HolidayGroup): void; removeHolidayGroupAt(index: number): void; getWeekday(weekday: string): WeekDay; onScrolled(callback: (sender: this, eArgs: object) => void): void; onFocusDateChanged(callback: (sender: this, eArgs: object) => void): void; onClickDate(callback: (sender: this, eArgs: object) => void): void; onSelectedDateChanged(callback: (sender: this, eArgs: object) => void): void; removeSelectedDateChanged(callback: (sender: this, eArgs: object) => void): void; } export class GcDropDownPicker extends DropDownBase { constructor(dropDownOwner: IDropDownOwner, dropDownContainer: IDropDownContainer, pickerConfig?: GcDateTimeDropDownPickerConfig); /** Get or Set */ selectedDate: Date; /** Get or Set */ maxDate: Date; /** Get or Set */ minDate: Date; /** Get or Set */ defaultDate: Date | null; /** Get or Set */ pickerType: PickerType; /** Get or Set */ minuteInterval: Interval; /** Get or Set */ secondsInterval: Interval; /** Get or Set */ enabled: boolean; getValue(): Date; setValue(v: Date): void; toggleOpen(showAnimation?: boolean): void; onSelectedDateChanged(callback: (sender: this) => void): void; setSelectedDate(value: Date): void; close(showAnimation?: boolean): void; open(): void; getElement(): HTMLElement; getSelectedDate(): Date; setMaxDate(value: Date): void; setMinDate(value: Date): void; setPickerType(type: PickerType): void; setMinuteInterval(interval: Interval): void; setSecondsInterval(interval: Interval): void; setEnabled(value: boolean): void; } /** * Represents a component without layout for users to preserving form values across page refreshes and multiple sessions. */ export class GcFormPersistence { /** * Initializes a new instance of {@Link GcFormPersistence} class. * @param element The Dom element that FormPersistence working on. * @param config The JavaScript object containing initialization data for FormPersistence. */ constructor(form: HTMLElement, config?: GcFormPersistenceConfig); /** Get or Set */ /** * A unique identifier for this form's storage key. * Required if using a form without an id. If unspecified, form id will be used. */ id: string; /** Get or Set */ /** * Indicate use sessionStorage or localStorage to store data, check {@Link StorageMode} */ storageMode: StorageMode; /** Get or Set */ /** * Indicate save data to storage on refresh or on submit, check {@Link SaveMode} */ saveMode: SaveMode; /** Get */ /** * Get GCIM component name. */ readonly componentName: string; destroy(): void; /** * Persist form data. */ persist(): void; /** * Cancel persist form data. */ unPersist(): void; /** * Get value by name from storage. * @param name Indicate a unique name for the data in storage. */ getValue(name: string): object; /** * Set value to storage. * @param name Indicate a unique name for the data in storage. * @param value Indicate the value of this key in storage. */ setValue(name: string, value: object): void; /** * Clear storage from localStorage or sessionStorage. */ clearStorage(): void; /** * Indicate if skip current element. */ skip(f: (element: HTMLElement) => boolean): void; /** * FormPersistence should support controls from different product, like IMJS, Wijmo or any other thirdparty component, * so we allow thirdparty register an editor to FormPersistence, and make sure we can get value(save data to storage) * and set value(recovery data from storage) to their controls. * @param IThirdPartyEditor an instance which inherit from {@link IThirdPartyEditor}. */ static registerEditor(editor: IThirdpartyEditor): void; } export class GcFunctionKey { constructor(ele: HTMLDivElement, config?: FunctionKeyConfig); /** Get or Set */ keyRepeat: boolean; /** Get or Set */ handleMouse: boolean; /** Get or Set */ showTip: boolean; /** Get or Set */ combinationKeyDisplayMode: CombinationKeyDisplayMode; /** Get */ readonly componentName: string; /** Get or Set */ visible: boolean; /** Get or Set */ enabled: boolean; getHost(): HTMLElement; addFunctionKey(...infos: Array<FunctionKey | FunctionKeyInfo | ActivateCallBack>): void; removeFunctionKey(...removeItems: Array<FunctionKey>): void; onActived(callBack: ActivateCallBack): void; setEnabled(value: boolean, key?: FunctionKey): void; setVisible(value: boolean, key?: FunctionKey): void; destroy(): void; } export class GcListBox { constructor(ele: HTMLSelectElement | HTMLInputElement | HTMLElement, option?: ListBoxConfig); /** Get */ readonly checkedItems: object[] | string[]; /** Get or Set */ checkedIndices: number[]; /** Get */ readonly selectedItems: object[] | string[]; /** Get */ readonly selectedItem: object | string; /** Get or Set */ selectedIndices: number[]; /** Get or Set */ selectedIndex: number; /** Get */ readonly selectedValues: number[] | string[] | boolean[] | object[]; /** Get */ readonly selectedValue: number | string | boolean | object; /** Get or Set */ items: object[] | string[]; /** Get or Set */ checkedIndex: number; /** Get or Set */ visibleItemCount: number; /** Get or Set */ columns: ColumnConfig[]; /** Get or Set */ virtualMode: boolean; /** Get or Set */